.hpy-popular--image:after,.hpy-popular--image:before{height:100%;left:0;position:absolute;top:0;width:100%}.hpy-popular--image{overflow:hidden;position:relative}.hpy-popular--image:after,.hpy-popular--image:before{align-items:center;background:rgba(0,0,0,.6);content:"";display:flex;font-family:var(--hpy-theme-font-header);font-weight:700;height:105%;justify-content:center;opacity:.8;pointer-events:none;text-decoration:underline;text-transform:uppercase;transition:.4s ease-in-out;width:105%;will-change:transform;z-index:10}.hpy-popular--image:before{color:var(--hpy-theme-text-color-dark);-webkit-transform:translateY(100%);transform:translateY(100%)}.hpy-popular--image:after{color:var(--hpy-theme-text-color);content:"Read More";-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:11}.hpy-popular--image img{-webkit-transform:scale(1);transform:scale(1);transition:.4s ease-in-out;will-change:transform}.hpy-popular--image:after,.hpy-popular--image:before{font-size:20px;font-size:clamp(1.125rem,1.0416666667rem + .2777777778vw,1.25rem)}.hpy-popular--collection{flex:1 1 0px;max-width:300px;min-width:200px}.hpy-popular--collection h2{margin-bottom:.8rem}.hpy-popular--collection .text-color{margin-top:auto}.hpy-popular--collection:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.hpy-popular--collection:hover .hpy-popular--image:after,.hpy-popular--collection:hover .hpy-popular--image:before{-webkit-transform:translateY(0);transform:translateY(0)}.hpy-popular--collection:hover .hpy-popular--link{color:var(--hpy-theme-highlight)}.hpy-popular--collection:hover .hpy-popular--link svg{-webkit-transform:translateX(.4em);transform:translateX(.4em)}.hpy-popular--link{transition:.3s}.hpy-popular--link svg{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.hpy-popular--image{border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.59);height:0;padding-bottom:141%;width:100%}.hpy-popular--image:after,.hpy-popular--image:before{content:"See the Collection";padding:2rem}.hpy-popular-block:not(.is-initialized) .splide__list{gap:2rem}.hpy-popular-block:not(.is-overflow) .splide__list{gap:3rem;justify-content:space-between}.hpy-popular-block:not(.is-overflow) .splide__list .splide__slide{margin:0!important}
/*# sourceMappingURL=../css-maps/dist/css/block-popular.css.map */