[x-cloak]{display:none!important}.fortune-wheel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow-y:auto}@keyframes fortune-wheel-popup-fade-up{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.fortune-wheel-modal-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;-webkit-user-select:none;user-select:none}.fortune-wheel-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080}.fortune-wheel-modal-close{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;background:none;border:none;padding:.5rem;cursor:pointer;z-index:10}.fortune-wheel-modal-close svg{width:24px;height:24px;color:var(--PRIMARY-BUTTONS-COLOR-BG)}.fortune-wheel-modal-content{position:relative;background:#fff5f4;border-radius:.5rem;max-width:38rem;width:100%;border:2px solid var(--PRIMARY-BUTTONS-COLOR-BORDER);box-shadow:0 20px 25px -5px #0000001a;opacity:0;transform:translateY(60px) scale(.98);animation:fortune-wheel-popup-fade-up .5s cubic-bezier(.23,1,.32,1) forwards .1s;padding:1.5rem;text-align:center}.fortune-wheel-modal-title{font-size:1.5rem!important;font-weight:700;line-height:1.5;text-align:center;font-style:normal!important;color:var(--text)!important;margin:0 0 .5rem}.fortune-wheel-modal-body{margin:0 auto 1rem;text-align:center;max-width:90%}.fortune-wheel-modal-body p{font-size:1rem!important;color:var(--text)!important}.fortune-wheel-stage{position:relative;width:510px;max-width:88vw;aspect-ratio:1 / 1;margin:0 auto 1.25rem;--wheel-radius: 255px;--image-radius: 140px;--text-radius: 225px;--label-image-size: calc(var(--fortune-wheel-segment-image-size, 50px) * 1.8)}.fortune-wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);z-index:5;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:26px solid var(--PRIMARY-BUTTONS-COLOR-BG);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.fortune-wheel-disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:6px solid var(--PRIMARY-BUTTONS-COLOR-BORDER);box-shadow:0 6px 16px #0003;transform:rotate(0);transition:transform 4s cubic-bezier(.16,1,.3,1)}.fortune-wheel-disc--no-transition{transition:none!important}.fortune-wheel-segment{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.fortune-wheel-label-image{position:absolute;left:0;top:0;width:var(--label-image-size);height:var(--label-image-size);overflow:hidden;border:none;transform:translate(-50%,-50%) rotate(var(--seg-angle)) translateY(calc(var(--image-radius) * -1))}.fortune-wheel-label-image img{width:100%;height:100%;object-fit:contain;display:block}.fortune-wheel-label-text{position:absolute;left:0;top:0;width:max-content;max-width:10em;font-size:9px;font-weight:700;line-height:1.15;letter-spacing:.02em;text-align:center;white-space:normal;overflow-wrap:normal;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);transform:translate(-50%,-50%) rotate(var(--seg-angle)) translateY(calc(var(--text-radius) * -1))}.fortune-wheel-label-text.fortune-wheel-label--light{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.fortune-wheel-label-text.fortune-wheel-label--dark{color:#1a1a1a;text-shadow:none}.fortune-wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:4px solid var(--PRIMARY-BUTTONS-COLOR-BORDER);z-index:4}.fortune-wheel-spin-button{min-width:200px}.fortune-wheel-result{margin-top:.5rem}.fortune-wheel-result-heading{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.fortune-wheel-result-prize{font-size:1.4rem;font-weight:700;color:var(--PRIMARY-BUTTONS-COLOR-BG);margin-bottom:.25rem}.fortune-wheel-result-product{font-size:.95rem;color:var(--text);margin:0 0 .75rem;opacity:.85}.fortune-wheel-next-spin-upsell{font-size:.95rem;line-height:1.4;color:var(--text);text-align:center;margin:.75rem 0 .25rem;padding:.65rem .75rem;background:color-mix(in srgb,var(--PRIMARY-BUTTONS-COLOR-BG) 10%,transparent);border-radius:8px}.fortune-wheel-gift-error{color:#821532;font-size:.875rem;margin:.5rem 0 0;text-align:center}.fortune-wheel-gift-status{width:100%;text-align:center;font-size:.9rem;color:var(--text);margin:0 0 .5rem}.fortune-wheel-gift-status--added{font-weight:700;color:var(--PRIMARY-BUTTONS-COLOR-BG)}.fortune-wheel-footer{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.fortune-wheel-spins-left{font-size:1rem;color:var(--text);margin:.25rem 0 .75rem}.fortune-wheel-spins-left strong{color:var(--PRIMARY-BUTTONS-COLOR-BG);font-size:1.15rem}.fortune-wheel-loading{display:flex;align-items:center;justify-content:center;min-height:220px}.fortune-wheel-spinner{width:42px;height:42px;border:4px solid rgba(0,0,0,.12);border-top-color:var(--PRIMARY-BUTTONS-COLOR-BG);border-radius:50%;animation:fortune-wheel-spin .8s linear infinite}@keyframes fortune-wheel-spin{to{transform:rotate(360deg)}}.fortune-wheel-result-image{margin:0 auto .75rem;background:transparent}.fortune-wheel-result-image img{max-width:300px;max-height:300px;width:auto;height:auto;margin:0 auto;display:block;object-fit:contain;background:transparent;border-radius:0}.fortune-wheel-petal{position:fixed;top:-40px;z-index:99999;pointer-events:none;animation-name:fortune-wheel-fall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes fortune-wheel-fall{to{transform:translateY(110vh) rotate(360deg);opacity:.2}}@media(max-width:600px){.fortune-wheel-stage{width:300px;--wheel-radius: 150px;--image-radius: 88px;--label-image-size: calc( var(--fortune-wheel-segment-image-size, 50px) * 1.15 )}.fortune-wheel-label-text{display:none}.fortune-wheel-modal-title{font-size:1.25rem!important}.fortune-wheel-modal-content{max-width:34rem;padding:1rem}}#CartPopup .custom-upcart-checkout-button{display:none!important}#CartPopup .custom-fortune-wheel-button,body.fortune-wheel-complete #CartPopup .custom-upcart-checkout-button{display:flex!important}body.fortune-wheel-complete #CartPopup .custom-fortune-wheel-button{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/60/assets/popup-fortune-wheel.css.map */