.adp-niche-avatar {
    --avatar-a: #0675f4;
    --avatar-b: #073ba8;
    position: relative;
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 4px solid #ffa70d;
    border-radius: 999px;
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,.78) 0 7%, transparent 8%),
        radial-gradient(circle at 68% 76%, rgba(255,255,255,.18) 0 16%, transparent 17%),
        linear-gradient(145deg, var(--avatar-a), var(--avatar-b));
    box-shadow:
        0 0 0 6px rgba(255,167,13,.23),
        inset 0 2px 4px rgba(255,255,255,.45),
        inset 0 -8px 16px rgba(0,22,90,.20),
        0 8px 18px rgba(5,30,146,.18);
    color: #fff;
    isolation: isolate;
}

.adp-niche-avatar::before {
    content: "";
    position: absolute;
    inset: 7px;
    z-index: -1;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: inherit;
}

.adp-niche-avatar::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 8px;
    height: 5px;
    border-radius: 100%;
    background: rgba(0,20,80,.28);
    filter: blur(3px);
}

.adp-niche-avatar i {
    position: relative;
    z-index: 1;
    font-size: 34px;
    line-height: 1;
    filter: drop-shadow(0 3px 2px rgba(0,30,90,.30));
    transform: translateY(-1px);
}

.adp-niche-avatar small {
    position: absolute;
    right: 3px;
    bottom: 2px;
    z-index: 2;
    min-width: 22px;
    height: 22px;
    padding: 0 4px;
    display: grid;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ffbd15;
    color: #073b91;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: -.02em;
    box-shadow: 0 2px 7px rgba(0,0,0,.18);
}

.adp-niche-avatar[data-theme="water"] { --avatar-a:#24d7f4; --avatar-b:#0755df; }
.adp-niche-avatar[data-theme="clean"] { --avatar-a:#3ee6ba; --avatar-b:#069079; }
.adp-niche-avatar[data-theme="tools"] { --avatar-a:#ffca37; --avatar-b:#f17b00; }
.adp-niche-avatar[data-theme="shop"]  { --avatar-a:#7f74ff; --avatar-b:#2845c7; }
.adp-niche-avatar[data-theme="build"] { --avatar-a:#46bfff; --avatar-b:#0753b7; }
.adp-niche-avatar[data-theme="lab"]   { --avatar-a:#bd76ff; --avatar-b:#6033b9; }
.adp-niche-avatar[data-theme="care"]  { --avatar-a:#35d9a5; --avatar-b:#087c78; }
.adp-niche-avatar[data-theme="pool"]  { --avatar-a:#26c9ed; --avatar-b:#0864d7; }

@media (max-width: 640px) {
    .adp-niche-avatar { flex-basis: 68px; width:68px; height:68px; }
    .adp-niche-avatar i { font-size:29px; }
    .adp-niche-avatar small { min-width:20px; height:20px; font-size:7px; }
}
