/*!
 * Themeasy — Diagonal Ribbon Marquee
 *
 * Two diagonal text ribbons crossed in an "X", each looping infinitely in the
 * opposite direction. The crossed layout, band colors and typography are pure
 * CSS — with no JS (or under reduced motion / in the editor preview) the belt
 * stays static, centered and readable. JS only translates the belt
 * (.tms-ribbon-marquee__content); the band rotation lives on the parent ribbon
 * so the two transforms never fight.
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tms-ribbon-marquee{width:100%;position:relative}.tms-ribbon-marquee__stage{width:100%;height:var(--tms-ribbon-marquee-height,10rem);position:relative;overflow:hidden}.tms-ribbon-marquee__ribbon{white-space:nowrap;align-items:center;width:130%;padding:.875rem 0;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.tms-ribbon-marquee__ribbon--one{z-index:1;background:var(--tms-primary-color,#6a5cff);color:var(--tms-heading-color,#16181f);rotate:var(--tms-ribbon-marquee-angle,6deg)}.tms-ribbon-marquee__ribbon--two{z-index:2;background:var(--tms-heading-color,#16181f);color:var(--tms-bg-color,#fff);rotate:calc(var(--tms-ribbon-marquee-angle,6deg) * -1);box-shadow:var(--tms-shadow-lg,0 .5rem 2rem #0000002e)}.tms-ribbon-marquee__content{will-change:transform;width:max-content;margin-inline-start:auto;margin-inline-end:auto;display:flex}.tms-ribbon-marquee__group{align-items:center;gap:var(--tms-ribbon-marquee-gap,1.5rem);flex:none;padding-inline-end:var(--tms-ribbon-marquee-gap,1.5rem);display:flex}.tms-ribbon-marquee__item{align-items:center;gap:var(--tms-ribbon-marquee-gap,1.5rem);flex:none;display:flex}:where(.tms-ribbon-marquee__text){font-family:var(--tms-accent-font,var(--tms-heading-font,inherit));letter-spacing:.08em;text-transform:uppercase;font-size:1.125rem;font-weight:600}.tms-ribbon-marquee__text{white-space:nowrap;line-height:1.2;display:inline-block}.tms-ribbon-marquee__ribbon .tms-ribbon-marquee__text{color:inherit}.tms-ribbon-marquee__separator{opacity:.9;flex:none;justify-content:center;align-items:center;font-size:.875em;line-height:1;display:inline-flex}.tms-ribbon-marquee__separator svg{fill:currentColor;width:1em;height:1em}.tms-ribbon-marquee__separator svg[fill=none]{fill:none;stroke:currentColor}.tms-ribbon-marquee__separator img{width:1em;height:1em}.tms-ribbon-marquee--static .tms-ribbon-marquee__content{will-change:auto;transform:none!important}@media (min-width:768px){.tms-ribbon-marquee__stage{height:var(--tms-ribbon-marquee-height,13rem)}}@media (min-width:1024px){.tms-ribbon-marquee__stage{height:var(--tms-ribbon-marquee-height,16rem)}}@media (prefers-reduced-motion:reduce){.tms-ribbon-marquee .tms-ribbon-marquee__content{will-change:auto;transform:none!important}}