.media-slider-container{position:relative;width:100%}.media-slider-container .slider-media-wrapper{position:relative;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.media-slider-container .slider-media-wrapper .slider-media{display:none;width:100%;height:auto}.media-slider-container .slider-media-wrapper .slider-media.active{display:block}.media-slider-container .slider-indicators{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:1rem auto 0;padding:14px 16px;background-color:#2f2c280d;border-radius:16px;width:fit-content}.media-slider-container .slider-indicators .slider-indicator{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:1px;border:1px solid rgba(0,0,0,.3);background-color:transparent}.media-slider-container .slider-indicators .slider-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background-color:#00000073;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-slider-container .slider-indicators .slider-indicator.active{padding:1px;border:1px solid rgba(255,255,255,.5);background-color:transparent;box-shadow:0 0 3.5px #13131540;box-shadow:0 0 5.5px #13131526;box-shadow:0 0 6.5px #13131526}.media-slider-container .slider-indicators .slider-indicator.active:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-slider-container .slider-indicators .slider-indicator:not(.active):hover:before{background-color:#000000b3}body.theme-dark .media-slider-container .slider-indicators{background-color:#ffffff0f}body.theme-dark .media-slider-container .slider-indicators .slider-indicator{border:1px solid rgba(255,255,255,.15)}body.theme-dark .media-slider-container .slider-indicators .slider-indicator:before{background-color:#ffffff40}body.theme-dark .media-slider-container .slider-indicators .slider-indicator:not(.active):hover:before{background-color:#fff6}body.theme-dark .media-slider-container .slider-indicators .slider-indicator.active:before{background-color:#fff}