.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) / 20);align-items:center;grid-template-areas:"spinner" "trigger";font-family:Girassol,sans-serif;font-size:calc(var(--size) / 21);line-height:1;text-transform:lowercase;background-color:var(--bgcolor)}.deal-wheel>*{grid-area:spinner}.deal-wheel .btn-spin{grid-area:trigger;justify-self:center}.spinner{position:relative;display:grid;align-items:center;grid-template-areas:"spinner";width:var(--size);height:var(--size);transform:rotate(calc(var(--rotate, 25) * 1deg));border-radius:50%;box-shadow:inset 0 0 0 calc(var(--size) / 40) var(--color);padding:0}.spinner *{grid-area:spinner}.prize{position:absolute;top:50%;left:50%;display:flex;align-items:center;padding:0;transform-origin:center center;transform:translate(-50%,-50%) rotate(var(--rotate));-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none}.prize .text{display:block;width:100%;transform:translateX(calc(var(--size) * -.28))}.cap{position:relative;justify-self:center;border-radius:50%;background-color:#3e3e3e;color:#fff;text-align:center;width:90px;height:90px;display:flex;justify-content:center;align-items:center}@media (max-width:767px){.cap{position:relative;justify-self:center;border-radius:50%;background-color:#3e3e3e;color:#fff;text-align:center;width:60px;height:60px;display:flex;justify-content:center;align-items:center}}.btn_style_base{border-radius:20px;background:#148396;padding:6px 30px;text-decoration:none;color:#fff;border:2px solid #148396;transition-duration:.5s}.cap select{display:none}.cap img{width:100%}.ticker{position:relative;left:calc(var(--size) / -15);width:calc(var(--size) / 10);height:calc(var(--size) / 20);background:var(--lg);z-index:1;-webkit-clip-path:polygon(20% 0,100% 50%,20% 100%,0 50%);clip-path:polygon(20% 0,100% 50%,20% 100%,0 50%);transform-origin:center left;animation:bounce .3s ease}.btn-spin{border-radius:20px;background:#96dc00;padding:6px 30px;text-decoration:none;color:#fff;border:2px solid #96dc00;transition-duration:.5s}.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.selected .text{color:#fff;animation:selected .8s ease}@keyframes selected{25%{transform:scale(1.25);text-shadow:1vmin 1vmin 0 rgba(0,0,0,.1)}40%{transform:scale(.92);text-shadow:0 0 0 rgba(0,0,0,.2)}60%{transform:scale(1.02);text-shadow:.5vmin .5vmin 0 rgba(0,0,0,.1)}75%{transform:scale(.98)}85%{transform:scale(1)}}