.PopularSlider{width:100%}
.PopularCard{border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.5rem;width:300px;height:374px;padding:22px 1.5rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.PopularCard{width:100%}}@media (min-width:1280px){.PopularCard{height:400px}}.PopularCard-Title{z-index:10;text-align:left;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));flex-flow:row;gap:.5rem;display:flex;position:relative}.PopularCard-Description{flex-flow:row;justify-content:space-between;align-items:flex-end;width:100%;display:flex}.PopularCard-Text{z-index:10;text-align:left;--tw-text-opacity:1;width:278px;color:rgb(255 255 255/var(--tw-text-opacity,1));position:relative}.PopularCard-ArrowIcon{z-index:10;opacity:0;width:1.5rem;height:1.5rem;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--ease-out);animation-duration:.2s;position:relative}.PopularCard-ImageConteiner{z-index:0;border-radius:18px;width:100%;height:100%;position:absolute;bottom:0;left:0}@keyframes pulse{50%{opacity:.5}}.PopularCard-Image.PopularCard-Image_loading{transition-duration:5s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:2s cubic-bezier(.4,0,.2,1) infinite pulse}.PopularCard-ImageConteiner:after{z-index:5;--tw-content:"";content:var(--tw-content);background:linear-gradient(#2e2e3300 38.37%,#2e2e33e6 100%);border-radius:18px;width:100%;height:100%;display:block;position:relative}.PopularCard-Image{-o-object-fit:cover;object-fit:cover;background-color:#0000;border-radius:18px;width:100%;height:100%;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;inset:0}@media (hover:hover){.PopularCard:hover .PopularCard-Image{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.PopularCard:hover .PopularCard-ArrowIcon{opacity:1}}