.codeslider-container{overflow:hidden;position:relative;width:100%}.codeslider-container .swiper{height:var(--slide-height,600px);width:100%}@media(max-width:768px){.codeslider-container .swiper{height:var(--slide-height-mobile,400px)}}.codeslider-container .swiper-slide{overflow:hidden;position:relative}.codeslider-container .slide-layers{height:100%;position:relative;width:100%}.codeslider-container .slide-background{background-position:var(--bg-position,center);background-repeat:no-repeat;background-size:var(--bg-size,cover);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.codeslider-container .slide-background:before{background:var(--overlay-color,#000);content:"";height:100%;left:0;opacity:var(--overlay-opacity,.3);position:absolute;top:0;width:100%;z-index:2}.codeslider-container .slide-background.kenburns-effect{animation:kenburns 20s ease-out infinite alternate}.codeslider-container .slide-background.parallax-effect{background-position:var(--bg-position,center);background-size:var(--bg-size,120% 120%);transition:transform .3s ease-out,opacity .3s ease-out;will-change:transform,opacity}.codeslider-container .slider-layer{position:absolute;z-index:10}.codeslider-container .slider-layer.layer-image img{display:block;height:auto;max-width:100%}.codeslider-container .slider-layer.layer-text{text-shadow:2px 2px 4px rgba(0,0,0,.5);word-wrap:break-word}.codeslider-container .slider-layer.layer-button .slider-button{cursor:pointer;font-weight:600;transition:all .3s ease}.codeslider-container .slider-layer.layer-button .slider-button:hover{box-shadow:0 5px 20px rgba(0,0,0,.3);transform:scale(1.05)}.codeslider-container .swiper-button-next,.codeslider-container .swiper-button-prev{background:rgba(0,0,0,.3);border-radius:50%;color:#fff;height:50px;transition:all .3s ease;width:50px;z-index:20}.codeslider-container .swiper-button-next:after,.codeslider-container .swiper-button-prev:after{font-size:20px}.codeslider-container .swiper-button-next:hover,.codeslider-container .swiper-button-prev:hover{background:rgba(0,0,0,.6);transform:scale(1.1)}@media(max-width:768px){.codeslider-container .swiper-button-next,.codeslider-container .swiper-button-prev{height:40px;width:40px}.codeslider-container .swiper-button-next:after,.codeslider-container .swiper-button-prev:after{font-size:16px}}.codeslider-container .swiper-pagination{bottom:20px;z-index:20}@media(max-width:768px){.codeslider-container .swiper-pagination{bottom:10px}}.codeslider-container .swiper-pagination-bullet{background:#fff;height:12px;opacity:.5;transition:all .3s ease;width:12px}.codeslider-container .swiper-pagination-bullet-active{background:#0073aa;opacity:1;transform:scale(1.2)}.codeslider-container .swiper-pagination-progressbar{background:hsla(0,0%,100%,.3)}.codeslider-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#0073aa}.codeslider-container .swiper-pagination-fraction{color:#fff;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) translateY(50px)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) translateY(-50px)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) translateX(50px)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) translateX(-50px)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) translateX(0)}}@keyframes zoomIn{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) scale(.8)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) scale(1)}}@keyframes zoomOut{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) scale(1.2)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) scale(.3)}50%{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) scale(1.05)}70%{transform:var(--layer-transform,translate(-50%,-50%)) scale(.9)}to{transform:var(--layer-transform,translate(-50%,-50%)) scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) translateX(-100px)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) translateX(100px)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) translateX(0)}}@keyframes rotateIn{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) rotate(-200deg)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) rotate(0)}}@keyframes flipInX{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) perspective(400px) rotateX(90deg)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) perspective(400px) rotateX(0)}}@keyframes flipInY{0%{opacity:0;transform:var(--layer-transform,translate(-50%,-50%)) perspective(400px) rotateY(90deg)}to{opacity:1;transform:var(--layer-transform,translate(-50%,-50%)) perspective(400px) rotateY(0)}}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.2)}}.swiper-slide-active .slider-layer[data-animation=fadeIn]{animation:fadeIn .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=fadeIn].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=slideUp]{animation:slideUp .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=slideUp].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=slideDown]{animation:slideDown .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=slideDown].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=slideLeft]{animation:slideLeft .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=slideLeft].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=slideRight]{animation:slideRight .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=slideRight].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=zoomIn]{animation:zoomIn .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=zoomIn].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=zoomOut]{animation:zoomOut .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=zoomOut].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=bounceIn]{animation:bounceIn .9s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=bounceIn].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=fadeInLeft]{animation:fadeInLeft .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=fadeInLeft].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=fadeInRight]{animation:fadeInRight .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=fadeInRight].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=rotateIn]{animation:rotateIn .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=rotateIn].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=flipInX]{animation:flipInX .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=flipInX].animate-hidden{opacity:0}.swiper-slide-active .slider-layer[data-animation=flipInY]{animation:flipInY .8s ease-out forwards}.swiper-slide-active .slider-layer[data-animation=flipInY].animate-hidden,.swiper-slide:not(.swiper-slide-active) .slider-layer[data-animation].animate-hidden{opacity:0}.codeslider-empty{background:#f0f0f0;border:2px dashed #ccc;color:#666;padding:40px;text-align:center}@media(max-width:768px){.codeslider-container .slider-layer{left:var(--mobile-left,var(--desktop-left))!important;top:var(--mobile-top,var(--desktop-top))!important;transform:var(--mobile-transform,var(--desktop-transform))!important}.codeslider-container .slider-layer.layer-text{font-size:var(--mobile-font-size,calc(var(--desktop-font-size)*.7))!important;max-width:90%!important;width:var(--mobile-width,calc(var(--desktop-width)*.7))!important}.codeslider-container .slider-layer.layer-image img{max-width:80%!important;width:var(--mobile-width,calc(var(--desktop-width)*.7))!important}.codeslider-container .slider-layer.layer-button .slider-button{font-size:var(--mobile-font-size,calc(var(--desktop-font-size)*.85))!important;padding:10px 25px!important}}