.sybqa-mascot { display: inline-block; position: relative; width: 88px; height: 88px; vertical-align: middle; }
.sybqa-mascot img { width: 100%; height: 100%; object-fit: contain; }
.sybqa-mascot-season { display: none; position: absolute; width: 18px; height: 18px; right: 0; bottom: 8px; background: var(--season-decoration); border: 2px solid var(--color-surface); }
[data-season="halloween"] .sybqa-mascot-season { display: block; border-radius: 50%; }
[data-season="thanksgiving"] .sybqa-mascot-season { display: block; border-radius: 0 70% 0 70%; }
[data-season="christmas"] .sybqa-mascot-season { display: block; clip-path: polygon(50% 0,100% 100%,0 100%); }
@media (forced-colors: active) { .sybqa-mascot-season { display: none; } }

.page-head .sybqa-mascot { width: 36px; height: 36px; }
.page-head .sybqa-mascot-season { width: 10px; height: 10px; bottom: 0; }