:root {
    --modal-bg: #fff;
    --modal-bg-hover: #2a8cb2;
    --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: #2a8cb2;
    --modal-btn-primary-bg-hover: #107ca7;
    --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: #2a8cb2;
    --modal-selector-toggle-slider-bg-enabled-hover: #107ca7;
    --modal-selector-toggle-slider-bg-enabled-dot: var(--modal-bg);

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