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

    --modal-border-color: #e6e6e6;

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

    --modal-btn-primary-bg: #fff;
    --modal-btn-primary-bg-hover: #eeeeee;
    --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: #fff;

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

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