.clickneon-sale-badge--ribbon{--clickneon-sale-ribbon-size: 48px;position:absolute;top:0;left:0;z-index:1;width:var(--clickneon-sale-ribbon-size);height:var(--clickneon-sale-ribbon-size);background-color:var(--clickneon-sale-badge-background);clip-path:polygon(35% 0,100% 0,0 100%,0 35%);pointer-events:none}.clickneon-sale-badge__text{position:absolute;top:33.75%;left:33.75%;transform:translate(-50%,-50%) rotate(-45deg);color:var(--clickneon-sale-badge-text);font:700 10px / 1 var(--font-body-family);letter-spacing:0;white-space:nowrap}.clickneon-sale-badge--pill{background-color:var(--clickneon-sale-badge-background);border-color:transparent;color:var(--clickneon-sale-badge-text);font-weight:700}@media screen and (min-width:750px){.clickneon-sale-badge--ribbon{--clickneon-sale-ribbon-size: 56px}.clickneon-sale-badge__text{font-size:12px}}@media screen and (min-width:1200px){.clickneon-sale-badge--ribbon{--clickneon-sale-ribbon-size: 66px}.clickneon-sale-badge__text{font-size:13px}}@media(forced-colors:active){.clickneon-sale-badge--ribbon{forced-color-adjust:none;background-color:Highlight}.clickneon-sale-badge__text{color:HighlightText}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/clickneon-sale-badge.css.map */