.hp-plp-campaign{--hp-plp-campaign-row: 20px;--hp-plp-campaign-dot: 3px;--hp-plp-campaign-dot-gap: 2px;--hp-plp-campaign-text-gap: 7px;--hp-plp-campaign-track: rgb(201 201 201);--hp-plp-campaign-accent: rgb(17 17 17);--hp-plp-campaign-ease: cubic-bezier(.2, .7, .2, 1);display:flex;align-items:stretch;gap:var(--hp-plp-campaign-text-gap);width:100%;min-width:0;height:var(--hp-plp-campaign-row);margin-block-start:auto;padding-block-start:8px;box-sizing:content-box;font-family:var(--font-body-family, inherit);font-size:12px;font-weight:400;line-height:var(--hp-plp-campaign-row);letter-spacing:0;color:#595959}.hp-plp-campaign__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hp-plp-campaign__dots{display:flex;flex-direction:column;gap:var(--hp-plp-campaign-dot-gap);flex:0 0 var(--hp-plp-campaign-dot);width:var(--hp-plp-campaign-dot);height:var(--hp-plp-campaign-row)}.hp-plp-campaign__dot{position:relative;display:block;flex:0 0 var(--hp-plp-campaign-dot);overflow:hidden;border-radius:calc(var(--hp-plp-campaign-dot) / 2);background:var(--hp-plp-campaign-track);transition:flex-grow .32s var(--hp-plp-campaign-ease)}.hp-plp-campaign__dot.is-active{flex-grow:1}.hp-plp-campaign__fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;background:var(--hp-plp-campaign-accent);transform:scaleY(0);transform-origin:top center;will-change:transform}.hp-plp-campaign__viewport{position:relative;display:block;flex:1 1 auto;min-width:0;height:var(--hp-plp-campaign-row);overflow:hidden}.hp-plp-campaign__text{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0}.hp-plp-campaign__text.is-active{opacity:1}@media screen and (min-width:750px){.hp-plp-campaign{--hp-plp-campaign-row: 22px;--hp-plp-campaign-text-gap: 8px;padding-block-start:10px;font-size:13px}}@media screen and (max-width:699px){.xo-filter-content__grid[collection-mobile-layout=medium] .hp-plp-campaign{--hp-plp-campaign-text-gap: 5px;padding-block-start:6px;font-size:10px}}.cart-drawer__recommendations .hp-plp-campaign{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-card-plp-campaign.css.map */
