.preview-product{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:var(--color-gray-30);border-radius:4px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;position:relative}@media (min-width:1024px){.preview-product{padding:32px}.preview-product:after{content:"";height:100%;inset:0;position:absolute;transition:background-color .5s ease,-webkit-backdrop-filter .5s ease;transition:background-color .5s ease,backdrop-filter .5s ease;transition:background-color .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease;width:100%}}.preview-product__img-container{margin-bottom:24px;padding-bottom:121%;position:relative}@media (min-width:1024px){.preview-product__img-container{margin-bottom:32px;transition:transform .5s ease}}.preview-product__img{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.preview-product__content{align-items:center;display:flex;justify-content:space-between;position:relative;transition:transform .5s ease;z-index:1}.preview-product__label{color:var(--color-gray-0);transition:color .5s ease}.preview-product__icon{display:none}@media (min-width:1024px){.preview-product__icon{color:var(--color-gray-0);display:block;transition:color .5s ease}}@media (hover:hover){.preview-product:hover:after{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:#fafafabf}.preview-product:hover .preview-product__img-container{transform:translateY(32px)}.preview-product:hover .preview-product__content{transform:translateY(-100%)}}@media screen and (hover:hover) and (min-width:1024px){.preview-product:hover .preview-product__content{transform:translateY(-220px)}}@media (hover:hover){.preview-product:hover .preview-product__icon,.preview-product:hover .preview-product__label{color:var(--color-gray-80)}}