.spin-win{--sw-accent: #a3e635;--sw-wheel-border: #111111;--sw-btn-bg: #111111;--sw-btn-text: #ffffff;max-width:720px;margin:0 auto;padding:clamp(3rem,6vw,6rem) var(--bs-gutter-x, 1.5rem);text-align:center;font-family:var(--body-font, inherit)}.spin-win__title{font-family:var(--heading-font, inherit);font-weight:var(--heading-weight, 700);color:var(--color-heading, #111);font-size:clamp(2.6rem,4vw,3.6rem);margin:0 0 1rem}.spin-win__subtitle{color:var(--color-text, #555);font-size:1.05rem;line-height:1.6;max-width:52ch;margin:0 auto 3rem}.spin-win__wheel-area{position:relative;display:flex;justify-content:center;margin-bottom:2.5rem}.spin-win__wheel-wrap{position:relative;width:min(90vw,420px);aspect-ratio:1 / 1}.spin-win__canvas{width:100%;height:100%;border-radius:50%;border:6px solid var(--sw-wheel-border);box-shadow:0 20px 40px #00000026;display:block}.spin-win__pointer{position:absolute;top:-1.2rem;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center}.spin-win__pointer-label{font-family:var(--heading-font, inherit);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;background:var(--sw-wheel-border);color:#fff;padding:3px 10px;border-radius:999px;margin-bottom:2px}.spin-win__pointer-arrow{width:28px;height:28px;transform:rotate(180deg)}.spin-win__pointer-arrow polygon{fill:var(--sw-accent);stroke:var(--sw-wheel-border);stroke-width:1.5}.spin-win__spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:26%;aspect-ratio:1 / 1;border-radius:50%;border:4px solid #fff;background:var(--sw-btn-bg);color:var(--sw-btn-text);font-family:var(--heading-font, inherit);font-weight:700;font-size:clamp(.85rem,2vw,1.1rem);letter-spacing:.04em;cursor:pointer;box-shadow:0 6px 18px #00000040;transition:transform .15s ease}.spin-win__spin-btn:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.05)}.spin-win__spin-btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.4)}.spin-win__email-gate{max-width:420px;margin:0 auto 2.5rem;text-align:center}.spin-win__lock-hint{font-weight:600;color:var(--color-heading, #111);margin:0 0 .9rem;transition:opacity .25s ease}.spin-win__lock-hint.spin-win--unlocked{color:#2e7d32}.spin-win__email-form{margin:0}.spin-win__email-row{display:flex;gap:.5rem}.spin-win__email-input{flex:1 1 auto;min-width:0;height:3rem;padding:0 1rem;border:1px solid var(--border-color-base, #ccc);border-radius:8px;font-size:.95rem;font-family:var(--body-font, inherit)}.spin-win__email-input:focus{outline:none;border-color:var(--sw-accent);box-shadow:0 0 0 3px #a3e63559}.spin-win__email-input.spin-win--error{border-color:#d0473e}.spin-win__email-submit{flex:0 0 auto;height:3rem;padding:0 1.25rem;border:0;border-radius:8px;background:var(--sw-btn-bg);color:var(--sw-btn-text);font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap}.spin-win__email-submit:disabled{cursor:not-allowed;opacity:.7}.spin-win__email-error{color:#d0473e;font-size:.85rem;margin:.6rem 0 0;text-align:left}.spin-win__email-error[hidden]{display:none}.spin-win__email-consent{margin-top:.75rem;font-size:.78rem;color:var(--color-text, #888);line-height:1.5}.spin-win__email-consent p{margin:0}.spin-win__email-gate.spin-win--fading{animation:spin-win-gate-out .35s ease forwards}@keyframes spin-win-gate-out{to{opacity:0;transform:translateY(-6px);max-height:0;margin-bottom:0;overflow:hidden}}@media(max-width:480px){.spin-win__email-row{flex-direction:column}.spin-win__email-submit{width:100%}}.spin-win__confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998}.spin-win__info{text-align:left;max-width:560px;margin:0 auto}.spin-win__accordion{border-top:1px solid var(--border-color-base, #e5e5e5);padding:1rem 0}.spin-win__accordion:last-of-type{border-bottom:1px solid var(--border-color-base, #e5e5e5)}.spin-win__accordion summary{cursor:pointer;font-weight:600;color:var(--color-heading, #111);list-style:none}.spin-win__accordion summary::-webkit-details-marker{display:none}.spin-win__accordion summary:after{content:"+";float:right}.spin-win__accordion[open] summary:after{content:"\2212"}.spin-win__accordion-body{margin-top:.75rem;color:var(--color-text, #555);font-size:.95rem;line-height:1.65}.spin-win__continue-link{display:block;text-align:center;margin-top:2rem;font-weight:600;color:var(--color-heading, #111);text-decoration:underline}.spin-win__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.spin-win__overlay[hidden]{display:none}.spin-win__popup{position:relative;background:#fff;border-radius:16px;padding:2.5rem 2rem 2rem;max-width:380px;width:100%;text-align:center;overflow:hidden;animation:spin-win-pop-in .35s ease}@keyframes spin-win-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.spin-win__popup-close{position:absolute;top:.75rem;right:.75rem;background:none;border:0;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text, #777)}.spin-win__popup-title{font-family:var(--heading-font, inherit);font-size:1.6rem;margin:0 0 .75rem;color:var(--color-heading, #111)}.spin-win__popup-message{color:var(--color-text, #555);margin:0 0 1.5rem;line-height:1.6}.spin-win__coupon-box{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:2px dashed var(--sw-accent);border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1.5rem}.spin-win__coupon-box[hidden]{display:none}.spin-win__coupon-code{font-family:monospace;font-weight:700;font-size:1.15rem;letter-spacing:.05em}.spin-win__copy-btn{flex:0 0 auto;background:var(--sw-btn-bg);color:var(--sw-btn-text);border:0;border-radius:999px;padding:.5rem 1rem;font-weight:600;font-size:.85rem;cursor:pointer}.spin-win__popup-continue{display:inline-block;font-weight:600;color:var(--color-heading, #111);text-decoration:underline}.spin-win__popup-ribbons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.spin-win__ribbon{position:absolute;top:50%;left:50%;width:6px;height:16px;border-radius:2px;opacity:0;transform-origin:center;animation:spin-win-ribbon .9s ease-out forwards}@keyframes spin-win-ribbon{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--sw-r, 0deg)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--sw-r, 0deg)) translateY(-140px) scale(.6)}}.spin-win__popup.spin-win--lose .spin-win__popup-title{animation:spin-win-shake .5s ease}@keyframes spin-win-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.spin-win__popup,.spin-win__ribbon,.spin-win__popup.spin-win--lose .spin-win__popup-title{animation:none!important}}@media(max-width:749px){.spin-win__wheel-wrap{width:min(85vw,340px)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/spin-wheel.css.map */