@layer components{.product-ribbon{--product-ribbon-fold: .45rem;position:absolute;top:.75rem;left:0;z-index:2;display:flex;max-width:calc(100% - 1.5rem);color:var(--product-card-ribbon-text-color);font-size:var(--product-card-ribbon-size-mobile);pointer-events:none}.product-ribbon[hidden]{display:none}.product-ribbon--gallery{top:1.25rem;z-index:5}.product-ribbon:before{content:"";position:absolute;top:100%;left:0;width:var(--product-ribbon-fold);height:var(--product-ribbon-fold);background-color:var(--product-card-ribbon-color);filter:brightness(.55);clip-path:polygon(0 0,100% 0,100% 100%)}.product-ribbon__label{position:relative;isolation:isolate;overflow:hidden;display:block;min-width:0;padding:.4rem 1.6rem .4rem .75rem;background-color:var(--product-card-ribbon-color);color:var(--product-card-ribbon-text-color);font-size:inherit;font-weight:700;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;clip-path:polygon(0 0,100% 0,calc(100% - 1rem) 100%,0 100%)}.product-ribbon--shimmer .product-ribbon__label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 40%,color-mix(in srgb,var(--color-button-shimmer, #fff) 40%,transparent) 50%,transparent 60%);transform:translate(-100%);animation:button-shimmer var(--button-shimmer-duration, 2.5s) ease-in-out infinite}@media(prefers-reduced-motion:reduce){html[data-respect-reduced-motion=true] .product-ribbon--shimmer .product-ribbon__label:after{animation:none;content:none}}@media(min-width:640px)and (max-width:879px){.product-ribbon{font-size:var(--product-card-ribbon-size-tablet)}}@media(min-width:880px){.product-ribbon{font-size:var(--product-card-ribbon-size-desktop)}}}.product-gallery__stage>.product-ribbon{z-index:6}
/*# sourceMappingURL=/cdn/shop/t/37/assets/snippet-product-ribbon-styles.css.map */
