.media-carousel-container{width:100%;overflow:hidden;display:flex;flex-direction:column;gap:12px}.media-carousel-main{width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden;background-color:#fff}@media (max-width: 768px){.media-carousel-wrapper{margin-left:-12px;margin-right:-12px}.media-carousel-main{border-radius:0!important}}.media-carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:flex;align-items:center;justify-content:center;background-color:#fff}.media-carousel-slide.active{opacity:1;visibility:visible;z-index:1}.media-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0}.media-image{width:100%;height:100%;object-fit:contain}.media-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:4px}.media-thumbnail{width:80px;height:60px;border:2px solid transparent;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease;flex-shrink:0;background-color:#fff;box-shadow:0 2px 8px #0000000d}.media-thumbnail.active{box-shadow:0 0 0 2px var(--BlueColor)}.media-thumbnail img{width:100%;height:100%;object-fit:cover}.media-thumbnail-video{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#343a40;color:#fff}.media-thumbnail-video i{font-size:20px}.media-no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c757d;height:100%;gap:15px}.media-no-content i{font-size:48px;color:#adb5bd}