/* BY constructor controls v1. Normalize the four circular bracelet controls. */
.bracelet-canvas-wrapper .bracelet-select-all-toggle,
.bracelet-canvas-wrapper .bracelet-training-toggle,
.bracelet-canvas-wrapper .bracelet-watch-toggle {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 5px 3px !important;
  text-align: center !important;
}

.bracelet-canvas-wrapper .bracelet-select-all-toggle > .bracelet-select-all-toggle__label,
.bracelet-canvas-wrapper .bracelet-training-toggle > span:not(.MuiTouchRipple-root),
.bracelet-canvas-wrapper .bracelet-watch-toggle > span:not(.MuiTouchRipple-root) {
  display: flex !important;
  width: 100% !important;
  min-width: 0;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: normal;
}

@media (max-width: 600px) {
  .bracelet-canvas-wrapper .bracelet-select-all-toggle,
  .bracelet-canvas-wrapper .bracelet-training-toggle,
  .bracelet-canvas-wrapper .bracelet-watch-toggle {
    padding: 5px 3px !important;
  }
}