.luckywheel-section{height:calc(100vw * var(--ratio-mobile))}.luckywheel-section[data-step=wheel]{height:calc(100vw * var(--ratio-mobile-wheel))}.luckywheel-section .background-image-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.luckywheel-section .background-image-container img{width:100%;height:100%;object-fit:cover}.luckywheel-section .luckywheel-form{position:absolute;left:50%;top:var(--form-top-mb);transform:translate(-50%);max-width:var(--form-width-mb);width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.1875vw,42px)}.luckywheel-section .luckywheel-form .luckywheel-form__field{gap:clamp(4px,calc(20 / 1920 * 100vw),20px)}.luckywheel-section .luckywheel-form .luckywheel-form__field .luckywheel-form__label{font-size:clamp(14px,calc(20 / 1920 * 100vw),20px)}.luckywheel-section .luckywheel-form .luckywheel-form__field .luckywheel-form__input{background:#fff;border-radius:25px;border:clamp(1px,calc(2 / 769 * 100vw),2px) solid #1C2C58;color:#1c2c58;font-size:clamp(16px,.9375vw,18px);outline:none;padding:clamp(6px,calc(22/ 1920 * 100vw),22px) clamp(10px,calc(20/ 1920 * 100vw),20px);height:100%;width:100%}.luckywheel-section .luckywheel-form .luckywheel-form__field .luckywheel-form__input:-webkit-autofill,.luckywheel-section .luckywheel-form .luckywheel-form__field .luckywheel-form__input:-webkit-autofill:hover,.luckywheel-section .luckywheel-form .luckywheel-form__field .luckywheel-form__input:-webkit-autofill:focus,.luckywheel-section .luckywheel-form .luckywheel-form__field .luckywheel-form__input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset;box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#1C2C58;color:#1c2c58!important;font-family:inherit;font-size:clamp(12px,.9375vw,18px)}.luckywheel-section .luckywheel-form .button{margin-top:10px;padding:clamp(8px,.9375vw,18px);background:#fdd99d;color:var(--color-foreground-heading);border-radius:20px;font-weight:600;font-size:clamp(12px,calc(20 / 1920 * 100vw),20px);min-width:clamp(105px,calc(236 / 1920 * 100vw),236px)}.luckywheel-section .luckywheel-form .button.is-loading:before{width:clamp(20px,1.25vw,24px);height:clamp(20px,1.25vw,24px);margin-top:clamp(-10px,-.625vw,-12px);margin-left:clamp(-10px,-.625vw,-12px)}.luckywheel-section .luckywheel-wheel{display:flex;justify-content:center;position:absolute;left:50%;top:var(--wheel-top-mb);transform:translate(-50%);max-width:clamp(var(--wheel-width-mb),calc(var(--wheel-width) / 1920px * 100vw),var(--wheel-width));width:100%;max-height:clamp(var(--wheel-height-mb),calc(var(--wheel-height) / 1920px * 100vw),var(--wheel-height));height:100%}.luckywheel-section .luckywheel-wheel .luckywheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.3125vw,6px);cursor:pointer}.luckywheel-section .luckywheel-wheel .luckywheel-pointer .pointer-image{display:block;width:clamp(40px,calc(100 / 1920 * 100vw),100px);height:auto}.luckywheel-section .svg-wrapper{display:flex;justify-content:center;align-items:center}.luckywheel-section .svg-wrapper svg{width:100%;height:100%}.luckywheel-section .luckywheel-wheel .luckywheel-wheel__inner{flex:1;overflow:hidden}.luckywheel-section .luckywheel-wheel .wheel{position:relative;display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;transition:transform var(--spin-duration, 5s) cubic-bezier(.25,.1,.25,1);cursor:pointer}.luckywheel-section .luckywheel-wheel .wheel .wheel-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.luckywheel-section .luckywheel-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.luckywheel-section .luckywheel-popup .luckywheel-popup__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007a;opacity:0;transition:opacity .3s ease}.luckywheel-section .luckywheel-popup.active,.luckywheel-section .luckywheel-popup.active .luckywheel-popup__overlay,.luckywheel-section .luckywheel-popup.active .luckywheel-popup__wrapper{opacity:1;visibility:visible}body:has(.luckywheel-section .luckywheel-popup.active){overflow:hidden}.luckywheel-section .luckywheel-popup .luckywheel-popup__wrapper{display:flex;flex-direction:column;margin:auto;background:#fff;border-radius:clamp(20px,1.5625vw,30px);padding:clamp(16px,1.25vw,24px);text-align:center;max-height:80vh;max-width:clamp(340px,47.03125vw,900px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 50px);opacity:0;transition:opacity .3s ease;will-change:transform,opacity}.luckywheel-section .luckywheel-popup .luckywheel-popup__wrapper .luckywheel-popup__close{display:block;position:absolute;top:16px;right:16px;width:clamp(20px,1.25vw,24px);height:clamp(20px,1.25vw,24px);padding:0}.luckywheel-section .luckywheel-popup .luckywheel-popup__wrapper .luckywheel-popup__body{padding-inline:clamp(16px,1.25vw,24px)}.luckywheel-section .luckywheel-popup .luckywheel-popup__wrapper .luckywheel-popup__image-wrapper{max-width:clamp(150px,calc(361 / 1920 * 100vw),361px);margin-inline:auto}.luckywheel-section .luckywheel-popup .luckywheel-popup__wrapper .luckywheel-popup__image{display:block;width:100%;height:auto;object-fit:contain}.luckywheel-section .luckywheel-popup .luckywheel-popup__wrapper .luckywheel-popup__title{color:#1c2c58;font-weight:700;font-size:clamp(16px,1.40625vw,27px);letter-spacing:.6px;line-height:1.48}.luckywheel-section .luckywheel-popup .luckywheel-popup__wrapper .luckywheel-popup__extra-note{color:#1c2c58;font-size:clamp(12px,calc(20 / 1920 * 100vw),20px);line-height:1.4;margin-block:8px 0}.luckywheel-section .luckywheel-popup .luckywheel-popup__wrapper .luckywheel-popup__description{color:#1c2c58;font-size:clamp(12px,calc(20 / 1920 * 100vw),20px);line-height:1.4;margin-block:16px 0}.luckywheel-section[data-step=form] .luckywheel-wheel,.luckywheel-section[data-step=wheel] .luckywheel-form,.luckywheel-section .background-image-container--wheel{display:none}.luckywheel-section[data-step=wheel] .background-image-container--wheel{display:block}.luckywheel-section .luckywheel-popup .luckywheel-popup__content{display:none}.luckywheel-section .luckywheel-popup[data-status=success] .luckywheel-popup__content--success,.luckywheel-section .luckywheel-popup[data-status=fail] .luckywheel-popup__content--fail{display:block}@media(min-width:769px){.luckywheel-section{height:calc(100vw * var(--ratio-desktop))}.luckywheel-section[data-step=wheel]{height:calc(100vw * var(--ratio-desktop-wheel))}.luckywheel-section .luckywheel-form{top:var(--form-top);max-width:var(--form-width)}.luckywheel-section .luckywheel-wheel{top:var(--wheel-top)}}@keyframes spin{0%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/210/assets/component-luckywheel-section.css.map */