.ribbon{font-size:13px;font-weight:700;color:var(--color-gc-12);text-align:center}html[dir=ltr] .ribbon{--f:8px;right:0;z-index:20;border-image:conic-gradient(var(--color-gc-41) 0 0) 51% /var(--f);transform:translate(calc((1 - cos(45deg)) * 100%),-100%) rotate(45deg);transform-origin:0 100%}html[dir=ltr] .ribbon,html[dir=rtl] .ribbon{position:absolute;top:0;line-height:1.8;padding-inline:20px;padding-bottom:var(--f);clip-path:polygon(100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)),0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));background-color:var(--color-gc-42)}html[dir=rtl] .ribbon{--f:0.5em;left:0;border-image:conic-gradient(var(--color-gc-43) 0 0) 51% /var(--f);transform:translate(calc((cos(45deg) - 1) * 100%),-100%) rotate(-45deg);transform-origin:100% 100%}