.media-component .swiper .swiper-slide{height:auto}.media-component .swiper-pagination{bottom:auto;display:flex;gap:.5rem;justify-content:center;padding-left:1.5rem;padding-right:1.5rem;pointer-events:none;top:1rem}.media-component.hide-pagination .swiper-pagination{display:none}.media-component .swiper .swiper-pagination-bullet{background-color:#ffffff80;border-radius:12.5rem;height:.125rem;margin:0;opacity:1;position:relative;width:100%}.media-component .progress{height:.125rem;inset-inline-end:0;position:absolute;transform-origin:left;width:0;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.media-component .progress:where([dir=rtl],[dir=rtl] *){transform-origin:right}.media-component .swiper-pagination-bullet-active .progress{width:100%}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.media-component .swiper-pagination-bullet-active .progress{animation:progress linear}.media-component .next-btn,.media-component .prev-btn{opacity:0}.media-component:hover .next-btn,.media-component:hover .prev-btn{opacity:1}.media-component:hover .next-btn.swiper-button-disabled,.media-component:hover .prev-btn.swiper-button-disabled{opacity:.5}.media-component.has-focus .next-btn,.media-component.has-focus .prev-btn{opacity:1}.media-component.has-focus .next-btn.swiper-button-disabled,.media-component.has-focus .prev-btn.swiper-button-disabled{opacity:.5}