/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./dev/scss/_new/productCard/_index.scss ***!
  \******************************************************************************************************************************************************************************************************/
product-card-component{display:block}product-card-component .image{background-color:var(--gray1);display:block;position:relative}product-card-component .image img{aspect-ratio:3/4;object-fit:contain}product-card-component .image img:last-of-type{bottom:0;left:auto;object-fit:cover;opacity:0;position:absolute;right:0;top:0;transition:opacity .35s ease;z-index:5}product-card-component .image:hover img:last-of-type{opacity:1;transition:opacity .35s ease}product-card-component .content{padding-top:.625rem;padding-inline:.9375rem}