:root{--transition-duration:500ms;--height-transition-duration:400ms}.carousel-container{position:relative;width:100%;overflow:hidden;transition:height var(--height-transition-duration) ease-in-out}.carousel-container .carousel-track{display:flex;transition:transform var(--transition-duration) ease}.carousel-container .carousel-slide{min-width:100%;height:100%;position:relative;transition:height var(--height-transition-duration) ease-in-out}.carousel-container .carousel-media{width:100%;overflow:hidden}.carousel-container .carousel-content{width:100%;transition:height var(--height-transition-duration) ease-in-out;overflow:hidden}.carousel-container .carousel-content.media-box-height-small{height:auto!important}.carousel-container .carousel-caption{box-sizing:border-box;padding:20px 60px;width:100%}.carousel-container .title{font-size:3rem}.carousel-container .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,.8);border-radius:50%;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;transition:opacity .3s ease}.carousel-container .carousel-slide:hover .play-btn{opacity:1}.carousel-container .play-btn svg{width:24px;height:24px;fill:var(--primary-color)}.carousel-container .controls{position:absolute;padding:20px 60px;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:10px;z-index:10}.carousel-container .control-btn{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;transition:all .3s ease}.carousel-container .control-btn.active{background:#fff;transform:scale(1.3)}.carousel-container .controls-left{left:0;right:unset}.carousel-container .controls-right{left:unset;right:0}.carousel-container .controls-left .control-arrow,.carousel-container .controls-right .control-arrow{display:flex;justify-content:center}.carousel-container .controls-left .control-arrow.disabled,.carousel-container .controls-right .control-arrow.disabled{color:#666}.carousel-container .controls-left .control-btn,.carousel-container .controls-right .control-btn{align-items:center;background-color:transparent;border:2px solid #191919;box-sizing:border-box;display:inline-flex;height:22px;justify-content:center;margin:0 8px;opacity:1;position:relative;width:22px;border-radius:50%}.carousel-container .controls-left .control-btn:before,.carousel-container .controls-right .control-btn:before{background-color:transparent;border-radius:50%;content:"";height:14px;position:absolute;width:14px}.carousel-container .controls-left .control-btn.active:before,.carousel-container .controls-right .control-btn.active:before{background-color:#191919}.carousel-container .mask{background-color:var(--mask-bg);opacity:var(--mask-opacity)}@media screen and (min-width:1200px){.carousel-container .title{font-size:5rem}.carousel-container .text-detail{font-size:1.4rem}}@media screen and (min-width:768px){.carousel-container{height:auto}.carousel-container .carousel-caption-box{width:50%}}@media screen and (max-width:767px){.carousel-container .carousel-caption-box{width:100%}.carousel-container .carousel-caption{padding:35px 30px 20px;text-align:center}.carousel-container .controls-left{width:100%;box-sizing:border-box}.carousel-container .carousel-media{position:relative;width:100%}}