.deal-wheel{--size: clamp(250px, 80vmin, 700px);--lg-hs: 0 3%;--lg-stop: 50%;--lg: linear-gradient( hsl(var(--lg-hs) 0%) 0 var(--lg-stop), hsl(var(--lg-hs) 20%) var(--lg-stop) 100% );position:relative;display:grid;grid-gap:calc(var(--size) / 7);align-items:center;justify-content:center;grid-template-areas:"spinner" "trigger";padding-top:200px;font-family:Girassol,sans-serif;font-size:calc(var(--size) / 21);line-height:1;text-transform:lowercase;background-size:cover;overflow:hidden}.deal-wheel>*{grid-area:spinner}.deal-wheel .btn-spin{grid-area:trigger;justify-self:center}.deal-wheel .btn-spin img{width:100%}.spinner-wrapper{position:relative;display:block;width:480px;height:480px;padding:40px}.spinner{position:relative;display:grid;align-items:center;grid-template-areas:"spinner";width:100%;height:100%;transform:rotate(calc(var(--rotate, 25) * 1deg));border-radius:50%;box-shadow:inset 0 0 0 calc(var(--size) / 40) #0000000f}.spinner *{grid-area:spinner}.frame-wheel{position:absolute;top:-141px;left:0;width:100%;transform:scale(2);object-fit:scale-down}.center-wheel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;object-fit:scale-down}.prize{position:relative;display:flex;align-items:center;padding:0 55px 0 26px;width:50%;height:50%;transform-origin:center right;transform:rotate(var(--rotate));-webkit-user-select:none;user-select:none}.cap{--cap-size: calc(var(--size) / 4);position:relative;justify-self:center;width:var(--cap-size);height:var(--cap-size)}.cap select{display:none}.cap svg{width:100%}.ticker{z-index:1;height:88px;width:48px;position:relative;margin-left:-32px}.ticker img{width:100%;height:100%;transform:rotate(270deg)}.btn-spin{border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-transform:inherit;padding:.9rem 2rem 1rem;border-radius:.25rem;cursor:pointer;transition:opacity .2s ease-out;z-index:1}.btn-spin:focus{outline-offset:2px}.btn-spin:active{transform:translateY(1px)}.btn-spin:disabled{cursor:progress;opacity:.25}.is-spinning .spinner{transition:transform 8s cubic-bezier(.1,-.01,0,1)}.is-spinning .ticker{animation:tick .7s cubic-bezier(.34,1.56,.64,1)}@keyframes tick{40%{transform:rotate(-12deg)}}.prize .text{font-size:16px}.prize img{transform:rotate(270deg);width:100%}.prize.selected{z-index:10}div[popup-container]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}div[popup-container].active{display:block!important}div[popup-container] .popup-wrapper{position:relative;float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-top:88px}div[popup-container] .popup-content{position:relative;width:480px;overflow:hidden;border-radius:8px}div[popup-container] a[popup-close]{position:absolute;top:8px;right:8px;padding:10px;cursor:pointer;z-index:99}@media screen and (max-width:768px){.deal-wheel{padding-top:240px;padding-bottom:64px}.center-wheel{width:88px;height:88px}.spinner-wrapper{width:100%;height:100%;padding:28px}div[popup-container] .popup-wrapper{padding-top:48px}div[popup-container] .popup-content{padding-left:16px;padding-right:16px;width:100%}div[popup-container] a[popup-close]{top:0;right:22px}div[popup-container] .popup-main{width:100%;height:100%}.prize{padding:0 12.5% 0 48px!important}.frame-wheel{top:-90%;transform:scale(1.75)}.btn-spin{margin-top:124px}.ticker{height:64px;width:32px;margin-left:16px}}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes selected{25%{padding:0 55px 0 10px}50%{padding:0 55px 0 10px}75%{padding:0 55px 0 10px}10%{padding:0 55px 0 26px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lucky-wheel.css.map */