.card_ha_container{
    display: flex;
    flex-direction: row;
    max-width: 700px;
    border: #423f3f 1px dotted;
    background-color: white;
    min-width: 300px;
    min-height: 200px;
}

.card_ha_card{
    display: flex
;
    flex-direction: column;
    padding: 15px;
    flex-grow: 1;
    gap: 15px;
    width: 100%;
}
.card_ha_card_header{
    display: flex;
    flex-direction: row;
    justify-content: space-between
}


.card_ha_card_numcode{
    display: flex
;
    flex-direction: row;
    border: #4c4c4c 2px solid;
    align-items: center;
    gap: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.card_ha_card_num{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.card_ha_card_code{
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
    color: #4c4c4c;
}





.card_ha_card_pp_container_h{

          display: flex;
          flex-direction: row-reverse;
          justify-content: space-between;
      
}

.card_ha_card_pp_container_v{
    display: flex;
    flex-direction: column;
}



.card_ha_card_theproblem{
    font-family: monospace;
}
.card_ha_card_thepicture{

}

.card_ha_card_materials{

}


.card_ha_answers{
    display: flex;
    flex-direction: column;
    min-width: 200px;
    padding: 15px;
    gap:15px;
}
.card_ha_answers_label{
font-family: monospace;
}
.card_ha_answers_options{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.card_ha_answer_option{

        display: flex
    ;
        flex-direction: column;
        justify-content: center;
        min-height: 15px;
        min-width: 50%;
        width: fit-content;
        height: fit-content;
        border: #423f3f 1px dotted;
        font-family: monospace;
        font-size: 12px;
        user-select: none;
        cursor: pointer;
        text-align: center;
}

.katkas_and_ruporr_container {
    display: flex;
    flex-direction: row;
    gap: 30px;
    /* margin-left: 100px;  */
    justify-content: space-between;
}

.katka_card{
    display: flex;
    flex-direction: row;
    padding-left: 10px;
    font-family: monospace;
    width: 100%;
    border-bottom: 1px solid #f9f9ff;
    user-select: none;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    gap: 15px;

}
.katka_card_label{
    font-family: monospace;
    color: var(--warhol-blue);
    font-size: 16px;
    font-weight: bold;
    user-select: none;
    cursor: pointer;
}
.katka_card_inforow{
    font-family: monospace;
    color: var(--vscode-text);
     word-wrap: break-word;
    overflow-wrap: break-word;
}

.katkas_v7_ruporr_container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.katkas_v7_ruporr_top_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.katkas_v7_ruporr_header {
    display: flex;
    flex-direction: row;
    font-family: monospace;
    font-size: 30px;
    color: var(--vscode-text);
    font-weight: bold;
}

#add_rupor{
    background-color: var(--warhol-electric-green);
    color: var(--button-text-dark);
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: transform 0.2s;
    font-family: monospace;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.variant3 {
    background-image: repeating-linear-gradient(45deg, #00f 0px 10px, #0ff 10px 20px, #0f0 20px 30px, #ff0 30px 40px, #f00 40px 50px);
}

.nechto-small {
    width: 50px;
    height: 25px;
    transition: all 0.3s ease;
    cursor: pointer;
}

#nechto_settings{
    user-select: none;
    cursor: pointer;
}




.vuzi_ejs {
    display: flex;
    flex-direction: row;
    margin-left: 100px;
    justify-content: space-between;
}
.vuzi2_ejs {
    display: flex;
    flex-direction: column;
    /* margin-left: 100px; */
    gap: 10px;
}
.vuzi2_filter {
     display: flex
;
    flex-direction: row;
    /* width: 200px; */
    /* margin-right: 100px; */
    /* gap: 30px;  */
}
.vuzi2_filter_city_container {
    display: flex;
    flex-direction: column;
    width: 100px;
}
.vuzi2_filter_city_label {
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_city_options_ghost {
    display: flex;
    position: relative;
}
.vuzi2_filter_city_options_div {
    position: absolute;
    top: -20px;
    left: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    height: 80vh;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    z-index: 20;
    width: 80vw;
}

.vuzi2_filter_cities_block {
    display: flex;
    flex-direction: row;
}
.vuzi2_filter_cities_block_all_button{
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    font-family: monospace;
    width: 10px;
    padding-right: 5px;
    user-select: none;
    cursor: pointer;
}
.vuzi2_filter_cities_options_block {
    display: flex;
    flex-direction: column;
    border-left: 1px solid gray;
    padding-left: 5px;
}

.vuzi2_filter_city_option{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_city_option_main{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--vscode-text);
    font-weight: 900;
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_vuz_container {
    display: flex;
    flex-direction: column;
    width: 230px;
    margin-left: 60px;
}
.vuzi2_filter_vuz_container_header{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}
.vuzi2_filter_code_container_header{
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}
.vuzi2_filter_exam_container_header{
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}
.vuzi2_filter_vuz_label {
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_vuz_options_ghost {
    display: flex;
    position: relative;
}
.vuzi2_filter_vuz_options_div {
    position: absolute;
    top: 20px;
    left: -100px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px;
    height: 700px;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    z-index: 20;
    width: 90vw;
}
.vuzi2_filter_vuz_option{
    display: flex;
    flex-direction: row;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_vuz_option_show_all{
    display: flex;
    flex-direction: row;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
    background: #f9f9ff;
    padding: 10px;
    font-weight: bold;
    width: fit-content;
    margin-top: 50px;
}

.vuzi2_filter_code_container {
    display: flex;
    flex-direction: column;
    width: 400px;
    margin-left: 20px;
    
}
.vuzi2_filter_code_label {
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_code_options_ghost {
    display: flex;
    position: relative;
}
.vuzi2_filter_code_options_div {
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    z-index: 20;
    width: 1000px;
    justify-content: space-between;
    
}

.vuzi2_filter_code_options_main {
    flex-direction: column;
    gap: 10px;
}
.vuzi2_filter_code_options_controls {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.vuzi2_filter_code_options_category{
    display: flex;
    flex-direction: column;

}

.vuzi2_filter_code_options_category_header{
    font-family: monospace;
    color: var(--vscode-text);
}
.vuzi2_filter_code_options_category_container{
    display: flex;
    flex-direction: column;

}
.vuzi2_filter_code_option{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_code_option_selected{
    font-weight: 900;
    background-color: #0f0;
}
.vuzi2_filter_exam_container {
    display: flex;
    flex-direction: column;
    width: 250px;
    
}
.vuzi2_filter_exam_label {
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_exam_options_ghost {
    display: flex;
    position: relative;
}
.vuzi2_filter_exam_options_div {
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;

    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    z-index: 20;
    width: 200px;
}
.vuzi2_filter_exam_options_header{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    font-size: 18px;
    font-weight: bold;
}
.vuzi2_filter_exam_options_container{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px;
}
.vuzi2_filter_exam_option{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
    border: 1px solid #e7e7e7;
    padding: 5px;
}
.vuzi2_filter_exam_option_selected{
    font-weight: 900;
    background-color: #0f0;
}
.vuzi2_filter_exam_controls_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.vuzi2_filter_entrance_points_container{
    display: flex;
    flex-direction: column;
    width: 100px;
}

.vuzi2_filter_entrance_points_label{
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}

.vuzi2_filter_entrance_points_value_container{
    display: flex;
    flex-direction: column;
}
.vuzi2_filter_entrance_points_value{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_entrance_points_value_options_ghost{
    display: flex;
    position: relative;
}


.vuzi2_filter_entrance_points_value_options_div {
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;

    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    z-index: 20;
    width: 200px;
}

.vuzi2_filter_entrance_points_value_option{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
    border: 1px solid #e7e7e7;
    padding: 5px;
}
.vuzi2_filter_entrance_points_value_option_selected{
    font-weight: 900;
    background-color: #0f0;
}


.vuzi2_filter_study_format_container{
    display: flex;
    flex-direction: column;
    align-items: end;
}

.vuzi2_filter_study_format_label{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;

}

.vuzi2_filter_study_format_value_container{
    display: flex;
    flex-direction: column;
}
.vuzi2_filter_study_format_value{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_study_format_value_options_ghost{
    display: flex;
    position: relative;
}


.vuzi2_filter_study_format_value_options_div {
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;

    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    z-index: 20;
    width: 200px;
}

.vuzi2_filter_study_format_value_option{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
    border: 1px solid #e7e7e7;
    padding: 5px;
}
.vuzi2_filter_study_format_value_option_selected{
    font-weight: 900;
    background-color: #0f0;
}

.vuzi2_filter_price_container{
    display: flex;
    flex-direction: column;
}

.vuzi2_filter_price_label{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}

.vuzi2_filter_price_value_container{
    display: flex;
    flex-direction: column;
}
.vuzi2_filter_price_value{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.vuzi2_filter_price_value_options_ghost{
    display: flex;
    position: relative;
}


.vuzi2_filter_price_value_options_div {
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;

    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    z-index: 20;
    width: 300px;
}

.vuzi2_filter_price_value_option{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
    border: 1px solid #e7e7e7;
    padding: 5px;
}
.vuzi2_filter_price_value_option_selected{
    font-weight: 900;
    background-color: #0f0;
}








.vuzi_filter {
    display: flex;
    flex-direction: column;
    width: 200px;
    padding: 15px;
    gap: 10px;
}

.vuzi_filter_starred_section{
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.vuzi_filter_starred_section_label{
    font-family: monospace;
    font-size: 18px;
    font-weight: bold;
    color: var(--vscode-text);
}
.vuzi_filter_starred_section_counter{
    font-family: monospace;
    color: var(--warhol-blue);
    user-select: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}
.vuzi_filter_label{
    font-family: monospace;
    font-size: 18px;
    font-weight: bold;
    color: var(--vscode-text);
}
.vuzi_filter_city_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
}
.vuzi_filter_city_label{
   font-family: monospace;
}
.vuzi_filter_city_selection{
    font-family: monospace;
    color: var(--warhol-blue);
    user-select: none;
    cursor: pointer;
}
.vuzi_filter_profession_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
}
.vuzi_filter_profession_label{
   font-family: monospace;
}
.vuzi_filter_profession_selection{
    font-family: monospace;
    color: var(--warhol-blue);
    user-select: none;
    cursor: pointer;
}
.vuzi_filter_vuz_character_row{
    display: flex;
    flex-direction: column;
    font-size: 14px;
}
.vuzi_filter_vuz_character_label{
   font-family: monospace;
}
.vuzi_filter_vuz_character_selection{
    font-family: monospace;
    color: var(--warhol-blue);
    user-select: none;
    cursor: pointer;
}


.vuzi_filter_ege_subjects_selection{
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.vuzi_filter_ege_subjects_label{
    font-family: monospace;
}
.vuzi_filter_ege_subjects_container{
 display: flex;
 flex-direction: row;
}
.vuzi_filter_ege_subject_item{
    padding-left: 5px;
    padding-right: 5px;
 height: 20px;
 border: 1px dotted var(--vscode-text);
 text-align: center;
 font-family: monospace;
 font-size: 16px;
 user-select: none;
 cursor: pointer;
}
.vuzi_filter_entrance_points_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
}

.vuzi_filter_entrance_points_label{
    font-family: monospace;
 }
 .vuzi_filter_entrance_points_selection{
     font-family: monospace;
     color: var(--warhol-blue);
     user-select: none;
     cursor: pointer;
 }
 .vuzi_filter_study_style_selection{
    display: flex;
    flex-direction: column;
    font-size: 14px;
}
.vuzi_filter_study_style_label{
    font-family: monospace;
}
.vuzi_filter_study_style_container{
 display: flex;
 flex-direction: row;
}
.vuzi_filter_study_style_item{
 padding-left: 5px;
 padding-right: 5px;
 height: 20px;
 border: 1px dotted var(--vscode-text);
 text-align: center;
 font-family: monospace;
 font-size: 16px;
 user-select: none;
 cursor: pointer;
}

.vuzi_filter_important_moments{
display: flex;
flex-direction: column;
font-size: 14px;
gap: 5px;
}
.vuzi_filter_important_moments_label{
    font-family: monospace;
}
.vuzi_filter_important_moment_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.vuzi_filter_important_moment_label{
    font-family: monospace;
}
.vuzi_filter_important_moment_checkbox{
    border: 1px dotted var(--vscode-text);
    width: 15px;
    height: 15px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;

}

.vuzi_filter_interest_moments{
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 5px;
    }
    .vuzi_filter_interest_moments_label{
        font-family: monospace;
    }
    .vuzi_filter_interest_moment_row{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .vuzi_filter_interest_moment_label{
        font-family: monospace;
    }
    .vuzi_filter_interest_moment_checkbox{
        border: 1px dotted var(--vscode-text);
        width: 15px;
        height: 15px;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        user-select: none;
    
    }

    .vuzi_filter_interest_moment_upper_price_limit{
        font-family: monospace;
        color: var(--warhol-blue);
        user-select: none;
        cursor: pointer;
    }
    .vuzi_filter_actions_row{
        display: flex;
        flex-direction: row;
        justify-items: center;
        width: 100%;
    }
.vuzi_items_container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.vuz_item {
    display: flex;
    flex-direction: column;
    /* padding: 50px; */
    /* background-color: white; */
}
.vuz_header_container{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    background-color: #f9f9ff;
    padding-left: 10px;
}
.vuz_vuz_logo{
 width: 40px;
 height: 40px;
 overflow: hidden;
}
.vuz_header {
    display: flex;
    flex-direction: row;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    font-size: 20px;
    color: var(--vscode-text);
    font-weight: 900;
    border-bottom: 8px solid #f9f9ff;
    /* background-color: #f9f9ff; */
    /* color: white; */

}
.vuz_programs_container {
    display: flex;
    flex-direction: column;
    /* margin-left: 10px;  */
    /* gap: 5px; */
}
.vuz_program_item {
    display: flex;
    flex-direction: row;
    font-family: monospace;
    /* border-bottom: 1px dotted var(--vscode-text); */
    align-items: center;
    /* padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px; */
    /* background-color: white; */
            border-bottom: 1px solid #f9f9ff;
            padding-top: 5px;
            padding-bottom: 5px;

    /* padding: 8px; */
    text-align: left;
    margin-left: 20px;

}

.vuz_program_item:hover{
    background-color: #f9f9ff;
}
.vuz_program_vuz_logo{
 width: 30px;
 height: 30px;
 overflow: hidden;
 margin-left: 5px;
 margin-right: 5px;
}
.vuz_program_vuz_city{
    font-family: monospace;
    width: fit-content;
    height: 100%;
    align-items: center;
    display: flex;

}
.vuz_program_vuz_department_container{
    display: flex;
    flex-direction: column;
}
.vuz_program_vuz_folk_name{
    font-family: monospace;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    width: fit-content;
    align-items: center;
     display: flex;
    width: 150px;
      height: 100%;

}
.vuz_program_item_official{
    font-family: monospace;
    color: grey;
 align-items: center;
 display: flex;
}
.vuz_program_item_department_name{
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    width: 250px;

}

.vuz_program_item_exams{
   display: flex;
   flex-direction: row;
   gap: 5px;
   width: 250px;
    
}
.vuz_program_item_exam{
    display: inline-block;
    padding: 2px;
    background: hwb(120 60% 7%);
    color: #000;
    border-radius: 0;
    font-size: 12px;
}
.vuz_program_item_budget_points{
    display: flex;
    flex-direction: row;
    font-weight: 900;
    padding-right: 10px;
    font-size: 14px;

}
.vuz_program_item_budget_places{
    display: flex;
    flex-direction: row;
    color: gray;
    padding-right: 10px;
    font-size: 14px;
    width: 50px;
}
.vuz_program_item_paid_points{
    display: flex;
    flex-direction: row;
    color: black;
    font-weight: 900;
    padding-right: 10px;
    font-size: 16px;
}
.vuz_program_item_paid_places{
    display: flex;
    flex-direction: row;
    color: gray;
    font-weight: 900;
    padding-right: 10px;
    font-size: 16px;
}
.vuz_program_item_price{
    display: flex;
    flex-direction: row;
    color: gray;
    padding-right: 10px;
}
.vuz_program_item_study_type{
    flex-direction: row;
    color: var(--vscode-text);

    width: 50px;
}

.vuz_program_item_name{
    flex-direction: row;
    color: var(--warhol-blue);
    /* font-weight: bold; */
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
}

.vuz_program_item_name_container{
    display: flex;
    flex-direction: column;
    width: 400px;
}

.vuz_program_item_budget_container{
    display: flex;
    flex-direction: column;
    width: 100px;
}


.vuz_program_item_starred_block{
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.vuz_program_item_starred_block_ava{
    width: 25px;
    height: 25px;
    overflow: hidden;
}

.vuz_program_item_starred_block_count{
font-family: monospace;
color: var(--vscode-text);
}

.program_ejs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

.program_starred_by{
    display: flex;
    flex-direction: column;
    background: white;
    /* border: 1px dotted var(--vscode-text); */
    /* padding: 50px; */
    gap: 20px;
}
.program_starred_by_header {
    display: flex;
    flex-direction: row;
}
.program_starred_header_top {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: var(--vscode-text);
    font-weight: 900;
}
.program_starred_header_counter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: var(--vscode-text);
    font-weight: 900;
}
.program_starred_by_avas_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}
.program_starred_by_ava{
    width: 50px;
    height: 50px;
    overflow: hidden;
}









.program_info{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 1000px;
    padding: 50px;
    background: white;
    border: 1px dotted var(--vscode-text);
}

.program_university_row{
display: flex;
flex-direction: column;
gap: 10px;
}
.program_university_top_row {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.program_university_logoname{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.program_university_bottom_row {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.program_university_logo {
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.program_university_name_block{
    display: flex;
    flex-direction: column;
}
.program_university_short_name_row{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.program_university_short_name {
    font-family: monospace;
    font-size: 20px;
    color: var(--vscode-text);
    font-weight: bold;
}
.program_university_long_name {
    font-family: monospace;
    font-size: 16px;
    color: gray;
    font-weight: bold;
    width: 600px;
}
.program_university_filial{
    font-family: monospace;
    font-size: 20px;
    font-weight: 900;
    color: var(--warhol-pink);
}
.program_university_url{
    font-family: monospace;
    font-size: 16px;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;

}
.program_university_city {
    font-family: monospace;
    color: gray;
}
.program_university_military {
    font-family: monospace;
    color: gray;
}
.program_university_dormitory {
    font-family: monospace;
    color: gray;
}

.program_header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: var(--vscode-text);
    font-weight: 900;
}

.program_entrance_info{
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.program_entrance_exams_block{
    display: flex;
    flex-direction: column;
}
.program_entrance_exams_block_header {
    font-family: monospace;
    font-size: 16px;
}
.program_entrance_exams_block_list {
    display: flex;
    flex-direction: column;
}
.program_entrance_exam_row {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.program_entrance_exam_shortname {
    font-family: monospace;
    font-weight: 900;
    color: var(--warhol-pink);
    width: 40px; 
    text-align: right;
}
.program_entrance_exam_shortname_or {
    font-family: monospace;

    color: gray;
    width: 40px; 
    text-align: right;
}
.program_entrance_exam_longname {
    font-family: monospace;
}


.program_entrance_additional_points_block{
    display: flex;
    flex-direction: column;
}
.program_entrance_additional_points_block_header {
    font-family: monospace;
    font-size: 16px;
}
.program_entrance_additional_points_block_list_no_data{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: monospace;
    color: gray;
    height:50px;

}
.program_entrance_additional_points_block_list {
    display: flex;
    flex-direction: column;
}
.program_entrance_additional_points_row {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.program_entrance_additional_points_row_total{
    display: flex;
    flex-direction: row;
    border-top: 1px solid gray;
    gap: 10px;
    align-items: center;
}
.program_entrance_additional_points_value {
    font-family: monospace;
    font-size: 14px;
    font-weight: 900;
    color: var(--warhol-pink);
    width: 15px;
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: end;
}
.program_entrance_additional_points_whatfor {
    font-family: monospace;
}
.program_entrance_points_block{
    display: flex;
    flex-direction: column;
}
.program_entrance_points_block_header {
    font-family: monospace;
    font-size: 16px;
}
.program_entrance_points_block_list_no_data{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: monospace;
    color: gray;
    height:50px;

}
.program_entrance_points_block_list {
    display: flex;
    flex-direction: column;
}
.program_entrance_points_row {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.program_entrance_points_value {
    font-family: monospace;
    font-weight: 900;
    color: var(--warhol-pink);
    width: 40px;
    text-align: right;
}
.program_entrance_points_year {
    font-family: monospace;
}
.program_budget_places_block{
    display: flex;
    flex-direction: column;
}
.program_budget_places_block_header {
    font-family: monospace;
    font-size: 16px;
}
.program_budget_places_block_list_no_data{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: monospace;
    color: gray;
    height:50px;

}
.program_budget_places_block_list {
    display: flex;
    flex-direction: column;
}
.program_budget_places_row {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.program_budget_places_value {
    font-family: monospace;
    font-weight: 900;
    color: var(--warhol-pink);
    width: 40px;
    text-align: right;
}
.program_budget_places_year {
    font-family: monospace;
}


.program_paid_block {
    display: flex;
    flex-direction: column;
}
.program_paid_block_header {
    font-family: monospace;
    font-size: 16px;
}
.program_paid_block_value {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: monospace;
    color: var(--warhol-pink);
    height:50px;
}
.program_paid_block_value_no_data {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: monospace;
    color: gray;
    height:50px;
}
.program_curriculum_container {
    display: flex;
    flex-direction: row;
    gap: 30px;
}
.program_curriculum_year {
    display: flex;
    flex-direction: column;
}
.program_curriculum_year_subject {
    font-family: monospace;
    color: var(--vscode-text);
}
.program_top_block{
    display: flex;
    flex-direction: column;
}
.program_top_block_header {
    display: flex;
    flex-direction: row;
    gap: 50px;
    align-items: center;
    background: #f9f9ff;;
}
.program_desire_controls {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

#program_desire_control{
    font-size: 2.2rem;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.program_desire_options{
    display: flex;
    flex-direction: row;
    position: absolute;
    left: 30px;

}
.program_desire_option{
    display: flex;
    width: 30px;
    height: 30px;
    border: 1px dotted var(--vscode-text);
}

.program_official_info_row {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.program_official_code {
    font-family: monospace;
    color: gray;
    font-size: 16px;
}
.program_official_type {
    font-family: monospace;
    color: gray;
    font-size: 16px;
}
.program_official_codename {
    font-family: monospace;
    color: gray;
    font-size: 16px;
}


.repets_ejs {
    display: flex;
    flex-direction: row;
}
.repets_filter {
    display: flex;
    flex-direction: column;
    width: 450px;
    gap: 20px;
    margin-right: 20px;
}

.repets_filter_label {
    font-family: monospace;
    font-size: 18px;
    font-weight: bold;
    color: var(--vscode-text);
}
.repets_filter_block{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.repets_filter_blockheader{
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
    color: var(--vscode-text);
}

.repets_filter_stavka_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
}
.repets_filter_stavka_label{
   font-family: monospace;
}
.repets_filter_stavka_selection{
    font-family: monospace;
    color: var(--warhol-blue);
    user-select: none;
    cursor: pointer;
}
.repets_filter_actions_row{
    display: flex;
    flex-direction: row;
    justify-items: center;
    width: 100%;
}
.repets_items_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}
.repet_item {
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px dotted var(--vscode-text);
    /* border: 3px solid #f9f9ff; */
    width: 250px;
    padding-bottom: 25px;

}

.repet_ava_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.repet_main_actions {
}
.repet_page_and_request_row {
}
.repet_nick_name {
    color: var(--warhol-pink);
    font-size: 1.2em;
    font-weight: bold;
    user-select: none;
    cursor: pointer;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
.repet_main_info_column{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
.repet_request_button_name {
}
.repet_pricing_and_rating_row {
}
.repet_pricing {
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    font-family: monospace;
    color: var(--vscode-text);
    padding: 5px;
}
.repet_rating {
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    font-family: monospace;
    color: var(--vscode-text);
    padding: 5px;
}
.repet_contacts {
}
.repet_contacts_label {
    font-family: monospace;
    font-size: 16px;
    color: #423f3f;
    padding: 10px;
}
.repet_contacts_area {
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    font-family: monospace;
    color: var(--vscode-text);
    padding: 5px;
}

.repet_expertise {
    
}
.repet_expertise_label {
    font-family: monospace;
    font-size: 16px;
    color: #423f3f;
    padding: 10px;
    
}
.repet_expertise_items {
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-right: 10px;
    font-family: monospace;
    color: var(--vscode-text);
    padding: 5px;
    gap: 10px;
}
.repet_expertise_item {
    font-family: monospace;
    font-weight: bold;
    color: green;
    
}
.repet_background {
}
.repet_background_label {
    font-family: monospace;
    font-size: 16px;
    color: #423f3f;
    padding: 10px;
}
.repet_background_area {
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-right: 10px;
    font-family: monospace;
    color: var(--vscode-text);
    padding: 5px;
    gap: 10px;
}
.repet_bundles {
}
.repet_bundles_label {
    font-family: monospace;
    font-size: 16px;
    color: #423f3f;
    padding: 10px;
}
.repet_bundles_items {
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    font-family: monospace;
    color: var(--vscode-text);
    padding: 5px;
    gap: 10px;
}
.repet_bundle_item{
    font-family: monospace;
    font-weight: bold;
    color: green;
}
.repet_reviews {
}
.repet_reviews_label {
    font-family: monospace;
    font-size: 16px;
    color: #423f3f;
    padding: 10px;
}
.repet_reviews_items {
    padding-left: 10px;
}

.repet_review_item {
    background: var(--vscode-light);
    padding: 10px;
    margin: 5px 0;
    border-left: 3px solid var(--warhol-blue);
    font-family: monospace;
}


.user_studentprofile_class {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.user_studentprofile_class_label {
    font-family: monospace;
    color: var(--vscode-text);

}
.user_studentprofile_class_value {
    position: relative;
    display: flex;
    border: 1px solid #e7e7e7;
    padding: 10px;
    font-family: monospace;
    font-weight: bold;
    color: green;
    user-select: none;
    /* cursor: pointer; */
}

.user_studentprofile_goals {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.user_studentprofile_goals_label {
    font-family: monospace;
    color: var(--vscode-text);

}
.user_studentprofile_goals_container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid #e7e7e7;
    padding: 10px;
    font-family: monospace;
    font-weight: bold;
    color: green;
    user-select: none;
    cursor: pointer;
}
.user_studentprofile_goal_item {
    display: flex;
    flex-direction: row;
}
.user_studentprofile_goal_item_choose {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}


.user_studentprofile_bundles {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.user_studentprofile_bundles_label {
    font-family: monospace;
    color: var(--vscode-text);
}
.user_studentprofile_bundles_container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid #e7e7e7;
    padding: 10px;
    font-family: monospace;
    font-weight: bold;
    color: green;
    user-select: none;
    cursor: pointer;
}
.user_studentprofile_bundle_item_row{
    display: flex;
    flex-direction: row;
    gap: 15px;
    /* justify-content: space-between; */
}
.user_studentprofile_bundle_item {
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--vscode-text);

}

.bundle_owners {
    display: flex;
    flex-direction: column;
}
.bundle_admins {
    display: flex;
    flex-direction: column;
}
.bundle_members_container{
    display: flex;
    flex-direction: column;
    min-width: 200px;
}
.bundle_members {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.bundle_membergroup_label{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--vscode-text);

}

.bundle_membership_record_row{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bundle_membership_record_ava{
    display: flex
    ;
        flex-direction: column;
 width: 70px;
 height: 70px;
 overflow: hidden;

}

.bundle_membership_record_nickname{
 font-family: Arial, Helvetica, sans-serif;
 color: var(--warhol-blue);
 /* font-weight: bold; */
 font-size: 10px;
}

.bundle_inbox_katkas_label{
    font-family: monospace;
    color: var(--vscode-text);
    font-size: 20px;
}


.bundle {
    width: 40px;
    height: 40px;
    position: relative;
    transition: transform 0.2s;
    cursor: pointer;
}

.bundle:hover {
    transform: scale(1.1);
}


.button-flap-bundle {
    background: #1e88e5;
    border-radius: 6px 6px 12px 12px;
    border-top: 8px solid #42a5f5;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.button-flap-bundle::after {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background: #e3f2fd;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}






.greetings {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.greetings_infopanel {
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;

}
.greetings_message {
    font-family: monospace;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.greetings_actions_row {
}
.greetings_action_label {
}
.greetings_action_button {
}
.greetings_from_whom_row {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: end;
}
.greetings_from_whom_ava {
    display: flex;
    flex-direction: column;
    width: 30px;
    height: 30px;
    overflow: hidden;
}
.greetings_from_whom_name {
    color: var(--warhol-blue)
}
.greetings_from_whom_doing_what {
}
.greetings_to_where_row {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: start;
}
.greetings_to_where_icon {
    display: flex;
    flex-direction: column;
    width: 30px;
    height: 30px;
    overflow: hidden;
}
.greetings_to_where_name {
}



.role_selection_panel {
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    gap: 15px;
}
.role_selection_panel_label {
    font-family: monospace;
    font-size: 18px;
}
.role_selection_buttons_container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.role_selection_student_profile_panel{
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    gap: 15px;
}

.role_selection_student_profile_panel_label{
    font-family: monospace;
    font-size: 18px;
}

.role_selection_student_profile_class {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.role_selection_student_profile_class_label {
    font-family: monospace;
    color: var(--vscode-text);

}
.role_selection_student_profile_class_value_container {
    position: relative;
    display: flex;
    border: 1px solid #e7e7e7;
    padding: 10px;

}
.role_selection_student_profile_class_value {
    position: relative;
    display: flex;
    font-family: monospace;
    font-weight: bold;
    user-select: none;
    cursor: pointer;
}
.role_selection_student_profile_class_value.selected {
    color: green;
}
.role_selection_student_profile_class_value.not_selected {
    color: var(--warhol-coral);
}

.role_selection_student_profile_class_value_options_ghost{
    display: flex;
    position: relative;
}
.role_selection_student_profile_class_value_options_div{
    display: flex;
    flex-direction: row;
    gap: 30px;
    position: absolute;
    left: 90px;
    top: -10px;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 20px;

}
.role_selection_student_profile_class_value_option{

    display: flex;
    border: 1px solid #e7e7e7;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    font-family: monospace;
    font-weight: bold;
    color:var(--vscode-text);
    user-select: none;
    cursor: pointer;
}
.role_selection_student_profile_city {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.role_selection_student_profile_city_label {
    font-family: monospace;
    color: var(--vscode-text);

}
.role_selection_student_profile_city_value_container {
    position: relative;
    display: flex;
    border: 1px solid #e7e7e7;
    padding: 10px;

}

.role_selection_student_profile_city_value {
    position: relative;
    display: flex;
    font-family: monospace;
    font-weight: bold;
    user-select: none;
    cursor: pointer;

}
.role_selection_student_profile_city_value.selected {
    color: green;
}
.role_selection_student_profile_city_value.not_selected {
    color: var(--warhol-coral);
}


.role_selection_student_profile_city_value_options_ghost{
    display: flex;
    position: relative;
}
.role_selection_student_profile_city_value_options_div{
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: absolute;
    left: 100px;
    top: -300px;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 20px;
    height: 600px;
    width: 200px;
    overflow-y:scroll;
}

.role_selection_student_profile_city_value_option{
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}


.role_selection_student_profile_next_step_row{
    display: flex;
    flex-direction: row;
    justify-content: end;
    width: 100%;
    margin-top: 20px;
}

.role_selection_repet_profile_panel{
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    gap: 15px;
}

.role_selection_repet_profile_panel_label{
    font-family: monospace;
    font-size: 18px;
}
.role_selection_repet_profile_branded_info{
    display: flex;
    flex-direction: row;
}
.role_selection_repet_profile_branded_logo_container{
    display: flex;
    flex-direction: column;
}
.role_selection_repet_profile_branded_logo{
    width: 64px;
    height: 64px;
    cursor: pointer;
}
.role_selection_repet_profile_branded_logo_options_ghost{
    display: flex;
    position: relative;
}
.role_selection_repet_profile_branded_logo_options_div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px dotted var(--vscode-text);
    background-color: white;
    width: 300px;
    height: 500px;
    position: absolute;
    left: -500px;
    top: -100px;
    z-index: 200;
    padding: 50px;
    gap: 20px;
}

.role_selection_repet_profile_branded_logo_option{
    width: 64px;
    height: 64px;
    cursor: pointer;
}
.role_selection_repet_profile_branded_nickname{
    border: 0;
    outline: 0;
    min-width: 50%;
    text-align: left;
    font-family: monospace;
    font-size: xx-large;
    color: var(--warhol-pink);
    font-weight: 900;
    background-color: transparent;
    margin-left: 50px;
}
.role_selection_repet_profile_price_info_container{
    display: flex;
    flex-direction: column;
}
.role_selection_repet_profile_price_info_label{
    font-family: monospace;
    color: var(--vscode-text);
}

.role_selection_repet_profile_price_info_table_row{
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid gray;
}
.role_selection_repet_profile_price_info_table_col1{
    width: 200px;
    font-family: monospace;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--vscode-text);
    display: flex;

}

.role_selection_repet_profile_price_info_table_col2{
    width: 110px;
    font-family: monospace;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--vscode-text);
    display: flex;
    justify-content: end;
}
.role_selection_repet_profile_price_info_table_col3{
    width: 110px;
    font-family: monospace;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--vscode-text);
    display: flex;
    justify-content: end;
}
.role_selection_repet_profile_price_info_table_col4{
    width: 110px;
    font-family: monospace;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--vscode-text);
    display: flex;
    justify-content: end;
}
.role_selection_repet_profile_price_input{
    border: 0;
    outline: 0;
    text-align: right;
    font-family: monospace;
    color: var(--warhol-blue);
    font-weight: 900;
    background-color: transparent;
    width: 90px;
}
.role_selection_repet_profile_price_currency{
    font-family: monospace;
    color: var(--vscode-text);
    font-weight: 900;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 15px;
}
.role_selection_repet_profile_class {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.role_selection_repet_profile_class_label {
    font-family: monospace;
    color: var(--vscode-text);

}
.role_selection_repet_profile_class_value_container {
    position: relative;
    display: flex;
    border: 1px solid #e7e7e7;
    padding: 10px;

}
.role_selection_repet_profile_class_value {
    position: relative;
    display: flex;
    font-family: monospace;
    font-weight: bold;
    user-select: none;
    cursor: pointer;
}
.role_selection_repet_profile_class_value.selected {
    color: green;
}
.role_selection_repet_profile_class_value.not_selected {
    color: var(--warhol-coral);
}

.role_selection_repet_profile_class_value_options_ghost{
    display: flex;
    position: relative;
}
.role_selection_repet_profile_class_value_options_div{
    display: flex;
    flex-direction: row;
    gap: 30px;
    position: absolute;
    left: 90px;
    top: -10px;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 20px;

}
.role_selection_repet_profile_class_value_option{

    display: flex;
    border: 1px solid #e7e7e7;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    font-family: monospace;
    font-weight: bold;
    color:var(--vscode-text);
    user-select: none;
    cursor: pointer;
}
.role_selection_repet_profile_city {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.role_selection_repet_profile_city_label {
    font-family: monospace;
    color: var(--vscode-text);

}
.role_selection_repet_profile_city_value_container {
    position: relative;
    display: flex;
    border: 1px solid #e7e7e7;
    padding: 10px;

}

.role_selection_repet_profile_city_value {
    position: relative;
    display: flex;
    font-family: monospace;
    font-weight: bold;
    user-select: none;
    cursor: pointer;

}
.role_selection_repet_profile_city_value.selected {
    color: green;
}
.role_selection_repet_profile_city_value.not_selected {
    color: var(--warhol-coral);
}


.role_selection_repet_profile_city_value_options_ghost{
    display: flex;
    position: relative;
}
.role_selection_repet_profile_city_value_options_div{
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: absolute;
    left: 150px;
    top: -150px;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 20px;
    height: 600px;
    width: 200px;
    overflow-y:scroll;
}

.role_selection_repet_profile_city_value_option{
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.role_selection_repet_profile_expertise {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.role_selection_repet_profile_expertise_label {
    font-family: monospace;
    color: var(--vscode-text);

}
.role_selection_repet_profile_expertise_value_container {
    position: relative;
    display: flex;
    border: 1px solid #e7e7e7;
    padding: 10px;
    flex-direction: row-reverse;

}

.role_selection_repet_profile_expertise_value {
    position: relative;
    display: flex;
    font-family: monospace;
    font-weight: bold;
    user-select: none;
    cursor: pointer;

}
.role_selection_repet_profile_expertise_value.selected {
    color: green;
}
.role_selection_repet_profile_expertise_value.not_selected {
    color: var(--warhol-coral);
}


.role_selection_repet_profile_expertise_value_options_ghost{
    display: flex;
    position: relative;
}
.role_selection_repet_profile_expertise_value_options_container_div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    left: 150px;
    top: -50px;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 20px;
    width: 200px;
}
.role_selection_repet_profile_expertise_value_options_div{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.role_selection_repet_profile_expertise_value_options_controls_div{
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    display: flex;
}
.role_selection_repet_profile_expertise_value_option{
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #e0e0e0;
}

.role_selection_repet_profile_expertise_value_option.selected{
    font-family: monospace;
    color: var(--vscode-text);
    background: #0f0;
}
.role_selection_repet_profile_background{
display: flex;
flex-direction: column;
margin-top: 20px;
}
.role_selection_repet_profile_background_label{
    font-family: monospace;
    color: var(--vscode-text);
}

.role_selection_repet_profile_contacts{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.role_selection_repet_profile_contacts_telegram_row{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.role_selection_repet_profile_contacts_whatsapp_row{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.role_selection_repet_profile_messenger{
    border: 0;
    outline: 0;
    text-align: left;
    font-family: monospace;
    font-size: 14px;
    color: var(--warhol-blue);
    font-weight: 900;
    background-color: transparent;
}

.role_selection_repet_profile_next_step_row{
    display: flex;
    flex-direction: row;
    justify-content: end;
    width: 100%;
    margin-top: 20px;
}
.the_action_body.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    position: relative;
}

.agreement_section{
    font-family: monospace;
}

.agreement_panel {
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px dotted var(--vscode-text);
    padding: 25px;
    gap: 15px;
    max-width: 300px;
}


.start_main_container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.start_menu{
    display: flex;
    flex-direction: column;
    width: 300px;

    margin-top: 100px;
    gap: 25px;
}

.start_menu_line{
    display: flex;
    flex-direction: row;
}

.poiner_container{
    display: flex;
    /* width: 40px; */
    height: 30px;
}





.progress_goal{
    margin-left: 50px;
    width: 300px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAeCAYAAACWuCNnAAAAAXNSR0IArs4c6QAABG5JREFUeF7tnFFy2zAMRJMzpfc/QXOmdlyPGtkj6u2Cokxrtn8pIGC5AJaQncnnx5+PPx/5FwYGMfD16+sh8vfv738/t/5/EIyEvQgDnxGsi1Ry0mNEsM4pzN4FcKXLYWrBeia6Vfrl1j6nNZLFYSCC5bBV941g1bk77MmZBWumW0vlaV2Ys0Q+gnXYOOwGml2w3B5t9Wc2rGI/vbtgLcd+boyjGsuNc8NzlogWSz71YxGsCcqjNr3b6BRXiRfBujdIiyvieKu9FN5bbVnJ94qNc4KxegkEtz7ZsFZlIvKUwYlgXVuwqEf2pl7pn/XzSi435ktUaSepckblAjnkldAZ3lG+ToGIPKU5nHM42Cq+DhbyJW6e8V11w3J5UIatZzvc4nkURuqRPbFV+4E+ihi6YY044I0UJ64z6FToCNYPmwoXW9yPql3P0DtbEfWIE4t6U8kVwbqz+FYblnq7P/vR8JD9rIGs4HCFnXKQnYZvsR8VR83n+hE+RURaOV2RV3JFsCJY//uNmjeC5crBuO3YR7L9BNWc7L04KD7Zty4qB9OeqCq53YuJYpJ9yZcNq/jqqdyK7kaoFo02yJ7GrWIgTO7W4Zyh4kvnJHsl5/oZik92d7N28Cq5I1gbjJIoqENABSC7smEpDUF4Kzjcm3YUhtkFy+2lai2UPlDERsmv+Kh4HDGt+BJWsr/lhkXD1ioOkUH2swSr0lzvIlits1Vr6nLl1pgE7pa/BzvhIbsiei5Hra3JiZNvCVdsVRuEik/2CJbTsndfZeB7h34PFeWnXqLne7FTz5Hd4Xjhic4cwdroKKUQFeJ6PkR0MLWwKd/iqA3jyoODn3zJrmJTBr536CNYj3+6h2qj9p9au618b7lhEXF79vWBHeKuIFhVsXCeI1+yq7VVa6cOkZpXvewor4KfYjiCWvlFSgXjGoOK142r5KC+IvuSY8i3hG5ztQ7sEBfB+mHxbC6UV2Z1WHp6Z/0s9Q7hUQeoipfik/3MV8KeflLfSJTz3mJFsA76tYYjXgnVoj0PifMc+ZJdHdCj4qj5yM/F4/pTfrdmSn7Fx8W1JYQRrB0W6eYbUYBK4ekGd97v1VuodXYHP/mSXeX/qDhqPvJz8bj+lD+Ctf2nst3eP2TDcou1t7r3CpYiJJXPC6jhFA56z6YKloJl8TmCi618owfeOWMF32j8FJ/s7ibk8KXkdoWGYpJ9yRfBOuiVUGmIWQTLWfHpXOq3QhSnJaDqc64fDQjZ3Xx04VUujlEYnbiqL/mRPYLV2XHKJvecIoLFpI/iqFcwGPndoyrgRwiWipEuB1U8nC3PnZcWj9mw3CpP6H9UM2w1IB23OqCtuBGsOzOKaLh1Vy9QJXfvK2G1r14uWAQ89nMZcIdgFsFycdPwVuNV+ciG9ViRaTesc8cx2a7KQFVgWq9H1XhXEKwRPeLyGcEaUYXEnIYBdyBow5rmYAHywEBeCdMQl2AggnWJMuIhIlhIURzCQBiYhYEI1iyVCI4wEAaQgb8Mzn0fJOiQJAAAAABJRU5ErkJgggAA)

} 
.progress_math_1{
    width: 166px;
    height: 15px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAAAPCAYAAABum7RRAAAAAXNSR0IArs4c6QAAAZ5JREFUaEPtmcsSgjAMRduVLOX/f5ItG3BAOmZi8ypWSieuHFP6uDm9CWMM67oG/7gCjSkQHczGMuLb2RVwMB2EJhXgwYzxvemt2sPvO9JHLB3L0hHgZ6E0lnmalLTipmIMMaKUHXo9xzFM0/RZ/OY60mBK8DiYFQnMTG3NR4lh/PdE7GrlYKZpsZNqDlfyjGbensfkNNNUtJs6Z3kprw2m5MhUXEqg1IZQzpQSnIvjGIRBaoHOOBsHJjznDeFsE8xNcCwm/I2LQ3Bgbwx7ZW5u7sIR0O9937LwfXjaC1r7MQxhnufv80ruTwHPXQppzobi7YKZEwk6EwUXBXD6XXLEX4GJ1+McN10aLRiaqtCtY0rNds1SLsEjOWYO4F7ApPpzrmXoqpRLYErwWJ0HukUOPCkOwZPA1CSKcyXKzXEbgV0rcy5TKefKtzYfWle+eFx5KdcKoS07WAjuJYN7gaGgxiUer5drDXCJ1e6J6vPOgGk1Cs3luxg+bnn/58eSHKqMWubwsSoFHEyVTMcgB9Oi1qmxDqZFPgfTotapsS9ifVTyaskyugAAAABJRU5ErkJgggAA);

} 
.progress_variantiks_fipi2{
    width: 117px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAAAeCAYAAAASN1ElAAAAAXNSR0IArs4c6QAAAXxJREFUaEPtmFESgyAMRPFM9v4nqGeyY6dOLRU2CYEBZv0Fcdm3MegS9rAHXlM5sBDqVDzfm6kCdX2sP05tz20+5zreEaF2DMcqjVCtznV8H6F2DMcqzQw17ptWAal+a+nLmntK9efOCRodp2+We1KeE6oxjYSaMa6kUlG1aYzXstWsHc9Fug8tJV8MQ1cqMkdjPKGGEHI9wDp2NVbSYzyhosqQ6JH2R6S7m0q9mkKo+Z8vhPqJ/xkaj8AcS2oqTzs/tbaXdtQq3Hpqq0r1MoZQb6JhNVdqZu20S3VI+6TkPGD1DFVmPM5KjV7vKQM1IagdSAR5GKjxRu5Oqx7G14DqrZ1QEw5oAlB6UBoWKkpPalz6R8nbGEIVHJQI9esA+g4tbR3Ia7eeih5UWqnoj0/pKxKtr6lszVzL6Rp5TagNT785GJYgpNYzQ20lEKWS4/8OEOqEqSBUQpU54NkfZE/krKsDrNQJ81AF6oQ+DbUlQh0Kl0wsocp8GmrWC74X4vLyldnEAAAAAElFTkSuQmCC);

} 
.progress_variantiks_fipi{
    height: 30px;
    width: 200px;

    font-family: monospace;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: var(--vscode-text);
    border: 1px dotted  var(--vscode-text);
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    cursor: pointer;
    user-select: none;
    background: white;
    /* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAOlJREFUeF7t08ENwDAAwsBk/6HbJfwixwBIGPme73znsTw4+bGHu7mXIB1MTXsECLL3qUUhAYKEMFXtESDI3qcWhQQIEsJUtUeAIHufWhQSIEgIU9UeAYLsfWpRSIAgIUxVewQIsvepRSEBgoQwVe0RIMjepxaFBAgSwlS1R4Age59aFBIgSAhT1R4Bgux9alFIgCAhTFV7BAiy96lFIQGChDBV7REgyN6nFoUECBLCVLVHgCB7n1oUEiBICFPVHgGC7H1qUUiAICFMVXsECLL3qUUhAYKEMFXtESDI3qcWhQQIEsJUtUfgB0QVd6eHM+4jAAAAAElFTkSuQmCC); */
}

/* .progress_variantiks_fipi{
    width: 169px;
    height: 15px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKkAAAAPCAYAAACfkO/cAAAAAXNSR0IArs4c6QAAAllJREFUaEPtmbFOw0AMhl2pCSKAYICxTDAw9QFYWZAQSLD0EVlAAiGxsLIxwCuEkVYCAUE0lYKuYHG52ndOS9qEXifUJD7f7+/8O6XRySAD//EKVFiBhoe0wtXxqQ0V8JB6ECqvAAvpaSOfexRFkCQJdPxwUPmiYoJYQ71m5nd6ndV9Zt31zeJ1Kp66ryw2xJCaydamUnOWKELWbDZhMBhAEASQpulQBR1CBKr2kJongzqZc8ZA5bcr6YQI7N32FsRxDP1+n4VYXdDrrv6mAJ9ZJ3VBSp1CzgrMTeib1e3JZk23my3YjR9zolHW5irUzcY67D11R4CjcuKodO3dRTOVo007KQQ6UNdrq7D//DICGcY6CwM46afsdU5bsyOX3bwK2T0HkFkwPH0U5PopdMVzWZINaBT4fCGE48/vToGfSSE1YbbNedyYRMWg7Jg7wK7Do2LNBaS2TsoN5RyEJrhYJMpKuJNpdlKqUGbOHKTd7ncnNUGXDP8SF5B0Utvark7rIf2ZQ6YFqQn2NCBVdk91wP8E6UW0CEfJB2nnCvJ2uw079w+F7d50h5navRTSce2e62QqXhj+2jTGb7VkM6kuosvuL5ciOHxPho9IZ1KX3bu6KLUW5Sx6HGluGBvf7jmgdO1NN6Pqgt9xtTafkWggvafQTMolr2+Ae/OTWKur+NIXJwmkWZZBr9fLWX5REHAd6vdDWwFs4wLXlYrkhmtfrSzDwetbLhUXZNwYV0lIpZTbZiOJdU66jn+eVoCCsa5alfZv0XFOfl1F9HmXq4CHtFx9ffQ/UOALpxPvKSHKWpYAAAAASUVORK5CYIIA);

}   */
.logo_subject_math{
    width: 60px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAAXNSR0IArs4c6QAAAR1JREFUWEftmGEOgzAIhec1vP/Zeo0tmjRhDfDhqls78edglceDB3UppTwfN3qWBPznbJsMr+u6Qy+luCmI+m2HVN96YD27/d17YfsfLT4vJgTsgZaBRhMjwQwLWANtsWWxo7FoJSlSNZ5PN8OREvQYbiuBAJFdtsfpJb0daPWYtBFbMmkEiOyXA44Ijpdpq0IoSZGquYThGrCW+UgvtRpADJL9KwyTGLWZ9hScAJF9OMCk4ASI7EMDPtpjBKZtr8iSIn1w8YguFNKPGOq1ayKqAddinx7w0QpKwN4I0srGG1V08Rp+DidgceX7lWhlDxsk1OpM0TpTtD4VJZrTtJx03YdHXzyyh7OH34dpfpem7Wh2ezI8O4MU/+0YfgFtFzD7ZAIAAAAAAABJRU5ErkJgggAA);

} 
.logo_subject_phys{
    width: 60px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAAXNSR0IArs4c6QAAARZJREFUWEftWG0ShSAItGt4/7Nxjdc0kzM+RlhSK036mQQsy1duRPQLCz2bA/442yrDMUYTfCL6k0vf8fdJiJ8j+eO7kgzyr2RfBIyU8UjkyhGAHoAt/lUBlliS2JLYyAOksdUzK0rpCRl2wCxsPdjSsqWl7odmGJVCTd0PD1gDvRTgvCOnnoImgTRPh2laWhev6RPVgE2bRwihZQ5zG9KMLdmQ/JOmC2TYArh105JscOBXAB86b1k8Ss6i+kLnljGlEaHphwyjxcMBZ4s+KgcUTGsmSD3g8ZReDrD1RwA1LZQJwzDsgE8qrLVplXOGz5uax5uWp3THlH7tiuetxQMBvrxLoxk667lfxM/KnNVvZ9gaqVnldlu54uwKr5CzAAAAAElFTkSuQmCC);

} 
.logo_subject_estimation_85{
    width: 40px;
    height: 40px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAL1JREFUWEftmEEOgCAMBOs3+P/b+g2NBxKC0CEYiZr1CimbYW1XN3ff7cXP9mmBKaWQrbsje6pRFmjVCwlScQk0swvBkhoRGtk7sifyiQSKYOSPEToje+TBk0DvjRdBeRCm+eONujx/ZrY/HhYkMLIIhQkMi2ZGbWipB1uCJTBTmb1uERTB+ruYPNFrvPJgJiOCVbcmIJokNI//R/BufqNAUK9Te1oSWKMk/W+BZPAV69/+BbyCEJ0hgkSI1g/XkqHgk7sYygAAAABJRU5ErkJgggAA);

}
.logo_telegram{
    width: 48px;
    height: 48px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAw9JREFUaEPtWk2I00AUfumPW4stC548bXe39SBKLy09yd4KBa9iRfDiSREE6c2DJ68qCNuDgiArZb3tIvQm+HNp6dlFWtYfKCKKh2bDWpI2MhMmJmPCTJrZNum2UKZJZjLv+7733uRNKum6roPPj6LqcOGZ4vku+zdPeR5DD5COJYC1+oFv5pxuMIkiEykQOgBHZTBLRh5FuBQINYBZGU/UYanAVCC0AGZtOB0fbkr8p0DQDGcBWQBgpUKe659vpXC31U2Z2Z12pUAoIATAvbdDjL7xUWWy4LfDr8YdAMszpPzhObcCV8/Fcd8HG0u4NRWYZvASxmkieFyIXh+mAmDw7iniymBMkuDy8if8u16v4zZ18QY+f7r6iFtcEgtTAUAzTkoQZDRv8LqlU+n9Nw0XNNdfH3Kj5+l4uPfGIF0HOL/3BDOMDEdtrVbDbblcnhjAi0snDUVXN2XfFZkTICvrdNFHmCfjvPg+PZcYALoO46G9pPx9/6w5V7/fN3w9ZeR7AiCSMErKlYffeUR17CMEwPjPAXy9e8Y2gZV1YrAI3xeigPpz33IfHSRtCEuNa7Z7N5tN0+crlQq+1u12bQr4cR0y2UQK0FkFucZgMLABsPq5WwwsAPBmIbeVU1EUSCaTJvO9Xg9yuRw+LpVK2IXa7TZurR8/+d9zDCDjWXtfsixDOp2GRCIB+Xwez9FqtSAajYKmaeacItMndwyEHgBC6uZChAXEdKFQgHg8DiuZDD79cmvLVQERwcutwFwAoAOHKFIsFiESieDv2vo6oFjY3dnB3Z3iRmTwelIg0ADI7rSXgoZWYDQaQafTgWw2a662TmmTnBMRA77qgbkBcKVahVgsBqqqwqvtbaYCIpgnKgpRIFAACDKeWCAuRAOw+r3T47QIBYTsC80NAMI4qqzoqgqBJM9CIvO/UAUCCYAnFogLZR7/AOnEv8dpesHTxyP4cnuZa8+THksfc2+v0wN5gpo1uZ/rx/cNjZW1WanAYh/ZyHxHhjqFHsC04oKHcdoWLgXmDgANaPFvFR959i+P20z8pzhzrQAAAABJRU5ErkJgggAA)
}

.logo_telegram_16{
    width: 23px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAAAXNSR0IArs4c6QAAAQtJREFUOE+tk9ENgjAQhq8Qh/DBZ7cQojiKT74ZBzD67gKOAtS6gAO4gENIUnM1R46zrWDoS4GW7z6Ov8paa2GkkedZh6TGgBPUmBvwAn/DOYRD8RoHrg+CSyBBcKYCg+A+IIc+zxdnOttvodJla41FvOYhoDSd3x8w3W0ckIxpTwceA1IEcA9BCKxr45aTVHWs8UZl2cJFkVf2JZPACMWBxr53uEDbFh4nDufPj4cTaFN9tcH3Zc5c5lweBNmG2Bdyay9cWiOM+jsE3AuOUcP+0hwqIK17wXETZTn0I33gXnDec4KHci1TFj3+aFSXV0gnCRRFAU3zauP3WdOwWi+DMf4JJ5tQpmNn5A30S+HNNcoamwAAAABJRU5ErkJgggAA);
}
.logo_whatsapp{
    width: 48px;
    height: 48px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAa5JREFUaEPtmcEVgjAMhmUKN9GTN7dwEwdwE7fwxkk3cQnwyXv1VWiSv2lTKcIVSvPl/5PS0nRd128qvpq/B2gfN7V+h91RPdYNVCmQEjQXsQZoVgAOLgYEArDKeA41sgC0+5PKy4f7lRyHqqAC0AbMZjwAg0CQAJxtSgG8gSUIGMAi6JAiIVtxEFUAcN1pAkBZ55cKJAFwgZ/755cLLs1W1Y3Gg6juFLKSqMAvAD4ZJ9qsD0ICIJaxUkAFMPY+BTAOOuSZXFaiQIIKrACeFLkVGBa0UT04FT41MGcFigFYZF6qg6wKrADMMlikBqpQwE+S9ULmz5VNgUUDODgLKxVRoDoAF3CJWjBRgAKglEgBNQVAlagOAN2eIUUvKuAmQz/qQsEhe4XY/QMVuHtP0paSy3AMDKfACoDsjSWvU2qkeN/cQtwnh7TgxRz6mtWApAp3X/K9PzZ6Q5MSmDQ25kBrYqGU9ikFht5fHIB0tP5OTJSFqAxpOxVXrMNJBPAXc3YASNBQEaO+zf3cCsD2Z8KT2t+wsdkOxUbWgHsYmWQWALm9XOp90H/iUsFo5nkBYPoI//8UGYgAAAAASUVORK5CYIIA);

}
.logo_whatsapp_15{
    width: 15px;
    height: 15px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAIpJREFUOE+Vk0EOgCAMBMsj9KaJ//+TJh79RE1Jata2UOBCQhm2LEthZiYi2q9VpqFxH0/dVwRGUAvRKXZf2c6lKssQsNeBrX9wBkYCDta2Wx2gSIVxIYPxeiGcOa9iDp4xLoSzA7rK1lnrww/uKWFoxAvndtYmpq35VFlQwoThnaaybT/GyLdSgReVfZWl669Q6gAAAABJRU5ErkJgggAA);

}

.menu_subject_selection_options_ghost{
    display: flex;
    position: relative;
}

.menu_subject_selection_options_div{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 5px;
    width: 300px;
    gap: 15px;
    background: white;
    border: 1px dotted var(--vscode-text);
    z-index: 200;
    padding: 20px;
}

.menu_subject_selection_option{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
    font-size: 20px;
}

.menu_subject_estimation{
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 40px;
    background-color: #e7e7e7;
    font-family: monospace;
    font-size: 20px;
    color: var(--warhol-pink);
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    user-select: none;
    cursor: pointer;
}

.button_for_tasknum{

    /* height: 30px; */
    width: 200px;
    background: var(--warhol-blue);
    font-family: monospace;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: white;
}
/* 
.button_for_tasknum2{

    height: 30px;
    width: 200px;
    background: white;
    font-family: monospace;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: var(--vscode-text);
    border: 1px dotted  var(--vscode-text);
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAOlJREFUeF7t08ENwDAAwsBk/6HbJfwixwBIGPme73znsTw4+bGHu7mXIB1MTXsECLL3qUUhAYKEMFXtESDI3qcWhQQIEsJUtUeAIHufWhQSIEgIU9UeAYLsfWpRSIAgIUxVewQIsvepRSEBgoQwVe0RIMjepxaFBAgSwlS1R4Age59aFBIgSAhT1R4Bgux9alFIgCAhTFV7BAiy96lFIQGChDBV7REgyN6nFoUECBLCVLVHgCB7n1oUEiBICFPVHgGC7H1qUUiAICFMVXsECLL3qUUhAYKEMFXtESDI3qcWhQQIEsJUtUfgB0QVd6eHM+4jAAAAAElFTkSuQmCC);

} */

.button_for_tasknum2{
    cursor: pointer;
    user-select: none;
    /* height: 30px; */
    width: 200px;
    background: white;
    font-family:Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    align-items: center;
    /* font-weight: 900; */
    color: var(--warhol-blue);
    /* border: 1px dotted  var(--vscode-text); */
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    border-bottom: 1px solid #f9f9ff;
    padding: 3px;

    /* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAOlJREFUeF7t08ENwDAAwsBk/6HbJfwixwBIGPme73znsTw4+bGHu7mXIB1MTXsECLL3qUUhAYKEMFXtESDI3qcWhQQIEsJUtUeAIHufWhQSIEgIU9UeAYLsfWpRSIAgIUxVewQIsvepRSEBgoQwVe0RIMjepxaFBAgSwlS1R4Age59aFBIgSAhT1R4Bgux9alFIgCAhTFV7BAiy96lFIQGChDBV7REgyN6nFoUECBLCVLVHgCB7n1oUEiBICFPVHgGC7H1qUUiAICFMVXsECLL3qUUhAYKEMFXtESDI3qcWhQQIEsJUtUfgB0QVd6eHM+4jAAAAAElFTkSuQmCC); */
}
.button_for_tasknum2:hover{
    background:  #f9f9ff;
}
.button_for_tasknum4{
    cursor: pointer;
    user-select: none;
    height: 30px;
    width: 30px;
    background: white;
    font-family: monospace;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: var(--vscode-text);
    border: 1px dotted  var(--vscode-text);
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;

    /* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAOlJREFUeF7t08ENwDAAwsBk/6HbJfwixwBIGPme73znsTw4+bGHu7mXIB1MTXsECLL3qUUhAYKEMFXtESDI3qcWhQQIEsJUtUeAIHufWhQSIEgIU9UeAYLsfWpRSIAgIUxVewQIsvepRSEBgoQwVe0RIMjepxaFBAgSwlS1R4Age59aFBIgSAhT1R4Bgux9alFIgCAhTFV7BAiy96lFIQGChDBV7REgyN6nFoUECBLCVLVHgCB7n1oUEiBICFPVHgGC7H1qUUiAICFMVXsECLL3qUUhAYKEMFXtESDI3qcWhQQIEsJUtUfgB0QVd6eHM+4jAAAAAElFTkSuQmCC); */

}


@font-face {
    font-family: 'pixelfont';
    src:
         url("/fonts/Gridtile.ttf") format('truetype');
  }
.button_for_tasknum3{

    height: 28px;
    width: 200px;
    /* background: var(--warhol-yellow); */
    font-family: monospace;
    font-size: 10px;
    /* font-size: 10px; */
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    align-items: center;
    color: var(--vscode-text);
    /* border: 1px dotted  var(--vscode-text); */
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAS9JREFUeF7t3EEKwjAYROHmvHodzxtXLqyCiNNgh89dpUzyv8mjuunYdp8559x/9831GGN8c797EfhnAi+HmSD/XJe9rSZAkNXErXcqAuPXJ8Z+Wj+xTtW/zX4gEBeEMM5cEwGCNLVpljgBgsSRCmwiQJCmNs0SJ0CQOFKBTQQI0tSmWeIECBJHKrCJAEGa2jRLnABB4kgFNhEgSFObZokTIEgcqcAmAgRpatMscQIEiSMV2ESAIE1tmiVOgCBxpAKbCBCkqU2zxAkQJI5UYBMBgjS1aZY4AYLEkQpsIkCQpjbNEidAkDhSgU0Exja3n14Ud0YY83o547af9jxuNy/oW9AiQRZAPmIJghxB9TWTIGs4x1chSBzp20CCrOEcX4UgcaQEeRDwH2TN4WpY5Q4rCn0fhudROwAAAABJRU5ErkJgggAA);

}


.progress_tasknums_pixel{





    width: 200px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAslJREFUeF7tWltuwzAMa8+03v8E3ZkydECxLLNNSmI8JGF/9TRF+hH0fluW5eafETACTQTuFoiZYQT6CFggK2w+Ho9fSH0+n2HusDm2fkyhTD9MXvv8k0BYsqzby8SoBqyozeY4q0DY9atmtneeXU+QDFiZGBVIiLStHTwT8+oXxbXWhE6QTM5XHZQ3gq96figfskd6b/keWiBqQqB8Fgimm5qwKB+y447HHhbI4A2yhW5PgSh2cSTwHhUUtd+51YRF+ZDdAkkg0CMEIpgF8hdsRFBkR+ND8ciO8iO7TxDiK1ZrCL3BsANj/dAAFR84Kr2gWGTfrg9tUhE8FO+rUwmEPRmifjMEggbPXIOiZFRci1BNZLdAVgioh8yCX/WzQPryRdgiuwVyQoGMPsGyhIheJdSbS/Zqxq6vJykUH8VFcfKOcky9YqHFjIjXsiGwo1cIlA/ZX/UYn5YfwuYqAkEnyhYHFm+Eb89ugRCP9IjQ2IGxfpHBZnNG4iK+lU2NxbzaD8LXArFA6FMvckJmr1g+QZBkN/bR1YLdPdR+oyXMrBUlk4K07PqytS79BlHfo9lhqf32EAi7byg2jIqwWCwtEGKiGTAjMayv2u8oAiFG9O3CbFzsmwDVRLPwCQIQRACuw1lftZ8FgmTA29FXKT5T2zMi/laGqY90plmWzJEHI5uT9bNAqrT9iUecQDNB9mqnFsgKQQXYihzZoWavJ4iko1M72+s7DtVGeCJ7tb9TCYQFI/pfLDZv5FSL5GR99yZLa31sbz0/C2SFDAIjSjD1jqkgmCJHlnQzaldrROORP7JnsXzH+QQ58RWL2ZCiBKoSshof7bfqb4FYICEOVQlejQ81K3DeVSCC/pwigMAM8lVrVOMDcEhcLRAJjNdJUiV4NX420hbIbMQPXq9K8Gr8bPgskNmIH7xeleDV+NnwWSCzEXe9QyHwBY6uSvIcxe2gAAAAAElFTkSuQmCC)
}

.progress_varianti_pixel{
    margin-left: 580px;
    width: 200px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAyNJREFUeF7tnGtSxEAIhPVMev8T6JnW2iqja8zk6waSTXbxL4+BhmaYaPn6crlcXvqnEWgEFhF4fVaCvL2/h1vi8+MjbLul4TynveLMYKngsVceS7GkCOICc89E58m7sd/aHymP27iaIArdPJ3TEiTbDE0Qr1HWtDNYKlHccyA1QZQKzXTuWTCnUfeKswkyqIoLTGXBqm8QJ7bs2QFOLppQHCSvikPxc6RYlHgnndIbhJqsEqSsr4x9xtYpDulSHCSnd9monq7f6zkRG8p/D/lpCEIAkzzaDEtFoLNIPiqsa0f6JI9i4vqNECRyxhaEaYJ8o0q3n/O1KFpc1470Sf6oBHHzXiNWE+REBMkWnuxJPjWSqucMlShZIze8c9M0Qe5IEPrIMb/VIo3pNKnqX9Vzzn4KgjjMvOqurTWRIjgFyfgnW5KPJvEcvybILyKVK7DTp6U3iHKwmqjaZNEHb8Y/2ZK8CbI+HCOPemc4Kn066TRBesX66ZcosZWhp/rOvHMqbOfk2Z0gtwEcacVypgo1xFozRGXZqarYq02s6mWmeuSMwxMk0ziVj7RIMzRB/v8yT8WE6q7Ug+pPsdzGkCHXpjcIAeUE7ugugUf29AVprSCZPCtvEGoaktNHALKf5IRHE0Tc46lpM1cyTaCqZrieQw0RJQHhkyH1UrNXYUJ4NEEegCBKkdWJSo0c/Rsn8qvGN5r8Uf8KdkR+GnCU29OvWAQQyWlaKkWmM0aPxLndWQgSjTOy8hJBnPq5ZFyra+lXLGoyJ/DoNBsl6wCsEmGkR7FHG8/BL9Kkqn9VL7My0xnRNdatbSlB3MOdz7yub5raVIDMeU2Q/+i5eJN+EyTxTxUiD1K6/RzCUHHVm6f61qO4SD5aIRXsVN/qGQ9NkC0ArdxhHTJEVpkmiP8lkGpyikc6JTHJmyAqUn/13Cm81dCIxOHa0Jq6tkK7Z232SI+VWbPKJkn2JNei3FcrGzPZk1xdfypQaYIAimqxoutKRRH39rE1Jqp/VS+DTxMkg96T2mYbk+xJvucNcpQSpz7zHiWJjqMR2AqBJshWyLbfh0DgCwUP3fIhRzvSAAAAAElFTkSuQmCC);
}
.progress_varianti_pixel2{
    width: 200px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAyNJREFUeF7tnGtSxEAIhPVMev8T6JnW2iqja8zk6waSTXbxL4+BhmaYaPn6crlcXvqnEWgEFhF4fVaCvL2/h1vi8+MjbLul4TynveLMYKngsVceS7GkCOICc89E58m7sd/aHymP27iaIArdPJ3TEiTbDE0Qr1HWtDNYKlHccyA1QZQKzXTuWTCnUfeKswkyqIoLTGXBqm8QJ7bs2QFOLppQHCSvikPxc6RYlHgnndIbhJqsEqSsr4x9xtYpDulSHCSnd9monq7f6zkRG8p/D/lpCEIAkzzaDEtFoLNIPiqsa0f6JI9i4vqNECRyxhaEaYJ8o0q3n/O1KFpc1470Sf6oBHHzXiNWE+REBMkWnuxJPjWSqucMlShZIze8c9M0Qe5IEPrIMb/VIo3pNKnqX9Vzzn4KgjjMvOqurTWRIjgFyfgnW5KPJvEcvybILyKVK7DTp6U3iHKwmqjaZNEHb8Y/2ZK8CbI+HCOPemc4Kn066TRBesX66ZcosZWhp/rOvHMqbOfk2Z0gtwEcacVypgo1xFozRGXZqarYq02s6mWmeuSMwxMk0ziVj7RIMzRB/v8yT8WE6q7Ug+pPsdzGkCHXpjcIAeUE7ugugUf29AVprSCZPCtvEGoaktNHALKf5IRHE0Tc46lpM1cyTaCqZrieQw0RJQHhkyH1UrNXYUJ4NEEegCBKkdWJSo0c/Rsn8qvGN5r8Uf8KdkR+GnCU29OvWAQQyWlaKkWmM0aPxLndWQgSjTOy8hJBnPq5ZFyra+lXLGoyJ/DoNBsl6wCsEmGkR7FHG8/BL9Kkqn9VL7My0xnRNdatbSlB3MOdz7yub5raVIDMeU2Q/+i5eJN+EyTxTxUiD1K6/RzCUHHVm6f61qO4SD5aIRXsVN/qGQ9NkC0ArdxhHTJEVpkmiP8lkGpyikc6JTHJmyAqUn/13Cm81dCIxOHa0Jq6tkK7Z232SI+VWbPKJkn2JNei3FcrGzPZk1xdfypQaYIAimqxoutKRRH39rE1Jqp/VS+DTxMkg96T2mYbk+xJvucNcpQSpz7zHiWJjqMR2AqBJshWyLbfh0DgCwUP3fIhRzvSAAAAAElFTkSuQmCC);
}
.math_invader_1{
    width: 16px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHJJREFUOE+lUkEOwCAMWl+uvnzLktEsVNKu84gUEGuHOHOM830117IddQvexLYAD7IrJwkJ2gLZoEriCdoCqqwqblUiymN+EFB7ofD/AqHdZwP5vxG9vAefBdghKxcGYQ9U24y7gHLOnoA5/wXlgJKV0QVtmHb/Q4bkAQAAAABJRU5ErkJgggAA);
}
.math_invader_2{
    width: 22px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAHpJREFUOE+9VFsOgDAIk5NvO7nGRIipNsUp7m88SilstsDpra27qY9h6Lu7s/hLchmws1IFlJ+2qxKVn0qR0fccgzOpB/bWQuNjK9Cu/M48GH8OzBg91RjjrRzYtZkthPnB+Dfg2b/CO6aMXwOz6WfXjxGQf0X2QSDBDfkIhv8baoibAAAAAElFTkSuQmCC);
}
.math_invader_3{
    width: 16px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHJJREFUOE+lUkEOwCAMWl+uvnzLktEsVNKu84gUEGuHOHOM830117IddQvexLYAD7IrJwkJ2gLZoEriCdoCqqwqblUiymN+EFB7ofD/AqHdZwP5vxG9vAefBdghKxcGYQ9U24y7gHLOnoA5/wXlgJKV0QVtmHb/Q4bkAQAAAABJRU5ErkJgggAA);
}
.math_invader_4{
    width: 22px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAHpJREFUOE+9VFsOgDAIk5NvO7nGRIipNsUp7m88SilstsDpra27qY9h6Lu7s/hLchmws1IFlJ+2qxKVn0qR0fccgzOpB/bWQuNjK9Cu/M48GH8OzBg91RjjrRzYtZkthPnB+Dfg2b/CO6aMXwOz6WfXjxGQf0X2QSDBDfkIhv8baoibAAAAAElFTkSuQmCC);
}
.math_invader_5{
    width: 16px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHJJREFUOE+lUkEOwCAMWl+uvnzLktEsVNKu84gUEGuHOHOM830117IddQvexLYAD7IrJwkJ2gLZoEriCdoCqqwqblUiymN+EFB7ofD/AqHdZwP5vxG9vAefBdghKxcGYQ9U24y7gHLOnoA5/wXlgJKV0QVtmHb/Q4bkAQAAAABJRU5ErkJgggAA);
}
.math_invader_6{
    width: 22px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAHpJREFUOE+9VFsOgDAIk5NvO7nGRIipNsUp7m88SilstsDpra27qY9h6Lu7s/hLchmws1IFlJ+2qxKVn0qR0fccgzOpB/bWQuNjK9Cu/M48GH8OzBg91RjjrRzYtZkthPnB+Dfg2b/CO6aMXwOz6WfXjxGQf0X2QSDBDfkIhv8baoibAAAAAElFTkSuQmCC);
}
.math_invader_7{
    width: 18px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAGBJREFUOE/dk0EKACAIBPPl1cuLgvWwIgbWpW6hjWOilEtHLnGKC2q1jlWk9b5z+M4C70CoHLUMU+QZozToFMCmMFOjNIgB3Ls3LX4nz0DRtLy4MfoQ5O1UtHOI6x9lQRMXuWP51BRB/wAAAABJRU5ErkJgggAA);
}
.math_invader_8{
    width: 16px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHJJREFUOE+lUkEOwCAMWl+uvnzLktEsVNKu84gUEGuHOHOM830117IddQvexLYAD7IrJwkJ2gLZoEriCdoCqqwqblUiymN+EFB7ofD/AqHdZwP5vxG9vAefBdghKxcGYQ9U24y7gHLOnoA5/wXlgJKV0QVtmHb/Q4bkAQAAAABJRU5ErkJgggAA);
}
.math_invader_9{
    width: 22px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAHpJREFUOE+9VFsOgDAIk5NvO7nGRIipNsUp7m88SilstsDpra27qY9h6Lu7s/hLchmws1IFlJ+2qxKVn0qR0fccgzOpB/bWQuNjK9Cu/M48GH8OzBg91RjjrRzYtZkthPnB+Dfg2b/CO6aMXwOz6WfXjxGQf0X2QSDBDfkIhv8baoibAAAAAElFTkSuQmCC);
}
.math_invader_10{
    width: 18px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAGBJREFUOE/dk0EKACAIBPPl1cuLgvWwIgbWpW6hjWOilEtHLnGKC2q1jlWk9b5z+M4C70CoHLUMU+QZozToFMCmMFOjNIgB3Ls3LX4nz0DRtLy4MfoQ5O1UtHOI6x9lQRMXuWP51BRB/wAAAABJRU5ErkJgggAA);
}
.math_invader_11{
    width: 16px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHJJREFUOE+lUkEOwCAMWl+uvnzLktEsVNKu84gUEGuHOHOM830117IddQvexLYAD7IrJwkJ2gLZoEriCdoCqqwqblUiymN+EFB7ofD/AqHdZwP5vxG9vAefBdghKxcGYQ9U24y7gHLOnoA5/wXlgJKV0QVtmHb/Q4bkAQAAAABJRU5ErkJgggAA);
}
.math_invader_12{
    width: 22px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAHpJREFUOE+9VFsOgDAIk5NvO7nGRIipNsUp7m88SilstsDpra27qY9h6Lu7s/hLchmws1IFlJ+2qxKVn0qR0fccgzOpB/bWQuNjK9Cu/M48GH8OzBg91RjjrRzYtZkthPnB+Dfg2b/CO6aMXwOz6WfXjxGQf0X2QSDBDfkIhv8baoibAAAAAElFTkSuQmCC);
}
.math_invader_13{
    width: 18px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAGBJREFUOE/dk0EKACAIBPPl1cuLgvWwIgbWpW6hjWOilEtHLnGKC2q1jlWk9b5z+M4C70CoHLUMU+QZozToFMCmMFOjNIgB3Ls3LX4nz0DRtLy4MfoQ5O1UtHOI6x9lQRMXuWP51BRB/wAAAABJRU5ErkJgggAA);
}
.math_invader_14{
    width: 16px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHJJREFUOE+lUkEOwCAMWl+uvnzLktEsVNKu84gUEGuHOHOM830117IddQvexLYAD7IrJwkJ2gLZoEriCdoCqqwqblUiymN+EFB7ofD/AqHdZwP5vxG9vAefBdghKxcGYQ9U24y7gHLOnoA5/wXlgJKV0QVtmHb/Q4bkAQAAAABJRU5ErkJgggAA);
}
.math_invader_15{
    width: 22px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAHpJREFUOE+9VFsOgDAIk5NvO7nGRIipNsUp7m88SilstsDpra27qY9h6Lu7s/hLchmws1IFlJ+2qxKVn0qR0fccgzOpB/bWQuNjK9Cu/M48GH8OzBg91RjjrRzYtZkthPnB+Dfg2b/CO6aMXwOz6WfXjxGQf0X2QSDBDfkIhv8baoibAAAAAElFTkSuQmCC);
}
.math_invader_16{
    width: 18px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAGBJREFUOE/dk0EKACAIBPPl1cuLgvWwIgbWpW6hjWOilEtHLnGKC2q1jlWk9b5z+M4C70CoHLUMU+QZozToFMCmMFOjNIgB3Ls3LX4nz0DRtLy4MfoQ5O1UtHOI6x9lQRMXuWP51BRB/wAAAABJRU5ErkJgggAA);
}
.math_invader_17{
    width: 22px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAHpJREFUOE+9VFsOgDAIk5NvO7nGRIipNsUp7m88SilstsDpra27qY9h6Lu7s/hLchmws1IFlJ+2qxKVn0qR0fccgzOpB/bWQuNjK9Cu/M48GH8OzBg91RjjrRzYtZkthPnB+Dfg2b/CO6aMXwOz6WfXjxGQf0X2QSDBDfkIhv8baoibAAAAAElFTkSuQmCC);
}
.math_invader_18{
    width: 18px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAGBJREFUOE/dk0EKACAIBPPl1cuLgvWwIgbWpW6hjWOilEtHLnGKC2q1jlWk9b5z+M4C70CoHLUMU+QZozToFMCmMFOjNIgB3Ls3LX4nz0DRtLy4MfoQ5O1UtHOI6x9lQRMXuWP51BRB/wAAAABJRU5ErkJgggAA);
}
.math_invader_19{
    width: 22px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAHpJREFUOE+9VFsOgDAIk5NvO7nGRIipNsUp7m88SilstsDpra27qY9h6Lu7s/hLchmws1IFlJ+2qxKVn0qR0fccgzOpB/bWQuNjK9Cu/M48GH8OzBg91RjjrRzYtZkthPnB+Dfg2b/CO6aMXwOz6WfXjxGQf0X2QSDBDfkIhv8baoibAAAAAElFTkSuQmCC);
}

.single_card_container{
    display: flex;
    flex-direction: row;
  }

  
  .single_code_leftside_block{
    display: flex;
    flex-direction: column;
    width: 200px;
  }

  #single_code_goback{
    width: fit-content;
    margin-top: 100px;
  }


  .single_code_statistics_container{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 50%;
  }

  .single_code_statistics_label{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--vscode-text);
  }

  .single_code_statistics_items{
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    user-select: none;
    cursor: pointer;
  }

  .single_code_statistics_item{
    display: flex;
    width: 7px;
    height: 7px;
    border-radius: 50%;
  }
  .single_code_statistics_item.correct{
    background: #0f0;
  }
  .single_code_statistics_item.wrong{
    background: var(--warhol-coral);
  }


.single_card_recipes_container {
    display: flex;
    flex-direction: column;
    min-width: 400px;
    
}
.single_card_recipes_repet_heads_container {
    display: flex;
    flex-direction: column;

}
.single_card_recipes_repet_heads_label{
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
    user-select: none;
    color: var(--vscode-text);

}
.single_card_recipes_repet_heads {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 20px;

}
.single_card_recipes_repet_head {
    width: 48px;
    height: 48px;
    cursor: pointer;
}


.single_card_comments_container {
    display: flex;
    flex-direction: column;
}
.single_card_comments_label {
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
}
.single_card_comments {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.single_card_comment_row {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.single_card_comment_ava {
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.single_card_comment {
    display: flex;
    flex-direction: column;
}
.single_card_comment_date {
    font-family: monospace;
    color: gray;
}
.single_card_comment_message {
    font-family: monospace;
    color: var(--vscode-text);
}

.single_card_comment_form{
    display: flex;
    flex-direction: column;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 30px;
    gap: 10px;
}
.single_card_comment_form_controls_row{
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.single_card_selected_repet_head_materials_selector_row {
    display: flex;
    flex-direction: row;
    padding: 15px;
    gap: 10px;
}

.single_card_selected_repet_head_LARGE_AVA{
    display: flex;
    width: 64px;
    height: 64px;
}

.single_card_selected_repet_head_name_and_options{
    display: flex;
    flex-direction: column;
}

.single_card_selected_repet_head_name{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
    color: var(--warhol-blue);
}

.single_card_selected_repet_head_options{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    height: 35px;
    align-items: center;
}


.single_card_selected_repet_head_option_row{
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.single_card_selected_repet_head_option_pointer{
    width: 16px;
    height: 16px;
}

.single_card_selected_repet_head_option_name{
    font-family: monospace;
    font-size: 14px;
    font-weight: bold;
    user-select: none;
    cursor: pointer;
}



.pointer16{
    width: 16px;
    height: 16px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAFpJREFUOE9jZKAQMIL06+qY/AfRl6+cAfNJASgGwDSSYhBWA0gxCK8BxBhElAH4DCLJAGwGkWUAskEDYwByNJPkAmzpgygD8CUs2iQkspMyKRphUUly7kPPqQBSVTgRlBcPuwAAAABJRU5ErkJgggAA);
}

.admin_panel{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 400px;
    height: 500px;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 50px;
}

.admin_panel_option{
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}

.admin_repetmod_repetruest_row{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}



  .repet_ejs{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .repet_info_and_products{
    display: flex;
    flex-direction: column;
  }
  .repet_profile_card{
    display: flex;
    flex-direction: column;
    padding: 50px;
    background: white;
    border: 1px dotted var(--vscode-text);
    width: 600px;
    gap: 50px;
  }



.repet_profile_avas {
    display: flex;
    flex-direction: row;
    justify-content: center;

}
.repet_profile_avas_branded {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    gap: 30px;
}
.repet_branded_nickname {
    color: var(--warhol-pink);
    font-size: 18px;
    font-weight: bold;
    font-family: monospace;
}
.repet_branded_ava {
    width: 96px;
    height: 96px;
    overflow: hidden;
}
.repet_profile_avas_real {
    display: flex;
    flex-direction: row;
        align-items: center;
    gap: 30px;
}
.repet_real_ava {
    width: 96px;
    height: 96px;
    overflow: hidden;
}
.repet_real_nickname {
    color: var(--warhol-blue);
    font-size: 18px;
    font-weight: bold;
    font-family: monospace;
}
.repet_profile_background {
}
.repet_profile_background_label {
    font-family: monospace;
    font-size: 16px;
    color: #423f3f;
    padding: 10px;
}
.repet_profile_background_content {
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-right: 10px;
    font-family: monospace;
    color: var(--vscode-text);
    padding: 5px;
    gap: 10px;
}

.repet_profile_contacts_and_expertise{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.repet_profile_contacts {
}
.repet_profile_contacts_label {
    font-family: monospace;
    font-size: 16px;
    color: #423f3f;
    padding: 10px;
}
.repet_profile_contacts_area {
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-right: 10px;
    font-family: monospace;
    color: var(--vscode-text);
    padding: 5px;
    gap: 20px;
}


.repet_profile_expertise {
    
}
.repet_profile_expertise_label {
    font-family: monospace;
    font-size: 16px;
    color: #423f3f;
    padding: 10px;
    
}
.repet_profile_expertise_items {
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-right: 10px;
    font-family: monospace;
    color: var(--vscode-text);
    padding: 5px;
    gap: 10px;
}
.repet_profile_expertise_item {
    font-family: monospace;
    font-weight: bold;
    color: green;
    
}


.repet_profile_contacts_telegram_row{
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.repet_profile_contacts_whatsapp_row{
    display: flex;
    flex-direction: row;
    gap: 10px;
}


.repet_profile_price_info_label{
    font-family: monospace;
    font-size: 16px;
    color: #423f3f;
    padding: 10px;
}

.repet_profile_price_info_container{
    display: flex;
    flex-direction: column;
}


.repet_profile_price_info_table_row{
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid gray;
}
.repet_profile_price_info_table_col1{
    width: 200px;
    font-family: monospace;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--vscode-text);
    display: flex;

}

.repet_profile_price_info_table_col2{
    width: 110px;
    font-family: monospace;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--vscode-text);
    display: flex;
    justify-content: end;
     user-select: none;
}
.repet_profile_price_info_table_col3{
    width: 110px;
    font-family: monospace;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--vscode-text);
    display: flex;
    justify-content: end;
    user-select: none;
}
.repet_profile_price_info_table_col4{
    width: 110px;
    font-family: monospace;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--vscode-text);
    display: flex;
    justify-content: end;
     user-select: none;
}
.repet_profile_price_div{

    text-align: right;
    font-family: monospace;
    /* color: var(--warhol-blue); */
    font-weight: 900;

}
.repet_profile_price_currency{
    font-family: monospace;
    color: var(--vscode-text);
    font-weight: 900;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 15px;
}

.repet_profile_comment_mark{
    display: flex;
    flex-direction: row;
}

.repet_profile_comment_mark_star{
    display: flex;
    width: 30px;
    height: 30px;
    user-select: none;
    cursor: pointer;
}

.repet_profile_comments_block{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 300px;
}
.repet_profile_bundles_label{
      display: flex
;
    flex-direction: row;
    align-items: center;
    background: #f9f9ff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    user-select: none;
}


.repet_profile_comments_container {
    display: flex;
    flex-direction: column;
}
.repet_profile_comments_label {
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
}
.repet_profile_comments {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.repet_profile_comment_row {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.repet_profile_comment_ava {
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.repet_profile_comment {
    display: flex;
    flex-direction: column;
}
.repet_profile_comment_date {
    font-family: monospace;
    color: gray;
}
.repet_profile_comment_mark {
    display: flex;
    flex-direction: row;
}
.repet_profile_comment_message {
    font-family: monospace;
    color: var(--vscode-text);
}

.repet_profile_comment_form{
    display: flex;
    flex-direction: column;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 30px;
    gap: 10px;
}
.repet_profile_comment_form_controls_row{
    display: flex;
    flex-direction: row;
    justify-content: end;
}


.repet_profile_recipes_container {
        display: flex;
    flex-direction: column;
}
.repet_profile_recipes_label {
     display: flex
;
    flex-direction: row;
    align-items: center;
    background: #f9f9ff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    user-select: none;

}
/* .repet_profile_recipes {
    display: flex;
    flex-direction: row;
    background: white;
    border: 1px dotted var(--vscode-text);
    
    padding: 30px;
}  */
.repet_profile_recipes {
    display: flex;
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
    width: 400px;
    padding: 10px;
}

.repet_profile_recipe{
    font-family: Arial, Helvetica, sans-serif;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}

.repet_profile_budnles_container {
        display: flex;
    flex-direction: column;
}
.repet_profile_budnles_label {
        font-family: monospace;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.repet_profile_bundles{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 10px;
}

.repet_profile_bundle_row{
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.repet_profile_bundle_name{
    font-family: monospace;
    color: var(--warhol-blue);
    font-size: 14px;
    user-select: none;
    cursor: pointer;
}

.repet_products{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.repet_profile_card_publicity_moderation{
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.repet_profile_card_publicity_moderation_container{
    display: flex;
    flex-direction: column;
}

.repet_profile_card_publicity_moderation_label{
    display: flex;
    font-family: monospace;
    cursor: pointer;
    user-select: none;
    color: var(--warhol-blue);
}

.repet_profile_card_publicity_moderation_options_ghost{
    display: flex;
    position: relative;
}


.repet_profile_card_publicity_moderation_options_div{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 5px;
    width: 300px;
    gap: 15px;
    background: white;
    border: 1px dotted var(--vscode-text);
    z-index: 200;
    padding: 20px;
}

.repet_profile_card_publicity_moderation_option{
    font-family: monospace;
      cursor: pointer;
    user-select: none;
    color: var(--warhol-blue);

}

.bulletin_katki_pixel{
    width: 200px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAsdJREFUeF7tXDtOw1AQxIiGEkQZicPlJByDgjtxAySUGkq6GBmIZBvbO/N2vbHjSRe8n7ezM2+fnYTqsD/WVwmv3cv1T5bD/piQTSmEQAwCVZZATsuVUGIapyg5CEggOTgry0oRSBOIJsdKGbLxZUsgGyeAyp9GwBTIaedfKpBRN/3tOpGYrP0Yfii+yJqaHGg8pp8luRGfUgxL/fr4IGuUQP6YwoLO2ksg/xEoxbDUL1Qgc+xEzK7F2iK7wVRMFnTWfig3gzFaHxMTxbgkN+JTimGpnwSCdnzADgEdsWGWYMWzrjO52rbnjBuR2xOD9R09Ylk7UV13P1+sqqq0X4N+9V33z9XndHhkx/JOEBZcCxArnnXdio8c67y4scKLqMkTg/WVQIh7EBbcpQnytJ7IOtYgkLHNHtkcJBBDIGsnk3Xvg5AEnVRjWEVjyMaTQAK+45XVXGYXZ4ngJTLqzx7doutg46UIpH/PYYHJ3pM8vD92Qr4+vXXe72569zjP3ffenTBTIGiDUTurF/3r2XGj8yHxovoJH7G2JJA2obzC8xxxECKw4mjsM+LOiSGyfglkxgkyZ3MZgiJEkECGfz4hgSQJJFosY+dhi+iRkyxDeGP1RNThIT9bO3zE6hc89+cgH1/djPe30xTyAu8B3SL32KNQxs9bH/s4llmb9eCBJaWV29Mrdi0SyF83PKBbDZVAfn9N2rwihO7plQTCsLVliwCH2EylZ/1Ze7T0c8aNyO15bMvm1wQxJkjk0YRtDmsvgdj/74DFtFggaDOy7LyjGwEOsdEEmT5KeTFsoq9igmQRH82TIRDPNCkhRokPgtdS4pauo9SvLy6EM/rBFHHEkkCm5ccSl7W3npbNsTlIIBIIwivIhiU8a79IgUDIyEgIXCgC5gS50LpVlhCAEJBAIJhktFUEJJCtdl51QwhIIBBMMtoqAt85gPs1QCjB7QAAAABJRU5ErkJgggAA);
}

.bulletin_category{
    cursor: pointer;
    user-select: none;
    height: 30px;
    width: 200px;
    background: white;
    font-family: monospace;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: var(--vscode-text);
    border: 1px dotted  var(--vscode-text);
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
}

.bulletin_bundles_pixel{
    width: 200px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAyRJREFUeF7tXFF21DAQS/grZ+AE8FHu1HNxJ/iAE/QM8Nflhd0txo0taWxnE1b9zXg80UgeJWk7Pz+9nCb/GAEjsIrAbIGYGUagjEBRIB++vPtn1fPTy+5wjNSYr1FvqjcOqB60H4sBG4fwqNWLai3lbsUA1dxynRbIw9fvLfsMWfvr8ydZxKgZqNAoCUaRgyU+G4fu3wK5IJQD0UsgPx8/oh5M77/9gDFLgAUyTSzx2TgEvAVigVQ5cm8TRJm4UWzQHtG8SOzM9c0t1t4myNbgo5McXc+bysazcUr+aM5lj9ralrwM6ZUYWiBp0pLdSsmf2iRGFKWic7uV26p0HUP2W4OP9kfXFQKnsWre69pRRI7mjd5HFDcLZOO3c6jB6Hq00WpeC+SMAPUdhH1gv8UEYaZGj5NUGcu1/fI8ef0qkdl4Ng7Zn15YHn6C1IBgLJZKqHmeX5ecTusf9xe7FXlzpRAW1T1akAqRR5GZrYGNW8PUAkFMy65bIGdAVNKx8WycUoOSU7GGUfEolGNrH2axlGL/eD1PEAvkQhoLRFXPJd4W6y1wOZlYaGtWkT1d2ThbrAsCLa9zmcaOEMhRnymueN27QBjeXGPSXrPi3o3FYm7UAvEEiR4IC3K7EshWHwpHTwDl4ZKxEsxBkMag+4sS5n+xWAqeFgiBFjtaS6nU9VECr9kCRoAl4it1s7FsnFq38pBOtPw1xAIh0Gpp6pJeXW+BrDdFEUGE2KhXbB+7PoMQ/JyYB/nar7v3/lCILMzRLNa9TZCoVewqEEQS5W9FVIG0CgLVvrVA0H5s40pvsSyQvx2PTqmUM9QEQSSzQMqzcxThewmk1QIyruEq2tperI1S8DykQBhA0xhPkPr/AmAJU4qzQM5sK03ezSeIBdKH8J4gdWJv+pCOSD3yFEKeHdWG7KG6Po9H9bEnvEp4NX6PEwRht9abFq6xNq75GWQ06dL8ERBrpG8BuDaKS3seTSA98FbvWTmkWvpngRBItwBsgRAAB74VcVnPUS39s0AIpFsAtkAIgC0QDiRHHQOBkXZoBAItB9zNJsgIIJzTCOwBgd8LoltTf/NUygAAAABJRU5ErkJgggAA);
}


.vuzi2_filter_pixel{
  width: 200px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAAr1JREFUeF7tXLtywzAMc8au/f9vzJqxvVzqa+tSAiDSqp0gqyg+QECUnVwu19vysfhjBIxAiMDFAjEzjEAbAQvE7DACHQQskA4472+/F683c+nVEAgFsiUGAqVFHIVgPVs1n3u+FWRW8kcYef2cCFggniDnZO6krC2QJxUImrrRhB2dmCgW4jJ7A0F+ovXsTaJEIK0rjQL4zCtWtqFMo7KNUbCL8kE1WiBMF5eFEkgGTLbRrF2rLGU/Ig8HXd9qi5mS392zar/NBtWY6akaC+F5+gmSAZNtNGtngSC6PdYtkAcO2UnuCcLxTbaaPUHQAYPWK6YWmiwqWVsi7/lh6lSaeVqBjJyQKzAsiKwdQy7FF+NPJSMTH2G6jYkIz8TskXVk/8ieXg67CwSRcrSg0X0K+ZQYyFZdryYjis9cy6pzQic5k7N6UKCY23ULpHNPVRqEbNX1ajKi+BZILJ0ygaCGthrENC5KfXTfM00QBQPG1lesv0yjBKKOpejtQVYgTIPZPFlfrB0jOuQLkTPzJpHJj7FBNVRfd9R4TA0sR1a7aQL5mdh/F47IqIIY2bNvsTIHh4IjY4ts0PreAhnpC3qRgHxaIAihwXULZP8vO5nWWCAMShsbT5D4CzQ0IdD6y04QRoUKeIpti/8ZHxaIBcKeq9QVq1IgGWJnn2NYUFa7qlyjh8fRt36jGDC1qAcH4gUTs9eT7H6135G9BdJBsbJBiHzsM4sFUkF73sfTCASdyDwk35YWSB81T5AvfBAQ0RWC/Qkz45shdyWZfcViEMe/lM32JLufq6Jv1fzTBnQlQMGzX2wh/9VvTKJ4lQ2q9KVic1b7I2BmgUxizxGaPanUsjBHwKxUIOi6pBS8xwQr65wdTUFA4cteCVkgeyFrv2kEDi2QdHVJB54gSQC9vQSBw/6zogVS0l87SSLwCbqAcvV4rffuAAAAAElFTkSuQmCC);
}

.highscores_leftcolumn{
display: flex
;
    flex-direction: column;
    width: 200px;
    margin-right: 100px;
    margin-top: 50px;
}


.highscores_category_pixel{
  width: 200px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAeCAYAAABpP1GsAAAAAXNSR0IArs4c6QAAArtJREFUeF7tmblywzAQQ+0ybf7/G926TMZJNKNoSAFY3jLc8tASi8cl6fvjefu6+WcFrEBSgbsBsTOsQF6BJQD5/Pi/gMfTKbUCfRToCsjR6KklpszPjNvPZYD6mOcdvgIBYXdvph9j9BaAoNhQ+8sITOybYVoCqsSRM3AuvtK5W657FIwGJGH+UkhbGqXUxC+j9QYkGnNpHmpsWAakMSCKORiwlPmUCtJqXrX6oqNyJE5G15xWXQHZgmCONPuA1f7HxaLxqF1N8j4hSkKZRCrzGZBfBRhdDchOgaNgEUBY0RVDM3MysaobRGoDqBmLooErCHmkmb2CMAYqqTy5He0KgLDapTSIrL/kgu8jFglsNDHRcQYkrUBtPRE8SwNyVrqj94DcmTWamOi40YAg46Ta2dexS1cQVrgzEVTT5PobEO4CyugdvSegO4NyzGTAYdbCepTpJ1cQZlL0cqAuckZA2Bcida1I38h8zJhVAUF6be0MfKm5DEhClZI/qCIvZGySW742GZB0FpYGhH3pQjsoai85JjBzrwBIdAcu0Y55xWK1i8YvA1LjIqaahul/1geNR+0lSWbmZpM8soJEDRaNmX2kYLWLxm9AyGdeNmFXPWJFDVYbEBaIWhuTAekMCJvgGpV6+xZjFtQHtZ+tq2Qsq9exX61vdgNEuQSiXZgR7ex/EDR/zf9QlHXv18UCwmhx7MM8QigaoRhqmTWq5Su+aAU0IKCCqElBxkJm2tqvDEhUAzUXzIaDYjEgBuTHI2iXR+3KEQuZMrdJGJA/ZWrswrMcsVgzsP1KTIKqExsDA9R+rmjMNXxQuuZqFUQRt3dftPuh9t7xrvA9RbNagIzQBQIyIih/c34FFEDmX00+QgOycvYGxm5ABorvT1uBWRRwBZklE45jSgUMyJRpcVCzKGBAZsmE45hSgW/X+kz12oajcQAAAABJRU5ErkJgggAA);
}

.highscores_category{
    cursor: pointer;
    user-select: none;
    /* height: 30px; */
    width: 200px;
    background: white;
    font-family: Arial, Helvetica, sans-serif;
    display: flex
;
    flex-direction: row;
    /* justify-content: center; */
    align-items: center;
    /* font-weight: 900; */
    color: var(--warhol-blue);
    /* border: 1px dotted var(--vscode-text); */
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    border-bottom: 1px solid #f9f9ff;
    padding: 3px;
    /* background-image: 
    /* cursor: pointer;
    user-select: none;
    height: 30px;
    width: 200px;
    background: white;
    font-family: monospace;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: var(--vscode-text);
    border: 1px dotted  var(--vscode-text);
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left; */
}

.highscores_table_records{
    display: flex;
    flex-direction: column;
    max-width: 350px;
    background: white;
    padding: 25px;
    border: 1px dotted var(--vscode-text);
}

.bundle_promo_header{
        /* padding: 3px;
    margin-bottom: 20px;
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, var(--warhol-pink) 10px, var(--warhol-pink) 20px);
    border-left: 8px solid var(--warhol-blue);
    height: 10px;
    font-family: monospace;
    color: var(--warhol-blue); */
    display: flex
;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    background: #f9f9ff;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    user-select: none;
}
.katka_promo_header{
        /* padding: 5px;
    margin-bottom: 20px;
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, var(--warhol-electric-green) 10px, var(--warhol-electric-green) 20px);
    border-left: 8px solid var(--warhol-blue);
    height: 5px;
        align-items: center;
    display: flex; */
    display: flex
;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    background: #f9f9ff;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    user-select: none;
}
.bundles_promo_container{
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}


.katka_pixel{
  width: 56px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAeCAYAAAB5c901AAAAAXNSR0IArs4c6QAAAOlJREFUWEftlzEOwjAMRWOJhRHEiMRZOQa34gZIHICOjGFpBjtVHFPXclt3q5TEfvnfdQ3J7sljKLALmZJpsBHMFDQAFe1kqlzJ21JBt4AlMUUxVY9qitSj4GYBvYNRG0yK1VJw34A5Y36AHrf3114+4bUwsHt1FQxA9sLbC0LB+n7mWZRakhNIWpOX9w0d+by/0Pv1QPJ/VDwBSEVBn8lQkFzP6ixaybtwH/x8ccTzkav66dn27z+ZpftgAGq3id1ZlK0I+wXz+qB9vuKIYsASwfvYFBO92Atr2qA7pTokD0CHoohS2ryCP16bXR9zIDY9AAAAAElFTkSuQmCC);
}

.katka_pixel15{
  width: 28px;
    height: 15px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAPCAYAAAD3T6+hAAAAkklEQVQ4T2NkIA/8Z2BgYCRHK1maoBaRZSm5FpJlGcih2CwEGUZNgGIHuoXUtgzmcLg9eC38/x9iPyMjcSH/XxBiPuN7jAAaZBbCfIbuTlw+FXkkD1Z6ofE+mJZhgXpoJqbHsAYp3S2E+YzUOHz3HaJTiJNOcUixhVTMjDhTKcgOaudFvBmfip7CbhRxOZqKzgAAQ68vEOX++ccAAAAASUVORK5CYIIA);
}

.budnle_publicity_controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.budnle_public_container {
    display: flex;
    flex-direction: column;
}
.budnle_public_label {
    display: flex;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.budnle_public_options_ghost {
    display: flex;
    position: relative;
}
.budnle_public_options{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 10px;
    width: 100px;
    gap: 15px;
    background: white;
    border: 1px dotted var(--vscode-text);
    z-index: 200;
    padding: 20px;

}
.budnle_public_option{
        font-family: monospace;
    cursor: pointer;
    user-select: none;
    color: var(--warhol-blue);
}
.bundle_events_controls_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
     background:#f9f9ff;
}
.budnle_type_controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.budnle_type_container {
    display: flex;
    flex-direction: column;
}
.budnle_type_label {
    display: flex;
    font-family: monospace;
    color: var(--warhol-blue);
    cursor: pointer;
    user-select: none;
}
.budnle_type_options_ghost {
    display: flex;
    position: relative;
    z-index: 200;
}
.budnle_type_options{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 10px;
    width: 100px;
    gap: 15px;
    background: white;
    border: 1px dotted var(--vscode-text);
    z-index: 200;
    padding: 20px;

}

.add_katka_pixel{


z-index: 199;


  width: 70px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAeCAYAAACR82geAAAAAXNSR0IArs4c6QAAARZJREFUaEPtmD0OwjAMhbHEwghiROIAzFyDO3EMrsE1WFiYkTgAjIxhgA52ftwmJE3U161q4safn1+U0Kz+x/yWSCWXWvRniYkVBQQwnmq1AKaoUjpOADOCYrpKJ1pLtulBUeRUDMCImtYORErQKY4cipkGmMNlxxI9728azCAYY/hnIi3cMI8xSz6eXur8OMUAjAcswAAMI2D1l1SI1qEOz2EmIj1FizfUc9aPLQt5Pd7Z+2YuUjxZKffzGID5coViHAwAxiMOJxjpAa3tSs83z2C10FzN7hqAgWKCqum3K6GVAjJSuzI8YBqHyAhIAKNAqx0QbvA8BRwNTEQX1jPlv7dE9eSVvBKAiemzZOwNB4BiPMX7ALgljR9zIEbhAAAAAElFTkSuQmCC);
}

.repeat_x1_pixel{


z-index: 199;


  width: 40px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAArklEQVRYR+2YQQ6AIAwEy5E3+X7e5BHjAUMMJV0K2pB6pUnHXbo2hpRjJsNPcEDGnSOcz0nKkfXwNwXNAtZgRTZTCpoFbIENKyi9H6WBpN4sYA/MhIJLAOtQ4uyT2MqF2xtaNcUOSEQqBSV2o7vGVIsdUGuxD8mWCqIhrKm/hxCOGU3DXrPWcrEnIBq8aP2yoEZBPlkWZkFxX6ShO7gCygFnqmp+SJCX/e3PghTyAt358wf9ZueTAAAAAElFTkSuQmCC);
}
.repeat_x2_pixel{
z-index: 199;
    width: 40px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAAsklEQVRYR+2XMQ7AIAhFcfRMPb9n6mjj0ISaWr6gDQOdAZ//A6ap1FzJ8ZcC0OjOdgWPdE4hlpof8QHoXkHEX34JyOKvhLcDZ+P7GgH4u4LcgtHhVijkjBYjrpkAJKLpIRmthpW2LrMYLYTsO83FxR50D7hrSNB2ERUMQCLq31/eVq8KovLfhdB4NC4ANetklCMOiWW/tVyNraLFVqiVuzMUdP9PEoArB0ZTa/uQaKB4zgXIGfAHHYPNkAAAAABJRU5ErkJgggAA);
}
.repeat_x3_pixel{
z-index: 199;
    width: 40px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAApklEQVRYR+2XSw6AIAxEy5IzeX7O5BLDDonYH5gmjluLfczQIaZSc6XATwKg053tCh7pVCGWmm/1AAyvoMTffhMii98WPDXU1o/fAODnCvYWzJp7oSQ9Wg0bMwAkIvWQzKLBY+tbHo7R0vdnLZaeFS7v/guIIfEOSUgFtdOqrcddrFGAi5/2fllQS5pZagBoUU16Q6muOgtI+H8SAFpsXblm+xn0wl7li/AHGBCKhgAAAABJRU5ErkJgggAA);
}
.repeat_x4_pixel{
z-index: 199;
    width: 40px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAApklEQVRYR+2WUQ6AIAxD5ZMzeX7O5CfGxBhCYHRpiEbq9xj1rXWGlGPePvwECSSnM53gHo5HYsqxKdeqkcA1CSJvXZrJqkd6uT2INJXAm8AwxT2aKGWkzj1iZHzIxVcfpO7fAhGa1jYr6SBbr942Qw9KYIXVTZBNMTLWV0OypkDk28WGBz3fTLEEVsakQoKYnK2RQBFkCbDn5UGWoHXe9bs1U0iv9wkFgw4WCyzVQwAAAABJRU5ErkJgggAA);
}
.repeat_x5_pixel{
z-index: 199;
    width: 40px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAAqElEQVRYR+2XQQ7AIAgE8eib+n7f1KOmN2uqLFVMm6zXEhh3QdKQcszy4RMIOOmOu4JHOE2IKcdbPAF/pWBrH+L9o8X1rZGko3hrrhaagC4K1jL3CqCF0bheP6rPDAGVUVYVROwe1dj6Dr7pJwLODgmyLUbOqD1IQBExK2gdBmt8azsBtyuITN7KGLPFK4sjuQioqWRZd9v/6i54AmoWen5Xd7FncSR3AadI8AfEu5NiAAAAAElFTkSuQmCC);
}

.shuffle_on_pixel{
z-index: 199;
    width: 30px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAA1UlEQVRIS82WQRKAIAhFddmZOr9namnjwhljCPiQqduS9z+Ckks9alqw8gzwmS/RSqlH2gM8Km2qvAt2/BWYE0xjP1LNKY04HwWI4P5j1Dm3HwZ3MYhzN9jrXDoqk2MObHGOHJGpj7WAnqKEwZxzTRjXXibw25l7nPZYbjB1gVR92wuBvUUXTvUysHT5T001rd7pxaUBprWTFlgTBhcXGlATOAoQ2wkJ1IKGHwnUKU2l+1lEnYbBUafScGieudALQZtIfwFLN1wTuM9Ar6XL+n2ZY4vAGwVb9gdAzneBAAAAAElFTkSuQmCC);
}
.shuffle_off_pixel{
z-index: 199;
    width: 30px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAA3UlEQVRIS82WwQ2AIAxFYU/PJk5k4tkdXMCLU2k4kCCpbX8rIlel7//SQuN+bGfosGIL8DKvrJVxGsI/wKXSpMq6YMdvgSnBdexbqimlHuelABacf/Q6p/bD4CwGcW4GW51zR6VyTIE1zpEjUvWxFNBSlDCYci4Jo9pLBX46c4vTHMsMrl0gVZ/2QmBr0blT3Q3MXf5NU11Xb/PikgDN2kkKLAmDiwsNKAksBbDthARKQd2PBOq0TqX5WUSdusFep9xwqJ650AtBmkg/AXM3XBL4n4FeSpf2ezfHGoEXULwECC0s6K0AAAAASUVORK5CYIIA);
}
.katka_battle_mode_on_pixel{
z-index: 199;
    width: 30px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABt0lEQVRIS+1W20oDMRCdvbjYJxWkP6KCt79Qof6itfgT9kGt+CWlig/KbjaRszKwhiSTbEVfGiiFTTJnzpmTSbK5GRn6h5FtgP9KdafU5/kn3evttXM4yz5obkbOOE5gbMDwbYrJSIrhBZ4+rejqaG8QOECl/UFgrTVNjveTZGdQqBJK3Avcti1NH5dUlFvRzPugl4e7lOe5N2kvcF3XVJYlzZ7fupJKsvdBLw52SClFVVWlmQuuhsw8UC/dKpqcjJ2BXKBIGoyTXA1ABDPmu5s2TUN3L+9dIJu5LS/WSqCIGWyZCArJAVgUBd0uXn/I7mKKdfhJR1Hs1X3mQL15WJIxupMdJcDgmsYw5fKJwCw7/mEY1B6mYVC4F/LiW0rTiQLmLGE61N1mGnKvr8slAds1RS3ZgFJN7QSigV3NAU0m9pwnA7vkBVPcXmw8uL1Viq5Px50CMeyjGDNbuJdBmQHmYK7ZYuVtMK46i8B8vXWHPsucvZdVYYC1GfdBEcx3sfN3Xu9LsM88+BBIYWAfOWmvV2rpBRF6hcTsDdZ46Nsr9NZKapkhdkPnRFcPDSzt2wBLCv3a/Belo2sWmrtrcQAAAABJRU5ErkJgggAA)
}
.katka_battle_mode_off_pixel{
z-index: 199;
    width: 30px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAA40lEQVRIS+2WMQ6EMAwE4Z/UJ/EiJOr7w33gGl51KEWkyMK76xhdGigh3oF1smb+Hp/fNOCaH/C/XL+0et/e02td0u+AdFxwoWbgBYo0ILgXXqEpcBTeQtNgFW6ht4AZ/Ap6G9gT8qBhcClQxdR19mzCyGSi7DkKAprVSNwTVs4/BTPbLVyBlhoJXMUz1oZ6bBcPASu9Vm2WrEbBEA2N1kGpxyh/1WwO91gRVtaEwHa8eYO93lfGYX0BOo/ZcGA739twbo/ZHwSKQ6WWZnXkiLRBw+qkXY2+rvfZA+51Llw3zOoTuYrW+cjedM8AAAAASUVORK5CYIIA);
}
.go_katka_pixel{


z-index: 199;


  width: 80px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAeCAYAAAC7Q5mxAAABVUlEQVRoQ+2ZMQ7CMAxFscTSEcSIxEE4HcfgQN25AVIPACNjELRBTUiTOCFOa9ytKt+tX37s1kCrGrVichzh8c6kVQ1ZRsAJoKZGCVIAZnqVFUBK52nuArCEA/VK+mLbhTpFY9eszFyKyX1N6cuBMSBcnS5V94oVqy1GKBC4KEBs8uOHwWprAdT3dYH0OlALXIm6rk2t1FgvAIfloAColPmODwA/NaHamOHg7g+/OAeyAehbl6ntOdakbmEBOFD8e4BUTcR2XKjgYWvirjsYIS+nq3G+X1s19myez74GCsCJMVLsFhaAAtD8rKr9Il26C9/6+evn2AbmsLOvgXbTYAPQNTXh8CVC5kAB2BNI3sK1AIbeA6mvowH6HtDXYGJ0S5gD2nkUAehyZyxArJbacfp+RQeqGAgx88JakLCLrn/P6k+lGvAFYCZ1ASgAMwlkysWBmQCfIASpFn7XuhMAAAAASUVORK5CYIIA);
}


.katka_v7_pixel_play{
  width: 70px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAeCAYAAACR82geAAAAAXNSR0IArs4c6QAAAQ9JREFUaEPtmFEOwjAMQ9l5+OYaHJZr8M15QJM2mKoktquCkOr9dk27F8fNupz8hAQWc4kJGEyiDIMxGM003oq53s/P49Tb5SGrqY2BtrKvMWLtda0sDoofjRtMAtRgDOZT2K1NSKXU+gPjOT21XHkD8ijkaQyAbP20lAxmI6DSj7JpxSQanxIMU1pIdVkMBPQ4r3qXjYP2uXoT7TEGg46CbTw6pVAmrBgRLlsC6Ghn46AESqU0oo/JeLEfFIGpcsDs+S/6GIMpfKin/6lOJSuGbER7rk6kfyW2Ptkeo8osY4b7/BF9TLsXgxE69q/ex7Cqs2LIjFVd9s9LiezJpnlNvvCehYzBJJk2GIPRTOAFQWLgLm1vsYEAAAAASUVORK5CYIIA);
}
.katka_v7_pixel_pause{
  width: 100px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAAXNSR0IArs4c6QAAAWlJREFUaEPtWsERwyAMS4bpLl2qry7VXTpMe7mGXsIRJBMITk794mAj2TLmOg76uUJgdBWNghlEiLMkECEixBkCzsL5V8jt/vgsY3u/nqvqQevTt7ENOmvsY8se+Ubrqdi2fFvOkNrD8n0473IfERJlgQVQETKDV6N6VSEJPZJk/UA5TLJKMpnpRSX7Mn3G0mtK+x3qq017SAlwImSmDGUQWmeyi9lDhIiQlYqwSXNKyUJ6uZS0HBAIJLTOVG+Itfa1l724BP9Ne4gISSOQI0mEdBgMRUjiWafnYNiNEIt+7tHumj0kJ7MlflL7iRBDhdQmxJKUk++mPcQSzFUrxIKBCEHXQNDwmdfeyxDCzijsjMHoP+KH2YOxyflxK1l7CEHAxi+sjP1RxIuQDnNInADdnt9LbzBIBiwXghBDzzmEIoQtW492IsQjK5VispDL3LKYsJKSxXwom/YI6I9y7TE2eRAhJrjaG38Bn5m4PbswWiIAAAAASUVORK5CYIIA);
}

.katka_v7_pixel_finish{
  width: 100px;
    height: 30px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAAXNSR0IArs4c6QAAAZFJREFUaEPtWVkWgjAMhNN4/+N4Gnw+Fvtik0walorjJ0JJZ8lCx4G/rhAYu4qGwQwkpDMR7EbI9Bim1r2Nz1kYco31+rqu9798v3V/5D9vX2WcSIzWPSRkQdsClYRUQKo56H1NuqgEL+ICElIg15qySIjhXSR3etb31qjVqTMcYr0jUreQWnhYDYlsAgn0ypQV2YsnKq95+SLE65a04JBAjnBIuWakK2utL9k9kJBKrfJAyYgLeRZqez1nSGVE1OipKpOybuuQXyREdmcRkZyVshAxlnFvNWRvQrRAWrsiK81o4LaCnsEi+qxs3UnIwZM6HVJM73QIIId/S1m1/d62y9KKOPIpBmlPNX21Og/pJg+rIZHpFgnUmx20SV5ri7snRAPFmz9QMIFslj4P8Tqc6LnFpQ4hIfjp6SkpC1GwdU8mBaAui7zD+zIcWUvum4QsiERAJCHiTP2Kol4qOUOIV4usuoqIBmp7mbI+NYSEgCkJUZ/lErTLIiEkZJsHdzvCzaY8Pj8jQEI6UwIJ6YyQF5HIaj3D60Q8AAAAAElFTkSuQmCC);
}
.pixel_dialog_meggase{
    z-index: 200;
  width: 48px;
    height: 32px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    cursor: pointer;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAABAElEQVR4AeyUgQ6DIAxEt/3/P2+8mGuqQRHiLBiMJ6VUetein9fg1xQQ3cDWDnwT8QiktOu7VcB6l8BZrQBV/Z04R0D5U/rlrhWwvNXRcwqIbsaVHdD5ZMzpwi/k1vFpnZF5EVcKKCb7R8AU4Krqf6vObWZpncAzMcQZZgesFEHG7EBQ4S1tbQf0kfGfjoDyNwuwF3sxajsg3qrE3aPy29gqwDaINkoC3DmPpprPfyQA8v6IMM/vEug9EhBI63zqRwvg+HBsBObnS3NT5LYDIqv0kBbk62r0AiAvsthdEd0j4wXsxXTt9wKoPpUH2F0TFzkvAB/EAfYQ2AoYgrQn+QMAAP//XdUsGQAAAAZJREFUAwBeC1dBZcRGiwAAAABJRU5ErkJgggAA);
}
.pixel_dialog_message_ghost{
    display: flex;
    position: relative;
}
.bundle_selling_points{
    display: flex;
    position: absolute;
    left: 100px;
    flex-direction: column;
    gap: 5px;
    border: 1px dotted var(--vscode-text);
    padding: 30px;
    width: 500px;
    z-index: 200;
    background-color: white;
}
.bundle_selling_points_actions_row{
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 20px;
}
.bundle_selling_points_header{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--vscode-text);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.katka_v7_timing_state_container{
display: flex;
flex-direction: column;
}
.katka_v7_timing_controls{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: end;
    align-content: end;
}
.katka_v7_timing_state{
    font-family: Arial, Helvetica, sans-serif;

}

.katka_v7_timing_state.not_started{
    color: var(--vscode-text);
}

.katka_v7_timing_state.playing{
    color: limegreen;
}
.katka_v7_timing_state.finished{
    color: var(--warhol-coral);
}


.progress_variantiks_container{
    display: flex;
    flex-direction: column;

    justify-content: center;
}
.progress_tasknums_container{
    display: flex;
    flex-direction: column;
}


.bundle_faces_block{
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.bundle_faces_owner{
    width: 96px;
    height: 96px;
}

.bundle_name_and_co{
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: end;
}


.bundle_settings_row{
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #e8e8e8;
    height: 30px;
    align-items: center;
}

.bundle_settings_ejs{
     width: 1000px;
}

.bundle_settings_header{
    display: flex;
    flex-direction: row;
    width: 1000px;
    justify-content: space-between;
    height: 50px;
    margin-bottom: 30px;
    align-items: center;
}
.bundle_settings_row_label{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    width: 200px;
}
.bundle_settings_row_content{
    /* display: 400px; */
}

#bundle_name_edit{
  border: 0;
  outline: 0;
  min-width: 50%;
  width: 500px;
  font-size: 18px;
  text-align: left;
  font-family: monospace;

  color: var(--warhol-blue);
  font-weight: 900;
  background-color: transparent;
}

.bundle_edit_selling_point{
  border: 0;
  outline: 0;
  min-width: 50%;
  width: 500px;
  font-size: 14px;
  text-align: left;
  font-family: monospace;

  color: var(--warhol-blue);
  font-weight: 900;
  background-color: transparent;
}


.bundle_faces_owner_container{
    display: flex;
    flex-direction: row;
    
}

.bundle_block_stats_header{
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-color: #f9f9ff;;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}


.bundle_program_header{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
}


.bundle_katka_date{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--vscode-text);
}
.bundle_katka_ksid{
    display: flex;
    flex-direction: row;
    font-family: monospace;
    color: var(--vscode-text);
}
.bundle_katka_mode{
    display: flex;
    flex-direction: row;
   width: 30px;
   justify-content: center;
   align-items: center;
}
.bundle_katka_name{
    display: flex;
    flex-direction: row;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--warhol-blue);
    width: 300px;
    font-size: 12px;
}
.bundle_katka_tasknum{
    display: flex;
    flex-direction: row;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--vscode-text);
    width: 50px;
    justify-content: center;
}

.pixel_fight{

    width: 19px;
    height: 21px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    cursor: pointer;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAYAAACkCdXRAAABYklEQVQ4T6VVS07DMBAdJyFbQEK9CCAB1wCkckVKxTmAVpykKohd4sToDZ7Bie2iEEtdtLVf3m8cY4xxzjlD8xeDOI8zB5AxGGz1tqf7y1P5PpWjnlewvu9peXVGEyUzEBbIMFjXdbR63VFZHU1hqEB3FydUFMUPWNM0VFUVrbef+hRvQU6yAt2eH5O1luq6JoM0IVEWaPedpeX1IudhBAQiwgyHUA/Ga9uWnt+/+M9EKANp2CtAUBLWgeUCpCxLetp8jCVHjLAPH7Fk3C1liB2PLztyrmfJkpp4FDISi1JFZb0wFV7CWAFCapCG31JFz7bej1nEyAMlzx0aoYFH8EZCytUmBxYVEsX+q4cDsJQ0z4jLDWZIubOWHm4WwlQxkgHAcKQWAInhDgGsN/tkqaNqaEzGJIde2AdzlmQm95peTRmjsU/vQRM8NLwcD3UvOfBjlkJxzm2rZ3/1/v9dILLpG0xs3hG2nrdIAAAAAElFTkSuQmCC);
}
.settings32{

    width: 32px;
    height: 32px;
    cursor: pointer;
    image-rendering: pixelated;
    transform: scale(1);
    transform-origin: top left;
    cursor: pointer;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAgElEQVRYR+2TUQrAMAhD2/sfevsabDJKAoZYav8Koi+azGF+0zx/NMDfBq5wFumWSgFE5Sp/fkS/P3aAR/G5HlDdfNlXGjFEkQKA8lApAHsM7QCIZ5CafT2AqEuvUaSAgkQBqLsyBKUA7DG0A6xOd4YHGPOm1aIpSBsYGzVAb+AGUzMSISNNUq4AAAAASUVORK5CYIIA);
}
.bundle_stats_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #f9f9ff;
}

.bundle_stats_tasknum_name{
    font-family: Arial;
    color: var(--warhol-blue);
    width: 200px;
    cursor: pointer;
    user-select: none;
}



.katka_rupor_participants_count{
    display: flex;
    flex-direction: row;
   width: 30px;
   justify-content: center;
   align-items: center;
   font-family: monospace;
   color: var(--vscode-text);

}
.rupor_creator{
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    width: 200px;
}
.rupor_creator_ava{
        width: 25px;
    height: 25px;
    overflow: hidden;
}
.rupor_creator_name{
    font-family: monospace;
    color: var(--vscode-text);
}

.rupor_date{
    display: flex;
    font-family: monospace;
    color: var(--vscode-text);
    width: 100px;
}

.problemcode_wrapper{
    display: flex;
    flex-direction: column;
}

.problemcode_header_row{
        display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: #f9f9ff;
    /* border: 1px dotted var(--vscode-text); */
    padding: 5px;
    margin-bottom: 20px;
}

.problemcode_header_name{
        font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    user-select: none;
    cursor: pointer;
    width: fit-content;
}

.base_and_estimation{
    display: flex;
    flex-direction: row;
    gap: 5px;
}


.bundle_invite_link_container{
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.bundle_invite_link_copy{
    display: flex;
    width: 35px;
    background: var(--warhol-cyan);
    cursor: pointer;
    user-select: none;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.hero_context {
    display: flex;
    flex-direction: column;
    user-select: none;
    cursor: pointer;
    height: 66px;
    justify-content: center;
}
.hero_avas {
    display: flex;
    flex-direction: row;
}
.hero_main_ava {
width: 32px;
height: 32px;
overflow: hidden;
}
.hero_other_avas {
    display: flex;
    flex-direction: row;
}
.hero_other_ava {
width: 32px;
height: 32px;
overflow: hidden;
}
.hero_name {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: var(--warhol-blue);
}


.hero_context_options_ghost{
    display: flex;
    position: relative;
}


.progress-bar {
            width: 200px;
            height: 15px;
            background-size: 100% 100%;
            border: 1px solid #ccc;
        }


.bundle_stats_percentage{
    font-family: Arial;
    display: flex;
    flex-direction: row;
    justify-content: end;
    width: 30px;
}


.single_code_bundle_statistics_items{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

.single_code_bundle_statistics_item{
    display: flex;
    flex-direction: row;
    width: 30px;
    justify-content: space-between;
}


.single_code_stats_indicator{
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: #423f3f 1px solid;
}

.single_code_stats_indicator_value{
    font-family: Arial;
}


        .group-tag {
            border-radius: 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            height: fit-content;
            padding: 3px;
        }
        
        .group-tag.public {
            background-color: #e6f7ff;
            border: 1px solid #91d5ff;
        }

        .group-tag.free {
            background-color: white;
            border: 1px solid #33f519;
            color: green;
        }


.bundle_tags{
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}


.plus-sign {
    background: linear-gradient(135deg, #e8f5e8, #c8e6c9);
    border: 2px dashed #4caf50;
    color: #388e3c;
    font-size: 20px;
    font-weight: bold;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
}


.bundle_update_stats{
    font-family: Arial, Helvetica, sans-serif;
    color: var(--warhol-blue);
    font-weight: 400;
    cursor: pointer;
    user-select: none;
}


/* .group-header {
    display: flex
;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    padding: 15px 20px;
    background: #f9f9ff;
    border-radius: 12px;
} */

.group-header {
    display: flex
;
    align-items: end;
    gap: 15px;
    padding: 10px;
    /* background: #f9f9ff; */
    border-bottom: 4px solid #f9f9ff;
    border-left: 4px solid #f9f9ff;
    border-right: 4px solid #f9f9ff;
    flex-direction: row;
    justify-content: space-between;
}


.bundle_join{
    background: linear-gradient(135deg, #e8f5e8, #c8e6c9);
    border: 2px dashed #4caf50;
    color: #388e3c;
    font-size: 20px;
    font-weight: bold;
    width: 66px;
    height: 66px;
    display: flex
;
align-items: center;
    justify-content: center;
    user-select: none;
}

.bundle_top_panel{
    display: flex;
    flex-direction: column;
}

.bundle_bort{
    display: flex;
    flex-direction: row;
    height: 30px;
    background:#f9f9ff;
    justify-content: space-between;
    padding: 10px;
}

.bundle_notification{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 40px;
    height: 40px;
 background:#f9f9ff;
 align-items: center;
}




 #notification-container {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 10000;
            pointer-events: none;
            padding-top: 10px;
        }
        
        .notification {
            background: linear-gradient(135deg, #2c3e50, #1a2530);
            color: white;
            padding: 15px 25px;
            border-radius: 8px;
            margin-bottom: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3), 
                        0 1px 3px rgba(0,0,0,0.2);
            cursor: pointer;
            transform: translateY(-150%);
            opacity: 0;
            max-width: 90%;
            width: 300px;
            position: relative;
            overflow: hidden;
            pointer-events: auto;
            display: flex;
            align-items: center;
        }
        
        .notification::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(to right, #3498db, #2ecc71);
        }
        
        .notification-icon {
            font-size: 1.5rem;
            margin-right: 15px;
            width: 30px;
            text-align: center;
        }
        
        .notification-content {
            flex: 1;
        }
        
        .notification-title {
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        .notification-message {
            font-size: 0.9rem;
            opacity: 0.9;
        }
        
        .notification-enter {
            animation: fallBounce 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        }
        
        .notification-exit {
            animation: fadeOut 0.4s ease-in-out forwards;
        }
        
        @keyframes fallBounce {
            0% { transform: translateY(-150%); opacity: 0; }
            40% { transform: translateY(20%); opacity: 1; }
            60% { transform: translateY(-10%); }
            75% { transform: translateY(5%); }
            90% { transform: translateY(-2%); }
            100% { transform: translateY(0); opacity: 1; }
        }
        
        @keyframes fadeOut {
            0% { transform: translateY(0); opacity: 1; }
            100% { transform: translateY(-20%); opacity: 0; }
        }
        
        .info {
            margin-top: 20px;
            padding: 15px;
            background: rgba(255,255,255,0.1);
            border-radius: 10px;
            font-size: 0.9rem;
        }

        .katka_icon_row{
            display: flex;
            flex-direction: row;
            align-items: center;
        }

    

.katka_host_label{
    font-family: Arial, Helvetica, sans-serif;

}


.cards_katka_state_DIV{
    display: flex;
    width: 100%;
    height: 400px;
    justify-content: center;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
}


.katka_tasknum{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
}

.katka_member_scoring{
    display: flex;
    /* width: 40px; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
}


.need_to_load_container{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 70vh;
    justify-content: center;
    align-items: center;
    gap: 10px;

}

.need_to_load_container_message{
    font-family: Arial, Helvetica, sans-serif;
}


.program_chat{
       display: flex
;
    flex-direction: column;
    gap: 10px;
    width: 300px;
    height: 400px;

}



.program_comments_container {
    display: flex;
    flex-direction: column;
}
.program_comments_label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 900;
}
.program_comments {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.program_comment_row {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.program_comment_ava {
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.program_comment {
    display: flex;
    flex-direction: column;
}
.program_comment_date {
    font-family: monospace;
    color: gray;
}
.program_comment_message {
    font-family: monospace;
    color: var(--vscode-text);
}

.program_comment_form{
    display: flex;
    flex-direction: column;
    background: white;
    border: 1px dotted var(--vscode-text);
    padding: 30px;
    gap: 10px;
}