.video-widget {
    background-color: #fff;
    border-radius: 10px;
    bottom: 50px;
    display: none;
    left: 50px;
    max-height: 80vh;
    min-height: 130px;
    position: fixed;
    transition: height .2s linear;
    z-index: 150
}

.video-widget .video-widget__video {
    border: 2px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    height: 100%;
    overflow: hidden
}

.video-widget.video-widget_right {
    left: auto;
    right: 50px
}

.video-widget.video-widget_right .video-widget__form-wrapper_inside {
    left: auto;
    right: 0
}

.video-widget_open .video-widget__timeline {
    opacity: 1
}

.video-widget_open .video-widget__close,
.video-widget_open .video-widget__mute {
    display: block;
    opacity: 1;
    right: 8px;
    transform: translateY(6px);
    z-index: 1
}

.video-widget_open .video-widget__mute {
    background-image: url(../images/78e964c907d499bfc712.svg);
    background-size: 15px
}

.video-widget_open .video-widget__mute.mute {
    background-image: url(../images/53ec791aede8c0726000.svg)
}

.video-widget_inside {
    max-height: 300px;
    min-height: 300px;
    overflow: hidden
}

.video-widget_inside>button,
.video-widget_inside>input {
    display: none !important
}

.video-widget_inside .video-widget__video {
    max-width: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.video-widget__pause,
.video-widget__play {
    background-color: initial;
    background-image: url(../images/18567ba274b82a0d814f.svg);
    background-position: 50%;
    background-size: cover;
    border: initial;
    border-radius: 50%;
    bottom: 50%;
    display: none;
    height: 50px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    z-index: 1
}

.video-widget__pause {
    background-image: url(../images/b59a8c6cfc5ac9c27b9b.svg)
}

.video-widget__timeline {
    -webkit-appearance: none;
    appearance: none;
    background: hsla(0, 0%, 90%, .3);
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    height: 5px;
    left: 4px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 4px;
    top: 2px;
    z-index: 1
}

.video-widget__timeline::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    box-shadow: -100vw 0 0 100vw #ff3d3e;
    width: 0
}

.video-widget__btn,
.video-widget__form-btn {
    background-color: #e8902b;
    border: none;
    border-radius: 5px;
    color: #fff;
    min-height: 36px;
    padding-bottom: 5px;
    padding-top: 5px
}

.video-widget__btn:hover,
.video-widget__form-btn:hover {
    background-color: #f49d38
}

.video-widget__btn {
    bottom: 30px;
    display: none;
    left: 20px;
    position: absolute;
    right: 20px
}

.video-widget__btn.visible {
    display: block
}

.video-widget__close,
.video-widget__mute {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    border: initial;
    border-radius: 50%;
    cursor: pointer;
    max-height: 25px;
    max-width: 25px;
    min-height: 25px;
    min-width: 25px;
    opacity: 0;
    padding: initial;
    position: absolute;
    right: 5px;
    top: 5px
}

.video-widget__close:hover,
.video-widget__mute:hover {
    background-color: #b7b5b5
}

.video-widget__close {
    background-image: url(../images/01cad5087749bb796e63.svg)
}

.video-widget__close.visible {
    opacity: 1;
    z-index: 1
}

.video-widget__mute {
    display: none;
    top: 40px
}

.video-widget__form-wrapper {
    display: none;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    max-width: 550px;
    width: 100%
}

.video-widget__form-wrapper_open {
    display: block;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: relative;
    top: auto;
    transform: none;
    width: -webkit-fit-content;
    width: fit-content
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form {
    background-color: rgba(98, 97, 97, .7);
    border-radius: 9px;
    height: 100%;
    padding: 8px;
    width: 160px
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: auto
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-title {
    display: none
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-group {
    margin-bottom: 6px
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-group .input {
    border-radius: 5px;
    font-size: 8px;
    height: 36px;
    line-height: 10px
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-group .input::-webkit-input-placeholder {
    font-size: 8px;
    line-height: 10px
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-group .input::placeholder {
    font-size: 8px;
    line-height: 10px
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-btn {
    font-size: 8px;
    height: 36px;
    line-height: 11px
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-policy {
    color: #fff;
    font-size: 6px;
    line-height: 7.3px
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-policy * {
    color: #fff
}

.video-widget__form-wrapper_open.video-widget__form-wrapper_inside .video-widget__form-close {
    background-size: 45%;
    height: 15px;
    right: 5px;
    top: 5px;
    width: 15px
}

.video-widget__form-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    width: -webkit-fit-content;
    width: fit-content
}

.video-widget__form-bg {
    background-color: rgba(48, 42, 35, .5);
    bottom: -100vw;
    content: "";
    left: -100vw;
    position: absolute;
    right: -100vw;
    top: -100vw;
    z-index: -1
}

.video-widget__form-close {
    background-color: #f4f3f3;
    background-image: url(../images/01cad5087749bb796e63.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    border: initial;
    border-radius: 50%;
    height: 40px;
    position: absolute;
    right: 30px;
    top: 18px;
    width: 40px
}

.video-widget__form-close:hover {
    background-color: #f3f1ee
}

.video-widget__form {
    background-color: #fff;
    border-radius: 30px;
    margin: auto;
    max-width: 526px;
    padding: 72px 73px 61px
}

.video-widget__form-title {
    color: #393b3e;
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 22px;
    text-align: center
}

.video-widget__form-title span {
    color: #e8902b
}

.video-widget__form-policy {
    color: #767676;
    font-size: 14px;
    line-height: 17px;
    text-align: center
}

.video-widget__form-policy button {
    background-color: initial;
    border: none;
    color: #767676;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400
}

.video-widget__form-group {
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
    max-width: 348px;
    width: 100%
}

.video-widget__form-group.error .input {
    border-color: #fb7474;
    color: #fb7474
}

.video-widget__form-group.error .input::-webkit-input-placeholder {
    color: #fb7474
}

.video-widget__form-group.error .input::placeholder {
    color: #fb7474
}

.video-widget__form-group .input {
    background-color: #fff;
    border: 1px solid #b2b0b0;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    height: 77px;
    padding-left: 22px;
    width: 100%
}

.video-widget__form-group .input::-webkit-input-placeholder {
    color: #b2b0b0;
    font-size: 18px;
    line-height: 21px
}

.video-widget__form-group .input::placeholder {
    color: #b2b0b0;
    font-size: 18px;
    line-height: 21px
}

.video-widget__form-btn {
    border-radius: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 77px;
    line-height: 22.4px;
    text-transform: uppercase;
    width: 100%
}

@media screen and (max-width:767px) {
    .video-widget {
        bottom: 25px;
        left: 25px
    }

    .video-widget.video-widget_right {
        right: 25px
    }

    .video-widget__form-wrapper {
        width: calc(100vw - 30px)
    }

    .video-widget__btn {
        font-size: 12px;
        left: 10px;
        right: 10px
    }

    .video-widget__form {
        border-radius: 15px;
        max-width: none;
        padding: 64px 12px 53px
    }

    .video-widget__form-close {
        height: 34px;
        right: 14px;
        top: 14px;
        width: 34px
    }

    .video-widget__form-title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 27px
    }
}

.wheel.wheel_theme-dark-1 {
    --fw-main-text: #fff;
    --fw-main-bg: #3a16a6;
    --fw-sector-text: #fff;
    --fw-sector-line-color: #fff;
    --fw-rays-color: #fff;
    --fw-rays-opacity: 0.2;
    --fw-border-bg: linear-gradient(180deg, #0097f5, #023865 50.86%, #0097f5);
    --fw-border-dashed: hsla(0, 0%, 100%, .7);
    --fw-border-icons-bg: linear-gradient(180deg, #0097f5, #0058a3 50.86%, #0097f5);
    --fw-border-center: linear-gradient(180deg, #0097f5, #0058a3 50.86%, #0097f5);
    --fw-counter-bg: #fff;
    --fw-counter-text: #515151;
    --fw-counter-progress: 0;
    --fw-counter-progress-color: #db3f7b;
    --fw-counter-progress-bg: #dfdfdf;
    --fw-counter-bg-ring: #fff;
    --fw-counter-participants: #fff;
    --fw-gift-image-color: hsla(0, 0%, 100%, .6);
    --fw-size: 412px;
    --fw-submit-button: #369d9a;
    --fw-submit-button-text: #fff;
    --fw-submit-button-shadow: #2a7674;
    --fw-wheel-button: #369d9a;
    --fw-wheel-button-text: #fff;
    --fw-wheel-button-disabled: #a9a9a9;
    --fw-promo-color: #fff;
    --fw-promo-bg: hsla(0, 0%, 100%, .1);
    --fw-promo-border: #369d9a;
    --fw-promo-blur: blur(10px);
    --fw-promo-policy: #b5a3fd;
    --fw-input-color: #4d4d4d;
    --fw-input-hover: #f0f0f0;
    --fw-input-bg: #fff;
    --fw-result-counter-color: #fff;
    --fw-result-counter-bg: hsla(0, 0%, 100%, .1);
    --fw-result-success-text: #fff;
    --fw-result-gift-text: #fff;
    --fw-modal-border: #f5deff
}

.wheel.wheel_theme-light-1 {
    --fw-main-text: #333;
    --fw-main-bg: #e5e5e5;
    --fw-sector-text: #fff;
    --fw-sector-line-color: #fff;
    --fw-rays-color: #0165b3;
    --fw-rays-opacity: 0.3;
    --fw-border-bg: linear-gradient(180deg, #0097f5, #023865 50.86%, #0097f5);
    --fw-border-dashed: #fff;
    --fw-border-icons-bg: linear-gradient(180deg, #0097f5, #0058a3 50.86%, #0097f5);
    --fw-border-center: linear-gradient(180deg, #0097f5, #0058a3 50.86%, #0097f5);
    --fw-counter-bg: #fff;
    --fw-counter-text: #515151;
    --fw-counter-progress: 0;
    --fw-counter-progress-color: #db3f7b;
    --fw-counter-progress-bg: #dfdfdf;
    --fw-counter-bg-ring: #fff;
    --fw-counter-participants: #333;
    --fw-gift-image-color: rgba(116, 67, 166, .6);
    --fw-size: 412px;
    --fw-submit-button: #369d9a;
    --fw-submit-button-text: #fff;
    --fw-submit-button-shadow: #2a7674;
    --fw-wheel-button: #369d9a;
    --fw-wheel-button-text: #fff;
    --fw-wheel-button-disabled: #a9a9a9;
    --fw-promo-color: #333;
    --fw-promo-bg: hsla(0, 0%, 100%, .1);
    --fw-promo-border: #369d9a;
    --fw-promo-blur: blur(10px);
    --fw-promo-policy: #333;
    --fw-input-color: #4d4d4d;
    --fw-input-hover: #f0f0f0;
    --fw-input-bg: #fff;
    --fw-result-counter-color: #333;
    --fw-result-counter-bg: #fff;
    --fw-result-success-text: #333;
    --fw-result-gift-text: #333;
    --fw-modal-border: #fff
}

.wheel.wheel_theme-dark-2 {
    --fw-main-text: #fff;
    --fw-main-bg: #252525;
    --fw-sector-text: #333;
    --fw-sector-line-color: #81c400;
    --fw-rays-color: #e6ffb4;
    --fw-rays-opacity: 0.1;
    --fw-border-bg: #669b00;
    --fw-border-dashed: hsla(0, 0%, 75%, .5);
    --fw-border-icons-bg: #81c400;
    --fw-border-center: #db3f7b;
    --fw-counter-bg: #fff;
    --fw-counter-text: #515151;
    --fw-counter-progress: 0;
    --fw-counter-progress-color: #db3f7b;
    --fw-counter-progress-bg: #dfdfdf;
    --fw-counter-bg-ring: #fff;
    --fw-counter-participants: #b2b2b2;
    --fw-gift-image-color: rgba(129, 196, 0, .6);
    --fw-size: 412px;
    --fw-submit-button: #db3f7b;
    --fw-submit-button-text: #fff;
    --fw-submit-button-shadow: #b03363;
    --fw-wheel-button: #db3f7b;
    --fw-wheel-button-text: #fff;
    --fw-wheel-button-disabled: #c9c9c9;
    --fw-promo-color: #fff;
    --fw-promo-bg: hsla(0, 0%, 100%, .1);
    --fw-promo-border: #999;
    --fw-promo-blur: blur(10px);
    --fw-promo-policy: #b2b2b2;
    --fw-input-color: #4d4d4d;
    --fw-input-hover: #f0f0f0;
    --fw-input-bg: #fff;
    --fw-result-counter-color: #333;
    --fw-result-counter-bg: #fff;
    --fw-result-success-text: #81c400;
    --fw-result-gift-text: #fff;
    --fw-modal-border: #81c400;
    background-image: none
}

.wheel.wheel_theme-dark-2 .wheel__bg-filter {
    display: none
}

.wheel.wheel_theme-dark-2 .wheel__gifts .wheel__text .bold {
    color: var(--fw-button)
}

.wheel.wheel_theme-dark-2 .wheel__button.wheel__button_disabled,
.wheel.wheel_theme-dark-2 .wheel__button:disabled {
    color: #a0a0a0
}

.wheel.wheel_theme-dark-2 .wheel__button.wheel__button_disabled .wheel__button-icon,
.wheel.wheel_theme-dark-2 .wheel__button.wheel__button_disabled .wheel__button-text,
.wheel.wheel_theme-dark-2 .wheel__button:disabled .wheel__button-icon,
.wheel.wheel_theme-dark-2 .wheel__button:disabled .wheel__button-text {
    opacity: 1
}

.wheel.wheel_theme-dark-2 .wheel__button.wheel__button_disabled .wheel__button-icon svg path,
.wheel.wheel_theme-dark-2 .wheel__button.wheel__button_disabled .wheel__button-text svg path,
.wheel.wheel_theme-dark-2 .wheel__button:disabled .wheel__button-icon svg path,
.wheel.wheel_theme-dark-2 .wheel__button:disabled .wheel__button-text svg path {
    fill: #a0a0a0
}

.wheel.wheel_theme-light-2 {
    --fw-main-text: #4f4f4f;
    --fw-main-bg: #fff;
    --fw-sector-text: #333;
    --fw-sector-line-color: #81c400;
    --fw-rays-color: #e6ffb4;
    --fw-rays-opacity: 1;
    --fw-border-bg: #669b00;
    --fw-border-dashed: hsla(0, 0%, 75%, .5);
    --fw-border-icons-bg: #81c400;
    --fw-border-center: #db3f7b;
    --fw-counter-bg: #f0f0f0;
    --fw-counter-text: #333;
    --fw-counter-progress: 0;
    --fw-counter-progress-color: #db3f7b;
    --fw-counter-progress-bg: #dfdfdf;
    --fw-counter-bg-ring: #fff;
    --fw-counter-participants: #333;
    --fw-gift-image-color: rgba(129, 196, 0, .6);
    --fw-size: 412px;
    --fw-submit-button: #db3f7b;
    --fw-submit-button-text: #fff;
    --fw-submit-button-shadow: #b03363;
    --fw-wheel-button: #db3f7b;
    --fw-wheel-button-text: #fff;
    --fw-wheel-button-disabled: #c9c9c9;
    --fw-promo-color: #333;
    --fw-promo-bg: #f5ffe3;
    --fw-promo-border: #81c400;
    --fw-promo-blur: blur(10px);
    --fw-promo-policy: #333;
    --fw-input-color: #4d4d4d;
    --fw-input-hover: #f0f0f0;
    --fw-input-bg: #f0f0f0;
    --fw-result-counter-color: #333;
    --fw-result-counter-bg: #f0f0f0;
    --fw-result-success-text: #69a000;
    --fw-result-gift-text: #333;
    --fw-modal-border: #81c400;
    background-image: none
}

.wheel.wheel_theme-light-2 .wheel__bg-filter {
    display: none
}

.wheel.wheel_theme-light-2 .wheel__gifts .wheel__text .bold {
    color: var(--fw-button)
}

.wheel.wheel_theme-light-2 .wheel__button.wheel__button_disabled,
.wheel.wheel_theme-light-2 .wheel__button:disabled {
    color: #a0a0a0
}

.wheel.wheel_theme-light-2 .wheel__button.wheel__button_disabled .wheel__button-icon,
.wheel.wheel_theme-light-2 .wheel__button.wheel__button_disabled .wheel__button-text,
.wheel.wheel_theme-light-2 .wheel__button:disabled .wheel__button-icon,
.wheel.wheel_theme-light-2 .wheel__button:disabled .wheel__button-text {
    opacity: 1
}

.wheel.wheel_theme-light-2 .wheel__button.wheel__button_disabled .wheel__button-icon svg path,
.wheel.wheel_theme-light-2 .wheel__button.wheel__button_disabled .wheel__button-text svg path,
.wheel.wheel_theme-light-2 .wheel__button:disabled .wheel__button-icon svg path,
.wheel.wheel_theme-light-2 .wheel__button:disabled .wheel__button-text svg path {
    fill: #a0a0a0
}

.wheel {
    align-items: center;
    background-color: var(--fw-main-bg);
    background-image: url(../images/7f9863b84c0fa221a3c4.webp);
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    justify-items: center;
    margin-bottom: 50px;
    overflow: hidden;
    padding: 60px 0;
    place-items: center;
    position: relative
}

.wheel>* {
    box-sizing: border-box
}

.wheel .sb {
    font-weight: 600
}

.wheel .bold,
.wheel .sb {
    font-family: Inter, sans-serif;
    font-style: normal
}

.wheel .bold {
    font-weight: 700
}

.wheel__bg-filter {
    background-image: url(../images/64f5c928b815a64c138c.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.wheel__row {
    max-width: 1190px;
    padding: 0 65px 0 56px
}

.wheel__wrapper {
    align-items: start;
    color: var(--fw-main-text);
    display: grid;
    grid-template-columns: auto auto
}

.wheel__info {
    display: flex;
    flex-direction: column;
    margin-right: -190px;
    z-index: 1
}

.wheel__title {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.7px;
    line-height: 1;
    margin-bottom: 17px
}

.wheel__subtitle {
    display: inline-block;
    font-size: 22px;
    letter-spacing: -.4px;
    line-height: 26px;
    margin-bottom: 52px
}

.wheel__gift-image {
    color: var(--fw-gift-image-color);
    margin-bottom: 32px;
    margin-top: auto
}

.wheel__spinner-wrapper {
    align-items: center;
    display: grid;
    margin-top: -5px;
    padding-left: 196px;
    position: relative;
    grid-gap: calc(var(--fw-size)/20);
    grid-column: 2/3;
    grid-row: 1/5;
    grid-template-areas: "spinner"
}

.wheel__spinner-wrapper.is-hidden {
    display: none
}

.wheel__spinner-wrapper>* {
    grid-area: spinner
}

.wheel__spinner-wrapper .wheel__gift-image {
    display: none
}

.wheel__spinner {
    align-items: center;
    display: flex;
    height: 490px;
    justify-content: center;
    position: relative;
    width: 490px
}

.wheel__spinner-center:before {
    background: var(--fw-border-center);
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25);
    height: 42px;
    width: 42px;
    z-index: 1
}

.wheel__spinner-center:after,
.wheel__spinner-center:before {
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.wheel__spinner-center:after {
    background-color: #fff;
    height: 24px;
    width: 24px;
    z-index: 2
}

.wheel__gifts-shadow {
    border-radius: 50%;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .35);
    height: calc(100% - 78px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 78px);
    z-index: 1
}

.wheel__border-icons {
    background: var(--fw-border-icons-bg);
    border-radius: 50%;
    height: calc(var(--fw-size) + 78px);
    position: absolute;
    width: calc(var(--fw-size) + 78px)
}

.wheel__wrapper-icons {
    height: calc(var(--fw-size) + 50px);
    position: relative;
    transform: translate(15px, 14px);
    width: calc(var(--fw-size) + 48px)
}

.wheel__border-icon_start {
    height: 30px;
    isolation: isolate;
    mix-blend-mode: screen;
    width: 30px
}

.wheel__border-icon {
    border-radius: 50%;
    height: 25px;
    position: absolute;
    transform: translate(-50%, -50%) !important;
    width: 25px
}

.wheel__border-icon:first-child {
    left: 97%;
    top: 50%
}

.wheel__border-icon:nth-child(2) {
    left: 90%;
    top: 25%
}

.wheel__border-icon:nth-child(3) {
    left: 75%;
    top: 10%
}

.wheel__border-icon:nth-child(4) {
    left: 50%;
    top: 3%
}

.wheel__border-icon:nth-child(5) {
    left: 25%;
    top: 10%
}

.wheel__border-icon:nth-child(6) {
    left: 10%;
    top: 25%
}

.wheel__border-icon:nth-child(7) {
    left: 3%;
    top: 50%
}

.wheel__border-icon:nth-child(8) {
    left: 10%;
    top: 75%
}

.wheel__border-icon:nth-child(9) {
    left: 25%;
    top: 90%
}

.wheel__border-icon:nth-child(10) {
    left: 50%;
    top: 97%
}

.wheel__border-icon:nth-child(11) {
    left: 75%;
    top: 90%
}

.wheel__border-icon:nth-child(12) {
    left: 90%;
    top: 75%
}

.wheel__spinner-border {
    background: var(--fw-border-bg);
    border-radius: 50%;
    height: calc(var(--fw-size) + 20px);
    position: absolute;
    transform: rotate(155deg);
    width: calc(var(--fw-size) + 20px)
}

.wheel__spinner-border-dashed {
    border: 1px dashed var(--fw-border-dashed);
    border-radius: 50%;
    height: calc(var(--fw-size) - 23px);
    position: absolute;
    width: calc(var(--fw-size) - 23px);
    z-index: 10
}

.wheel__spinner-border-line {
    border: 1px solid var(--fw-sector-line-color);
    border-radius: 50%;
    height: calc(var(--fw-size) - 1px);
    position: absolute;
    width: calc(var(--fw-size) - 1px);
    z-index: 10
}

.wheel__spinner-rays {
    color: var(--fw-rays-color);
    height: 660px;
    left: 50%;
    opacity: var(--fw-rays-opacity);
    position: absolute;
    top: 50%;
    transform: translate(-51%, -46%);
    width: 660px
}

.wheel__gifts * {
    grid-area: spinner
}

.wheel__gifts {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    display: grid;
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    grid-template-areas: "spinner";
    height: var(--fw-size);
    position: relative;
    transform: rotate(25deg);
    transform: rotate(calc(var(--rotate, 25)*1deg));
    width: var(--fw-size)
}

.wheel__gifts.wheel__gifts_sector-3 .wheel__gift:before {
    background-color: var(--fw-sector-line-color);
    content: "";
    height: calc(100% - 5px);
    left: 74%;
    position: absolute;
    top: 6%;
    transform: translate(-50%, -50%) rotate(150deg);
    width: 1px
}

.wheel__gifts.wheel__gifts_sector-4 .wheel__gift:before {
    background-color: var(--fw-sector-line-color);
    content: "";
    height: calc(100% - 3px);
    left: 64%;
    position: absolute;
    top: 14%;
    transform: translate(-50%, -50%) rotate(135deg);
    width: 1px
}

.wheel__gifts.wheel__gifts_sector-5 .wheel__gift:before {
    background-color: var(--fw-sector-line-color);
    content: "";
    height: calc(100% - 11px);
    left: 57%;
    position: absolute;
    top: 19%;
    transform: translate(-50%, -50%) rotate(126deg);
    width: 1px
}

.wheel__gifts.wheel__gifts_sector-6 .wheel__gift:before {
    background-color: var(--fw-sector-line-color);
    content: "";
    height: calc(100% - 18px);
    left: 53%;
    position: absolute;
    top: 47px;
    transform: translate(-50%, -50%) rotate(120deg);
    width: 1px
}

.wheel__gifts.wheel__gifts_sector-7 .wheel__gift:before {
    background-color: var(--fw-sector-line-color);
    content: "";
    height: calc(100% - 19px);
    left: 50%;
    position: absolute;
    top: 27%;
    transform: translate(-50%, -50%) rotate(115deg);
    width: 1px
}

.wheel__gifts.wheel__gifts_sector-8 .wheel__gift:before {
    background-color: var(--fw-sector-line-color);
    content: "";
    height: calc(100% - 16px);
    left: 50%;
    position: absolute;
    top: 30%;
    transform: translate(-50%, -50%) rotate(112deg);
    width: 1px
}

.wheel__gift {
    align-items: center;
    color: var(--fw-sector-text);
    display: flex;
    font-size: 15px;
    height: 50%;
    justify-content: center;
    line-height: 18.15px;
    padding: 0 60px 0 23px;
    position: relative;
    transform: rotate(var(--rotate));
    transform-origin: center right;
    -webkit-user-select: none;
    user-select: none;
    width: 50%
}

.wheel__gift.selected .wheel__text {
    animation: wheel-selected .8s ease
}

.wheel__gift_image {
    align-items: flex-start;
    flex-direction: column;
    padding: 0 60px 35px 23px;
    row-gap: 6px
}

.wheel__controls {
    margin-left: -117px;
    z-index: 10
}

.wheel__controls,
.wheel__ticker {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.wheel__ticker {
    background: var(--fw-wheel-button);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    height: 70px;
    left: 116px;
    transform-origin: center left;
    width: 63px;
    z-index: 1
}

.wheel__ticker.wheel__ticker_disabled {
    background: var(--fw-wheel-button-disabled)
}

.wheel__button-icon {
    display: block;
    margin-top: -11px;
    z-index: 1
}

.wheel__button-text {
    display: block;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    padding: 0 25px;
    z-index: 1
}

.wheel__button {
    align-items: center;
    background: radial-gradient(44.8% 70.67% at 51.3% -8.67%, hsla(48, 50%, 96%, .55) 0, hsla(48, 50%, 96%, 0) 100%);
    border: none;
    color: var(--fw-wheel-button-text);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 153px;
    justify-content: center;
    position: relative;
    row-gap: 8px;
    width: 153px;
    z-index: 1
}

.wheel__button,
.wheel__button:before {
    background-color: var(--fw-wheel-button);
    border-radius: 50%
}

.wheel__button:before {
    animation: wheel-pulse 2s ease-in-out infinite;
    height: calc(100% + 16px);
    opacity: .4;
    transform: translate(-50%, -50%) scale(1.1);
    width: calc(100% + 16px);
    z-index: -1
}

.wheel__button:after,
.wheel__button:before {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%
}

.wheel__button:after {
    border: 1px dashed #fff;
    border-radius: 50%;
    display: block;
    height: calc(100% - 16px);
    opacity: .6;
    transform: translate(-50%, -50%);
    width: calc(100% - 16px);
    z-index: 1
}

.wheel__button.wheel__button_disabled,
.wheel__button:disabled {
    background: var(--fw-wheel-button-disabled);
    cursor: default
}

.wheel__button.wheel__button_disabled .wheel__button-icon,
.wheel__button.wheel__button_disabled .wheel__button-text,
.wheel__button:disabled .wheel__button-icon,
.wheel__button:disabled .wheel__button-text {
    opacity: .3
}

.wheel__button.wheel__button_disabled:before,
.wheel__button:disabled:before {
    background: var(--fw-wheel-button-disabled)
}

.wheel__conditions {
    margin-right: -215px;
    z-index: 1
}

.wheel__conditions-link {
    align-items: center;
    column-gap: 7px;
    cursor: pointer;
    display: flex;
    margin-bottom: 21px;
    -webkit-user-select: none;
    user-select: none
}

.wheel__conditions-link.active .wheel__conditions-icon {
    transform: rotate(0)
}

.wheel__conditions-icon {
    color: var(--fw-main-text);
    height: 19px;
    transform: rotate(180deg);
    transition: transform .2s ease-in-out;
    width: 19px
}

.wheel__conditions-text {
    font-size: 14px;
    -webkit-text-decoration: underline dashed var(--fw-main-text);
    text-decoration: underline dashed var(--fw-main-text);
    text-underline-offset: 3px;
    transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out
}

.wheel__conditions-text:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.wheel__conditions-more {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease-out
}

.wheel__conditions-more.active {
    max-height: 500px
}

.wheel__conditions-more p {
    line-height: 17px;
    margin-bottom: 8px;
    padding-left: 14px;
    position: relative
}

.wheel__conditions-more p:before {
    background-color: var(--fw-main-text);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.is-spinning .wheel__gifts {
    transition: transform 8s cubic-bezier(.1, -.01, 0, 1)
}

.is-spinning .wheel__ticker {
    animation: wheel-tick .7s cubic-bezier(.34, 1.56, .64, 1)
}

@keyframes wheel-pulse {
    0% {
        transform: translate(-50%, -50%) scale(1.1)
    }

    50% {
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        transform: translate(-50%, -50%) scale(1.1)
    }
}

@keyframes wheel-tick {
    20% {
        transform: translateY(-50%) rotate(-12deg)
    }
}

@keyframes wheel-selected {
    25% {
        text-shadow: 1vmin 1vmin 0 rgba(0, 0, 0, .1);
        transform: scale(1.25)
    }

    40% {
        text-shadow: 0 0 0 rgba(0, 0, 0, .2);
        transform: scale(.93)
    }

    60% {
        text-shadow: .5vmin .5vmin 0 rgba(0, 0, 0, .1);
        transform: scale(1.02)
    }

    75% {
        transform: scale(.98)
    }

    85% {
        transform: scale(1)
    }
}

@media screen and (max-width:1320px) {
    .wheel__row {
        padding: 0 0 0 46px
    }

    .wheel__title {
        font-size: 50px;
        margin-bottom: 13px
    }

    .wheel__subtitle {
        font-size: 20px;
        margin-bottom: 72px
    }

    .wheel__conditions {
        margin-right: -262px
    }

    .wheel__spinner-wrapper {
        margin-right: -41px
    }
}

@media screen and (max-width:1023px) {
    .wheel__row {
        padding-left: 40px
    }

    .wheel__title {
        font-size: 46px
    }

    .wheel__subtitle {
        font-size: 18px;
        margin-bottom: 48px
    }

    .wheel__gift-image {
        margin-bottom: 22px
    }

    .wheel__spinner-wrapper {
        margin-bottom: -100px;
        margin-right: -199px;
        padding-left: 115px;
        padding-top: 49px
    }

    .wheel__conditions {
        margin-right: -80px
    }

    .wheel__conditions-link {
        margin-bottom: 26px
    }
}

@media screen and (max-width:767px) {
    .wheel {
        background-image: url(../images/d3520143d841584d5b76.webp)
    }

    .wheel_result .wheel__spinner-wrapper,
    .wheel_success .wheel__spinner-wrapper {
        display: none
    }

    .wheel__row {
        padding: 0 20px
    }

    .wheel__wrapper {
        grid-template-columns: auto 1fr
    }

    .wheel__info {
        grid-column: 1/2;
        margin-right: 0
    }

    .wheel__title {
        font-size: 36px;
        letter-spacing: -.5px;
        margin-bottom: 12px
    }

    .wheel__subtitle {
        letter-spacing: -.2px;
        margin-bottom: 0
    }

    .wheel__gift-image {
        display: none
    }

    .wheel__conditions {
        margin: 0;
        order: 1
    }

    .wheel__spinner-wrapper {
        grid-column: 1/3;
        grid-row: unset;
        margin-bottom: 0;
        padding-left: 85px;
        padding-top: 13px
    }

    .wheel__spinner-wrapper .wheel__gift-image {
        display: block;
        left: -42px;
        position: absolute;
        top: 44px;
        transform: rotate(315deg)
    }

    .wheel__controls {
        margin-left: -83px;
        margin-top: 9px
    }

    .wheel__button {
        height: 122px;
        row-gap: 2px;
        width: 122px
    }

    .wheel__button:after {
        height: calc(100% - 12px);
        width: calc(100% - 12px)
    }

    .wheel__button-icon {
        margin-top: 0
    }

    .wheel__ticker {
        left: 76px
    }

    .wheel__conditions-link {
        line-height: 17px;
        margin-bottom: 26px;
        margin-top: -48px;
        max-width: 185px
    }
}

.wheel-counter {
    align-items: center;
    column-gap: 21px;
    display: flex;
    font-size: 16px;
    margin-bottom: 47px;
    margin-right: -200px;
    z-index: 1
}

.wheel-counter__info {
    align-items: center;
    background: var(--fw-counter-bg);
    border-radius: 40px;
    color: var(--fw-counter-text);
    column-gap: 5px;
    display: flex;
    justify-content: space-between;
    line-height: 1;
    min-width: 192px;
    padding: 7px 12px 6px 24px
}

.wheel-counter__info-text {
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

.wheel-counter__count {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap
}

.wheel-counter__gift {
    background: conic-gradient(var(--fw-counter-progress-color) 0, var(--fw-counter-progress-bg) 0);
    background: conic-gradient(var(--fw-counter-progress-color) var(--fw-counter-progress, 0), var(--fw-counter-progress-bg) 0);
    border-radius: 50%;
    grid-column: 2/3;
    grid-row: 1/3;
    height: 41px;
    position: relative;
    width: 41px
}

.wheel-counter__ring {
    align-items: center;
    background: var(--fw-counter-bg-ring);
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 28px
}

.wheel-counter__participants {
    color: var(--fw-counter-participants)
}

@media screen and (max-width:1320px) {
    .wheel-counter__participants {
        letter-spacing: -.32px
    }
}

@media screen and (max-width:1023px) {
    .wheel-counter {
        margin-bottom: 45px
    }
}

@media screen and (max-width:767px) {
    .wheel-counter {
        column-gap: 17px;
        font-size: 14px;
        grid-column: 1/2;
        margin-bottom: 43px;
        margin-right: 0
    }

    .wheel-counter__info {
        grid-column: 1/2;
        min-width: 153px;
        padding: 4px 4px 4px 16px
    }

    .wheel-counter__participants {
        line-height: 115%
    }
}

.wheel__firework {
    position: relative;
    transform: translate(-70px, -80px)
}

.wheel__firework-img {
    animation: wheel-fade-in-out 3s infinite;
    opacity: 0;
    position: absolute;
    transform: scale(.8)
}

.wheel__firework-img.active {
    opacity: 1;
    transform: scale(1)
}

.wheel__firework-img_1 {
    animation-delay: 0s
}

.wheel__firework-img_2 {
    animation-delay: .5s;
    height: 70px;
    transform: translate(158px, 53px);
    width: 70px
}

.wheel__firework-img_2 svg {
    height: 70px;
    width: 70px
}

.wheel__firework-img_3 {
    animation-delay: 1s;
    height: 70px;
    transform: translate(40px, 157px);
    width: 70px
}

.wheel__firework-img_3 svg {
    height: 70px;
    width: 70px
}

.wheel__firework-img_4 {
    animation-delay: 1.5s;
    height: 32px;
    transform: translate(130px, 150px);
    width: 32px
}

.wheel__firework-img_4 svg {
    height: 32px;
    width: 32px
}

@keyframes wheel-fade-in-out {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media screen and (max-width:1320px) {
    .wheel__firework-img_3 {
        transform: translate(40px, 140px)
    }
}

@media screen and (max-width:1023px) {
    .wheel__firework-img_3 {
        transform: translate(50px, 148px)
    }
}

@media screen and (max-width:767px) {
    .wheel__firework {
        transform: translate(160px, -60px)
    }

    .wheel__firework-img_2 {
        transform: translate(-50px, 43px)
    }

    .wheel__firework-img_3 {
        transform: translate(120px, 120px)
    }

    .wheel__firework-img_4 {
        transform: translate(40px, 145px)
    }
}

.wheel__form {
    display: none;
    grid-row: 1/4;
    margin-right: -65px;
    z-index: 1
}

.wheel__form.is-show {
    display: block
}

.wheel__form-title-wrapper {
    margin-bottom: 42px
}

.wheel__form-title-wrapper .wheel__title {
    margin-bottom: 0;
    position: relative;
    z-index: 1
}

.wheel__subtitle_form {
    color: var(--fw-result-success-text);
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 8px;
    position: relative;
    z-index: 1
}

.wheel__form-result {
    align-items: flex-end;
    column-gap: 18px;
    display: flex;
    font-size: 20px;
    margin-bottom: 20px
}

.wheel__form-result img {
    flex-shrink: 0;
    width: 70px
}

.wheel__form-result .wheel__text {
    color: var(--fw-result-gift-text);
    max-width: 400px
}

.wheel__form-group {
    grid-area: wheel__form-group;
    width: 100%
}

.wheel__form-wrapper {
    display: grid;
    grid-template-areas: "wheel__form-group  wheel__form-group""wheel__form-policy wheel__form-policy";
    grid-template-columns: auto 126px;
    grid-column-gap: 13px;
    column-gap: 13px;
    grid-row-gap: 22px;
    row-gap: 22px
}

.wheel__form-wrapper .wheel__form-input {
    display: flex;
    margin-bottom: 7px
}

.wheel__form-wrapper .wheel__form-input .input {
    align-items: center;
    background-color: var(--fw-input-bg);
    border: 1px solid transparent;
    border-radius: 50px;
    box-sizing: border-box;
    color: var(--fw-input-color);
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 21.78px;
    padding: 23px 10px;
    text-align: center;
    transition: background-color .2s ease-in-out;
    width: 100%
}

.wheel__form-wrapper .wheel__form-input .input::-webkit-input-placeholder {
    color: #4d4d4d;
    position: static !important;
    text-align: center !important;
    transform: none
}

.wheel__form-wrapper .wheel__form-input .input::placeholder {
    color: #4d4d4d;
    position: static !important;
    text-align: center !important;
    transform: none
}

.wheel__form-wrapper .wheel__form-input .input:focus,
.wheel__form-wrapper .wheel__form-input .input:hover {
    background-color: var(--fw-input-hover)
}

.wheel__form-submit {
    background: radial-gradient(44.8% 70.67% at 51.3% -8.67%, hsla(48, 50%, 96%, .55) 0, hsla(48, 50%, 96%, 0) 100%);
    background-color: var(--fw-submit-button);
    border-radius: 50px;
    box-shadow: 0 4px 0 0 var(--fw-submit-button-shadow);
    color: var(--fw-submit-button-text);
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.78px;
    padding: 24px;
    width: 100%
}

.wheel__form-counter {
    align-items: center;
    -webkit-backdrop-filter: var(--fw-promo-blur);
    backdrop-filter: var(--fw-promo-blur);
    background-color: var(--fw-result-counter-bg);
    border-radius: 20px;
    color: var(--fw-result-counter-color);
    display: none;
    flex-direction: column;
    font-size: 16px;
    grid-area: wheel__form-counter;
    justify-content: center;
    max-width: 126px;
    width: 100%
}

.wheel__form-counter .wheel-counter__gift {
    height: 50px;
    margin-bottom: 9px;
    width: 50px
}

.wheel__form-counter .wheel-counter__ring {
    height: 37px;
    width: 37px
}

.wheel__form-policy {
    color: var(--fw-promo-policy);
    font-size: 14px;
    grid-area: wheel__form-policy;
    line-height: 16.94px;
    margin-right: -100px
}

@media screen and (max-width:1320px) {
    .wheel__form {
        margin-right: -115px
    }

    .wheel__form-title-wrapper {
        margin-bottom: 48px
    }

    .wheel__subtitle_form {
        font-size: 22px;
        line-height: 26.63px;
        margin-bottom: 7px
    }
}

@media screen and (max-width:1023px) {
    .wheel__form {
        margin-right: -89px
    }

    .wheel__form-title-wrapper {
        margin-bottom: 41px
    }

    .wheel__subtitle_form {
        margin-bottom: 1px
    }

    .wheel__form-result {
        font-size: 18px;
        margin-bottom: 26px
    }

    .wheel__form-wrapper {
        column-gap: 10px;
        grid-template-areas: "wheel__form-group  wheel__form-group""wheel__form-policy wheel__form-policy";
        grid-template-columns: auto 111px;
        row-gap: 16px
    }

    .wheel__form-policy {
        margin-right: 0;
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .wheel__form {
        margin-right: 0
    }

    .wheel__form-title-wrapper {
        margin-bottom: 26px
    }

    .wheel__subtitle_form {
        font-size: 18px;
        margin-bottom: 10px
    }

    .wheel__form-result {
        column-gap: 15px;
        font-size: 16px;
        margin-bottom: 9px
    }

    .wheel__form-result .wheel__text {
        max-width: 300px
    }

    .wheel__form-wrapper {
        align-items: center;
        display: flex;
        flex-direction: column;
        row-gap: 14px
    }

    .wheel__form-wrapper .wheel__form-input .input {
        padding: 18px 10px
    }

    .wheel__form-submit {
        font-size: 16px;
        padding: 19px
    }

    .wheel__form-counter {
        align-items: center;
        border-radius: 40px;
        flex-direction: row;
        font-size: 14px;
        justify-content: flex-start;
        max-width: none;
        min-width: 223px;
        order: 1;
        padding: 5px;
        width: auto
    }

    .wheel__form-counter .wheel-counter__gift {
        height: 41px;
        margin-bottom: 0;
        margin-right: 10px;
        width: 41px
    }

    .wheel__form-counter .wheel-counter__ring {
        height: 28px;
        width: 28px
    }

    .wheel__form-counter .wheel-counter__label {
        margin-right: 2px
    }

    .wheel__form-policy {
        margin: 0 auto;
        max-width: 360px;
        padding: 0;
        text-align: center
    }
}

.wheel_phone .wheel__subtitle {
    margin-bottom: 12px
}

.wheel__phone {
    margin-top: -73px
}

.wheel__form-wrapper_phone {
    display: block
}

.wheel__form-wrapper_phone .wheel__form-input {
    margin-bottom: 11px;
    max-width: 425px
}

@media screen and (max-width:1320px) {
    .wheel_phone .wheel__subtitle {
        margin-bottom: 24px
    }

    .wheel__phone .wheel__form-policy {
        margin-left: 9px;
        margin-right: 0;
        max-width: 320px;
        text-align: center
    }

    .wheel__form-wrapper_phone .wheel__form-input {
        max-width: 320px
    }
}

@media screen and (max-width:1023px) {
    .wheel_phone .wheel__subtitle {
        margin-bottom: 27px
    }

    .wheel__phone .wheel__form-policy {
        margin-left: 0;
        max-width: 290px;
        padding-left: 0
    }

    .wheel__form-wrapper_phone .wheel__form-input {
        max-width: 290px
    }
}

@media screen and (max-width:767px) {
    .wheel_phone .wheel__subtitle {
        margin-bottom: 18px
    }

    .wheel_phone .wheel__spinner-wrapper {
        margin-top: -20px
    }

    .wheel__gift-image_phone {
        display: block
    }

    .wheel__gift-image_phone svg {
        display: none
    }

    .wheel__phone {
        margin-top: 0
    }

    .wheel__phone .wheel__form-policy {
        margin: 8px auto 0
    }

    .wheel__form-wrapper_phone .wheel__form-input {
        margin: 0 auto;
        max-width: 400px
    }

    .wheel__form-wrapper_phone .wheel__form-input .input {
        padding: 19px 10px
    }
}

.wheel__promo {
    -webkit-backdrop-filter: var(--fw-promo-blur);
    backdrop-filter: var(--fw-promo-blur);
    background-color: var(--fw-promo-bg);
    border: 1px dashed var(--fw-promo-border);
    border-radius: 10px;
    color: var(--fw-promo-color);
    font-size: 22px;
    letter-spacing: -.4px;
    margin-bottom: 23px;
    padding: 11px;
    text-align: center
}

@media screen and (max-width:1320px) {
    .wheel__promo {
        margin-bottom: 25px
    }
}

@media screen and (max-width:767px) {
    .wheel__promo {
        font-size: 18px;
        margin-bottom: 22px
    }
}

.wheel__success {
    display: none;
    margin-right: -66px;
    padding-top: 46px;
    z-index: 1
}

.wheel__success.is-show {
    display: block
}

.wheel__title_success {
    margin-bottom: 27px
}

.wheel__subtitle_success,
.wheel_phone .wheel__subtitle_success {
    margin-bottom: 64px
}

.wheel__success-gift {
    color: var(--fw-result-success-text);
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.2px;
    margin-bottom: 8px
}

@media screen and (max-width:1320px) {
    .wheel__success {
        margin-right: -116px;
        max-width: 450px
    }

    .wheel__title_success {
        font-size: 56px
    }

    .wheel__subtitle_success {
        font-size: 22px
    }
}

@media screen and (max-width:1023px) {
    .wheel__success {
        margin-right: -86px
    }

    .wheel__success .wheel__form-result {
        margin-bottom: 21px
    }

    .wheel__subtitle_success,
    .wheel_phone .wheel__subtitle_success {
        margin-bottom: 66px
    }
}

@media screen and (max-width:767px) {
    .wheel__success {
        margin-right: 0;
        padding-top: 0
    }

    .wheel__success .wheel__form-result {
        margin-bottom: 11px
    }

    .wheel__success .wheel__text {
        max-width: 310px
    }

    .wheel__title_success {
        display: block;
        font-size: 36px;
        margin-bottom: 14px;
        text-align: center
    }

    .wheel__subtitle_success {
        display: block;
        font-size: 16px;
        line-height: 19.36px;
        margin-bottom: 38px;
        text-align: center
    }

    .wheel_phone .wheel__subtitle_success {
        margin-bottom: 38px
    }

    .wheel__success-gift {
        font-size: 18px;
        margin-bottom: 11px
    }
}

.wheel_result.confetti [class|=confetti] {
    position: absolute
}

.wheel_result.confetti .confetti-0 {
    animation: drop-0 4.5163584686s .4444366755s infinite;
    background-color: #ffbf00;
    height: 2.4px;
    left: 71%;
    opacity: 1;
    top: -10%;
    transform: rotate(349.8930837585deg);
    width: 6px
}

@keyframes drop-0 {
    to {
        left: 75%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-1 {
    animation: drop-1 4.126981462s .9206653992s infinite;
    background-color: #d13447;
    height: .4px;
    left: 60%;
    opacity: .987086623;
    top: -10%;
    transform: rotate(327.8065714177deg);
    width: 1px
}

@keyframes drop-1 {
    to {
        left: 63%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-2 {
    animation: drop-2 4.3340616524s .0504313143s infinite;
    background-color: #d13447;
    height: 1.6px;
    left: 86%;
    opacity: 1;
    top: -10%;
    transform: rotate(314.5364050386deg);
    width: 4px
}

@keyframes drop-2 {
    to {
        left: 99%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-3 {
    animation: drop-3 4.5245878498s .0414037698s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 99%;
    opacity: .6303119464;
    top: -10%;
    transform: rotate(160.7226490798deg);
    width: 5px
}

@keyframes drop-3 {
    to {
        left: 101%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-4 {
    animation: drop-4 4.304349414s .2239214792s infinite;
    background-color: #d13447;
    height: 1.2px;
    left: 93%;
    opacity: .8427134914;
    top: -10%;
    transform: rotate(348.3185585342deg);
    width: 3px
}

@keyframes drop-4 {
    to {
        left: 99%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-5 {
    animation: drop-5 4.8989657553s .25472619s infinite;
    background-color: #ffbf00;
    height: 2.8px;
    left: 68%;
    opacity: .7082626364;
    top: -10%;
    transform: rotate(181.2218925184deg);
    width: 7px
}

@keyframes drop-5 {
    to {
        left: 81%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-6 {
    animation: drop-6 4.3847594295s .4456251987s infinite;
    background-color: #d13447;
    height: 1.2px;
    left: 48%;
    opacity: .9297955791;
    top: -10%;
    transform: rotate(15.9455915738deg);
    width: 3px
}

@keyframes drop-6 {
    to {
        left: 56%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-7 {
    animation: drop-7 4.1349074838s .5033976312s infinite;
    background-color: #d13447;
    height: 2.8px;
    left: 51%;
    opacity: .6017288648;
    top: -10%;
    transform: rotate(279.9247725823deg);
    width: 7px
}

@keyframes drop-7 {
    to {
        left: 53%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-8 {
    animation: drop-8 4.56687157s .6400981367s infinite;
    background-color: #ffbf00;
    height: .4px;
    left: 72%;
    opacity: 1;
    top: -10%;
    transform: rotate(151.1670931171deg);
    width: 1px
}

@keyframes drop-8 {
    to {
        left: 76%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-9 {
    animation: drop-9 4.6117605991s .0479658478s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 39%;
    opacity: .9004329504;
    top: -10%;
    transform: rotate(46.7492770738deg);
    width: 5px
}

@keyframes drop-9 {
    to {
        left: 44%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-10 {
    animation: drop-10 4.1536191451s .1274936911s infinite;
    background-color: #263672;
    height: 1.2px;
    left: 13%;
    opacity: 1;
    top: -10%;
    transform: rotate(46.2460611779deg);
    width: 3px
}

@keyframes drop-10 {
    to {
        left: 19%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-11 {
    animation: drop-11 4.4209367285s .3828938815s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 56%;
    opacity: 1;
    top: -10%;
    transform: rotate(231.5836442792deg);
    width: 5px
}

@keyframes drop-11 {
    to {
        left: 61%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-12 {
    animation: drop-12 4.0626400726s .4695611995s infinite;
    background-color: #d13447;
    height: 3.2px;
    left: 57%;
    opacity: 1;
    top: -10%;
    transform: rotate(266.5617943024deg);
    width: 8px
}

@keyframes drop-12 {
    to {
        left: 71%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-13 {
    animation: drop-13 4.8516918248s .040832842s infinite;
    background-color: #ffbf00;
    height: 2.8px;
    left: 77%;
    opacity: .8908959947;
    top: -10%;
    transform: rotate(142.0062035843deg);
    width: 7px
}

@keyframes drop-13 {
    to {
        left: 87%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-14 {
    animation: drop-14 4.7767494192s .2334532026s infinite;
    background-color: #d13447;
    height: .4px;
    left: 72%;
    opacity: .7217097096;
    top: -10%;
    transform: rotate(216.7614357249deg);
    width: 1px
}

@keyframes drop-14 {
    to {
        left: 77%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-15 {
    animation: drop-15 4.9084447659s .5907600219s infinite;
    background-color: #ffbf00;
    height: 2.4px;
    left: 25%;
    opacity: 1;
    top: -10%;
    transform: rotate(91.7814039314deg);
    width: 6px
}

@keyframes drop-15 {
    to {
        left: 37%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-16 {
    animation: drop-16 4.678852015s .5967597273s infinite;
    background-color: #263672;
    height: .4px;
    left: 12%;
    opacity: 1;
    top: -10%;
    transform: rotate(125.4472166129deg);
    width: 1px
}

@keyframes drop-16 {
    to {
        left: 16%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-17 {
    animation: drop-17 4.6595523536s .1791740921s infinite;
    background-color: #263672;
    height: 2.8px;
    left: 58%;
    opacity: .7002673916;
    top: -10%;
    transform: rotate(267.1140413467deg);
    width: 7px
}

@keyframes drop-17 {
    to {
        left: 69%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-18 {
    animation: drop-18 4.595940751s .7273166813s infinite;
    background-color: #ffbf00;
    height: .4px;
    left: 47%;
    opacity: .9213424452;
    top: -10%;
    transform: rotate(239.9573589062deg);
    width: 1px
}

@keyframes drop-18 {
    to {
        left: 49%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-19 {
    animation: drop-19 4.469492907s .5301987143s infinite;
    background-color: #ffbf00;
    height: .4px;
    left: 14%;
    opacity: .8680346846;
    top: -10%;
    transform: rotate(296.3431625764deg);
    width: 1px
}

@keyframes drop-19 {
    to {
        left: 23%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-20 {
    animation: drop-20 4.1957479758s .029540386s infinite;
    background-color: #ffbf00;
    height: 1.2px;
    left: 95%;
    opacity: 1;
    top: -10%;
    transform: rotate(183.4083489837deg);
    width: 3px
}

@keyframes drop-20 {
    to {
        left: 99%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-21 {
    animation: drop-21 4.9651654691s .474279396s infinite;
    background-color: #ffbf00;
    height: .8px;
    left: 53%;
    opacity: .8146367943;
    top: -10%;
    transform: rotate(136.4945839544deg);
    width: 2px
}

@keyframes drop-21 {
    to {
        left: 56%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-22 {
    animation: drop-22 4.4815966999s .2019843831s infinite;
    background-color: #d13447;
    height: 2px;
    left: 76%;
    opacity: .5686737312;
    top: -10%;
    transform: rotate(190.1328074714deg);
    width: 5px
}

@keyframes drop-22 {
    to {
        left: 78%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-23 {
    animation: drop-23 4.7824973166s .1414972896s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 96%;
    opacity: .8141471451;
    top: -10%;
    transform: rotate(235.9666147751deg);
    width: 5px
}

@keyframes drop-23 {
    to {
        left: 106%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-24 {
    animation: drop-24 4.3953562842s .3659870574s infinite;
    background-color: #d13447;
    height: .4px;
    left: 76%;
    opacity: .796785663;
    top: -10%;
    transform: rotate(289.2378545277deg);
    width: 1px
}

@keyframes drop-24 {
    to {
        left: 91%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-25 {
    animation: drop-25 4.2044574457s .0458196949s infinite;
    background-color: #263672;
    height: 1.6px;
    left: 98%;
    opacity: .6385521133;
    top: -10%;
    transform: rotate(104.655022738deg);
    width: 4px
}

@keyframes drop-25 {
    to {
        left: 111%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-26 {
    animation: drop-26 4.2225975583s .215395294s infinite;
    background-color: #d13447;
    height: .8px;
    left: 87%;
    opacity: .6891258984;
    top: -10%;
    transform: rotate(225.1213949301deg);
    width: 2px
}

@keyframes drop-26 {
    to {
        left: 100%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-27 {
    animation: drop-27 4.0947357297s .0845292041s infinite;
    background-color: #263672;
    height: 1.6px;
    left: 44%;
    opacity: 1;
    top: -10%;
    transform: rotate(121.3297948774deg);
    width: 4px
}

@keyframes drop-27 {
    to {
        left: 45%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-28 {
    animation: drop-28 4.0834205906s .482615406s infinite;
    background-color: #263672;
    height: 1.2px;
    left: 49%;
    opacity: 1;
    top: -10%;
    transform: rotate(37.2303207491deg);
    width: 3px
}

@keyframes drop-28 {
    to {
        left: 63%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-29 {
    animation: drop-29 4.0141880168s .492837602s infinite;
    background-color: #d13447;
    height: 1.2px;
    left: 43%;
    opacity: 1;
    top: -10%;
    transform: rotate(21.0221631724deg);
    width: 3px
}

@keyframes drop-29 {
    to {
        left: 45%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-30 {
    animation: drop-30 4.9390947725s .2472475858s infinite;
    background-color: #ffbf00;
    height: 1.6px;
    left: 30%;
    opacity: 1;
    top: -10%;
    transform: rotate(309.8637457918deg);
    width: 4px
}

@keyframes drop-30 {
    to {
        left: 34%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-31 {
    animation: drop-31 4.2481682518s .793317848s infinite;
    background-color: #ffbf00;
    height: 1.2px;
    left: 99%;
    opacity: 1;
    top: -10%;
    transform: rotate(189.4579187481deg);
    width: 3px
}

@keyframes drop-31 {
    to {
        left: 108%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-32 {
    animation: drop-32 4.0323758046s .2841864182s infinite;
    background-color: #d13447;
    height: 1.2px;
    left: 38%;
    opacity: 1;
    top: -10%;
    transform: rotate(75.1567309054deg);
    width: 3px
}

@keyframes drop-32 {
    to {
        left: 39%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-33 {
    animation: drop-33 4.2130945804s .6454963304s infinite;
    background-color: #ffbf00;
    height: .4px;
    left: 32%;
    opacity: 1;
    top: -10%;
    transform: rotate(87.072730536deg);
    width: 1px
}

@keyframes drop-33 {
    to {
        left: 34%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-34 {
    animation: drop-34 4.6215371428s .564473602s infinite;
    background-color: #d13447;
    height: 2.4px;
    left: 49%;
    opacity: .641798546;
    top: -10%;
    transform: rotate(283.4167441122deg);
    width: 6px
}

@keyframes drop-34 {
    to {
        left: 53%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-35 {
    animation: drop-35 4.1089586791s .2146892966s infinite;
    background-color: #263672;
    height: 2.4px;
    left: 44%;
    opacity: 1;
    top: -10%;
    transform: rotate(164.2131791202deg);
    width: 6px
}

@keyframes drop-35 {
    to {
        left: 52%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-36 {
    animation: drop-36 4.7595701825s .0672739086s infinite;
    background-color: #d13447;
    height: 2px;
    left: 27%;
    opacity: 1;
    top: -10%;
    transform: rotate(227.1671937145deg);
    width: 5px
}

@keyframes drop-36 {
    to {
        left: 39%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-37 {
    animation: drop-37 4.4304074199s .3518060804s infinite;
    background-color: #263672;
    height: 2px;
    left: 77%;
    opacity: .7141514474;
    top: -10%;
    transform: rotate(169.8812308514deg);
    width: 5px
}

@keyframes drop-37 {
    to {
        left: 80%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-38 {
    animation: drop-38 4.7688972285s .0400411817s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 85%;
    opacity: 1;
    top: -10%;
    transform: rotate(13.4772696849deg);
    width: 5px
}

@keyframes drop-38 {
    to {
        left: 89%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-39 {
    animation: drop-39 4.0997853962s .0128663938s infinite;
    background-color: #d13447;
    height: .8px;
    left: 97%;
    opacity: 1;
    top: -10%;
    transform: rotate(80.1092869254deg);
    width: 2px
}

@keyframes drop-39 {
    to {
        left: 104%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-40 {
    animation: drop-40 4.9423590199s .2560071482s infinite;
    background-color: #263672;
    height: 2.8px;
    left: 88%;
    opacity: 1;
    top: -10%;
    transform: rotate(62.9830827967deg);
    width: 7px
}

@keyframes drop-40 {
    to {
        left: 102%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-41 {
    animation: drop-41 4.6303837008s .0463001124s infinite;
    background-color: #ffbf00;
    height: 1.2px;
    left: 63%;
    opacity: 1;
    top: -10%;
    transform: rotate(299.3332849375deg);
    width: 3px
}

@keyframes drop-41 {
    to {
        left: 68%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-42 {
    animation: drop-42 4.0843725194s .4410815762s infinite;
    background-color: #263672;
    height: 3.2px;
    left: 25%;
    opacity: .5670869902;
    top: -10%;
    transform: rotate(258.6070222588deg);
    width: 8px
}

@keyframes drop-42 {
    to {
        left: 32%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-43 {
    animation: drop-43 4.4742950748s .5277337727s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 40%;
    opacity: .8038678105;
    top: -10%;
    transform: rotate(91.5881869316deg);
    width: 5px
}

@keyframes drop-43 {
    to {
        left: 48%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-44 {
    animation: drop-44 4.0436389087s .8317481017s infinite;
    background-color: #d13447;
    height: .8px;
    left: 12%;
    opacity: 1;
    top: -10%;
    transform: rotate(34.3706377789deg);
    width: 2px
}

@keyframes drop-44 {
    to {
        left: 19%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-45 {
    animation: drop-45 4.5569279933s .9134002423s infinite;
    background-color: #d13447;
    height: 1.6px;
    left: 58%;
    opacity: 1;
    top: -10%;
    transform: rotate(341.9096453153deg);
    width: 4px
}

@keyframes drop-45 {
    to {
        left: 61%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-46 {
    animation: drop-46 4.0422482655s .955959273s infinite;
    background-color: #263672;
    height: .4px;
    left: 68%;
    opacity: .8020618848;
    top: -10%;
    transform: rotate(141.669506137deg);
    width: 1px
}

@keyframes drop-46 {
    to {
        left: 79%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-47 {
    animation: drop-47 4.0139589767s .4504596822s infinite;
    background-color: #263672;
    height: 2.4px;
    left: 69%;
    opacity: 1;
    top: -10%;
    transform: rotate(271.7738070428deg);
    width: 6px
}

@keyframes drop-47 {
    to {
        left: 79%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-48 {
    animation: drop-48 4.1334800681s .2697948711s infinite;
    background-color: #d13447;
    height: 1.6px;
    left: 15%;
    opacity: 1;
    top: -10%;
    transform: rotate(20.7627009647deg);
    width: 4px
}

@keyframes drop-48 {
    to {
        left: 25%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-49 {
    animation: drop-49 4.3002407374s .7750849357s infinite;
    background-color: #ffbf00;
    height: 1.2px;
    left: 84%;
    opacity: 1;
    top: -10%;
    transform: rotate(83.6935020861deg);
    width: 3px
}

@keyframes drop-49 {
    to {
        left: 86%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-50 {
    animation: drop-50 4.5193615501s .0710656917s infinite;
    background-color: #d13447;
    height: 2.4px;
    left: 69%;
    opacity: .8631948955;
    top: -10%;
    transform: rotate(242.1215865964deg);
    width: 6px
}

@keyframes drop-50 {
    to {
        left: 76%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-51 {
    animation: drop-51 4.0484714555s .1264513568s infinite;
    background-color: #263672;
    height: .8px;
    left: 3%;
    opacity: 1;
    top: -10%;
    transform: rotate(339.1962676835deg);
    width: 2px
}

@keyframes drop-51 {
    to {
        left: 7%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-52 {
    animation: drop-52 4.2538181704s .872649183s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 79%;
    opacity: .5937097647;
    top: -10%;
    transform: rotate(165.1572888742deg);
    width: 5px
}

@keyframes drop-52 {
    to {
        left: 82%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-53 {
    animation: drop-53 4.0142000024s .9988106277s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 42%;
    opacity: .9287872276;
    top: -10%;
    transform: rotate(65.5034143986deg);
    width: 5px
}

@keyframes drop-53 {
    to {
        left: 50%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-54 {
    animation: drop-54 4.6477899887s .1933925073s infinite;
    background-color: #d13447;
    height: 3.2px;
    left: 18%;
    opacity: 1;
    top: -10%;
    transform: rotate(172.5230300908deg);
    width: 8px
}

@keyframes drop-54 {
    to {
        left: 33%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-55 {
    animation: drop-55 4.6272656246s .340486936s infinite;
    background-color: #d13447;
    height: 2px;
    left: 16%;
    opacity: .8418506787;
    top: -10%;
    transform: rotate(214.8785757656deg);
    width: 5px
}

@keyframes drop-55 {
    to {
        left: 31%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-56 {
    animation: drop-56 4.0635171303s .3965105322s infinite;
    background-color: #d13447;
    height: 1.6px;
    left: 100%;
    opacity: .7789103903;
    top: -10%;
    transform: rotate(35.8641576912deg);
    width: 4px
}

@keyframes drop-56 {
    to {
        left: 111%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-57 {
    animation: drop-57 4.0958706386s .9880896507s infinite;
    background-color: #263672;
    height: 3.2px;
    left: 53%;
    opacity: .9682894105;
    top: -10%;
    transform: rotate(129.1959360359deg);
    width: 8px
}

@keyframes drop-57 {
    to {
        left: 67%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-58 {
    animation: drop-58 4.1348301188s .0702610747s infinite;
    background-color: #d13447;
    height: .4px;
    left: 21%;
    opacity: 1;
    top: -10%;
    transform: rotate(246.8381655417deg);
    width: 1px
}

@keyframes drop-58 {
    to {
        left: 27%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-59 {
    animation: drop-59 4.9650197532s .2045062821s infinite;
    background-color: #263672;
    height: 1.2px;
    left: 41%;
    opacity: .8163747579;
    top: -10%;
    transform: rotate(286.7260927523deg);
    width: 3px
}

@keyframes drop-59 {
    to {
        left: 51%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-60 {
    animation: drop-60 4.6256055075s .6946032162s infinite;
    background-color: #ffbf00;
    height: .4px;
    left: 90%;
    opacity: 1;
    top: -10%;
    transform: rotate(13.1577836004deg);
    width: 1px
}

@keyframes drop-60 {
    to {
        left: 99%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-61 {
    animation: drop-61 4.7095369657s .6607570927s infinite;
    background-color: #263672;
    height: 3.2px;
    left: 16%;
    opacity: 1;
    top: -10%;
    transform: rotate(55.4513082453deg);
    width: 8px
}

@keyframes drop-61 {
    to {
        left: 18%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-62 {
    animation: drop-62 4.7047066003s .9147045075s infinite;
    background-color: #ffbf00;
    height: 2.8px;
    left: 52%;
    opacity: .5401314903;
    top: -10%;
    transform: rotate(296.7152005996deg);
    width: 7px
}

@keyframes drop-62 {
    to {
        left: 65%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-63 {
    animation: drop-63 4.2325520131s .3542446751s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 35%;
    opacity: .7530611433;
    top: -10%;
    transform: rotate(301.2603522949deg);
    width: 5px
}

@keyframes drop-63 {
    to {
        left: 46%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-64 {
    animation: drop-64 4.0886707747s .6715236139s infinite;
    background-color: #ffbf00;
    height: 1.2px;
    left: 37%;
    opacity: 1;
    top: -10%;
    transform: rotate(316.9864738291deg);
    width: 3px
}

@keyframes drop-64 {
    to {
        left: 44%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-65 {
    animation: drop-65 4.5128771531s .277475563s infinite;
    background-color: #d13447;
    height: 2px;
    left: 88%;
    opacity: 1;
    top: -10%;
    transform: rotate(177.7798511779deg);
    width: 5px
}

@keyframes drop-65 {
    to {
        left: 91%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-66 {
    animation: drop-66 4.1488664349s .7395450683s infinite;
    background-color: #d13447;
    height: .8px;
    left: 58%;
    opacity: .7303349148;
    top: -10%;
    transform: rotate(76.3047268269deg);
    width: 2px
}

@keyframes drop-66 {
    to {
        left: 71%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-67 {
    animation: drop-67 4.9549441828s .8229615525s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 97%;
    opacity: .9020475681;
    top: -10%;
    transform: rotate(354.1566043758deg);
    width: 5px
}

@keyframes drop-67 {
    to {
        left: 107%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-68 {
    animation: drop-68 4.2831895654s .8649636864s infinite;
    background-color: #263672;
    height: 3.2px;
    left: 47%;
    opacity: 1;
    top: -10%;
    transform: rotate(306.1010204025deg);
    width: 8px
}

@keyframes drop-68 {
    to {
        left: 60%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-69 {
    animation: drop-69 4.9984139534s .4220838939s infinite;
    background-color: #d13447;
    height: .8px;
    left: 72%;
    opacity: .9945212556;
    top: -10%;
    transform: rotate(280.9955357755deg);
    width: 2px
}

@keyframes drop-69 {
    to {
        left: 74%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-70 {
    animation: drop-70 4.6926558641s .5892376476s infinite;
    background-color: #ffbf00;
    height: 3.2px;
    left: 92%;
    opacity: 1;
    top: -10%;
    transform: rotate(183.5924172797deg);
    width: 8px
}

@keyframes drop-70 {
    to {
        left: 98%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-71 {
    animation: drop-71 4.1649406533s .974420187s infinite;
    background-color: #d13447;
    height: 2.4px;
    left: 32%;
    opacity: .9818274436;
    top: -10%;
    transform: rotate(59.8702697938deg);
    width: 6px
}

@keyframes drop-71 {
    to {
        left: 44%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-72 {
    animation: drop-72 4.6942856584s .4709801909s infinite;
    background-color: #263672;
    height: 1.2px;
    left: 93%;
    opacity: .9397670317;
    top: -10%;
    transform: rotate(353.4915563848deg);
    width: 3px
}

@keyframes drop-72 {
    to {
        left: 99%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-73 {
    animation: drop-73 4.7599292604s .2958679059s infinite;
    background-color: #263672;
    height: 1.6px;
    left: 46%;
    opacity: .5253266194;
    top: -10%;
    transform: rotate(147.3907251477deg);
    width: 4px
}

@keyframes drop-73 {
    to {
        left: 61%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-74 {
    animation: drop-74 4.7754131184s .8249519271s infinite;
    background-color: #d13447;
    height: .8px;
    left: 61%;
    opacity: 1;
    top: -10%;
    transform: rotate(248.7779793456deg);
    width: 2px
}

@keyframes drop-74 {
    to {
        left: 72%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-75 {
    animation: drop-75 4.0852522639s .7020561673s infinite;
    background-color: #d13447;
    height: 3.2px;
    left: 16%;
    opacity: 1;
    top: -10%;
    transform: rotate(130.9629937932deg);
    width: 8px
}

@keyframes drop-75 {
    to {
        left: 26%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-76 {
    animation: drop-76 4.3836570311s .5468334222s infinite;
    background-color: #ffbf00;
    height: .4px;
    left: 11%;
    opacity: 1;
    top: -10%;
    transform: rotate(294.9588907504deg);
    width: 1px
}

@keyframes drop-76 {
    to {
        left: 12%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-77 {
    animation: drop-77 4.5836956175s .3148971035s infinite;
    background-color: #263672;
    height: .8px;
    left: 1%;
    opacity: 1;
    top: -10%;
    transform: rotate(215.6625567014deg);
    width: 2px
}

@keyframes drop-77 {
    to {
        left: 9%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-78 {
    animation: drop-78 4.4620084064s .9926900537s infinite;
    background-color: #263672;
    height: 3.2px;
    left: 41%;
    opacity: .679434225;
    top: -10%;
    transform: rotate(69.8111071173deg);
    width: 8px
}

@keyframes drop-78 {
    to {
        left: 56%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-79 {
    animation: drop-79 4.2704761763s .3782065101s infinite;
    background-color: #ffbf00;
    height: 3.2px;
    left: 53%;
    opacity: 1;
    top: -10%;
    transform: rotate(19.5511307592deg);
    width: 8px
}

@keyframes drop-79 {
    to {
        left: 67%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-80 {
    animation: drop-80 4.8548303106s .665907157s infinite;
    background-color: #263672;
    height: .4px;
    left: 15%;
    opacity: 1;
    top: -10%;
    transform: rotate(149.6028902571deg);
    width: 1px
}

@keyframes drop-80 {
    to {
        left: 30%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-81 {
    animation: drop-81 4.7395276792s .2238413745s infinite;
    background-color: #263672;
    height: .8px;
    left: 52%;
    opacity: .985972221;
    top: -10%;
    transform: rotate(21.6747185738deg);
    width: 2px
}

@keyframes drop-81 {
    to {
        left: 61%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-82 {
    animation: drop-82 4.9594825226s .1371393462s infinite;
    background-color: #d13447;
    height: 1.6px;
    left: 80%;
    opacity: 1;
    top: -10%;
    transform: rotate(317.6056918771deg);
    width: 4px
}

@keyframes drop-82 {
    to {
        left: 94%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-83 {
    animation: drop-83 4.6889118669s .6436084677s infinite;
    background-color: #d13447;
    height: 3.2px;
    left: 27%;
    opacity: .6006901668;
    top: -10%;
    transform: rotate(68.2742988598deg);
    width: 8px
}

@keyframes drop-83 {
    to {
        left: 34%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-84 {
    animation: drop-84 4.9592713548s .1510638334s infinite;
    background-color: #ffbf00;
    height: 1.6px;
    left: 81%;
    opacity: .6961697554;
    top: -10%;
    transform: rotate(218.2085555648deg);
    width: 4px
}

@keyframes drop-84 {
    to {
        left: 91%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-85 {
    animation: drop-85 4.8368809952s .6026170386s infinite;
    background-color: #d13447;
    height: .8px;
    left: 1%;
    opacity: .6039557222;
    top: -10%;
    transform: rotate(112.7844108955deg);
    width: 2px
}

@keyframes drop-85 {
    to {
        left: 9%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-86 {
    animation: drop-86 4.5042671165s .69005485s infinite;
    background-color: #263672;
    height: 2.4px;
    left: 15%;
    opacity: .7224818324;
    top: -10%;
    transform: rotate(206.8578399202deg);
    width: 6px
}

@keyframes drop-86 {
    to {
        left: 24%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-87 {
    animation: drop-87 4.1682192073s .9298587824s infinite;
    background-color: #d13447;
    height: 3.2px;
    left: 21%;
    opacity: 1;
    top: -10%;
    transform: rotate(32.6686410138deg);
    width: 8px
}

@keyframes drop-87 {
    to {
        left: 31%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-88 {
    animation: drop-88 4.6876283148s .6674721043s infinite;
    background-color: #d13447;
    height: 2px;
    left: 46%;
    opacity: .6157828201;
    top: -10%;
    transform: rotate(292.0479991863deg);
    width: 5px
}

@keyframes drop-88 {
    to {
        left: 59%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-89 {
    animation: drop-89 4.5811343484s .2019459132s infinite;
    background-color: #d13447;
    height: 2.4px;
    left: 71%;
    opacity: .5920937744;
    top: -10%;
    transform: rotate(265.9903629434deg);
    width: 6px
}

@keyframes drop-89 {
    to {
        left: 76%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-90 {
    animation: drop-90 4.0171604237s .9585735062s infinite;
    background-color: #d13447;
    height: 2px;
    left: 94%;
    opacity: 1;
    top: -10%;
    transform: rotate(206.810763287deg);
    width: 5px
}

@keyframes drop-90 {
    to {
        left: 103%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-91 {
    animation: drop-91 4.9539326981s .6368145994s infinite;
    background-color: #d13447;
    height: .8px;
    left: 70%;
    opacity: 1;
    top: -10%;
    transform: rotate(129.5641630816deg);
    width: 2px
}

@keyframes drop-91 {
    to {
        left: 75%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-92 {
    animation: drop-92 4.9406739452s .6353084645s infinite;
    background-color: #d13447;
    height: .8px;
    left: 7%;
    opacity: 1;
    top: -10%;
    transform: rotate(349.7046120914deg);
    width: 2px
}

@keyframes drop-92 {
    to {
        left: 13%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-93 {
    animation: drop-93 4.2396407034s .2098317022s infinite;
    background-color: #ffbf00;
    height: 1.2px;
    left: 37%;
    opacity: .7379036267;
    top: -10%;
    transform: rotate(334.3255628225deg);
    width: 3px
}

@keyframes drop-93 {
    to {
        left: 42%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-94 {
    animation: drop-94 4.4569313746s .2290251128s infinite;
    background-color: #d13447;
    height: 3.2px;
    left: 8%;
    opacity: 1;
    top: -10%;
    transform: rotate(239.9127097131deg);
    width: 8px
}

@keyframes drop-94 {
    to {
        left: 21%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-95 {
    animation: drop-95 4.0519895473s .1650086856s infinite;
    background-color: #ffbf00;
    height: 2.8px;
    left: 13%;
    opacity: 1;
    top: -10%;
    transform: rotate(13.2253615157deg);
    width: 7px
}

@keyframes drop-95 {
    to {
        left: 14%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-96 {
    animation: drop-96 4.3399049853s .4688434492s infinite;
    background-color: #d13447;
    height: 2px;
    left: 6%;
    opacity: .7389070866;
    top: -10%;
    transform: rotate(280.6523577136deg);
    width: 5px
}

@keyframes drop-96 {
    to {
        left: 13%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-97 {
    animation: drop-97 4.1543803438s .0726261631s infinite;
    background-color: #263672;
    height: 2px;
    left: 19%;
    opacity: .8320155274;
    top: -10%;
    transform: rotate(130.3547126126deg);
    width: 5px
}

@keyframes drop-97 {
    to {
        left: 31%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-98 {
    animation: drop-98 4.7269169374s .1683943401s infinite;
    background-color: #263672;
    height: 2.4px;
    left: 34%;
    opacity: .5480556868;
    top: -10%;
    transform: rotate(195.1783543047deg);
    width: 6px
}

@keyframes drop-98 {
    to {
        left: 37%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-99 {
    animation: drop-99 4.8955133393s .7677614921s infinite;
    background-color: #d13447;
    height: 2.8px;
    left: 41%;
    opacity: 1;
    top: -10%;
    transform: rotate(22.5298930526deg);
    width: 7px
}

@keyframes drop-99 {
    to {
        left: 51%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-100 {
    animation: drop-100 4.8607606981s .817917505s infinite;
    background-color: #ffbf00;
    height: .4px;
    left: 45%;
    opacity: 1;
    top: -10%;
    transform: rotate(132.8327204806deg);
    width: 1px
}

@keyframes drop-100 {
    to {
        left: 48%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-101 {
    animation: drop-101 4.8575783532s .5909988378s infinite;
    background-color: #263672;
    height: 1.6px;
    left: 85%;
    opacity: 1;
    top: -10%;
    transform: rotate(305.0132906499deg);
    width: 4px
}

@keyframes drop-101 {
    to {
        left: 91%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-102 {
    animation: drop-102 4.0689212561s .7007810342s infinite;
    background-color: #d13447;
    height: 2px;
    left: 37%;
    opacity: 1;
    top: -10%;
    transform: rotate(272.0928256174deg);
    width: 5px
}

@keyframes drop-102 {
    to {
        left: 41%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-103 {
    animation: drop-103 4.4488940289s .2476434842s infinite;
    background-color: #d13447;
    height: 1.2px;
    left: 30%;
    opacity: .6618274497;
    top: -10%;
    transform: rotate(114.1736242065deg);
    width: 3px
}

@keyframes drop-103 {
    to {
        left: 35%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-104 {
    animation: drop-104 4.4032098227s .4597369884s infinite;
    background-color: #d13447;
    height: 1.6px;
    left: 27%;
    opacity: .6941504912;
    top: -10%;
    transform: rotate(160.9658900371deg);
    width: 4px
}

@keyframes drop-104 {
    to {
        left: 35%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-105 {
    animation: drop-105 4.217018345s .006s infinite;
    background-color: #d13447;
    height: 2.4px;
    left: 60%;
    opacity: .5849503936;
    top: -10%;
    transform: rotate(339.5825831575deg);
    width: 6px
}

@keyframes drop-105 {
    to {
        left: 72%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-106 {
    animation: drop-106 4.5256931234s .3615248898s infinite;
    background-color: #ffbf00;
    height: 2.4px;
    left: 73%;
    opacity: 1;
    top: -10%;
    transform: rotate(113.7854329357deg);
    width: 6px
}

@keyframes drop-106 {
    to {
        left: 81%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-107 {
    animation: drop-107 4.6982279705s .561705093s infinite;
    background-color: #263672;
    height: 2px;
    left: 48%;
    opacity: 1;
    top: -10%;
    transform: rotate(330.8576800694deg);
    width: 5px
}

@keyframes drop-107 {
    to {
        left: 51%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-108 {
    animation: drop-108 4.6463508118s .3304960228s infinite;
    background-color: #d13447;
    height: 2.8px;
    left: 95%;
    opacity: .8398970965;
    top: -10%;
    transform: rotate(142.4225999572deg);
    width: 7px
}

@keyframes drop-108 {
    to {
        left: 105%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-109 {
    animation: drop-109 4.6982816638s .6644952179s infinite;
    background-color: #ffbf00;
    height: 3.2px;
    left: 24%;
    opacity: .9141070605;
    top: -10%;
    transform: rotate(357.7833843046deg);
    width: 8px
}

@keyframes drop-109 {
    to {
        left: 38%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-110 {
    animation: drop-110 4.7770474573s .2283950794s infinite;
    background-color: #263672;
    height: 2.8px;
    left: 91%;
    opacity: .954986905;
    top: -10%;
    transform: rotate(76.8938472092deg);
    width: 7px
}

@keyframes drop-110 {
    to {
        left: 102%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-111 {
    animation: drop-111 4.4855658382s .3895439054s infinite;
    background-color: #263672;
    height: .4px;
    left: 53%;
    opacity: .5201729539;
    top: -10%;
    transform: rotate(1.3389584112deg);
    width: 1px
}

@keyframes drop-111 {
    to {
        left: 60%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-112 {
    animation: drop-112 4.7046050599s .8021350933s infinite;
    background-color: #d13447;
    height: 3.2px;
    left: 53%;
    opacity: 1;
    top: -10%;
    transform: rotate(232.4430687176deg);
    width: 8px
}

@keyframes drop-112 {
    to {
        left: 63%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-113 {
    animation: drop-113 4.4649788239s .4905840447s infinite;
    background-color: #d13447;
    height: 3.2px;
    left: 22%;
    opacity: .8378931347;
    top: -10%;
    transform: rotate(73.9775752675deg);
    width: 8px
}

@keyframes drop-113 {
    to {
        left: 34%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-114 {
    animation: drop-114 4.6805834545s .8380411567s infinite;
    background-color: #263672;
    height: .4px;
    left: 30%;
    opacity: 1;
    top: -10%;
    transform: rotate(259.9995881914deg);
    width: 1px
}

@keyframes drop-114 {
    to {
        left: 34%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-115 {
    animation: drop-115 4.0192484929s .2274411941s infinite;
    background-color: #263672;
    height: 2px;
    left: 41%;
    opacity: .6905376868;
    top: -10%;
    transform: rotate(84.3071375352deg);
    width: 5px
}

@keyframes drop-115 {
    to {
        left: 45%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-116 {
    animation: drop-116 4.2774696615s .9070927238s infinite;
    background-color: #263672;
    height: 2.4px;
    left: 80%;
    opacity: 1;
    top: -10%;
    transform: rotate(327.2014148777deg);
    width: 6px
}

@keyframes drop-116 {
    to {
        left: 88%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-117 {
    animation: drop-117 4.6560829426s .1352448316s infinite;
    background-color: #263672;
    height: 1.6px;
    left: 62%;
    opacity: .8599236931;
    top: -10%;
    transform: rotate(142.2467667021deg);
    width: 4px
}

@keyframes drop-117 {
    to {
        left: 63%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-118 {
    animation: drop-118 4.0086167802s .1075874093s infinite;
    background-color: #ffbf00;
    height: 2.4px;
    left: 57%;
    opacity: .794380683;
    top: -10%;
    transform: rotate(185.5696960517deg);
    width: 6px
}

@keyframes drop-118 {
    to {
        left: 62%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-119 {
    animation: drop-119 4.774747149s .381111s infinite;
    background-color: #d13447;
    height: 1.2px;
    left: 26%;
    opacity: 1;
    top: -10%;
    transform: rotate(157.1289084664deg);
    width: 3px
}

@keyframes drop-119 {
    to {
        left: 35%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-120 {
    animation: drop-120 4.4909717403s .2200878337s infinite;
    background-color: #ffbf00;
    height: 3.2px;
    left: 51%;
    opacity: 1;
    top: -10%;
    transform: rotate(284.1189629333deg);
    width: 8px
}

@keyframes drop-120 {
    to {
        left: 57%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-121 {
    animation: drop-121 4.5028105084s .3757853284s infinite;
    background-color: #ffbf00;
    height: 1.6px;
    left: 3%;
    opacity: 1;
    top: -10%;
    transform: rotate(66.7252806936deg);
    width: 4px
}

@keyframes drop-121 {
    to {
        left: 16%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-122 {
    animation: drop-122 4.2827966585s .7148214984s infinite;
    background-color: #d13447;
    height: 1.6px;
    left: 62%;
    opacity: 1;
    top: -10%;
    transform: rotate(236.8597501338deg);
    width: 4px
}

@keyframes drop-122 {
    to {
        left: 74%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-123 {
    animation: drop-123 4.7173157932s .1628605314s infinite;
    background-color: #d13447;
    height: 1.2px;
    left: 73%;
    opacity: .5069642717;
    top: -10%;
    transform: rotate(256.0213519828deg);
    width: 3px
}

@keyframes drop-123 {
    to {
        left: 86%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-124 {
    animation: drop-124 4.7274007929s .3806232631s infinite;
    background-color: #263672;
    height: 2.4px;
    left: 96%;
    opacity: .6431993059;
    top: -10%;
    transform: rotate(183.9591660475deg);
    width: 6px
}

@keyframes drop-124 {
    to {
        left: 98%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-125 {
    animation: drop-125 4.3397350889s .6211995798s infinite;
    background-color: #ffbf00;
    height: .4px;
    left: 55%;
    opacity: .6274526703;
    top: -10%;
    transform: rotate(14.4755306103deg);
    width: 1px
}

@keyframes drop-125 {
    to {
        left: 63%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-126 {
    animation: drop-126 4.457931875s .1914237868s infinite;
    background-color: #ffbf00;
    height: 1.2px;
    left: 62%;
    opacity: 1;
    top: -10%;
    transform: rotate(134.7446091822deg);
    width: 3px
}

@keyframes drop-126 {
    to {
        left: 65%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-127 {
    animation: drop-127 4.8092642831s .0928411695s infinite;
    background-color: #263672;
    height: 1.2px;
    left: 28%;
    opacity: 1;
    top: -10%;
    transform: rotate(345.4600191141deg);
    width: 3px
}

@keyframes drop-127 {
    to {
        left: 43%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-128 {
    animation: drop-128 4.6080783382s .0310044994s infinite;
    background-color: #ffbf00;
    height: .8px;
    left: 37%;
    opacity: .7515897337;
    top: -10%;
    transform: rotate(16.5461023037deg);
    width: 2px
}

@keyframes drop-128 {
    to {
        left: 39%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-129 {
    animation: drop-129 4.4081576616s .8513853232s infinite;
    background-color: #ffbf00;
    height: 2.8px;
    left: 93%;
    opacity: 1;
    top: -10%;
    transform: rotate(14.4897948233deg);
    width: 7px
}

@keyframes drop-129 {
    to {
        left: 105%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-130 {
    animation: drop-130 4.4778030418s .8649972609s infinite;
    background-color: #d13447;
    height: .4px;
    left: 47%;
    opacity: .777453301;
    top: -10%;
    transform: rotate(121.6044942786deg);
    width: 1px
}

@keyframes drop-130 {
    to {
        left: 56%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-131 {
    animation: drop-131 4.4686027637s .5154667939s infinite;
    background-color: #263672;
    height: 2.4px;
    left: 13%;
    opacity: 1;
    top: -10%;
    transform: rotate(60.4014362361deg);
    width: 6px
}

@keyframes drop-131 {
    to {
        left: 18%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-132 {
    animation: drop-132 4.202910424s .1393349239s infinite;
    background-color: #ffbf00;
    height: 2.8px;
    left: 1%;
    opacity: .6729355139;
    top: -10%;
    transform: rotate(43.3036978885deg);
    width: 7px
}

@keyframes drop-132 {
    to {
        left: 14%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-133 {
    animation: drop-133 4.4559235635s .398459739s infinite;
    background-color: #ffbf00;
    height: 2px;
    left: 49%;
    opacity: 1;
    top: -10%;
    transform: rotate(223.9935033143deg);
    width: 5px
}

@keyframes drop-133 {
    to {
        left: 53%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-134 {
    animation: drop-134 4.1432432872s .3473392338s infinite;
    background-color: #ffbf00;
    height: .4px;
    left: 22%;
    opacity: .7378633095;
    top: -10%;
    transform: rotate(293.4601222894deg);
    width: 1px
}

@keyframes drop-134 {
    to {
        left: 37%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-135 {
    animation: drop-135 4.709365605s .0023080827s infinite;
    background-color: #263672;
    height: 1.6px;
    left: 33%;
    opacity: .8919059213;
    top: -10%;
    transform: rotate(63.1348465522deg);
    width: 4px
}

@keyframes drop-135 {
    to {
        left: 44%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-136 {
    animation: drop-136 4.7487289597s .1761655601s infinite;
    background-color: #ffbf00;
    height: 1.2px;
    left: 99%;
    opacity: .7628393165;
    top: -10%;
    transform: rotate(91.5957378376deg);
    width: 3px
}

@keyframes drop-136 {
    to {
        left: 100%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-137 {
    animation: drop-137 4.3899879346s .8594604594s infinite;
    background-color: #d13447;
    height: 1.2px;
    left: 4%;
    opacity: 1;
    top: -10%;
    transform: rotate(131.1484281745deg);
    width: 3px
}

@keyframes drop-137 {
    to {
        left: 5%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-138 {
    animation: drop-138 4.5023093025s .7194077986s infinite;
    background-color: #263672;
    height: .4px;
    left: 72%;
    opacity: 1;
    top: -10%;
    transform: rotate(10.8684053183deg);
    width: 1px
}

@keyframes drop-138 {
    to {
        left: 81%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-139 {
    animation: drop-139 4.6243460681s .933923727s infinite;
    background-color: #263672;
    height: 3.2px;
    left: 99%;
    opacity: 1;
    top: -10%;
    transform: rotate(175.1135838792deg);
    width: 8px
}

@keyframes drop-139 {
    to {
        left: 100%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-140 {
    animation: drop-140 4.2754692494s .3200589194s infinite;
    background-color: #263672;
    height: .4px;
    left: 83%;
    opacity: .5727842175;
    top: -10%;
    transform: rotate(304.7476147085deg);
    width: 1px
}

@keyframes drop-140 {
    to {
        left: 98%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-141 {
    animation: drop-141 4.8388143072s .9881325513s infinite;
    background-color: #ffbf00;
    height: 3.2px;
    left: 56%;
    opacity: .7055615831;
    top: -10%;
    transform: rotate(194.45600067deg);
    width: 8px
}

@keyframes drop-141 {
    to {
        left: 64%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-142 {
    animation: drop-142 4.1113061638s .8354607802s infinite;
    background-color: #ffbf00;
    height: 2.8px;
    left: 47%;
    opacity: 1;
    top: -10%;
    transform: rotate(75.2924245663deg);
    width: 7px
}

@keyframes drop-142 {
    to {
        left: 60%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-143 {
    animation: drop-143 4.7938080973s .6668433926s infinite;
    background-color: #263672;
    height: 2.4px;
    left: 51%;
    opacity: 1;
    top: -10%;
    transform: rotate(.69120559866turn);
    width: 6px
}

@keyframes drop-143 {
    to {
        left: 59%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-144 {
    animation: drop-144 4.0633732605s .6779702662s infinite;
    background-color: #d13447;
    height: .8px;
    left: 1%;
    opacity: .5680374574;
    top: -10%;
    transform: rotate(160.1342425365deg);
    width: 2px
}

@keyframes drop-144 {
    to {
        left: 2%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-145 {
    animation: drop-145 4.7378596624s .0401045364s infinite;
    background-color: #ffbf00;
    height: 1.6px;
    left: 31%;
    opacity: .7577247619;
    top: -10%;
    transform: rotate(194.7750970127deg);
    width: 4px
}

@keyframes drop-145 {
    to {
        left: 43%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-146 {
    animation: drop-146 4.7496557286s .895963554s infinite;
    background-color: #263672;
    height: 3.2px;
    left: 23%;
    opacity: 1;
    top: -10%;
    transform: rotate(117.8569514363deg);
    width: 8px
}

@keyframes drop-146 {
    to {
        left: 25%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-147 {
    animation: drop-147 4.834545245s .6353065742s infinite;
    background-color: #263672;
    height: 2px;
    left: 35%;
    opacity: 1;
    top: -10%;
    transform: rotate(259.660747972deg);
    width: 5px
}

@keyframes drop-147 {
    to {
        left: 42%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-148 {
    animation: drop-148 4.5910979961s .3391406925s infinite;
    background-color: #263672;
    height: 3.2px;
    left: 9%;
    opacity: .897199788;
    top: -10%;
    transform: rotate(205.4162849735deg);
    width: 8px
}

@keyframes drop-148 {
    to {
        left: 21%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-149 {
    animation: drop-149 4.7916542185s .2178197936s infinite;
    background-color: #263672;
    height: .8px;
    left: 10%;
    opacity: .5087045782;
    top: -10%;
    transform: rotate(47.190981528deg);
    width: 2px
}

@keyframes drop-149 {
    to {
        left: 22%;
        top: 110%
    }
}

.wheel_result.confetti .confetti-150 {
    animation: drop-150 4.4850662255s .7923784905s infinite;
    background-color: #263672;
    height: 2.4px;
    left: 83%;
    opacity: .6640670424;
    top: -10%;
    transform: rotate(86.7426388171deg);
    width: 6px
}

@keyframes drop-150 {
    to {
        left: 96%;
        top: 110%
    }
}

.wheel_result [data-js-animate=firework] {
    border-radius: 50%;
    height: 200px;
    position: absolute;
    width: 200px
}

.modal.modal_fortune-wheel {
    background-color: initial;
    border-radius: 0;
    border-radius: initial;
    max-width: 1190px
}

.modal.modal_fortune-wheel .wheel {
    border: 6px solid var(--fw-modal-border);
    border-radius: 70px;
    margin-bottom: 0;
    max-width: 1190px;
    padding-bottom: 50px;
    padding-top: 54px;
    width: 100%
}

.modal.modal_fortune-wheel .wheel__row {
    padding-left: 51px
}

.modal.modal_fortune-wheel .mfp-close {
    background-color: initial;
    background-image: url(../images/09795cd227a0ef910035.svg);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    height: 35px;
    opacity: 1;
    right: 0;
    top: -34px;
    width: 35px
}

@media screen and (max-width:1320px) {
    .modal.modal_fortune-wheel {
        max-width: 930px
    }

    .modal.modal_fortune-wheel .wheel__spinner-wrapper {
        margin-right: -142px
    }

    .modal.modal_fortune-wheel .wheel__row {
        padding-left: 37px
    }
}

@media screen and (max-width:1023px) {
    .modal.modal_fortune-wheel {
        max-width: 728px
    }

    .modal.modal_fortune-wheel .wheel {
        padding-bottom: 30px
    }

    .modal.modal_fortune-wheel .wheel__spinner-wrapper {
        margin-right: -246px
    }

    .modal.modal_fortune-wheel .wheel__row {
        padding-left: 34px
    }
}

@media screen and (max-width:767px) {
    .modal.modal_fortune-wheel .wheel {
        border-radius: 30px;
        padding-top: 34px
    }

    .modal.modal_fortune-wheel .wheel__row {
        padding-left: 13px;
        padding-right: 10px
    }

    .modal.modal_fortune-wheel .mfp-close {
        height: 30px;
        top: -38px;
        width: 30px
    }
}