@keyframes dotTimer{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.m-dots{display:flex;flex-wrap:wrap;gap:var(--spacing_2);list-style:none;margin:0;padding:0}.m-dots button,.m-dots li{height:2px;width:44px}.m-dots button{border:0;cursor:pointer;display:block;padding:0;text-indent:-999em}.m-dots:not(.m-dots--timer) button{background-color:var(--white);opacity:.35;transition:opacity var(--transitionSpeed)}.m-dots:not(.m-dots--timer) li.slick-active button{opacity:1}.m-dots--dark{button{background-color:var(--blue_20)}}.m-dots--timer{li.slick-active{button{&:before{animation-fill-mode:forwards;animation-name:dotTimer}}}button{background-color:hsla(0,0%,100%,.35);overflow:hidden;position:relative;&:before{background-color:var(--white);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}}}