/* Extra ornaments inherit the collectible's approved primary and secondary inks. */
.collectible-portrait.avatar .portrait-image,
.collectible-portrait.avatar .portrait-initial{width:70%;height:70%;border-color:var(--identity-color);box-sizing:border-box}
.collectible-portrait .collectible-ornament{color:var(--identity-color);overflow:visible;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--identity-color) 20%,transparent))}
.collectible-portrait.frame-style-cat .portrait-image,
.collectible-portrait.frame-style-fox .portrait-image{border-radius:46% 46% 50% 50%}
.collectible-portrait.frame-style-shield .portrait-image,
.collectible-portrait.frame-style-shield .portrait-initial{border-radius:43% 43% 47% 47%}
.collectible-portrait.frame-style-crystal .collectible-ornament,
.collectible-portrait.frame-style-frost .collectible-ornament{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--frame-secondary,var(--identity-color)) 28%,transparent))}
.collectible-portrait.large.frame-style-portal .collectible-ornament,
.collectible-portrait.large.frame-style-halo .collectible-ornament{animation:collectible-ink-breathe 7s ease-in-out infinite}
.collectible-portrait.large.frame-style-ink .portrait-image{border-style:double;border-width:3px}
@keyframes collectible-ink-breathe{0%,100%{opacity:.82}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.collectible-portrait .collectible-ornament{animation:none!important}}
@media(forced-colors:active){.collectible-portrait .collectible-ornament{color:CanvasText;--frame-secondary:CanvasText;filter:none}.collectible-portrait .portrait-image,.collectible-portrait .portrait-initial{border:1px solid CanvasText}}