.badass-about__ribbon-container{position:relative;width:100vw;max-width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:18rem;overflow:hidden}.badass-about__ribbon-container--bottom{margin-bottom:0}.badass-about__ribbon-container--top{margin-top:0;margin-bottom:var(--ribbon-spacing, 5.6rem)}.badass-about__pill{position:absolute;left:50%;width:115%;margin-left:-57.5%}.badass-about__pill--bg{display:block!important;height:8.5rem;top:4.75rem;z-index:1;background-color:var(--ribbon-bg, #f8be61);transform:rotate(var(--ribbon-rotate-bg, -1.1deg))}.badass-about__pill--main{height:6.5rem;top:5.75rem;z-index:2;background-color:var(--ribbon-main, #fff9f0);transform:rotate(var(--ribbon-rotate-main, 2deg));display:flex;align-items:center;overflow:hidden}.badass-about__marquee{display:flex;width:max-content;will-change:transform}.badass-about__ribbon-container.animate .badass-about__marquee{animation:badass-ribbon-marquee 40s linear infinite}.badass-about__ribbon-container.animate:hover .badass-about__marquee{animation-play-state:paused}@keyframes badass-ribbon-marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% / var(--ribbon-group-count, 4)))}}.badass-about__ribbon-group{display:flex;align-items:center;flex-shrink:0;gap:10rem;padding:0 4rem}.badass-about__ribbon-text{flex-shrink:0;font-size:2rem;font-weight:600;line-height:1.25;white-space:nowrap;color:var(--badass-brown, #3c2016)}.badass-about__ribbon-text--bullet:before{content:"\2022";margin-right:1.2rem;font-weight:700}@media screen and (max-width:989px){.badass-about__ribbon-container{height:14rem}.badass-about__pill--bg{top:2.75rem}.badass-about__pill--main{top:3.75rem}.badass-about__ribbon-container--bottom{margin-top:var(--ribbon-spacing, 3.2rem)}.badass-about__ribbon-container--top{margin-bottom:var(--ribbon-spacing, 3.2rem)}.badass-about__ribbon-group{gap:5rem;padding:0 2rem}.badass-about__ribbon-text{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.badass-about__ribbon-container.animate .badass-about__marquee{animation:none;flex-wrap:wrap;width:100%;justify-content:center}.badass-about__pill--bg,.badass-about__pill--main{transform:none}.badass-about__ribbon-group{flex-wrap:wrap;justify-content:center;gap:2rem 3rem}}@media screen and (max-width:768px){.badass-about__ribbon-container--bottom{margin-top:0}.badass-about__pill--main{height:48px;top:2.75rem}.badass-about__pill--bg{height:50px}.badass-about__ribbon-container{height:80px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-badass-ribbon.css.map */