@layer components{.pw-prize-art{isolation:isolate;aspect-ratio:22/17;border-radius:var(--pw-radius-xl);background:radial-gradient(120% 90% at 50% 40%, var(--ill-3,var(--pw-navy-800)), var(--ill-1,var(--pw-navy-925)));width:100%;position:relative;overflow:hidden}.pw-prize-art[data-size=card]{border-radius:var(--pw-radius-lg);aspect-ratio:16/9}.pw-prize-art .pa-svg,.pw-prize-art .pa-img{width:100%;height:100%;display:block;position:absolute;inset:0}.pw-prize-art .pa-img{object-fit:cover}.pw-prize-art .pa-floor{fill:var(--pw-night);opacity:.35}.pw-prize-art .pa-badges{z-index:2;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;inset:12px 12px auto}.pw-prize-art .pa-amount{z-index:2;width:clamp(64px,24%,128px);filter:drop-shadow(0 8px 14px color-mix(in srgb, var(--pw-night) 45%, transparent));position:absolute;bottom:6%;right:4%}.pw-prize-art .pa-amount .pw-prize-badge{width:100%;font-size:clamp(.9rem,5.5cqi,1.6rem);animation:none}.pw-prize-art .pa-amount .pw-prize-badge>*{animation:none}.pw-prize-art{container-type:inline-size}.pw-prize-art .pa-rise>g>:not(.pa-float){animation:pw-pa-rise var(--pw-dur-spatial) var(--pw-ease-spatial) both}.pw-prize-art .pa-rise>g>:nth-child(2){animation-delay:60ms}.pw-prize-art .pa-rise>g>:nth-child(3){animation-delay:.12s}.pw-prize-art .pa-rise>g>:nth-child(n+4){animation-delay:.18s}@keyframes pw-pa-rise{0%{opacity:0;translate:0 8px}}.pw-prize-art:is([data-size=hero],[data-size=header]) .pa-float{animation:5.2s ease-in-out 1s infinite pw-pa-float}@keyframes pw-pa-float{50%{translate:0 -4px}}.pw-prize-art .pa-sparks use{transform-box:fill-box;transform-origin:50%;animation:pw-pa-twinkle .9s var(--pw-ease-celebrate) both}@keyframes pw-pa-twinkle{0%{opacity:0;rotate:-90deg;scale:.2}}.pw-prize-art .pa-sheen{animation:pw-pa-sheen 1.6s var(--pw-ease-emphasized) .7s both}@keyframes pw-pa-sheen{0%{opacity:0;translate:-40px}30%{opacity:1}to{opacity:0;translate:300px}}:root[data-fx-celebrating] .pw-prize-art .pa-float{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.pw-prize-art :is(.pa-rise>g>*,.pa-float,.pa-sparks use,.pa-sheen){animation:none!important}.pw-prize-art .pa-sheen{opacity:0}}[data-motion=reduce] .pw-prize-art :is(.pa-rise>g>*,.pa-float,.pa-sparks use,.pa-sheen){animation:none!important}[data-motion=reduce] .pw-prize-art .pa-sheen{opacity:0}
