:root {
  --mcw-sl-container-width: 42vw;
  --mcw-sl-container-width-1200px-breakpoint: min(80vw, 100%);

  --mcw-sl-font-family: "Rubik", "sans-serif";
  --mcw-sl-container-border-radius: 4px;
  --mcw-sl-button-active-bg: #005DFF;
  --mcw-sl-button-active-text: #fff;
  --mcw-sl-button-inactive-bg: #e5e8ee;
  --mcw-sl-button-inactive-text: #3b4049;

  --mcw-sl-tabs-bg: #f5f7fa;
  --mcw-sl-tabs-border: 1px solid #e2e2e2;
  --mcw-sl-tabs-border-top: 1px solid #005DFF;

  --mcw-text-color-primary: #202329;

  --mcw-error-color: #f84263d7;
  --mcw-error-bg: #f5104d0d;
  --mcw-error-border: #f5104d15;

  --mcw-sl-input-bg: #fff;
  --mcw-control-placeholder: #8992a1;
  --mcw-dropdown-bg: #f5f7fa;
  --mcw-dropdown-list-bg: #fff;
  --mcw-dropdown-hover-bg: #f2f8fe;
  --mcw-dropdown-focus-bg: #ebf4fe;
  --mcw-dropdown-list-shadow: 0px 8px 16px 0px #e2e2e2;
  --mcw-sl-dropdown-bg: #fff;

  --mcw-control-hover-border: 1px solid #2769f86c;
  --mcw-control-hover-shadow: 0 0 0 3px #3b77f931;
  --mcw-control-focus-border: 1px solid #2769f89a;
  --mcw-control-focus-shadow: 0 0 0 3px #3b77f94b;

  --mcw-control-border: 1px solid #e2e2e2;
  --mcw-control-border-radius: 6px;

  --mcw-scrollbar-track-color: transparent;
  --mcw-scrollbar-thumb-color: #c2c9d3;
  --mcw-scrollbar-thumb-hover-color: #8992a1;

  --mcw-caret-color: #8992a1;
}