:root {
  --modal-bg: #fff;
  --modal-bg-hover: #D6D6D6;
  --modal-color: #141414;
  --modal-font-family: sans-serif;
  --modal-font-size: 15px;
  --modal-line-height: 24px;
  --modal-font-weight: 600;

  --modal-font-size-mobile: 14px;

  --modal-border-color: #e6e6e6;

  --modal-content-font-size: 15px;
  --modal-content-title-font-weight: 600;

  --modal-btn-primary-bg: #be1e2d;
  --modal-btn-primary-bg-hover: #c02e3d;
  --modal-btn-primary-border: var(--modal-btn-primary-bg);
  --modal-btn-primary-color: var(--modal-bg);
  --modal-btn-line-height: var(--modal-line-height);

  --modal-selector-action-color: #9c9c9c;

  --modal-selector-toggle-slider-bg: #D6D6D6;
  --modal-selector-toggle-slider-bg-disabled: #b1b1b1;
  --modal-selector-toggle-slider-bg-enabled: #be1e2d;
  --modal-selector-toggle-slider-bg-enabled-hover: #c02e3d;
  --modal-selector-toggle-slider-bg-enabled-dot: var(--modal-bg);

  --modal-card-list-item-hover-bg: rgba(0, 0, 0, .05);
}