:root {
  --f7-toggle-handle-color: #fff;
}
.ios-vars({
  --f7-toggle-width: 52px;
  --f7-toggle-height: 32px;
  --f7-toggle-border-color: #e5e5e5;
  --f7-toggle-inactive-color: #fff;
  .theme-dark, &.theme-dark {
    --f7-toggle-border-color: #555;
    --f7-toggle-inactive-color: #222;
  }
});
.md-vars({
  --f7-toggle-width: 36px;
  --f7-toggle-height: 14px;
  --f7-toggle-inactive-color: #b0afaf;
  .theme-dark, &.theme-dark {
    --f7-toggle-inactive-color: #555;
  }
});
.aurora-vars({
  --f7-toggle-width: 40px;
  --f7-toggle-height: 20px;
  --f7-toggle-inactive-color: #aaa;
  .theme-dark, &.theme-dark {
    --f7-toggle-inactive-color: #555;
  }
});