.focus-points-container .focus-points-product-layer{z-index:2;position:absolute;top:auto;bottom:-100%;left:25px;right:25px;transition-property:bottom;transition-duration:400ms;transition-timing-function:ease-in-out}.focus-points-container .focus-points-product-layer.active{bottom:35px}.focus-points-container .focus-points-product-layer .focus-points-num{display:none;position:absolute;top:15px;right:calc(50% - 45px)}.focus-points-container .focus-points-product-layer .focus-points-nav{display:none;position:absolute;bottom:15px;right:calc(50% - 70px)}.focus-points-container .focus-points-product-layer .product-focuspoint-card{background-color:rgba(255, 255, 255, 0.8);max-width:450px;padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:0 25px}@media (min-width: 1024px){.focus-points-container .focus-points-product-layer{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, 1);background-color:rgba(255, 255, 255, var(--tw-bg-opacity, 1));top:0;bottom:0;width:50%;left:-100%;right:auto;transition-property:left;transition-duration:400ms;transition-timing-function:ease-in-out}.focus-points-container .focus-points-product-layer.active{left:0;bottom:0}.focus-points-container .focus-points-product-layer .focus-points-num{display:block;top:30px;left:40px;right:auto}.focus-points-container .focus-points-product-layer .focus-points-nav{display:flex;left:0;right:0;bottom:30px}.focus-points-container .focus-points-product-layer .product-focuspoint-card{background-color:rgba(0,0,0,0);max-width:600px;display:block;padding:0 25px}}.focus-points-container .focus-points-image-layer{z-index:1;position:relative}@media (min-width: 1024px){.focus-points-container .focus-points-image-layer{transform:translateX(0);transition-property:transform;transition-duration:400ms;transition-timing-function:ease-in-out}.focus-points-container .focus-points-image-layer.active{transform:translateX(25%)}}