.app-carousel{display:flex;position:relative}.app-carousel.direction-horizontal{align-items:center;justify-content:center}.app-carousel.direction-horizontal .carousel-container{overflow-x:auto;scroll-behavior:smooth;scroll-snap-stop:always;scroll-snap-type:x mandatory}.app-carousel.direction-vertical{flex-direction:column}.app-carousel.direction-vertical .carousel-container{overflow-y:auto;scroll-behavior:smooth;scroll-snap-stop:always;scroll-snap-type:y mandatory}.app-carousel .carousel-container{position:relative}.app-carousel .carousel-container.container-default{display:flex;margin:0 -.1px;width:100%}.app-carousel .carousel-container .carousel-item{position:relative}.app-carousel .carousel-container .carousel-item.item-default{display:flex;flex-direction:column;flex-shrink:0;margin:0 .1px;position:relative;scroll-snap-align:start;width:calc(100% - .2px)}.app-carousel .carousel-container .carousel-item:nth-child(3) .banner-product img{max-width:600px}.app-carousel .nav-btn{background-color:#fff;box-shadow:0 4px 20px #00000014;color:#f6c2d6;transition:color .3s}.app-carousel .nav-btn.disabled{cursor:auto;opacity:.5}.app-carousel .nav-btn:hover:not(.disabled){color:#db0053}.app-carousel .nav-btn.nav-btn-default{display:none;position:absolute;z-index:20}@media only screen and (min-width:768.98px){.app-carousel .nav-btn.nav-btn-default{display:inline-flex}}.app-carousel .nav-btn.nav-btn-default.prev{left:30px}.app-carousel .nav-btn.nav-btn-default.next{right:30px}.app-carousel .carousel-dots{display:flex;gap:16px;justify-content:center}@media only screen and (min-width:640.98px){.app-carousel .carousel-dots{gap:24px}}.app-carousel .carousel-dots .dot-btn{background-color:#ffe2ef;border-radius:50%;flex-shrink:0;height:12px;transition:background-color .3s;width:12px}@media only screen and (min-width:640.98px){.app-carousel .carousel-dots .dot-btn{height:18px;width:18px}}.app-carousel .carousel-dots .dot-btn.active{background-color:#db0053}.app-carousel .carousel-dots.dots-default{bottom:24px;position:absolute;z-index:10}@media only screen and (min-width:640.98px){.app-carousel .carousel-dots.dots-default{bottom:42px}}@media only screen and (min-width:1024.98px){.app-carousel .carousel-dots.dots-default{bottom:30px}}