:root{--ra-orange:#FA7D00;--ra-red:#FF3B2F;--ra-teal:#0E2E3B;--ra-yellow:#FFD34D;--ra-amber:#FFC15A;--ra-rim:#2C2C2C;--ra-rim2:#3A3A3A;--ra-hub:#161616;--ra-text:#FFFFFF;--ra-muted:#BDBDBD}.radspin{background:#fafafa;padding:84px 0;color:var(--ra-text)}.radspin__panel{max-width:1450px;margin:0 auto;padding:64px 40px;background:#151515fa;border-radius:28px;box-shadow:0 30px 80px #00000059;position:relative;overflow:hidden}.radspin__panel:before,.radspin__panel:after{content:none}.radspin__inner{max-width:1100px;margin:0 auto;padding:0 20px}.radspin__entry{text-align:center}.radspin__enter{display:inline-flex;align-items:center;justify-content:center;padding:18px 42px;border-radius:999px;background:#fa7d00;color:#111;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid #FA7D00;box-shadow:0 0 0 2px #ffffff0f inset,0 0 28px #fa7d0073,0 6px 18px #00000059;transition:transform .18s ease,box-shadow .2s ease}.radspin__enter:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 0 0 2px #ffffff0f inset,0 0 38px #fa7d008c,0 10px 24px #0006}.radspin__subcopy{margin-top:12px;color:var(--ra-muted);font-size:.95rem}.radspin__entry-actions{margin-top:16px}.radspin__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;background:#1e1e1e;color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .2s ease}.radspin__btn:hover{border-color:#fa7d00;color:#fa7d00}.radspin__stage{text-align:center;margin-top:28px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.radspin__stage.is-open,.radspin__stage:not(.is-collapsed){opacity:1;transform:translateY(0)}.radspin__stage.is-collapsed{display:none}.radspin__anchor:target+.radspin__stage{display:block;opacity:1;transform:translateY(0)}.radspin__title{font-family:"Tomorrow",var(--font-heading, sans-serif);font-weight:800;letter-spacing:.02em;font-size:clamp(2rem,1rem + 2.4vw,2.8rem);margin:10px 0 28px;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.6),0 0 18px rgba(250,125,0,.28);-webkit-text-stroke:1px rgba(0,0,0,.25)}.radspin__wheel-wrap{position:relative;width:min(640px,92vw);aspect-ratio:1/1;margin-inline:auto;margin-bottom:20px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.radspin__wheel-wrap{left:50%;transform:translate(-50%)}}.radspin__backlight{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(closest-side,rgba(250,125,0,.18),transparent 60%),conic-gradient(from 0deg,#ffffff14,#fff0 40%,#ffffff14 60%,#fff0);filter:blur(26px);animation:radspin-backlight 9s linear infinite}@keyframes radspin-backlight{0%{transform:rotate(0) scale(1.02)}to{transform:rotate(360deg) scale(1.02)}}.radspin__halo{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(closest-side,rgba(250,125,0,.22),transparent 60%);filter:blur(22px);border-radius:50%;pointer-events:none;z-index:1}.radspin__pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;z-index:20;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:30px solid #FA7D00;filter:drop-shadow(0 0 10px rgba(250,125,0,.6));pointer-events:none}.radspin__wheel{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;z-index:5;background:conic-gradient(var(--ra-teal) 0 30deg,var(--ra-red) 30deg 60deg,var(--ra-teal) 60deg 90deg,var(--ra-red) 90deg 120deg,var(--ra-teal) 120deg 150deg,var(--ra-red) 150deg 180deg,var(--ra-teal) 180deg 210deg,var(--ra-red) 210deg 240deg,var(--ra-teal) 240deg 270deg,var(--ra-red) 270deg 300deg,var(--ra-teal) 300deg 330deg,var(--ra-red) 330deg 360deg);box-shadow:inset 0 0 0 12px var(--ra-rim2),inset 0 0 0 24px var(--ra-rim),0 18px 50px #0000008c;transition:transform 4.2s cubic-bezier(.18,.62,.12,.99)}.radspin__rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:6;background:radial-gradient(circle,var(--ra-yellow) 55%,transparent 56%) 0 0/26px 26px,radial-gradient(circle,var(--ra-amber) 55%,transparent 56%) 13px 13px/26px 26px;-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 22px),#000 calc(100% - 22px));mask:radial-gradient(closest-side,transparent calc(100% - 22px),#000 calc(100% - 22px));opacity:.9;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(255,211,77,.45));animation:radspin-twinkle 2.2s linear infinite}@keyframes radspin-twinkle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radspin__wheel:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:radial-gradient(60% 60% at 50% 36%,rgba(255,255,255,.06),transparent 72%);opacity:.18;pointer-events:none}.radspin__hub{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:34%;aspect-ratio:1/1;border-radius:50%;z-index:15;background:var(--ra-hub);box-shadow:inset 0 10px 18px #ffffff14,inset 0 -12px 20px #0000008c,0 0 0 2px #ff3b2f;outline:3px solid #FA7D00;outline-offset:-6px;display:flex;align-items:center;justify-content:center}.radspin__spin{-webkit-appearance:none;appearance:none;border:none;border-radius:50%;cursor:pointer;width:76%;aspect-ratio:1/1;background:#121212;color:#fff;font-weight:700;letter-spacing:.05em;box-shadow:0 6px 16px #0000008c,inset 0 0 0 2px #ffffff0f;transition:transform .08s ease,box-shadow .2s ease,background .2s ease;position:relative;z-index:16}.radspin__spin:hover{transform:scale(1.04)}.radspin__pending{position:sticky;bottom:0;margin:16px auto 0;max-width:900px;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:#141414eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px #00000059;z-index:5}.radspin__pending[hidden]{display:none!important}.radspin__pending-text{color:#fff;font-weight:600}.radspin__pending-actions{display:flex;gap:8px}.radspin__modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;place-items:center;background:#0000008c;z-index:9999}.radspin__modal.is-open{display:grid}.radspin__modal-card{position:relative;width:min(560px,92vw);background:#151515f0;border-radius:20px;padding:20px 18px 18px;box-shadow:0 12px 32px #00000073;border:1px solid rgba(255,255,255,.08)}.radspin__modal-body{text-align:center;padding:12px}.radspin__eyebrow{color:var(--ra-muted);margin:8px 0 6px;font-size:.95rem}.radspin__result{font-weight:700;font-size:clamp(1.25rem,1rem + 1.4vw,1.9rem);margin:0 0 14px}.radspin__modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:6px 0 8px}.radspin__fine{color:var(--ra-muted);font-size:.86rem;margin:4px 0 0}.radspin__close{position:absolute;top:6px;right:10px;background:transparent;border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;opacity:.8}.radspin__close:hover{opacity:1}.radspin__confetti{width:100%;height:auto;display:block;border-radius:14px;background:radial-gradient(100% 60% at 50% 0%,rgba(250,125,0,.1),transparent 70%)}@media (max-width:720px){.radspin__wheel-wrap{width:min(380px,92vw)}}@media (prefers-reduced-motion: reduce){.radspin__wheel{transition-duration:1ms!important}.radspin__rim{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/radium-spin-beta.css.map */