.dot{width:8px;height:8px;border-radius:50%;background:var(--green-pale);border:2px solid var(--green-mid);cursor:pointer;transition:all .22s}.dot.active{background:var(--green-dark);border-color:var(--green-dark);width:24px;border-radius:4px}