.lucky-wheel-modal .modal__content{box-sizing:border-box;width:min(960px,calc(100vw - 24px));max-width:min(960px,calc(100vw - 24px));padding:0;overflow-x:hidden;overflow-y:auto}.lucky-wheel-modal .modal__close-button{z-index:6;color:var(--lw-modal-close-color, #ffffff)}.lucky-wheel-modal .modal__close-button svg{color:inherit}.lucky-wheel-modal__content--left{margin-right:auto;margin-left:24px}.lucky-wheel-modal__content--right{margin-left:auto;margin-right:24px}.lucky-wheel-layout{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.lucky-wheel-layout__poster{position:relative;flex:0 0 auto;width:100%;min-height:180px;overflow:hidden;background:#111;max-width:100%}.lucky-wheel-layout__poster-img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover}.lucky-wheel-layout__poster-img--desktop{display:none}.lucky-wheel-layout__poster-img--mobile{display:block}.lucky-wheel-layout__main{flex:1 1 auto;min-width:0;max-width:100%;padding:20px 16px 24px;box-sizing:border-box;overflow:hidden}.lucky-wheel-layout__heading{margin:0 0 8px;text-align:center}.lucky-wheel-layout__subheading{margin:0 0 16px;text-align:center}.lucky-wheel__step{width:100%;max-width:100%;box-sizing:border-box}.lucky-wheel__step.hidden{display:none!important}.lucky-wheel__form-stage{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:100%;box-sizing:border-box}.lucky-wheel__preview{flex:0 0 auto;width:100%;max-width:280px;margin:0 auto;text-align:center;box-sizing:border-box}.lucky-wheel__preview-caption{margin:10px 0 0;font-size:13px;opacity:.8}.lucky-wheel__activity{margin-top:12px;padding:0 4px;font-size:12px;line-height:1.5;text-align:left;opacity:.9}.lucky-wheel__activity p{margin:0 0 8px}.lucky-wheel__activity p:last-child{margin-bottom:0}.lucky-wheel__wheel-wrap--preview{position:relative;width:min(100%,240px);margin:0 auto;aspect-ratio:1}.lucky-wheel__wheel-wrap--preview .lucky-wheel__pointer{border-top-color:#111}.lucky-wheel__form-col{width:100%;max-width:100%;min-width:0;flex:1 1 auto;display:flex;flex-direction:column;box-sizing:border-box}.lucky-wheel__form{display:flex;flex-direction:column;gap:4px;width:100%;max-width:100%;box-sizing:border-box}.lucky-wheel__field{position:relative;width:100%;max-width:100%;margin-bottom:8px;box-sizing:border-box}.lucky-wheel__field .input__field{display:block;width:100%;max-width:100%;box-sizing:border-box}.lucky-wheel__birthday-row{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:8px;width:100%}.lucky-wheel__select{min-height:48px;padding:10px 28px 10px 12px;-webkit-appearance:auto;appearance:auto;cursor:pointer}.lucky-wheel__submit{width:100%;max-width:100%;margin-top:8px;box-sizing:border-box}.lucky-wheel__submit[disabled]{opacity:.65;cursor:not-allowed}.lucky-wheel__wheel-wrap{position:relative;width:min(100%,280px);max-width:280px;margin:0 auto 12px;aspect-ratio:1}.lucky-wheel__pointer{position:absolute;z-index:3;top:-6px;left:50%;width:0;height:0;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid #111}.lucky-wheel__wheel{position:relative;width:100%;aspect-ratio:1;border-radius:50%;box-shadow:0 8px 28px #0000002e;transition:transform 4s cubic-bezier(.2,.8,.2,1);transform-origin:50% 50%;will-change:transform}.lucky-wheel__canvas{display:block;width:100%;height:100%;border-radius:50%;vertical-align:top}.lucky-wheel__spin-hint{margin:0;text-align:center;font-size:14px;opacity:.75}.lucky-wheel__result{margin-bottom:16px;padding:16px;border-radius:8px;background:#0000000d;text-align:center}.lucky-wheel__result-title{margin:0 0 8px;font-size:20px;font-weight:700}.lucky-wheel__result-message{margin:0 0 12px}.lucky-wheel__result-message--warn{color:#a40000}.lucky-wheel__code-hint{margin:12px 0 0;font-size:12px;line-height:1.4;opacity:.75;text-align:center}.lucky-wheel__result-hint{margin:0 0 14px;text-align:center;font-size:13px;opacity:.75}.lucky-wheel__code-box{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;justify-content:center;max-width:100%}.lucky-wheel__code{flex:1 1 auto;min-width:0;max-width:100%;padding:10px 12px;border:1px dashed currentColor;border-radius:6px;font-weight:700;letter-spacing:.04em;word-break:break-all}.lucky-wheel__copy{flex:0 0 auto;padding:10px 14px;border:0;border-radius:6px;background:#111;color:#fff;cursor:pointer;font-size:13px}.lucky-wheel__error{margin:0 0 12px;padding:10px 12px;border-radius:6px;background:#fdecec;color:#a40000;font-size:13px;text-align:center}.lucky-wheel-teaser{position:fixed;z-index:100000;top:auto;right:auto;bottom:auto;left:auto;display:inline-flex;align-items:stretch;overflow:hidden;border-radius:999px;background:var(--lw-teaser-bg, #ff6b00);color:var(--lw-teaser-text, #111111);box-shadow:0 6px 24px #00000040}.lucky-wheel-teaser__open{border:0;padding:12px 16px;background:transparent;color:inherit;cursor:pointer;font-size:13px;font-weight:700}.lucky-wheel-teaser__dismiss{display:flex;align-items:center;justify-content:center;width:36px;border:0;border-left:1px solid var(--lw-teaser-dismiss-border, rgba(0, 0, 0, .2));background:transparent;color:inherit;cursor:pointer;font-size:20px;line-height:1}.lucky-wheel-teaser.hidden{display:none!important}.lucky-wheel-teaser--bottom-right{right:16px;bottom:16px}.lucky-wheel-teaser--bottom-left{left:16px;bottom:16px}.lucky-wheel-teaser--top-right{top:16px;right:16px}.lucky-wheel-teaser--top-left{top:16px;left:16px}.lucky-wheel-teaser--middle-left{top:50%;left:16px;transform:translateY(-50%)}.lucky-wheel-teaser--middle-right{top:50%;right:16px;transform:translateY(-50%)}.lucky-wheel-layout--has-poster .lucky-wheel__form-stage{flex-direction:column;align-items:center}.lucky-wheel-layout--has-poster .lucky-wheel__form-col{width:100%;max-width:360px}@media screen and (min-width:741px){.lucky-wheel-layout__main{padding:24px 20px 28px}.lucky-wheel__form-stage{flex-direction:row;align-items:flex-start;gap:20px}.lucky-wheel__preview{flex:0 0 240px;width:240px;max-width:240px}.lucky-wheel__form-col{flex:1 1 auto;min-width:0;max-width:none}.lucky-wheel-layout--has-poster .lucky-wheel__form-stage{flex-direction:column;align-items:center}.lucky-wheel-layout--has-poster .lucky-wheel__form-col{width:100%;max-width:400px}}@media screen and (min-width:1000px){.lucky-wheel-modal .modal__content{width:min(960px,calc(100vw - 80px));max-width:min(960px,calc(100vw - 80px))}.lucky-wheel-layout{flex-direction:row;align-items:stretch;min-height:420px}.lucky-wheel-layout--has-poster .lucky-wheel-layout__poster{order:1}.lucky-wheel-layout--has-poster .lucky-wheel-layout__main,.lucky-wheel-layout--has-poster.lucky-wheel-layout--reverse .lucky-wheel-layout__poster{order:2}.lucky-wheel-layout--has-poster.lucky-wheel-layout--reverse .lucky-wheel-layout__main{order:1}.lucky-wheel-layout__poster,.lucky-wheel-layout__main{flex:1 1 50%;max-width:50%;min-width:0}.lucky-wheel-layout__poster{min-height:420px}.lucky-wheel-layout__poster-img--desktop{display:block}.lucky-wheel-layout__poster-img--mobile{display:none}.lucky-wheel-layout__poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;object-fit:cover}.lucky-wheel-layout__main{display:flex;flex-direction:column;justify-content:center;padding:32px 24px}.lucky-wheel-modal__content--center{margin-left:auto;margin-right:auto}.lucky-wheel-layout:not(.lucky-wheel-layout--has-poster) .lucky-wheel__form-stage{flex-direction:row;align-items:flex-start}.lucky-wheel-layout:not(.lucky-wheel-layout--has-poster) .lucky-wheel__preview{flex:0 0 220px;width:220px}.lucky-wheel-layout:not(.lucky-wheel-layout--has-poster) .lucky-wheel__form-col{flex:1 1 auto;min-width:0}}@media screen and (max-width:740px){.lucky-wheel-modal .modal__content{width:100%;max-width:100%;margin:0;border-radius:10px 10px 0 0}.lucky-wheel-layout__main{padding:16px 14px 20px}.lucky-wheel__form-stage{flex-direction:column;align-items:center}.lucky-wheel__preview{width:100%;max-width:min(280px,calc(100vw - 48px));margin-left:auto;margin-right:auto}.lucky-wheel__wheel-wrap--preview{width:min(240px,calc(100vw - 64px));margin-left:auto;margin-right:auto}.lucky-wheel__form-col{width:100%;max-width:min(400px,calc(100vw - 28px));padding:0 2px}.lucky-wheel-teaser--bottom-right,.lucky-wheel-teaser--bottom-left{bottom:max(16px,env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/lucky-wheel.css.map */