.xp-ribbon-ext{position:absolute;inset-block:0;right:100%;display:flex;align-items:center;white-space:nowrap;padding-left:20px;padding-right:12px;border:1px solid var(--xp-ribbon-ext-edge,transparent);border-right:none;pointer-events:none;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%,100% 50%);transition:clip-path .2s cubic-bezier(.4,0,.2,1)}.xp-ribbon-ext-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;opacity:0;transition:opacity .24s linear}.xp-ribbon-cat{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,9px 50%);transition:clip-path .2s cubic-bezier(.4,0,.2,1)}.wc-ribbon-fold{display:grid;grid-template-columns:1fr;transition:grid-template-columns .3s cubic-bezier(.23,1,.32,1)}.wc-ribbon-fold-inner{display:flex;align-items:stretch;min-width:0;overflow:hidden;transition:opacity .2s linear 90ms}@media (hover:hover) and (pointer:fine){.group:hover .wc-ribbon-fold{grid-template-columns:0fr;transition:grid-template-columns .26s cubic-bezier(.23,1,.32,1)}.group:hover .wc-ribbon-fold-inner{opacity:0;transition:opacity .12s linear}}.group:focus-within .wc-ribbon-fold{grid-template-columns:0fr}.group:focus-within .wc-ribbon-fold-inner{opacity:0}@media (prefers-reduced-motion:reduce){.wc-ribbon-fold,.wc-ribbon-fold-inner{transition:none}}@media (hover:hover) and (pointer:fine){.group:hover .xp-ribbon-ext{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,9px 50%);transition:clip-path .28s cubic-bezier(.34,1.4,.64,1)}.group:hover .xp-ribbon-ext-label{opacity:1;transition:opacity .28s linear 40ms}.group:hover .xp-ribbon-cat{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 50%);transition:clip-path .28s cubic-bezier(.34,1.4,.64,1)}}.group:focus-within .xp-ribbon-ext{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,9px 50%);transition:clip-path .28s cubic-bezier(.34,1.4,.64,1)}.group:focus-within .xp-ribbon-ext-label{opacity:1;transition:opacity .28s linear 40ms}.group:focus-within .xp-ribbon-cat{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 50%);transition:clip-path .28s cubic-bezier(.34,1.4,.64,1)}@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.xp-ribbon-ext{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,9px 50%);transition:none}.xp-ribbon-ext-label{opacity:1;transition:none}.xp-ribbon-cat{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 50%);transition:none}}@container (max-width: 379.98px){.group .xp-ribbon-ext,.group:focus-within .xp-ribbon-ext,.group:hover .xp-ribbon-ext{display:none}.group .xp-ribbon-cat,.group:focus-within .xp-ribbon-cat,.group:hover .xp-ribbon-cat{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,9px 50%);transition:none}.group .wc-ribbon-fold,.group:focus-within .wc-ribbon-fold,.group:hover .wc-ribbon-fold{grid-template-columns:1fr;transition:none}.group .wc-ribbon-fold-inner,.group:focus-within .wc-ribbon-fold-inner,.group:hover .wc-ribbon-fold-inner{opacity:1;transition:none}}@media (hover:hover) and (pointer:fine){.xp-flag-yields{transition:opacity .2s cubic-bezier(.4,0,.2,1)}.group:hover .xp-flag-yields{opacity:0;transition:opacity .22s cubic-bezier(.23,1,.32,1) 40ms}}@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.xp-flag-yields{opacity:0;transition:none}}@container (max-width: 379.98px){.group .xp-flag-yields,.group:hover .xp-flag-yields{opacity:1;transition:none}}