.somplo-carousel,.somplo-carousel *{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;width:100%}.prepareEnterAnimation{opacity:0!important}.somplo-carousel{width:220px;flex-shrink:0;width:100%;height:100%;user-select:none}.somplo-carousel .overflow-box{width:100%;height:100%;overflow:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.somplo-carousel .overflow-box .base-box{position:relative;transform-style:preserve-3d;perspective:1200px;width:100%;height:100%}.somplo-carousel.transform-coverflowAlt .overflow-box,.somplo-carousel.transform-windmill .overflow-box{overflow:initial}.somplo-carousel.transform-cube .overflow-box,.somplo-carousel.transform-flip .overflow-box{overflow:initial;transform-style:preserve-3d}.somplo-carousel.transform-flip .overflow-box .clone{display:none}.carousel-arrow{position:absolute;top:50%;left:10px;width:27px;z-index:9999;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.carousel-arrow img{width:100%;height:100%;object-position:left center}.carousel-arrow img,.carousel-arrow svg{object-fit:contain}.carousel-arrow.next-arrow{left:initial}.carousel-arrow svg{fill:red}.slides-wrap{display:flex;height:100%;width:100%;position:relative;user-select:none;transform-style:preserve-3d}.transform-windmill .slides-wrap{position:relative}.transform-flip{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;overflow:initial}.transform-flip .slides-wrap{-webkit-transform-style:flat;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:flat}.somplo-carousel.transform-coverflow,.somplo-carousel.transform-cube{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;overflow:initial}.somplo-carousel.transform-cube{overflow:initial}.somplo-carousel.transform-coverflow{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.transform-cube .slides-wrap{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;transform-origin:50% 50% -150px;transform:translate3d(0,0,0) rotateX(0) rotateY(0)}.transform-cube.ttb .slides-wrap{transform-origin:50% 50% -200px}.transform-cube .slide{position:absolute;top:0;left:0;transform-style:preserve-3d}.shadow-next,.shadow-prev{display:none}.transform-coverflow.ltr .slides-wrap .shadow-next{background-image:linear-gradient(to right,rgba(0,0,0,.4),rgba(0,0,0,0));width:100%;height:100%;position:absolute;z-index:2;display:none}.transform-coverflow.ttb .slides-wrap .shadow-next{background-image:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0));width:100%;height:100%;position:absolute;z-index:2;display:none}.transform-coverflow.ltr .slides-wrap .shadow-prev{position:absolute;z-index:2;background-image:linear-gradient(to left,rgba(0,0,0,.4),rgba(0,0,0,0));width:100%;height:100%;display:none}.transform-coverflow.ttb .slides-wrap .shadow-prev{position:absolute;z-index:2;background-image:linear-gradient(to top,rgba(0,0,0,.4),rgba(0,0,0,0));width:100%;height:100%;display:none}.slide .bg-box{width:100%;height:100%;overflow:hidden;position:relative}.slide .bg-img{width:100%;height:100%;position:absolute;top:0;left:0}.slide .bg-img img{width:100%;height:100%;object-fit:fill}.slide .inner-text{position:absolute;transform:translateZ(30px);transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide .text-overlay{position:absolute;transform:translateZ(30px);transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.keep-proportions .slide .bg-img{width:100%;height:100%;display:block;object-fit:contain}.slide .some-img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) translateZ(30px);width:70%;height:auto;filter:drop-shadow(2px 4px 3px #000);-webkit-backface-visibility:hidden;backface-visibility:hidden}.transform-cube .current-slide{display:block;position:absolute;left:0;top:0}.transform-cube .prev-slide{display:block;position:absolute;top:0}.transform-cube.ttb .prev-slide{left:0}.transform-cube.ttb .next-slide{left:0}.transform-cube .next-slide{display:block;position:absolute;top:0}.ttb .slides-wrap{flex-direction:column}.transform-coverflowAlt .slide{position:absolute;top:0;left:0}.slide{width:100%;height:100%;flex-shrink:0;position:relative;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.transform-coverflow .slide,.transform-slide .slide{position:absolute;top:0;left:0}.transform-windmill .slide{position:absolute;top:0;left:0}.transform-windmill .slide.current-slide{position:absolute;opacity:1}.transform-windmill .slide.next-slide{opacity:1;transform:rotateZ(90deg) translateY(-115%)}.transform-fade .slide{position:absolute;top:0;left:0;display:none;transform-style:flat}.transform-fade .slide.current-slide{z-index:3}.transform-fade .slide.current-slide,.transform-fade .slide.next-slide,.transform-fade .slide.prev-slide{display:block}.transform-flip .slide{position:absolute;top:0;left:0;transform:rotateY(90deg)}.transform-flip .slide.current-slide{z-index:3;display:block;transform:rotate(0)}.transform-flip .slide.current-slide .some-img,.transform-flip .slide.current-slide img{-webkit-backface-visibility:hidden;backface-visibility:hidden}.transform-flip .slide.next-slide,.transform-flip .slide.prev-slide{z-index:2;-webkit-backface-visibility:visible;backface-visibility:visible;display:block}.transform-flip .slide.next-slide *,.transform-flip .slide.prev-slide *{-webkit-backface-visibility:visible;backface-visibility:visible}.some-text{position:absolute;top:50%;left:50%;font-size:30px;color:red;transform:translateX(-50%) translateY(-50%) translateZ(30px);font-family:sans-serif;background-color:rgb(252 252 252 / 50%);padding:10px;width:200px;text-align:center;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide .bg{width:100%;height:100%;display:block;object-fit:cover;backface-visibility:hidden;-webkit-backface-visibility:hidden}body{display:flex;justify-content:center;align-items:center;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow-x:hidden}.creative-wrap{width:300px;height:600px;border:1px solid gray;display:flex;flex-direction:column;overflow:hidden;justify-content:center;align-items:center;margin-bottom:30px;margin-top:30px;background-size:20px 40px;background-image:linear-gradient(45deg,rgba(128,128,128,.5) 25%,transparent 25%),linear-gradient(-45deg,rgba(128,128,128,.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(128,128,128,.5) 75%),linear-gradient(-45deg,transparent 75%,rgba(128,128,128,.5) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.dots-wrap{position:fixed;width:auto;display:flex;justify-content:center;z-index:99999;width:100vw;pointer-events:none;left:0}.dots-wrap .dot{width:16px;height:16px;border-radius:100%;background-color:#000;margin:0 5px;transition:.5s;transition-property:background-color,transform}