.pills__marquee{width:100%;overflow:hidden;white-space:nowrap;position:relative}.pills__marquee-content{display:inline-block;animation:pills-marquee-scroll 30s linear infinite}@keyframes pills-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-66.66%)}}.pills{display:flex;flex-wrap:nowrap;justify-content:center;gap:1.6rem;margin:0 8px}.pills__marquee-content .pills{display:inline-flex}.pill{display:inline-flex;align-items:center;gap:12px;padding:5px 17px 5px 7px;border-radius:75px;font-size:18px;font-weight:500;transition:all .2s ease;white-space:nowrap}.pill:nth-child(4n+1){background:#ec273f66;border:1px solid #EC273F}.pill:nth-child(4n+2){background:#ffa65580;border:1px solid #FFA655}.pill:nth-child(4n+3){background:#ffef7880;border:1px solid #FFEF78}.pill:nth-child(4n+4){background:#f69b9c80;border:1px solid #F69B9C}.pill__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pill__icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%)}.pill__text{color:var(--base-black, #303030);font-family:Acumin Pro,Arial,sans-serif;font-weight:500;margin-top:2px}.pills__header{text-align:center;margin-bottom:2rem}.pills__heading{font-family:Pockota,Arial,sans-serif;font-size:2.4rem;font-weight:500;margin:0;color:var(--base-black, #303030)}.pill--small{padding:.25rem .75rem;font-size:12px}.pill--small .pill__icon{width:20px;height:20px}.pill--large{padding:.75rem 1.5rem;font-size:16px}.pill--large .pill__icon{width:28px;height:28px}.pill--primary{background:#ec273f;border-color:#ec273f;color:#fff}.pill--primary .pill__text{color:#fff}.pill--outline{background:transparent;border-color:#ec273f}.pill--outline .pill__text{color:#ec273f}@media screen and (max-width: 749px){.pills{gap:.75rem;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.pill{padding:.4rem .8rem;font-size:13px;flex-shrink:0}.pills__heading{font-size:2rem}.pill--small{padding:.2rem .6rem;font-size:11px}.pill--large{padding:.6rem 1.2rem;font-size:15px}}@media screen and (min-width: 750px) and (max-width: 989px){.pills{gap:.875rem}.pill{padding:.45rem .9rem;font-size:13.5px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-pills.css.map */