.O0hdrq_shelf{background:#fff;border:1px solid #dedbd5;border-radius:22px;min-width:0;padding:25px;container-type:inline-size}.O0hdrq_shelf[data-raised=true]{box-shadow:var(--account-card-shadow,0 7px 0 var(--white-card-depth));filter:drop-shadow(0 0 0 var(--account-card-outline));border:0;border-radius:24px}.O0hdrq_shelf[data-member-panel=true]{background:var(--member-card-depth,#d6d1c994);border:1px solid var(--member-card-outline,#e8e3da);box-shadow:none;filter:none;isolation:isolate;border-radius:23px;height:100%;padding:25px 25px 32px;position:relative}.O0hdrq_shelf[data-member-panel=true]:before{content:"";bottom:7px;inset-inline:0;z-index:-1;background:#fff;border-radius:21px 21px 18px 18px;position:absolute;top:0}.O0hdrq_heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:23px;display:flex}.O0hdrq_heading h2{color:#171719;letter-spacing:-.4px;margin:0;font-size:19px;font-weight:850}.O0hdrq_heading>span{color:#69676c;white-space:nowrap;font-size:13px}.O0hdrq_slots{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:16px 12px;display:grid}.O0hdrq_slots[data-compact=true]{grid-template-columns:repeat(4,minmax(0,1fr))}.O0hdrq_badge{cursor:pointer;font:inherit;background:0 0;border:0;border-radius:15px;flex-direction:column;justify-content:start;align-items:center;gap:11px;min-width:0;min-height:112px;padding:0;transition:transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.O0hdrq_badge:hover{transform:translateY(-4px)}.O0hdrq_badge:active{transform:translateY(1px)scale(.94)}.O0hdrq_badge:focus-visible{outline-offset:5px;outline:3px solid #488cbf}.O0hdrq_badgeImage{width:90px;height:102px;display:block;position:relative}.O0hdrq_artwork{object-fit:contain;width:100%;height:100%;display:block;-webkit-mask:url(/member/badge-base.png) 50%/contain no-repeat;mask:url(/member/badge-base.png) 50%/contain no-repeat}.O0hdrq_badgeName{color:#69676c;text-align:center;max-width:112px;font-size:12px;font-weight:750;line-height:1.4}.O0hdrq_count{color:#171719;background:#ff99c8;border:1.5px solid #171719;border-radius:999px;min-width:27px;padding:3px 6px;font-size:11px;font-weight:850;position:absolute;bottom:-3px;right:-4px}.O0hdrq_locked{justify-content:start}.O0hdrq_locked>img{object-fit:contain;width:90px;height:auto}.O0hdrq_locked>svg{color:#8b8790;width:23px;height:23px;position:absolute;top:39px;left:50%;transform:translate(-50%)}.O0hdrq_caption{color:#69676c;text-align:center;margin:18px 0 0;font-size:13px;line-height:1.7}.O0hdrq_loadingLabel{color:#69676c;margin:0 0 16px;font-size:13px}.O0hdrq_loadingSlot{justify-content:center;animation:1.1s ease-in-out infinite alternate O0hdrq_badge-pulse;display:flex}.O0hdrq_loadingSlot img{object-fit:contain;width:90px;height:auto}.O0hdrq_error{color:#a13954;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;font-size:14px;line-height:1.7;display:flex}.O0hdrq_error p{margin:0}.O0hdrq_error button{color:#743047;cursor:pointer;font:inherit;background:#f9e7ee;border:1px solid #e7bfce;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-weight:750;display:inline-flex}.O0hdrq_dialog{color:#171719;text-align:center;background:#fffefa;border:1px solid #dedbd5;border-radius:26px;width:500px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);margin:auto;padding:30px;overflow:auto;box-shadow:0 28px 90px #1717192e}.O0hdrq_dialog[open]{animation:.22s both O0hdrq_badge-dialog-in}.O0hdrq_dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1717194d}.O0hdrq_close{color:#69676c;cursor:pointer;background:#f3f1ec;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;display:flex}.O0hdrq_dialogArtwork{justify-content:center;align-items:center;width:143px;height:156px;margin:-6px auto 20px;display:flex;position:relative}.O0hdrq_dialogArtwork img{object-fit:contain;width:100%;height:auto;max-height:100%}.O0hdrq_dialogArtwork>svg{color:#8b8790;width:36px;height:36px;position:absolute}.O0hdrq_dialog h2{letter-spacing:-.6px;margin:0 0 12px;font-size:26px;font-weight:850}.O0hdrq_dialog>p{color:#69676c;margin:0;font-size:14px;line-height:1.8}.O0hdrq_dialog .O0hdrq_earnedDate{margin-top:5px;font-size:13px}.O0hdrq_dialogButton{width:100%;margin-top:25px}.O0hdrq_hints{text-align:left;gap:17px;margin:24px 0 0;padding:0;list-style:none;display:grid}.O0hdrq_hints li{align-items:start;gap:13px;display:flex}.O0hdrq_hints li>span{color:#497995;background:#e1f2fd;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.O0hdrq_hints li:nth-child(2)>span{color:#96802b;background:#fff5cf}.O0hdrq_hints li:nth-child(3)>span{color:#ae6084;background:#fce1ee}.O0hdrq_hints li:nth-child(4)>span{color:#588766;background:#e4f6ea}.O0hdrq_hints strong{font-size:14px;font-weight:800}.O0hdrq_hints p{color:#69676c;margin:4px 0 0;font-size:13px;line-height:1.65}.O0hdrq_unknownArtwork{background:#c9e7f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;-webkit-mask:url(/member/badge-base.png) 50%/contain no-repeat;mask:url(/member/badge-base.png) 50%/contain no-repeat}.O0hdrq_unknownArtwork svg{color:#5985a2;width:44%;height:44%}@keyframes O0hdrq_badge-pulse{0%{opacity:.35}to{opacity:.7}}@keyframes O0hdrq_badge-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@container (max-width:600px){.O0hdrq_slots:not([data-compact=true]){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.O0hdrq_shelf{border-radius:19px;padding:21px 18px}.O0hdrq_shelf[data-raised=true]{border-radius:22px}.O0hdrq_shelf[data-member-panel=true]{border-radius:22px;padding:21px 17px 28px}.O0hdrq_shelf[data-member-panel=true]:before{border-radius:20px 20px 17px 17px}.O0hdrq_heading h2{font-size:18px}.O0hdrq_slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 6px}.O0hdrq_slots[data-compact=true]{grid-template-columns:repeat(4,minmax(0,1fr))}.O0hdrq_badgeImage,.O0hdrq_locked>img,.O0hdrq_loadingSlot img{width:75px;height:auto}.O0hdrq_locked>svg{width:21px;height:21px;top:32px}.O0hdrq_badge{min-height:90px}.O0hdrq_dialog{padding:22px}}@media (max-width:380px){.O0hdrq_slots[data-compact=true]{grid-template-columns:repeat(3,minmax(0,1fr))}}.O0hdrq_shelf[data-small=true] .O0hdrq_badge{gap:8px;min-height:96px}.O0hdrq_shelf[data-small=true] .O0hdrq_badgeImage,.O0hdrq_shelf[data-small=true] .O0hdrq_locked>img,.O0hdrq_shelf[data-small=true] .O0hdrq_loadingSlot img{width:72px;height:auto}.O0hdrq_shelf[data-small=true] .O0hdrq_locked>svg{width:19px;height:19px;top:31px}@media (max-width:600px){.O0hdrq_shelf[data-small=true] .O0hdrq_badge{min-height:84px}.O0hdrq_shelf[data-small=true] .O0hdrq_badgeImage,.O0hdrq_shelf[data-small=true] .O0hdrq_locked>img,.O0hdrq_shelf[data-small=true] .O0hdrq_loadingSlot img{width:64px;height:auto}.O0hdrq_shelf[data-small=true] .O0hdrq_locked>svg{top:27px}}@media (prefers-reduced-motion:reduce){.O0hdrq_badge,.O0hdrq_dialog,.O0hdrq_loadingSlot{transition:none;animation:none!important}}