.spin-popup__layout{display:flex;flex-direction:row;gap:40px;align-items:center;justify-content:space-between}.spin-popup__content{flex:1;max-width:400px}.spin-popup__wheel-container{flex-shrink:0}.spin-popup__headline{font-family:Inter,Arial,sans-serif;font-weight:700;font-size:36px;line-height:1.2;color:var(--spin-text-color, #2D2D2D);margin:0 0 16px}.spin-popup__subheadline{font-family:Inter,Arial,sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:var(--spin-text-color, #2D2D2D);margin:0 0 24px}.spin-popup__unlocked-message{font-family:Inter,Arial,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:var(--spin-button-color, #5B4CFF);margin:24px 0 0}.spin-popup__form-container{margin-top:24px}.spin-wheel-form{margin:0}.spin-form__input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.spin-form__email-input{width:100%;padding:14px 16px;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--spin-text-color, #2D2D2D);background:#fff;border:2px solid #D9D9D9;border-radius:8px;transition:border-color .2s ease}.spin-form__email-input:focus{outline:none;border-color:var(--spin-button-color, #5B4CFF);box-shadow:0 0 0 3px #5b4cff1a}.spin-form__submit-button{width:100%;padding:14px 24px;font-family:Inter,Arial,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#fff;background:var(--spin-button-color, #5B4CFF);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.spin-form__submit-button:hover{background:#4a3de6}.spin-form__submit-button:active{transform:translateY(1px)}.spin-form__terms{font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.4;color:#666;margin:8px 0 0}.form-success-message,.form-errors{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.4}.form-success-message{background:#e8f5e9;color:#2e7d32;border:1px solid #A5D6A7}.form-errors{background:#ffebee;color:#c62828;border:1px solid #EF9A9A}.form-errors p{margin:0}.spin-wheel{position:relative;width:400px;height:400px;margin:0 auto}.spin-wheel__container{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:8px solid var(--spin-wheel-border, #2D2D2D);box-shadow:0 10px 40px #00000026;transform:rotate(0);transition:transform 4s cubic-bezier(.17,.67,.12,.99)}.spin-wheel__segment{position:absolute;width:50%;height:50%;transform-origin:100% 100%;overflow:hidden}.spin-wheel__segment:nth-child(1){transform:rotate(0) skewY(-45deg)}.spin-wheel__segment:nth-child(2){transform:rotate(45deg) skewY(-45deg)}.spin-wheel__segment:nth-child(3){transform:rotate(90deg) skewY(-45deg)}.spin-wheel__segment:nth-child(4){transform:rotate(135deg) skewY(-45deg)}.spin-wheel__segment:nth-child(5){transform:rotate(180deg) skewY(-45deg)}.spin-wheel__segment:nth-child(6){transform:rotate(225deg) skewY(-45deg)}.spin-wheel__segment:nth-child(7){transform:rotate(270deg) skewY(-45deg)}.spin-wheel__segment:nth-child(8){transform:rotate(315deg) skewY(-45deg)}.spin-wheel__segment__content{position:absolute;width:200%;height:200%;transform:skewY(45deg) rotate(22.5deg);display:flex;align-items:center;justify-content:center;padding:0 60px}.spin-wheel__segment__label{font-family:Inter,Arial,sans-serif;font-weight:600;font-size:16px;line-height:1.2;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2);word-break:break-word}.spin-wheel__button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:var(--spin-button-color, #5B4CFF);border:6px solid #FFFFFF;box-shadow:0 4px 20px #0003;cursor:pointer;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center}.spin-wheel__button:not(:disabled):hover{background:#4a3de6;transform:translate(-50%,-50%) scale(1.05)}.spin-wheel__button:not(:disabled):active{transform:translate(-50%,-50%) scale(.98)}.spin-wheel__button:disabled{cursor:not-allowed;opacity:.6}.spin-wheel__button__text{font-family:Inter,Arial,sans-serif;font-weight:700;font-size:20px;line-height:1;color:#fff;text-transform:uppercase;letter-spacing:.5px}.spin-wheel__pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:30px;height:48px;z-index:15;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.spin-wheel__pointer svg{width:100%;height:100%}.spin-wheel.locked .spin-wheel__lock-overlay{display:flex}.spin-wheel__lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:20;padding:40px;text-align:center}.spin-wheel__lock-icon{color:var(--spin-button-color, #5B4CFF);opacity:.8}.spin-wheel__lock-overlay p{font-family:Inter,Arial,sans-serif;font-weight:500;font-size:16px;line-height:1.4;color:var(--spin-text-color, #2D2D2D);margin:0}.spin-result-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:fadeIn .3s ease}.spin-result-modal[hidden]{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spin-result-content{background:var(--spin-modal-bg, #FFFFFF);border-radius:24px;padding:40px;max-width:500px;width:100%;text-align:center;animation:slideUp .4s ease;box-shadow:0 25px 50px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spin-result-title{font-family:Inter,Arial,sans-serif;font-weight:600;font-size:24px;line-height:1.3;color:var(--spin-text-color, #2D2D2D);margin:0 0 16px}.spin-result-prize{font-family:Inter,Arial,sans-serif;font-weight:700;font-size:48px;line-height:1.2;color:var(--spin-button-color, #5B4CFF);margin:0 0 32px}.spin-result-code-container{margin:0 0 24px}.spin-result-code-label{display:block;font-family:Inter,Arial,sans-serif;font-weight:500;font-size:14px;line-height:1.4;color:#666;margin:0 0 8px}.spin-result-code-input-group{display:flex;gap:8px}.spin-result-code-input{flex:1;padding:12px 16px;font-family:Inter,Arial,monospace;font-weight:600;font-size:18px;line-height:1.5;color:var(--spin-text-color, #2D2D2D);background:#f5f5f5;border:2px solid #D9D9D9;border-radius:8px;text-align:center}.spin-result-copy-button{padding:12px 20px;font-family:Inter,Arial,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:var(--spin-button-color, #5B4CFF);background:#fff;border:2px solid var(--spin-button-color, #5B4CFF);border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.spin-result-copy-button:hover{background:var(--spin-button-color, #5B4CFF);color:#fff}.spin-result-message{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5;color:#666;margin:0 0 24px}.spin-result-shop-button{display:inline-block;padding:14px 32px;font-family:Inter,Arial,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#fff;background:var(--spin-button-color, #5B4CFF);border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.spin-result-shop-button:hover{background:#4a3de6;transform:translateY(-2px)}.spin-result-shop-button:active{transform:translateY(0)}.spin-result-close-button{display:block;margin:16px auto 0;padding:8px 16px;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#999;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.spin-result-close-button:hover{color:var(--spin-text-color, #2D2D2D)}@media (max-width: 1024px){.spin-popup__layout{flex-direction:column;gap:30px}.spin-popup__content{max-width:100%;text-align:center}.spin-popup__headline{font-size:32px}.spin-popup__subheadline{font-size:16px}.spin-wheel{width:320px;height:320px}.spin-wheel__button{width:100px;height:100px}.spin-wheel__button__text{font-size:18px}.spin-wheel__segment__label{font-size:14px}.spin-result-content{padding:32px}.spin-result-prize{font-size:40px}}@media (max-width: 576px){.spin-popup__layout{gap:20px}.spin-popup__headline{font-size:28px}.spin-popup__subheadline{font-size:15px}.spin-wheel{width:280px;height:280px}.spin-wheel__button{width:90px;height:90px}.spin-wheel__button__text{font-size:16px}.spin-wheel__segment__label{font-size:13px}.spin-wheel__segment__content{padding:0 50px}.spin-form__email-input,.spin-form__submit-button{font-size:15px;padding:12px 14px}.spin-result-content{padding:24px}.spin-result-title{font-size:20px}.spin-result-prize{font-size:36px}.spin-result-code-input{font-size:16px;padding:10px 12px}.spin-result-copy-button{padding:10px 16px;font-size:13px}.spin-result-message{font-size:14px}.spin-result-shop-button{width:100%;padding:12px 24px;font-size:15px}}.spin-wheel__button:focus-visible,.spin-form__email-input:focus-visible,.spin-form__submit-button:focus-visible,.spin-result-copy-button:focus-visible,.spin-result-shop-button:focus-visible,.spin-result-close-button:focus-visible{outline:3px solid var(--spin-button-color, #5B4CFF);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){.spin-wheel__container{transition:transform .5s ease!important}.spin-result-modal,.spin-result-content,.spin-wheel__button,.spin-form__submit-button,.spin-result-shop-button{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.spin-wheel__container{border-width:4px}.spin-form__email-input,.spin-result-code-input{border-width:3px}.spin-wheel__segment__label{text-shadow:0 0 2px rgba(0,0,0,.8)}}@media print{.spin-to-win-popup{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-spin-wheel.css.map */