div.ribbon{position:absolute;display:block;text-align:center;background-color:var(--alpha-primary-color);z-index:2}.ribbon-text{display:block;font-size:.85em;line-height:1;color:var(--alpha-white-color);text-transform:uppercase}.ribbon-top-left{top:0;left:0}.ribbon-top-right{top:0;right:0}.ribbon-bottom-left{bottom:0;left:0}.ribbon-bottom-right{bottom:0;right:0}.ribbon-type-1{padding:1rem 1.5rem}.ribbon-type-1.ribbon-top-left,.ribbon-type-1.ribbon-top-right{top:2rem}.ribbon-type-1.ribbon-bottom-left,.ribbon-type-1.ribbon-bottom-right{bottom:2rem}.ribbon-type-2{padding:1rem 1.5rem}.ribbon-type-2:after{content:"";display:block;position:absolute;height:7px;width:7px;bottom:-6px;background:inherit;filter:brightness(.7);clip-path:path("M0,0 L 7,7 V 0 Z")}.ribbon-type-2.ribbon-top-left{top:2rem;left:-7px}.ribbon-type-2.ribbon-bottom-left{bottom:2rem;left:-7px}.ribbon-type-2.ribbon-bottom-left:after,.ribbon-type-2.ribbon-top-left:after{left:0}.ribbon-type-2.ribbon-top-right{top:2rem;right:-7px}.ribbon-type-2.ribbon-bottom-right{bottom:2rem;right:-7px}.ribbon-type-2.ribbon-bottom-right:after,.ribbon-type-2.ribbon-top-right:after{right:0;clip-path:path("M0,0 V 7 L 7,0 Z")}.ribbon-type-3{padding:2.2rem 1rem}.ribbon-type-3.ribbon-top-left{left:3rem}.ribbon-type-3.ribbon-top-right{right:3rem}.ribbon-type-3.ribbon-bottom-left{bottom:0;left:3rem}.ribbon-type-3.ribbon-bottom-right{bottom:0;right:3rem}.ribbon-type-4{width:1em;height:1em;transform:rotateZ(-45deg);font-size:10rem}.ribbon-type-4 .ribbon-text{font-size:1.2rem;position:absolute;top:80%;transform:translateY(-50%);left:0;right:0}.ribbon-type-4.ribbon-top-left{top:-.5em;left:-.5em}.ribbon-type-4.ribbon-top-right{top:-.5em;right:-.5em;transform:rotateZ(45deg)}.ribbon-type-4.ribbon-top-right .ribbon-text{top:80%}.ribbon-type-4.ribbon-bottom-left{bottom:-.5em;left:-.5em;transform:rotateZ(45deg)}.ribbon-type-4.ribbon-bottom-left .ribbon-text{top:20%}.ribbon-type-4.ribbon-bottom-right{bottom:-.5em;right:-.5em}.ribbon-type-4.ribbon-bottom-right .ribbon-text{top:25%}.ribbon-type-5{position:absolute;text-align:center;padding:.9rem 1.5rem;min-width:20rem}.ribbon-type-5.ribbon-top-left{top:0;left:0;transform:translate(calc(-50% + 2.5rem),calc(-50% + 2.5rem)) rotateZ(-45deg)}.ribbon-type-5.ribbon-top-right{top:0;right:0;transform:translate(calc(50% - 2.5rem),calc(-50% + 2.5rem)) rotateZ(45deg)}.ribbon-type-5.ribbon-bottom-left{bottom:0;left:0;transform:translate(calc(-50% + 2.5rem),calc(50% - 2.5rem)) rotateZ(45deg)}.ribbon-type-5.ribbon-bottom-right{bottom:0;right:0;transform:translate(calc(50% - 2.5rem),calc(50% - 2.5rem)) rotateZ(-45deg)}.ribbon-type-6{justify-content:center;align-items:center;width:60px;height:60px;padding:0;border-radius:50%}.ribbon-type-6.ribbon{display:flex}.ribbon-type-6 .ribbon-text{padding:0 5px;overflow:hidden;text-overflow:ellipsis}.ribbon-type-6.ribbon-top-left{top:1.4rem;left:1.7rem}.ribbon-type-6.ribbon-top-right{top:1.4rem;right:1.7rem}.ribbon-type-6.ribbon-bottom-left{bottom:1.4rem;left:1.7rem}.ribbon-type-6.ribbon-bottom-right{bottom:1.4rem;right:1.7rem}