.dot{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;max-width:28px!important;max-height:8px!important;border-radius:4px!important;background:#d1d5db!important;border:none!important;padding:0!important;margin:0!important;cursor:pointer!important;transition:all .3s ease!important;line-height:0!important;font-size:0!important;display:inline-block!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:none!important;box-sizing:border-box!important;text-decoration:none!important;vertical-align:middle!important}.dot.active{width:24px!important;background:#e63b3b!important}