.spin-offer{--wheel-a:#c0d25b;--wheel-b:#263528;text-align:center;margin:16px auto 20px}.spin-offer-wheel-wrap{width:min(270px,72vw);aspect-ratio:1;margin:16px auto 20px;position:relative;filter:drop-shadow(0 12px 12px #0003)}.spin-offer-wheel-wrap:before{content:'';position:absolute;left:50%;top:-16px;z-index:2;transform:translateX(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-top:27px solid currentColor;filter:drop-shadow(0 2px 1px #0005)}.spin-offer-wheel{width:100%;height:100%;border:9px solid currentColor;border-radius:50%;background:repeating-conic-gradient(from -22.5deg,var(--wheel-a) 0deg 44deg,var(--wheel-b) 45deg 89deg);display:grid;place-items:center;box-shadow:inset 0 0 0 3px #fff8,0 0 0 3px #fff7;transition:transform 1.8s cubic-bezier(.15,.7,.12,1)}.spin-offer-wheel.spun{transform:rotate(1485deg)}.spin-offer-hub{display:grid;place-items:center;width:39%;aspect-ratio:1;border:5px solid currentColor;border-radius:50%;background:#f5f4ef;color:#172016;font-size:clamp(48px,7vw,66px);line-height:1;box-shadow:0 4px 12px #0004}.spin-offer p{font-size:14px;line-height:1.45;max-width:38ch;margin:12px auto}.spin-offer-button{padding:13px 20px;border:2px solid currentColor;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}.spin-offer-button:focus-visible{outline:3px solid var(--wheel-a);outline-offset:3px}.spin-offer-button:disabled{opacity:.6}.spin-offer-result{border:2px solid currentColor;padding:12px;font-weight:800}@media(max-width:420px){.spin-offer-wheel-wrap{width:min(220px,62vw)}.spin-offer-hub{font-size:48px}}@media(prefers-reduced-motion:reduce){.spin-offer-wheel{transition:none}}