.product-ribbon-section{--ribbon-card-size: 220px;--ribbon-gap: 14px;--ribbon-angle: 0deg;--ribbon-overlap: 0px;--ribbon-tilt-pad: 0px;--ribbon-film-bg: #111;--ribbon-film-fg: #fff;--ribbon-film-hole: #f4eee4;margin-top:calc(-1 * var(--ribbon-overlap));padding:calc(2.4rem + var(--ribbon-tilt-pad)) 0;width:100%;position:relative;overflow-x:clip}product-ribbon,.ribbon-film__marquee{display:block;width:100%;position:relative;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}product-ribbon.product-ribbon--dragging,.product-ribbon--dragging *{cursor:grabbing!important}product-ribbon a,product-ribbon img,product-ribbon .card-wrapper,product-ribbon .card{-webkit-user-drag:none;user-drag:none}.ribbon-film{position:relative;z-index:1;background:var(--ribbon-film-bg);color:var(--ribbon-film-fg);width:110vw;margin-left:-5vw;padding:4.2rem 0;transform-origin:50% 50%}.product-ribbon-section--film .ribbon-film:before,.product-ribbon-section--film .ribbon-film:after{content:"";position:absolute;left:0;right:0;height:1.8rem;background-color:var(--ribbon-film-hole);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18'><circle cx='15' cy='9' r='7' fill='black'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18'><circle cx='15' cy='9' r='7' fill='black'/></svg>");-webkit-mask-size:3rem 1.8rem;mask-size:3rem 1.8rem;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:center;mask-position:center}.product-ribbon-section--film .ribbon-film:before{top:1.2rem}.product-ribbon-section--film .ribbon-film:after{bottom:1.2rem}.ribbon-film__header{position:relative;z-index:2;padding:0 2rem 1.6rem;color:rgb(var(--color-foreground));text-align:center;transform-origin:50% 50%}.ribbon-film__title{display:inline-flex;align-items:baseline;gap:.6rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(2.2rem,3.5vw,3.6rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;text-decoration:none;transition:opacity .2s ease}.ribbon-film__title:hover,.ribbon-film__title:focus-visible{opacity:.7;text-decoration:none;color:rgb(var(--color-foreground))}.ribbon-film__title-arrow{display:inline-block;font-size:.7em;transition:transform .2s ease}.ribbon-film__title:hover .ribbon-film__title-arrow,.ribbon-film__title:focus-visible .ribbon-film__title-arrow{transform:translate(.3em)}.ribbon-film__description{max-width:70ch;margin:.8rem auto 0;color:rgba(var(--color-foreground),.7);font-size:1.4rem;line-height:1.5}.ribbon-film__marquee-row{padding:0 3rem}.ribbon-film__marquee{width:100%}.product-ribbon__viewport{position:relative;width:100%;overflow:hidden}.product-ribbon__track{display:flex;gap:var(--ribbon-gap);width:max-content;will-change:transform;transform:translateZ(0)}.ribbon-film__cell{flex:0 0 var(--ribbon-card-size);width:var(--ribbon-card-size)!important;max-width:var(--ribbon-card-size)!important;min-width:var(--ribbon-card-size)!important;box-sizing:border-box}.ribbon-film__cell .card-wrapper,.ribbon-film__cell .product-card-wrapper,.ribbon-film__cell .card,.ribbon-film__cell .card__inner{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;margin:0!important}.ribbon-film__cell .card{background:rgb(var(--color-background));border-radius:.6rem;overflow:hidden}.ribbon-film__cell .card__media,.ribbon-film__cell .media{aspect-ratio:1 / 1!important;width:100%!important;height:auto!important;padding-bottom:0!important}.ribbon-film__cell .card__media img,.ribbon-film__cell .media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.ribbon-film__cell .card__content{padding:.8rem .8rem 1rem}.ribbon-film__cell .card__heading,.ribbon-film__cell .card__heading a,.ribbon-film__cell .card-information__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.ribbon-film__cell .card__heading{min-height:2.6em;margin-bottom:.4rem}.product-ribbon__track{align-items:stretch}.ribbon-film__cell{display:flex;align-items:stretch}.ribbon-film__cell>*{flex:1 1 auto;display:flex;flex-direction:column}.ribbon-film__cell .card__inner{display:flex!important;flex-direction:column!important}.ribbon-film__cell .card-information,.ribbon-film__cell .card__information{flex:1 1 auto}.product-ribbon--static .product-ribbon__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.product-ribbon--static .product-ribbon__track{transform:none!important;width:auto}.product-ribbon--static .ribbon-film__cell{scroll-snap-align:start}@media screen and (max-width:749px){.product-ribbon-section{--ribbon-card-size: 160px;--ribbon-gap: 10px;padding:calc(.8rem + var(--ribbon-tilt-pad)) 0;margin-top:calc(-.3 * var(--ribbon-overlap))}.ribbon-film{padding:3rem 0}.ribbon-film__row{padding:0 1.5rem;gap:1.2rem;flex-direction:column}.ribbon-film__label{font-size:clamp(2rem,7vw,3rem)}.product-ribbon-section--film .ribbon-film:before,.product-ribbon-section--film .ribbon-film:after{height:1.2rem;background-size:2.4rem 100%}.product-ribbon-section--film .ribbon-film:before{top:.9rem}.product-ribbon-section--film .ribbon-film:after{bottom:.9rem}}.product-ribbon-section--empty{padding:4rem 0;color:rgba(var(--color-foreground),.6);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-product-ribbon.css.map */