.product-grid-item__bg{--product-grid-item-bg-inset:24px;background-image:var(--product-image-pattern-image);background-repeat:repeat;background-size:100cqw 100cqw;clip-path:inset(24px 24px 0 24px round 8px);height:auto;left:0;min-height:calc(100cqw + var(--product-grid-item-bg-inset));pointer-events:none;position:absolute;top:0;transition:clip-path .25s ease-in-out,min-height .25s ease-in-out;width:calc(100cqw + var(--product-grid-item-bg-inset)*2);z-index:0}.product-grid-item__card:hover .product-grid-item__bg{clip-path:inset(0 round 8px);min-height:100%;width:100%}.product-card-hover-images__hover,.product-card-hover-images__primary{display:block;height:100%;width:100%}.product-card-hover-images__hover{z-index:2}.product-card-hover-images__hover img,.product-grid-item__media .product-card-hover-images__hover img{height:100%;width:100%}product-grid-item .product-roast-level__track{background:-webkit-gradient(linear,left top,right top,from(var(--roast_level_start)),to(var(--roast_level_end)));background:linear-gradient(to right,var(--roast_level_start),var(--roast_level_end));border-radius:8px;height:6px;position:relative}product-grid-item .product-roast-level__dot{background-color:var(--grayscale-100);border-radius:50%;height:6px;left:50%;left:var(--roast-position,50%);position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}