/* Shared story-enabled avatar behavior. Each surface owns its dimensions. */
.wt-story-avatar {
    position: relative;
    border-radius: 50%;
    isolation: isolate;
}

.wt-story-avatar__canvas {
    position: absolute;
    z-index: 4;
    display: block;
    max-width: none;
    pointer-events: none;
}

.wt-story-avatar.wt-story-avatar--has-stories {
    overflow: visible;
    cursor: pointer;
}

.wt-story-avatar--has-stories > img {
    border-radius: inherit;
}

@media (prefers-reduced-motion: no-preference) {
    .wt-story-avatar--has-stories {
        transition: transform .16s ease, filter .16s ease;
    }

    .wt-story-avatar--has-stories:hover {
        transform: scale(1.035);
        filter: saturate(1.06);
    }
}