.favatar > .tns ~ p,
.favatar > .tns ~ font,
.favatar > .tns ~ dl,
.favatar > .tns ~ ul {
position: relative;
}

.favatar > .tns + p > a {
pointer-events: none;
}

.favatar > .tns + p > a > img {
position: absolute;
opacity: 0.25;
}

.favatar > .md_ctrl,
.favatar > font > .md_ctrl {
--medal-height: 55px;
max-height: calc(var(--medal-height) * 1.5);
transition: max-height 0.5s ease-out;
}

.favatar:hover > .md_ctrl,
.favatar:hover > font > .md_ctrl {
max-height: calc(var(--medal-height) * 20);
transition: max-height 0.5s ease-in;
}

.tip.tip_4[id^="md_"] {
pointer-events: none;
}