/* Transparent artwork: the surrounding page remains the badge background. */
.content-badge{--badge-height:28px;display:inline-flex;position:relative;align-items:center;flex:0 0 auto;height:var(--badge-height);width:auto;max-width:100%;vertical-align:middle;overflow:hidden;border:1px solid #e3def028;border-radius:999px;background:transparent;line-height:1}
.content-badge>img{display:block!important;position:static!important;width:auto!important;height:100%!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;background:transparent!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.poster-signature{gap:5px!important;flex-wrap:wrap;align-items:center;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;overflow:visible!important;max-width:calc(100% - 16px)}
.poster-signature .content-badge{--badge-height:23px;border-color:#ffffff50;filter:drop-shadow(0 1px 2px #000c)}
.poster-signature .poster-definition{background:#11131bea;border:1px solid #ffffff20;border-radius:6px;min-height:21px;padding:3px 5px;font-size:10px;line-height:1.1}
.history-library .poster-signature .content-badge{--badge-height:20px}
.browse-types{flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;border:0!important}
.browse-types>a:has(.content-badge){padding:4px!important;min-height:44px!important;border:0!important;border-radius:999px!important;background:transparent!important;transition:transform .18s}
.browse-types>a:has(.content-badge)::after{display:none}
.browse-types .content-badge{--badge-height:34px;border:0;border-radius:0;box-shadow:none;opacity:.7;transition:opacity .18s,transform .18s}
.browse-types>a.selected .content-badge,.browse-types>a:hover .content-badge{opacity:1}
.browse-types>a:has(.content-badge).selected::after{display:block;content:'';position:absolute;bottom:0;left:50%;right:auto;width:24px;height:2px;background:var(--primary);transform:translateX(-50%);border-radius:2px}
.browse-types>a:focus-visible,.history-library-tabs>a:focus-visible{outline:2px solid #c7b2f6;outline-offset:3px}
.browse-category-row{gap:16px;align-items:center}
.history-library-tabs .history-tab-count{font-variant-numeric:tabular-nums}
.options-heading .eyebrow:has(.content-badge){display:flex;align-items:center;gap:12px}
.stats-recent-title>span:has(.content-badge){display:flex;align-items:center;gap:8px}
.stats-recent-title .content-badge{--badge-height:24px;border-color:#ffffff20;background:transparent;filter:none}
.hero-feature-line{display:flex;align-items:center;gap:15px;margin-bottom:16px;flex-wrap:wrap}
.hero-feature-line .feature-label{margin:0}
.hero-feature-line .content-badge{--badge-height:28px;border-color:#ffffff40;filter:drop-shadow(0 1px 2px #0008)}
.card-rating .card-rating-brand{width:29px;height:12px;object-fit:contain;border:0;border-radius:0;flex:none}
@media(max-width:650px){.browse-category-row{align-items:flex-start}.browse-types{gap:3px!important}.browse-types>a:has(.content-badge){flex:none!important}.browse-types .content-badge{--badge-height:32px}.browse-total{display:none}.poster-signature .content-badge{--badge-height:21px}.history-library .poster-signature .content-badge{--badge-height:18px}.hero-feature-line{gap:10px;margin-bottom:12px}.hero-feature-line .content-badge{--badge-height:25px}.stats-recent-title .content-badge{--badge-height:22px}}
@media(prefers-reduced-motion:reduce){.browse-types>a:has(.content-badge),.browse-types .content-badge{transition:none}}
@media(max-width:520px){.browse-types{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:2px!important}.browse-types>a:has(.content-badge){min-width:0!important;width:100%;padding:3px!important}.browse-types .content-badge{--badge-height:31px;width:100%;justify-content:center}.browse-types .content-badge>img{width:100%!important}}
@media(max-width:359px){.browse-types{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(forced-colors:active){.content-badge{border-color:ButtonText}.browse-types>a.selected .content-badge{outline:2px solid Highlight}}