@layer components{.swiper-dots{align-items:center;display:inline-flex;justify-content:center;list-style:none;padding-left:0}.swiper-dot{color:currentColor;display:block;height:30px;position:relative;width:30px}.swiper-dot:hover:before{opacity:.75;transform:translate(-50%,-50%) scale(.75)}.swiper-dot.swiper-dot--active:before{opacity:1;transform:translate(-50%,-50%)}.swiper-dot:before{background-color:currentColor;border-radius:50%;content:"";height:10px;inset:50%;opacity:.5;position:absolute;transform:translate(-50%,-50%) scale(.6);transition:.3s;transition-property:transform,background-color,opacity;width:10px}}