:root {
    --modal-bg: #fff;
    --modal-bg-hover: #d0db00;
    --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: #d0db00;
    --modal-btn-primary-bg-hover: #B6BF00;
    --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: #d0db00;

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

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

.modal__item.modal__logo {
    min-width: 10%;
}

.modal__logo__client {
    position: absolute;
    top: 0;
}

.modal__wrapper {
    position: relative;
}