#creator-first-badge{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:30px 26px;border:1px solid #ffffff20;border-radius:28px;background:#17131e;color:#fff;text-align:center;font-family:Satoshi,Arial,sans-serif;box-shadow:0 24px 80px #0006}
#creator-first-badge::backdrop{background:#101014b8;backdrop-filter:blur(8px)}
.cw-first-kicker{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#d6ff32}
.cw-first-art{position:relative;width:180px;height:190px;display:grid;place-items:center;margin:20px auto;animation:cw-first-arrive 650ms cubic-bezier(.16,1,.3,1) both}
.cw-first-art .cw-medal{width:155px;height:170px;filter:drop-shadow(0 12px 22px #9464db40)}
.cw-first-art .cw-medal svg,.cw-first-art .cw-medal img{width:100%;height:100%;object-fit:contain}
.cw-first-art>i{position:absolute;color:#d6ff32;font-style:normal;font-size:28px;right:-5px;top:12px;animation:cw-first-spark 850ms ease-out both}
.cw-first-art>i:last-child{left:0;right:auto;top:auto;bottom:8px;animation-delay:100ms}
#creator-first-badge h1{font-size:34px;line-height:1.04;letter-spacing:-.045em;color:#fff;margin:10px 0 18px}
#creator-first-badge p{color:#d0cbd6;font-size:15px;line-height:1.5;margin:12px 0}
#creator-first-badge button{min-height:50px;width:100%;padding:14px 12px;border:0;border-radius:12px;margin-top:20px;background:#d6ff32;color:#111;font:800 15px Satoshi,Arial,sans-serif}
.cw-first-landed{animation:cw-first-shelf 700ms ease-out}
@keyframes cw-first-arrive{from{opacity:0;transform:translateY(22px) scale(.7) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes cw-first-spark{from{opacity:0;transform:scale(.2) rotate(-30deg)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:none}}
@keyframes cw-first-shelf{from{box-shadow:0 0 0 4px #d6ff32;transform:scale(.98)}to{box-shadow:0 0 0 0 transparent;transform:none}}
@media(prefers-reduced-motion:reduce){.cw-first-art,.cw-first-art>i,.cw-first-landed{animation:none}}
#creator-first-badge[open]{display:block;height:fit-content;min-height:min(520px,calc(100dvh - 40px))}
.cw-first-art .cw-medal{width:200px;height:200px}
#creator-first-badge h2{font-size:32px;font-weight:900;line-height:1.06;letter-spacing:-.04em;text-wrap:balance;color:#fff;margin:16px 0}
#creator-first-badge h1{font-size:26px}