.vip-ribbon{background-color:var(--app-background-color);padding:0 7px;position:absolute;top:0;z-index:1;--border-ribbon-vip:5px}.vip-ribbon.vip-ribbon-small{line-height:1;padding:2px 5px;--border-ribbon-vip:3px}.vip-ribbon.vip-ribbon-small .vip-ribbon-text{font-size:1.2rem}.vip-ribbon.vip-ribbon-large{padding:2px 10px;--border-ribbon-vip:7px}.vip-ribbon.vip-ribbon-large .vip-ribbon-text{font-size:1.5rem}.vip-ribbon.placement-start{border-radius:var(--border-ribbon-vip) 0 var(--border-ribbon-vip) 0;left:0}.vip-ribbon.placement-end{border-radius:0 var(--border-ribbon-vip) 0 var(--border-ribbon-vip);right:0}.vip-ribbon.vip-1{background-color:var(--app-background-color)}.vip-ribbon.vip-2{background-color:#e2c90d}.vip-ribbon.vip-3{background-color:#e26c0d}.vip-ribbon .vip-ribbon-text{color:#fff;font-size:1.4rem;font-style:italic;font-weight:700}