.cbp{aspect-ratio:5/7;color:#fff;animation:cbp-bob 3.2s ease-in-out calc(var(--k) * -.6s) infinite;background:linear-gradient(160deg,#3b1d8f,#1a0c46 46%,#0b1f3a 78%,#0e7490);border-radius:7%/5%;flex-direction:column;justify-content:center;align-items:center;gap:6%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff2e,inset 0 0 26px #b07cff59,0 14px 26px -12px #000c,0 0 30px -10px #b07cff;container-type:inline-size}.cbp:before,.cbp:after{content:"";background:repeating-linear-gradient(90deg,#ffffff47 0 4%,#ffffff0f 4% 8%);height:6%;position:absolute;left:0;right:0}.cbp:before{top:0}.cbp:after{bottom:0}.cbp-foil{animation:cbp-sheen 3.6s ease-in-out calc(var(--k) * .4s) infinite;background:linear-gradient(115deg,#0000 40%,#ffffff38 48%,#8ae1ff2e 52%,#0000 60%);position:absolute;inset:-40%}.cbp-logo{filter:drop-shadow(0 2px 6px #00000080);width:74%;height:auto;position:relative}.cbp-art{aspect-ratio:1;border-radius:50%;width:46%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffff80,0 0 22px #ff8ad899}.cbp-art img{object-fit:cover;width:100%;height:100%}.cbp b{font:400 9cqi/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;position:relative}.cbp small{font:800 7cqi/1 var(--font-sans);letter-spacing:.1em;background:#ffffff24;border-radius:999px;padding:2% 6%;position:relative}@keyframes cbp-bob{50%{transform:translateY(-4px)rotate(.6deg)}}@keyframes cbp-sheen{0%,55%{transform:translate(-60%)}to{transform:translate(60%)}}.cbp-still{animation:none}