message: Updated: design changes material to flat.
diff: -.Switch {
  - display: inline-block;
  - cursor: pointer;
  +.Switch__label {
  + padding-left: 8px;
  + margin-bottom: 4px;
  + font-size: 12px;
  + border-left: 2px solid var(--color-bg-primary);
  }
  -.Switch__content {
  - @apply --layout-center-center;
  +.Switch__container {
  + cursor: pointer;
  }
  -.Switch__toggle {
  +.Switch__groove {
  position: relative;
  - width: 38px;
  - height: 20px;
  + display: inline-block;
  + width: 44px;
  + height: 22px;
  + border-radius: 20px;
  + border: 1px solid transparent;
  + background-color: var(--color-basic-gray);
  + user-select: none;
  + transition: background-color 0.36s;
  }
  -.Switch__groove {
  +.Switch__knob {
  position: absolute;
  - top: 3px;
  - left: 0;
  - width: 100%;
  - height: 14px;
  - background-color: #ddd;
  - border-radius: 7px;
  - transition-duration: 100ms;
  - transition-property: background-color;
  + background-color: var(--color-basic-white);
  + width: 18px;
  + height: 18px;
  + top: 1px;
  + left: 1px;
  + border-radius: 50%;
  + transition: left 0.36s cubic-bezier(0.78,0.14,0.15,0.86);
  }
  -.Switch__knob {
  +.Switch__inner {
  + display: block;
  position: absolute;
  - top: 0;
  - left: 0;
  - width: 20px;
  - height: 20px;
  - background-color: #f1f1f1;
  - border-radius: 50%;
  - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  - transition-duration: 100ms;
  - transition-property: left, background-color;
  + top: 1px;
  + margin-left: 25px;
  + color: var(--color-basic-white);
  + font-size: 12px;
  }
  .Switch--disabled {
  cursor: not-allowed;
  }
  -.Switch--active:not(.Switch--disabled) .Switch__groove {
  - background-color: #99e0ff;
  +.Switch--disabled .Switch__groove {
  + background-color: var(--color-basic-lightGray);
  }
  -.Switch--active:not(.Switch--disabled) .Switch__knob {
  - left: calc(100% - 20px);
  +.Switch--disabled .Switch__knob {
  + background-color: var(--color-basic-gray);
  +}
  +
  +.Switch--active:not(.Switch--disabled) .Switch__groove {
  background-color: var(--color-basic-skyblue);
  }
  -.Switch__label {
  - flex-grow: 1;
  - margin-left: 4px;
  - color: var(--color-basic-black);
  +.Switch--active:not(.Switch--disabled) .Switch__inner {
  + margin-left: 5px;
  }
  -.Switch--disabled .Switch__label {
  - color: var(--color-basic-gray);
  +.Switch--active:not(.Switch--disabled) .Switch__knob {
  + left: calc(100% - 20px);
  }
  \ No newline at end of file
  