/* Repeat the rank only inside the poster: its translucent fill reveals the photo. */
.top-month-rank-glass-clip{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:17px;pointer-events:none;transition:transform 200ms ease;}
.top-month-rank.top-month-rank--glass{z-index:auto;color:rgba(255,255,255,.22);background:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:rgba(255,255,255,.22);-webkit-text-stroke:1px rgba(255,255,255,.45);text-shadow:0 1px 3px rgba(255,255,255,.18),0 3px 12px rgba(10,10,10,.18);}
:root[data-theme=dark] .top-month-rank.top-month-rank--glass{-webkit-text-fill-color:rgba(255,255,255,.22);-webkit-text-stroke:1px rgba(255,255,255,.45);text-shadow:0 1px 3px rgba(255,255,255,.18),0 3px 12px rgba(10,10,10,.18);}
@media(min-width:701px){.top-month-rank-glass-clip{border-radius:20px;}}
@media(max-width:700px){.top-month-rank-glass-clip{border-radius:15px;}}
.home-view .discovery-top-month-section .top-month-rank-glass-clip{border-radius:16px;}
@media(hover:hover){.top-month-card:hover .top-month-rank-glass-clip{transform:translateY(-3px);}}
@media(prefers-reduced-motion:reduce){.top-month-rank-glass-clip{transition:none;}}