@layer properties,theme,base,payload-default,components,utilities,payload;.wtf-hero-wheels{pointer-events:none;grid-area:1/1/auto/-1;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:24px;min-height:540px;display:grid}.wtf-wheel{--wheel-accent:#ff951c;isolation:isolate;aspect-ratio:1;pointer-events:auto;grid-area:1/1;width:100%;max-width:360px;margin:auto;position:relative;container-type:inline-size}.wtf-wheel-robinhood{--wheel-accent:#cf0;grid-column:3;align-self:start;max-width:230px;margin-top:12px}.wtf-wheel-ethereum{--wheel-accent:#98c8ff;grid-column:3;align-self:end;max-width:230px;margin-bottom:12px}.wtf-wheel-evm-overview{--wheel-accent:#98c8ff;grid-column:3}.wtf-wheel-overview-label{z-index:6;white-space:nowrap;background:#100e0ce8;border:1px solid #ffffff1f;border-radius:999px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-8px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 5px 16px #0005}.wtf-wheel-overview-label span{align-items:center;gap:5px;padding:6px 8px;display:inline-flex}.wtf-wheel-overview-label span:before{content:"";background:#98c8ff;border-radius:50%;width:6px;height:6px}.wtf-wheel-overview-label span[data-network=robinhood]{border-left:1px solid #ffffff1f}.wtf-wheel-overview-label span[data-network=robinhood]:before{background:#cf0}.wtf-wheel-network-label{z-index:6;border:1px solid color-mix(in srgb, var(--wheel-accent) 42%, transparent);color:#f9f7f1;white-space:nowrap;background:#100e0ce8;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #0005}.wtf-wheel-rings{border:1px solid color-mix(in srgb, var(--wheel-accent) 18%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--wheel-accent) 7%, transparent), transparent 70%);border-radius:50%;position:absolute;inset:13%}.wtf-wheel-rings:before,.wtf-wheel-rings:after{content:"";border:1px solid #ffffff0c;border-radius:50%;position:absolute}.wtf-wheel-rings:before{inset:-15%}.wtf-wheel-rings:after{border-style:dashed;inset:14%}.wtf-wheel-rotor{animation:90s linear infinite wtf-wheel-turn;position:absolute;inset:0}.wtf-wheel-slot{width:0;height:0;transform:rotate(var(--angle)) translateX(33cqw) rotate(calc(-1 * var(--angle)));position:absolute;top:50%;left:50%}.wtf-wheel-slot:has(a:is(:hover,:focus-visible)){z-index:4}.wtf-wheel-counter{animation:90s linear infinite wtf-wheel-upright}.wtf-wheel-robinhood :is(.wtf-wheel-rotor,.wtf-wheel-counter),.wtf-wheel-evm-overview :is(.wtf-wheel-rotor,.wtf-wheel-counter){animation-direction:reverse}.wtf-wheel-card{perspective:650px;border-radius:12px;width:25cqw;display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.wtf-wheel-card-face{color:#181510;transform:rotate(var(--lean)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background:#f9f7f1;border:3px solid #0c0b08;border-radius:12px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:5px 7px #050503,0 12px 22px #0005}.wtf-wheel-card:is(:hover,:focus-visible) .wtf-wheel-card-face{transform:translateY(-9px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.12);box-shadow:7px 12px #050503,0 18px 30px #0007}.wtf-wheel-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.wtf-wheel-card span{white-space:nowrap;padding:7px 6px 8px;font-size:clamp(7px,3cqw,11px);font-weight:700;line-height:1.1;display:block}.wtf-wheel-evm-overview .wtf-wheel-slot[data-network=ethereum] .wtf-wheel-card-face{border-color:#507aa6}.wtf-wheel-evm-overview .wtf-wheel-slot[data-network=robinhood] .wtf-wheel-card-face{border-color:#708e22}.wtf-wheel-card small{color:#5d554e;white-space:nowrap;margin-top:-5px;padding:0 6px 7px;font-size:clamp(6px,2.3cqw,9px);font-weight:700;line-height:1;display:block}.wtf-wheel-hub{aspect-ratio:1;background:var(--wheel-accent);cursor:pointer;border:3px solid #0c0b08;border-radius:50%;width:19cqw;transition:transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:4px 6px #050503}button.wtf-wheel-hub:hover{transform:translate(-50%,-50%)rotate(0)scale(1.07)}.wtf-wheel-hub>img{border-radius:50%;width:100%;height:100%;display:block}.wtf-wheel-dual-hub{background:#0a111a;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.wtf-wheel-dual-logo{place-items:center;height:100%;display:grid}.wtf-wheel-dual-logo[data-network=ethereum]{background:#16385a}.wtf-wheel-dual-logo[data-network=robinhood]{background:#344507}.wtf-wheel-dual-logo img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.wtf-wheel-fan-hub{display:none}.wtf-wheel-play-state{color:#181510;opacity:0;background:#f9f7f1;border-radius:50%;place-items:center;width:23px;height:23px;transition:opacity .18s;display:grid;position:absolute;bottom:-8px;right:-4px}.wtf-wheel-play-state svg{width:12px;height:12px}.wtf-wheel-hub:is(:hover,:focus-visible,[aria-pressed=true]) .wtf-wheel-play-state{opacity:1}.wtf-wheel-hub:focus-visible{outline:2px solid var(--wheel-accent);outline-offset:5px}.wtf-wheel:is([data-paused=true],:focus-within) :is(.wtf-wheel-rotor,.wtf-wheel-counter){animation-play-state:paused}@media (hover:hover){.wtf-wheel:hover :is(.wtf-wheel-rotor,.wtf-wheel-counter){animation-play-state:paused}}@keyframes wtf-wheel-turn{to{transform:rotate(360deg)}}@keyframes wtf-wheel-upright{to{transform:rotate(-360deg)}}@media (width<=1199px){.wtf-hero-wheels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;padding-bottom:28px}.wtf-hero-wheels-combined{grid-template-columns:repeat(2,minmax(0,1fr))}.wtf-wheel{aspect-ratio:1.38;align-self:start;width:calc(100% - 8px);max-width:220px;margin:0 auto;transform:translate(8px)rotate(-18deg)}.wtf-wheel-robinhood{grid-column:2;align-self:start;max-width:220px;margin-top:34px;transform:translate(-8px)rotate(18deg)}.wtf-wheel-ethereum{grid-column:3;align-self:start;max-width:220px;margin-top:0;margin-bottom:0;transform:translate(-4px)rotate(-12deg)}.wtf-wheel-evm-overview{aspect-ratio:1;grid-column:2;align-self:start;width:calc(100% - 8px);max-width:220px;margin:0 auto;transform:none}.wtf-wheel-evm-overview .wtf-wheel-rings,.wtf-hero-wheels-combined .wtf-wheel-evm-overview .wtf-wheel-slot,.wtf-wheel-evm-overview button.wtf-wheel-dual-hub{display:block}.wtf-wheel-evm-overview .wtf-wheel-rotor{animation:90s linear infinite reverse wtf-wheel-turn}.wtf-wheel-evm-overview .wtf-wheel-counter{animation:90s linear infinite reverse wtf-wheel-upright}.wtf-wheel-evm-overview .wtf-wheel-slot{transform:rotate(var(--angle)) translateX(33cqw) rotate(calc(-1 * var(--angle)));top:50%}.wtf-wheel-evm-overview .wtf-wheel-card{width:25cqw}.wtf-wheel-evm-overview .wtf-wheel-card-face{transform:rotate(var(--lean)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.wtf-wheel-evm-overview .wtf-wheel-card span,.wtf-wheel-evm-overview .wtf-wheel-card small{display:block}.wtf-wheel-evm-overview button.wtf-wheel-dual-hub{width:19cqw;display:grid;top:50%;bottom:auto;transform:translate(-50%,-50%)rotate(-8deg)}.wtf-wheel-network-label{transform:translateX(-50%) rotate(calc(-1 * var(--fan-label-lean,0deg)));top:auto;bottom:-27px}.wtf-wheel-bitcoin .wtf-wheel-network-label{--fan-label-lean:-18deg}.wtf-wheel-robinhood .wtf-wheel-network-label{--fan-label-lean:18deg}.wtf-wheel-ethereum .wtf-wheel-network-label{--fan-label-lean:-12deg}.wtf-wheel-rings,.wtf-wheel-slot:not([data-fan-position]),button.wtf-wheel-hub{display:none}.wtf-wheel-rotor,.wtf-wheel-counter{animation:none}.wtf-wheel-slot{transform:translateX(var(--fan-x)) translateY(var(--fan-y));z-index:1;top:40%}.wtf-wheel-slot[data-fan-position="0"]{--fan-x:-27cqw;--fan-y:7cqw;--fan-lean:-17deg}.wtf-wheel-slot[data-fan-position="1"]{--fan-x:0cqw;--fan-y:0cqw;--fan-lean:0deg;z-index:3}.wtf-wheel-slot[data-fan-position="2"]{--fan-x:27cqw;--fan-y:7cqw;--fan-lean:17deg;z-index:2}.wtf-wheel-card{width:43cqw}.wtf-wheel-card-face{transform:rotate(var(--fan-lean));border-radius:10px}.wtf-wheel-card span{display:none}.wtf-wheel-fan-hub{z-index:5;cursor:default;width:21cqw;display:block;top:auto;bottom:0;transform:translate(-50%)}}@media (width>=600px) and (width<=1199px){.wtf-wheel-bitcoin{margin-right:0}.wtf-wheel-robinhood{margin-left:auto;margin-right:0}.wtf-wheel-ethereum{margin-left:0}}@media (width<=599px){.wtf-hero-wheels{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:42px;padding-bottom:30px}.wtf-wheel-bitcoin{grid-area:1/1}.wtf-wheel-robinhood{grid-area:1/2}.wtf-wheel-ethereum{grid-area:2/1/auto/-1;width:calc(50% - 8px);margin:0 auto}.wtf-hero-wheels-combined{row-gap:0}.wtf-hero-wheels-combined .wtf-wheel-bitcoin{grid-area:1/1}.wtf-wheel-evm-overview{grid-area:1/2;width:calc(100% - 8px)}.wtf-wheel-card-face{border-width:2px;box-shadow:3px 4px #050503}.wtf-wheel-hub{border-width:2px}}@media (prefers-reduced-motion:reduce){.wtf-wheel-rotor,.wtf-wheel-counter{animation:none}.wtf-wheel-card-face,.wtf-wheel-hub{transition:none}.wtf-wheel-card:is(:hover,:focus-visible) .wtf-wheel-card-face{transform:rotate(var(--fan-lean,var(--lean)))}.wtf-wheel-evm-overview :is(.wtf-wheel-rotor,.wtf-wheel-counter){animation:none}}