/* Shared public avatar colors. Width, crop, badges and positioning stay local.
 * A typed animated color lets the common border win over legacy !important
 * shorthand rules without preventing Båda from animating. */
@property --sd-avatar-ring-color {
    syntax: '<color>';
    inherits: true;
    initial-value: #ffffff;
}
/* Important declarations in this layer beat legacy unlayered !important rules. */
@layer sdAvatarIdentity {
html body :is(.border-man,.paras-man,.gender-man,.sd-visit-border-man,.avatar-ring-man,.sd-public-avatar-man) {
    --sd-avatar-ring-color: #007bff;
    border-color: var(--sd-avatar-ring-color) !important;
}
html body :is(.border-kvinna,.paras-kvinna,.gender-kvinna,.sd-visit-border-kvinna,.avatar-ring-kvinna,.sd-public-avatar-kvinna) {
    --sd-avatar-ring-color: #e83e8c;
    border-color: var(--sd-avatar-ring-color) !important;
}
html body :is(.border-hemligt,.paras-hemligt,.sd-visit-border-hemligt,.avatar-ring-hemligt,.sd-public-avatar-hemligt,
    .border-neutral,.border-par-unset,.paras-neutral,.avatar-ring-neutral,.sd-public-avatar-neutral) {
    --sd-avatar-ring-color: #ffffff;
    border-color: var(--sd-avatar-ring-color) !important;
}
html body :is(.border-bada,.paras-bada,.sd-visit-border-bada,.avatar-ring-par,.sd-public-avatar-bada) {
    border-color: var(--sd-avatar-ring-color) !important;
    animation: sdAvatarIdentityCycle 5s ease-in-out infinite !important;
}
/* Legacy post cards draw the actual ring on a child of the identity wrapper. */
html body :is(.border-man,.border-kvinna,.border-bada,.border-hemligt,.border-neutral)
    > :is(.sd-avatar-ring,.sd-mini-avatar-ring) {
    border-color: var(--sd-avatar-ring-color) !important;
    animation: none !important;
}
@keyframes sdAvatarIdentityCycle {
    0%, 100% { --sd-avatar-ring-color: #e83e8c; }
    50% { --sd-avatar-ring-color: #007bff; }
}
@media (prefers-reduced-motion: reduce) {
    html body :is(.border-bada,.paras-bada,.sd-visit-border-bada,.avatar-ring-par,.sd-public-avatar-bada) {
        animation: none !important;
        --sd-avatar-ring-color: #8d63a9;
    }
}
}