.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}.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) rgba(0,0,0,.06)}.spinner *{grid-area:spinner}.prize{display:flex;align-items:center;padding:0 calc(var(--size) / 6) 0 calc(var(--size) / 20);width:50%;height:50%;transform-origin:center right;transform:rotate(var(--rotate));-webkit-user-select:none;-moz-user-select:none;user-select:none}.cap,.prize{position:relative}.cap{--cap-size:calc(var(--size) / 4);justify-self:center;width:var(--cap-size);height:var(--cap-size)}.cap select{display:none}.cap svg{width:100%}.ticker{position:relative;left:calc(var(--size) / -15);width:calc(var(--size) / 10);height:calc(var(--size) / 20);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}.btn-spin,.ticker{background:var(--lg)}.btn-spin{color:#fff;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}.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)}}