.ia_cookie_notification_main_block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--ia_cookie_notification_form_padding_bottom_top) var(--ia_cookie_notification_form_padding_left_right);
    z-index: 998;
    border: var(--ia_cookie_notification_form_border_px) solid var(--ia_cookie_notification_border_color);
    box-sizing: border-box;
    left: var(--ia_cookie_notification_position_margin_left_pc);
    right: var(--ia_cookie_notification_position_margin_right_pc);
    top: var(--ia_cookie_notification_position_top_pc);
    bottom: var(--ia_cookie_notification_position_bottom_pc);
    position: var(--ia_cookie_notification_position_fixed);
    background-color: var(--ia_cookie_notification_main_color);
    border-radius: var(--ia_cookie_notification_main_border_radius);
    color: var(--ia_cookie_notification_color_message);
    max-width: var(--ia_cookie_notification_form_max_width_pc);
}

img.ia_cookie_notification_image {
    width: var(--ia_cookie_notification_image_width);
    height: var(--ia_cookie_notification_image_height);
    object-fit: contain;
    margin-left: var(--ia_cookie_notification_image_align_left);
    margin-right: var(--ia_cookie_notification_image_align_right);
    display: var(--ia_cookie_notification_image_show_pc);
}
@media screen and (min-width: 768px) {
    .ia_cookie_notification_main_block:not(.compact) .ia_cookie_notification_text {
        margin-right: var(--ia_cookie_notification_text_margin_right);
        margin-left: var(--ia_cookie_notification_text_margin_left);
    }
}

.ia_cookie_notification_main_block .ia_cookie_notification_text{
    text-align: var(--ia_cookie_notification_text_align);
}

button.ia_cookie_notification_button {
    display: block;
    padding: 5px 15px;
    cursor: pointer;
    background-color: var(--ia_cookie_notification_button_color);
    border: 1px solid var(--ia_cookie_notification_button_border_color);
    color: var(--ia_cookie_notification_button_text_color);
    border-radius: var(--ia_cookie_notification_button_radius);
    margin-left: var(--ia_cookie_notification_button_align_left);
    margin-right: var(--ia_cookie_notification_button_align_right);
}
.ia_cookie_notification_button_block{
    min-width: var(--ia_cookie_notification_button_block_max_width);
    max-width: var(--ia_cookie_notification_button_block_max_width);
    display: flex;
    justify-content: var(--ia_cookie_notification_button_block_justify);
    gap: 10px;
    flex-wrap: wrap;
}

.ia_cookie_notification_main_block.compact{
    flex-wrap: wrap;
}

.ia_cookie_notification_main_block.compact .ia_cookie_notification_text{
    width: 100%;
    margin-top: var(--ia_cookie_notification_text_margin_top);
    margin-bottom: var(--ia_cookie_notification_text_margin_bottom);
}

.ai_cookie_notification_background_modal {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000000d1;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    z-index: 999999;
    opacity: 0;
    transition: 0.2s;
}

.ai_cookie_notification_background_modal.active{
    visibility: inherit;
    opacity: 1;
}

.ia_cookie_notification_modal_settings {
    max-width: 500px;
    background: white;
    padding: 20px 30px;
    position: relative;
}

.ia_cookie_notification_modal_settings_close{
    position: absolute;
    width: 20px;
    height: 20px;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.ia_cookie_notification_modal_settings_close::before,
.ia_cookie_notification_modal_settings_close::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #980000; /* цвет крестика */
    border-radius: 1px;
}

.ia_cookie_notification_modal_settings_close::before {
    transform: rotate(45deg);
}

.ia_cookie_notification_modal_settings_close::after {
    transform: rotate(-45deg);
}

label.ia_cookie_notification_label input[type=checkbox] {
    margin-right: 10px;
}

.ia_cookie_notification_description {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ia_cookie_notification_main_block {
        left: var(--ia_cookie_notification_position_margin_left_tablet);
        right: var(--ia_cookie_notification_position_margin_right_tablet);
        top: var(--ia_cookie_notification_position_top_tablet);
        bottom: var(--ia_cookie_notification_position_bottom_tablet);
        max-width: var(--ia_cookie_notification_form_max_width_tablet);
    }
    img.ia_cookie_notification_image {
        display: var(--ia_cookie_notification_image_show_tablet);
    }
}

@media screen and (max-width: 767px){
    .ia_cookie_notification_main_block {
        flex-wrap: wrap;
        padding: 15px;
        width: var(--ia_cookie_notification_width_mobile);
        left: auto;
        right: auto;
        top: var(--ia_cookie_notification_position_top_mobile);
        bottom: var(--ia_cookie_notification_position_bottom_mobile);
        margin-left: var(--ia_cookie_notification_position_margin_left_mobile);
        margin-right: var(--ia_cookie_notification_position_margin_right_mobile);
        max-width: var(--ia_cookie_notification_form_max_width_mobile);
    }
    button.ia_cookie_notification_button {

    }
    img.ia_cookie_notification_image {
        display: var(--ia_cookie_notification_image_show_mobile);
    }
    .ia_cookie_notification_text {
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        margin: 15px 0;
    }
}