<?php
$wpw = Wpw::inst();
$resource = $wpw->resource();
$formatter = $wpw->formatter();
$storage = $wpw->storage();
unset($wpw);

$cell_border = '%7B%22number%22%3A%221%22%2C%22unit%22%3A%22%22%7D';

$class_name = !empty($config['class_name'])
    ? '.' . $config['class_name']
    : '.project-textarea_select-primary';

$primary_text_color =  '#555';
$divider_color = 'rgba(0,0,0,.3)';
$accent_color = '#ffab00';
$secondary_color = 'rgba(0,0,0,0.6)';
$disabled_color = 'rgba(0,0,0,.3)';
$default_paddings = [
    'top' => [
        'number' => 10,
    ],
    'bottom' => [
        'number' => 10,
    ],
    'right' => [
        'number' => 10,
    ],
    'left' => [
        'number' => 10,
    ],
];
$default_border = [
    'top' => [
        'number' => 1,
    ],
    'bottom' => [
        'number' => 1,
    ],
    'right' => [
        'number' => 1,
    ],
    'left' => [
        'number' => 1,
    ],
];


$icon_font = $storage->get('default_icon_font');

/**
 * Form defaults
 */
// indents
$form_default_padding = $default_paddings;
$form_default_margins = [];

// border

$form_default_border_style = 'solid';
$form_default_border_model = $default_border;
$form_default_border_radius = [];

$form_default_border_style_hover = 'solid';
$form_default_border_model_hover = $default_border;
$form_default_border_radius_hover = [];

$form_default_border_style_focus = 'solid';
$form_default_border_model_focus = $default_border;
$form_default_border_radius_focus = [];

// colors
$form_default_border_color = $divider_color;
$form_default_control_color = $accent_color;

$form_default_border_color_hover = $divider_color;
$form_default_control_color_hover = $accent_color;

$form_default_border_color_focus = $divider_color;
$form_default_control_color_focus = $accent_color;

// shadow
$form_default_bs_hl = '';
$form_default_bs_vl = '';
$form_default_bs_br = '';
$form_default_bs_sr = '';
$form_default_bs_color = '';

$form_default_bs_hl_hover ='';
$form_default_bs_vl_hover = '';
$form_default_bs_br_hover = '';
$form_default_bs_sr_hover = '';
$form_default_bs_color_hover = '';

$form_default_bs_hl_focus =  '';
$form_default_bs_vl_focus =  '';
$form_default_bs_br_focus =  '';
$form_default_bs_sr_focus =  '';
$form_default_bs_color_focus =  '';


//typography
$select_field_typography = !empty($config['select_field_typography'])
    ? $config['select_field_typography']
    : 'main';
$select_field_typography = $formatter->dynamic_typography($select_field_typography, $class_name.'.widget #lang_sel > ul,
'.$class_name.' .project-input.project-input_select');
$select_field_text_align = !empty($config['select_field_text_align'])
    ? $config['select_field_text_align']
    : 'left';


$select_padding = !empty($config['select_padding'])
    ? $config['select_padding']
    : $form_default_padding;
$select_padding = $formatter->css_spacing($select_padding);
$select_margin = !empty($config['select_margin'])
    ? $config['select_margin']
    : $form_default_margins;
$select_margin = $formatter->css_spacing($select_margin);

// icons
$form_default_icon_size =  '';

$select_use_icon_glyph = !empty($config['select_use_icon_glyph'])
    ? $config['select_use_icon_glyph']
    : 'on';
$select_glyph = $select_hover_glyph = $select_focus_glyph = '';

$default_bg = '%7B%22ogv%22%3A%22%22%2C%22webm%22%3A%22%22%2C%22mp4%22%3A%22%22%2C%22image%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22opacity%22%3A%22%22%2C%22pattern_color%22%3A%22%22%2C%22fill_style%22%3A%22color%22%2C%22color%22%3A%22rgb(255%2C%20255%2C%20255)%22%2C%22gradient%22%3A%22%22%7D';

$default_control_color = !empty($lumeric_form_colors['control_color'])
    ? $lumeric_form_colors['control_color']
    : $accent_color;
$default_control_color_hover = !empty($lumeric_form_colors_hover['control_color_hover'])
    ? $lumeric_form_colors_hover['control_color_hover']
    : $accent_color;
$default_control_color_focus = !empty($lumeric_form_colors_focus['control_color_focus'])
    ? $lumeric_form_colors_focus['control_color_focus']
    : $accent_color;

/**
 * Select field
 */
$select_icon_size = !empty($config['select_icon_size'])
    ? $config['select_icon_size']
    : $form_default_icon_size;
$select_icon_size = $formatter->css_scalar($select_icon_size);
// default ===========================================
// border
$select_border_style = !empty($config['select_border_style'])
    ? $config['select_border_style']
    : $form_default_border_style;
$select_border_model = !empty($config['select_border_model'])
    ? $config['select_border_model']
    : $form_default_border_model;
$border_model_alter = $formatter->from_spacing($select_border_model);
$select_border_model = $formatter->css_spacing($select_border_model);
$select_border_radius = !empty($config['select_border_radius'])
    ? $config['select_border_radius']
    : $form_default_border_radius;
$select_border_radius = $formatter->css_spacing($select_border_radius);
// color
$select_use_default_color = !empty($config['select_use_default_color'])
    ? $config['select_use_default_color']
    : 'on';
$select_border_color = !empty($config['select_border_color'])
    ? $config['select_border_color']
    : '';
$select_border_color = $storage->get($select_border_color);
$select_control_color = !empty($config['select_control_color'])
    ? $config['select_control_color']
    : '';
$select_control_color = $storage->get($select_control_color);

$select_text_color = !empty($config['select_text_color'])
    ? $config['select_text_color']
    : '';
$select_text_color = $storage->get($select_text_color);
// bg
$select_bg = !empty($config['select_bg'])
    ? $config['select_bg']
    : '';
$select_bg = $formatter->from_bg($select_bg);
// shadow
$select_bs_hl = !empty($config['select_bs_hl'])
    ? $config['select_bs_hl']
    : $form_default_bs_hl;
$select_bs_hl = $formatter->css_scalar($select_bs_hl);
$select_bs_vl = !empty($config['select_bs_vl'])
    ? $config['select_bs_vl']
    : $form_default_bs_vl;
$select_bs_vl = $formatter->css_scalar($select_bs_vl);
$select_bs_br = !empty($config['select_bs_br'])
    ? $config['select_bs_br']
    : $form_default_bs_br;
$select_bs_br = $formatter->css_scalar($select_bs_br);
$select_bs_sr = !empty($config['select_bs_sr'])
    ? $config['select_bs_sr']
    : $form_default_bs_sr;
$select_bs_sr = $formatter->css_scalar($select_bs_sr);
$select_bs_color = !empty($config['select_bs_color'])
    ? $config['select_bs_color']
    : '';
$select_bs_color = $storage->get($select_bs_color);
$select_bs = " box-shadow: {$select_bs_hl} {$select_bs_vl} {$select_bs_br} {$select_bs_sr} {$select_bs_color}; ";

// hover ===========================================
// border
$select_hover_border_style = !empty($config['select_hover_border_style'])
    ? $config['select_hover_border_style']
    : $form_default_border_style_hover;
$select_hover_border_model = !empty($config['select_hover_border_model'])
    ? $config['select_hover_border_model']
    : $form_default_border_model_hover;
$border_model_hover_alter = $formatter->from_spacing($select_hover_border_model);
$select_hover_border_model = $formatter->css_spacing($select_hover_border_model);
$select_hover_border_radius = !empty($config['select_hover_border_radius'])
    ? $config['select_hover_border_radius']
    : $form_default_border_radius_hover;
$select_hover_border_radius = $formatter->css_spacing($select_hover_border_radius);
// color
$select_hover_use_default_color = !empty($config['select_hover_use_default_color'])
    ? $config['select_hover_use_default_color']
    : 'on';
$select_hover_border_color = !empty($config['select_hover_border_color'])
    ? $config['select_hover_border_color']
    : '';
$select_hover_border_color = $storage->get($select_hover_border_color);
$select_hover_control_color = !empty($config['select_hover_control_color'])
    ? $config['select_hover_control_color']
    : '';
$select_hover_control_color = $storage->get($select_hover_control_color);
$select_hover_text_color = !empty($config['select_hover_text_color'])
    ? $config['select_hover_text_color']
    : '';
$select_hover_text_color = $storage->get($select_hover_text_color);
// bg
$select_hover_bg = !empty($config['select_hover_bg'])
    ? $config['select_hover_bg']
    : '';
$select_hover_bg = $formatter->from_bg($select_hover_bg);
// shadow
$select_hover_bs_hl = !empty($config['select_hover_bs_hl'])
    ? $config['select_hover_bs_hl']
    : $form_default_bs_hl_hover;
$select_hover_bs_hl = $formatter->css_scalar($select_hover_bs_hl);
$select_hover_bs_vl = !empty($config['select_hover_bs_vl'])
    ? $config['select_hover_bs_vl']
    : $form_default_bs_vl_hover;
$select_hover_bs_vl = $formatter->css_scalar($select_hover_bs_vl);
$select_hover_bs_br = !empty($config['select_hover_bs_br'])
    ? $config['select_hover_bs_br']
    : $form_default_bs_br_hover;
$select_hover_bs_br = $formatter->css_scalar($select_hover_bs_br);
$select_hover_bs_sr = !empty($config['select_hover_bs_sr'])
    ? $config['select_hover_bs_sr']
    : $form_default_bs_sr_hover;
$select_hover_bs_sr = $formatter->css_scalar($select_hover_bs_sr);
$select_hover_bs_color = !empty($config['select_hover_bs_color'])
    ? $config['select_hover_bs_color']
    : '';
$select_hover_bs_color = $storage->get($select_hover_bs_color);
$select_hover_bs = " box-shadow: {$select_hover_bs_hl} {$select_hover_bs_vl} {$select_hover_bs_br} {$select_hover_bs_sr} {$select_hover_bs_color}; ";

// focus ===========================================
// border
$select_focus_border_style = !empty($config['select_focus_border_style'])
    ? $config['select_focus_border_style']
    : $form_default_border_style_focus;
$select_focus_border_model = !empty($config['select_focus_border_model'])
    ? $config['select_focus_border_model']
    : $form_default_border_model_focus;
$border_model_focus_alter = $formatter->from_spacing($select_focus_border_model);
$select_focus_border_model = $formatter->css_spacing($select_focus_border_model);
$select_focus_border_radius = !empty($config['select_focus_border_radius'])
    ? $config['select_focus_border_radius']
    : $form_default_border_radius_focus;
$select_focus_border_radius = $formatter->css_spacing($select_focus_border_radius);
// color
$select_focus_use_default_color = !empty($config['select_focus_use_default_color'])
    ? $config['select_focus_use_default_color']
    : 'on';
$select_focus_border_color = !empty($config['select_focus_border_color'])
    ? $config['select_focus_border_color']
    : '';
$select_focus_border_color = $storage->get($select_focus_border_color);
$select_focus_control_color = !empty($config['select_focus_control_color'])
    ? $config['select_focus_control_color']
    : '';
$select_focus_control_color = $storage->get($select_focus_control_color);
$select_focus_text_color = !empty($config['select_focus_text_color'])
    ? $config['select_focus_text_color']
    : '';
$select_focus_text_color = $storage->get($select_focus_text_color);
// bg
$select_focus_bg = !empty($config['select_focus_bg'])
    ? $config['select_focus_bg']
    : '';
$select_focus_bg = $formatter->from_bg($select_focus_bg);
// shadow
$select_focus_bs_hl = !empty($config['select_focus_bs_hl'])
    ? $config['select_focus_bs_hl']
    : $form_default_bs_hl_focus;
$select_focus_bs_hl = $formatter->css_scalar($select_focus_bs_hl);
$select_focus_bs_vl = !empty($config['select_focus_bs_vl'])
    ? $config['select_focus_bs_vl']
    : $form_default_bs_vl_focus;
$select_focus_bs_vl = $formatter->css_scalar($select_focus_bs_vl);
$select_focus_bs_br = !empty($config['select_focus_bs_br'])
    ? $config['select_focus_bs_br']
    : $form_default_bs_br_focus;
$select_focus_bs_br = $formatter->css_scalar($select_focus_bs_br);
$select_focus_bs_sr = !empty($config['select_focus_bs_sr'])
    ? $config['select_focus_bs_sr']
    : $form_default_bs_sr_focus;
$select_focus_bs_sr = $formatter->css_scalar($select_focus_bs_sr);
$select_focus_bs_color = !empty($config['select_focus_bs_color'])
    ? $config['select_focus_bs_color']
    : '';
$select_focus_bs_color = $storage->get($select_focus_bs_color);
$select_focus_bs = " box-shadow: {$select_focus_bs_hl} {$select_focus_bs_vl} {$select_focus_bs_br} {$select_focus_bs_sr} {$select_focus_bs_color}; ";


// select dropdown =======================================================
// typography
$select_typography = !empty($config['select_typography'])
    ? $config['select_typography']
    : 'main';
$select_typography = $formatter->dynamic_typography($select_typography, $class_name.'.widget #lang_sel > ul,
'.$class_name.' .project-input.project-input_select + .cs-options');
$select_list_text_align = !empty($config['select_list_text_align'])
    ? $config['select_list_text_align']
    : 'left';

// background
$select_list_bg = !empty($config['select_list_bg'])
    ? $config['select_list_bg']
    : '';
$select_list_bg = $formatter->from_bg($select_list_bg);

// indents
$select_list_padding = !empty($config['select_list_padding'])
    ? $config['select_list_padding']
    : $form_default_padding;
$select_list_padding = $formatter->css_spacing($select_list_padding);
$select_list_margin = !empty($config['select_list_margin'])
    ? $config['select_list_margin']
    : '';
$select_list_margin = $formatter->css_spacing($select_list_margin);

// shape & borders
$select_list_use_default_border = !empty($config['select_list_use_default_border'])
    ? $config['select_list_use_default_border']
    : 'on';
$select_list_border_style = !empty($config['select_list_border_style'])
    ? $config['select_list_border_style']
    : $form_default_border_style;
$select_list_border_model = !empty($config['select_list_border_model'])
    ? $config['select_list_border_model']
    : $form_default_border_model;
$select_list_border_color = !empty($config['select_list_border_color'])
    ? $config['select_list_border_color']
    : '';
$select_list_border_color = $storage->get($select_list_border_color);
$select_list_border = $formatter->css_border_simplify(
    $select_list_border_style,
    $select_list_border_model,
    $select_list_border_color
);
$select_list_border_radius = !empty($config['select_list_border_radius'])
    ? $config['select_list_border_radius']
    : $form_default_border_radius;
$select_list_border_radius = $formatter->css_spacing($select_list_border_radius);


// shadow

$select_list_bs_hl = !empty($config['select_list_bs_hl'])
    ? $config['select_list_bs_hl']
    : $form_default_bs_hl;
$select_list_bs_hl = $formatter->css_scalar($select_list_bs_hl);
$select_list_bs_vl = !empty($config['select_list_bs_vl'])
    ? $config['select_list_bs_vl']
    : $form_default_bs_vl;
$select_list_bs_vl = $formatter->css_scalar($select_list_bs_vl);
$select_list_bs_br = !empty($config['select_list_bs_br'])
    ? $config['select_list_bs_br']
    : $form_default_bs_br;
$select_list_bs_br = $formatter->css_scalar($select_list_bs_br);
$select_list_bs_sr = !empty($config['select_list_bs_sr'])
    ? $config['select_list_bs_sr']
    : $form_default_bs_sr;
$select_list_bs_sr = $formatter->css_scalar($select_list_bs_sr);
$select_list_bs_color = !empty($config['select_list_bs_color'])
    ? $config['select_list_bs_color']
    : '';
$select_list_bs_color = $storage->get($select_list_bs_color);
$select_list_bs = " box-shadow: {$select_list_bs_hl} {$select_list_bs_vl} {$select_list_bs_br} {$select_list_bs_sr} {$select_list_bs_color};  ";


// item default =====================================================================
// color
$select_item_default_use_default_color = !empty($config['select_item_default_use_default_color'])
    ? $config['select_item_default_use_default_color']
    : 'on';
$select_item_default_fg_color = !empty($config['select_item_default_fg_color'])
    ? $config['select_item_default_fg_color']
    : '';
$select_item_default_fg_color = $storage->get($select_item_default_fg_color);

// background
$select_item_default_bg = !empty($config['select_item_default_bg'])
    ? $config['select_item_default_bg']
    : '';
$select_item_default_bg = $formatter->from_bg($select_item_default_bg);
// indents
$select_item_default_paddings = !empty($config['select_item_default_paddings'])
    ? $config['select_item_default_paddings']
    : $form_default_padding;
$select_item_default_paddings = $formatter->css_spacing($select_item_default_paddings);
// border
$select_item_default_border_style = !empty($config['select_item_default_border_style'])
    ? $config['select_item_default_border_style']
    : $form_default_border_style;
$select_item_default_border_model = !empty($config['select_item_default_border_model'])
    ? $config['select_item_default_border_model']
    : $form_default_border_model;
$select_item_default_border_color = !empty($config['select_item_default_border_color'])
    ? $config['select_item_default_border_color']
    : '';
$select_item_default_border_color = $storage->get($select_item_default_border_color);
$select_item_default_border = $formatter->css_border_simplify(
    $select_item_default_border_style,
    $select_item_default_border_model,
    $select_item_default_border_color
);
$select_item_default_border_radius = !empty($config['select_item_default_border_radius'])
    ? $config['select_item_default_border_radius']
    : $form_default_border_radius;
$select_item_default_border_radius = $formatter->css_spacing($select_item_default_border_radius);

// item hover =====================================================================
// color

$select_item_hover_fg_color = !empty($config['select_item_hover_fg_color'])
    ? $config['select_item_hover_fg_color']
    : '';
$select_item_hover_fg_color = $storage->get($select_item_hover_fg_color);

// background
$select_item_hover_bg = !empty($config['select_item_hover_bg'])
    ? $config['select_item_hover_bg']
    : '';
$select_item_hover_bg = $formatter->from_bg($select_item_hover_bg);
// indents
$select_item_hover_paddings = !empty($config['select_item_hover_paddings'])
    ? $config['select_item_hover_paddings']
    : $form_default_padding;
$select_item_hover_paddings = $formatter->css_spacing($select_item_hover_paddings);
// border
$select_item_hover_border_style = !empty($config['select_item_hover_border_style'])
    ? $config['select_item_hover_border_style']
    : $form_default_border_style_hover;
$select_item_hover_border_model = !empty($config['select_item_hover_border_model'])
    ? $config['select_item_hover_border_model']
    : $form_default_border_model_hover;
$select_item_hover_border_color = !empty($config['select_item_hover_border_color'])
    ? $config['select_item_hover_border_color']
    : '';
$select_item_hover_border_color = $storage->get($select_item_hover_border_color);
$select_item_hover_border = $formatter->css_border_simplify(
    $select_item_hover_border_style,
    $select_item_hover_border_model,
    $select_item_hover_border_color
);
$select_item_hover_border_radius = !empty($config['select_item_hover_border_radius'])
    ? $config['select_item_hover_border_radius']
    : $form_default_border_radius_hover;
$select_item_hover_border_radius = $formatter->css_spacing($select_item_hover_border_radius);

// item selected =====================================================================
// color

$select_item_selected_fg_color = !empty($config['select_item_selected_fg_color'])
    ? $config['select_item_selected_fg_color']
    : '';
$select_item_selected_fg_color = $storage->get($select_item_selected_fg_color);

// background
$select_item_selected_bg = !empty($config['select_item_selected_bg'])
    ? $config['select_item_selected_bg']
    : '';
$select_item_selected_bg = $formatter->from_bg($select_item_selected_bg);
// indents
$select_item_selected_paddings = !empty($config['select_item_selected_paddings'])
    ? $config['select_item_selected_paddings']
    : $form_default_padding;
$select_item_selected_paddings = $formatter->css_spacing($select_item_selected_paddings);
// border
$select_item_selected_border_style = !empty($config['select_item_selected_border_style'])
    ? $config['select_item_selected_border_style']
    : $form_default_border_style_focus;
$select_item_selected_border_model = !empty($config['select_item_selected_border_model'])
    ? $config['select_item_selected_border_model']
    : $form_default_border_model_focus;
$select_item_selected_border_color = !empty($config['select_item_selected_border_color'])
    ? $config['select_item_selected_border_color']
    : '';
$select_item_selected_border_color = $storage->get($select_item_selected_border_color);
$select_item_selected_border = $formatter->css_border_simplify(
    $select_item_selected_border_style,
    $select_item_selected_border_model,
    $select_item_selected_border_color
);
$select_item_selected_border_radius = !empty($config['select_item_selected_border_radius'])
    ? $config['select_item_selected_border_radius']
    : $form_default_border_radius_focus;
$select_item_selected_border_radius = $formatter->css_spacing($select_item_selected_border_radius);


$select_glyph = !empty($config['select_glyph'])
    ? $formatter->get_media_url($config['select_glyph'])
    : '';
$glyph = $formatter->prepare_svg_bg($select_glyph, $select_control_color);
$glyph_hover = $formatter->prepare_svg_bg($select_glyph, $select_hover_control_color);
$glyph_active = $formatter->prepare_svg_bg($select_glyph, $select_focus_control_color);


echo /** @lang CSS */
    '
/*SELECT STYLES*/


'.$select_field_typography.'
'.$select_typography.'

'.$class_name.' .project-input.project-input_select .project-input__icon i[class*="ib-"] {
    color: ' . $select_control_color . ';
    font-size: ' . $select_icon_size . ';
}

'.$class_name.' .project-input.project-input_select:hover .project-input__icon i[class*="ib-"] {
    color: ' . $select_hover_control_color . ';
    font-size: ' . $select_icon_size . ';
}

'.$class_name.' .project-input.project-input_select.project-input_focused .project-input__icon i[class*="ib-"] {
    color: ' . $select_focus_control_color . ';
    font-size: ' . $select_icon_size . ';
}


'.$class_name.' .project-input.project-input_select .project-input__icon:not(.has-svg) {
    font-size: ' . $select_icon_size . ';
}

'.$class_name.' .project-input.project-input_select .project-input__icon.has-svg .behaviour-bg {
    height: ' . $select_icon_size . ';
    width: ' . $select_icon_size . ';
}

'.$class_name.' .project-input.project-input_select {
    text-align: '.$select_field_text_align.';
    color: '.$select_text_color.';

    padding: ' . $select_padding . ';
}

'.$class_name.'.cs-select_inited {
    margin: ' . $select_margin . ';
}

'.$class_name.' .project-input.project-input_select .background {
    border-style: ' . $select_border_style . ';
    border-width: ' . $select_border_model . ';
    border-color: ' . $select_border_color . ';
    border-radius: ' . $select_border_radius . ';
    ' . $select_bs . '
}

'.$class_name.' .project-input.project-input_select .background > .color-layer {
    ' . $select_bg['fill'] . '
}

'.$class_name.' .project-input.project-input_select .background  > .image-layer {
    background-image: url("' . $select_bg['image'] . '");
}

'.$class_name.' .project-input.project-input_select .project-input__select {
    color:' . $select_control_color . ';
    fill: ' . $select_control_color . ';
}

'.$class_name.' .project-input.project-input_select .default-select {
    color:' . $select_control_color . ';
    fill: ' . $select_control_color . ';
    background-image: url("' . $select_glyph . '");
    height: ' . $select_icon_size . ';
    width: ' . $select_icon_size . ';
}


'.$class_name.' .project-input.project-input_select:hover {

    color: '.$select_hover_text_color.';

    padding: ' . $select_padding . ';
}

'.$class_name.' .project-input.project-input_select:hover .background {
    border-style: ' . $select_hover_border_style . ';
    border-width: ' . $select_hover_border_model . ';
    border-color: ' . $select_hover_border_color . ';
    border-radius: ' . $select_hover_border_radius . ';
    ' . $select_hover_bs . '
}

'.$class_name.' .project-input.project-input_select:hover .background > .color-layer {
    ' . $select_hover_bg['fill'] . '
}

'.$class_name.' .project-input.project-input_select:hover .background > .image-layer {
    background-image: url("' . $select_hover_bg['image'] . '");
}

'.$class_name.' .project-input.project-input_select:hover .project-input__select {
    color:' . $select_hover_control_color . ';
    fill: ' . $select_hover_control_color . ';
}

'.$class_name.' .project-input.project-input_select:hover .hover-select {
    color:' . $select_hover_control_color . ';
    fill: ' . $select_hover_control_color . ';
}
'.$class_name.' .project-input.project-input_select .hover-select {
    background-image: url("' . $select_hover_glyph . '");
    height: ' . $select_icon_size . ';
    width: ' . $select_icon_size . ';
}

'.$class_name.' .project-input.project-input_select.project-input_focused {
    color: '.$select_focus_text_color.';

    padding: ' . $select_padding . ';
}

'.$class_name.' .project-input.project-input_select.project-input_focused .background {
    border-style: ' . $select_focus_border_style . ';
    border-width: ' . $select_focus_border_model . ';
    border-color: ' . $select_focus_border_color . ';
    border-radius: ' . $select_focus_border_radius . ';
    ' . $select_focus_bs . '
}

'.$class_name.' .project-input.project-input_select.project-input_focused .background > .color-layer {
    ' . $select_focus_bg['fill'] . '
}

'.$class_name.' .project-input.project-input_select.project-input_focused .background > .image-layer {
    background-image: url("' . $select_focus_bg['image'] . '");
}

'.$class_name.' .project-input.project-input_select:focus .project-input__select {
    color:' . $select_focus_control_color . ';
    fill: ' . $select_focus_control_color . ';
}

'.$class_name.' .project-input.project-input_select.project-input_select .focused-select {
    color:' . $select_focus_control_color . ';
    fill: ' . $select_focus_control_color . ';
    background-image: url("' . $select_focus_glyph . '");
    height: ' . $select_icon_size . ';
    width: ' . $select_icon_size . ';
}

'.$class_name.' .project-input.project-input_select .project-input__icon {
    height: ' . $select_icon_size . ';
    width: ' . $select_icon_size . ';
}


'.$class_name.' .project-input.project-input_select .default-select {
    color: ' . $default_control_color . ';
    fill: ' . $default_control_color . ';

    background-image: url("' . $glyph . '");
}

'.$class_name.' .project-input.project-input_select .hover-select {
    color: ' . $default_control_color_hover . ';
    fill: ' . $default_control_color_hover . ';

    background-image: url("' . $glyph_hover . '");
}

'.$class_name.' .project-input.project-input_select.project-input_focused .focused-select {
    color: ' . $default_control_color_focus . ';
    fill: ' . $default_control_color_focus . ';

    background-image: url("' . $glyph_active . '");
}

'.$class_name.' .widget #lang_sel > ul,
'.$class_name.' .project-input.project-input_select + .cs-options {
    padding: ' . $select_list_padding . ';
    margin: ' . $select_list_margin . ';
    text-align: '.$select_list_text_align.';
}

'.$class_name.' .widget #lang_sel > ul,
'.$class_name.' .project-input.project-input_select + .cs-options  {
    border-radius: ' . $select_list_border_radius . ';
    ' . $select_list_bs . '
    ' . $select_list_border . '
}


'.$class_name.' .widget #lang_sel > ul > .background > .color-layer,
'.$class_name.' .project-input.project-input_select + .cs-options > .background > .color-layer {
    ' . $select_list_bg['fill'] . '
}

'.$class_name.' .widget #lang_sel > ul > .background > .image-layer,
'.$class_name.' .project-input.project-input_select + .cs-options > .background > .image-layer {
    background-image: url("' . $select_list_bg['image'] . '");
}


'.$class_name.' .widget #lang_sel  ul ul > li,
'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item {
    color: ' . $select_item_default_fg_color . ';
    padding: ' . $select_item_default_paddings . ';

}

'.$class_name.' .widget #lang_sel  ul > li .background,
'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item .background,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item .background {
    border-radius: ' . $select_item_default_border_radius . ';

    ' . $select_item_default_border . '
}

'.$class_name.' .widget #lang_sel  ul ul > li .background > .color-layer,
'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item .background > .color-layer,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item .background > .color-layer {
    ' . $select_item_default_bg['fill'] . '
}

'.$class_name.' .widget #lang_sel  ul ul > li .background > .image-layer,
'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item .background > .image-layer,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item .background > .image-layer {
    background-image: url("' . $select_item_default_bg['image'] . '");
}


'.$class_name.' .widget #lang_sel  ul ul > li:hover,
'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item:hover,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item:hover {
    color: ' . $select_item_hover_fg_color . ';
    padding: ' . $select_item_hover_paddings . ';

}

'.$class_name.' .widget #lang_sel  ul ul > li:hover .background,
'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item:hover .background,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item:hover .background {
    border-radius: ' . $select_item_hover_border_radius . ';

    ' . $select_item_hover_border . '
}

'.$class_name.' .widget #lang_sel  ul ul > li:hover .background > .color-layer,
'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item:hover .background > .color-layer,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item:hover .background > .color-layer {
    ' . $select_item_hover_bg['fill'] . '
}

'.$class_name.' .widget #lang_sel  ul ul > li:hover .background > .image-layer,
'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item:hover .background > .image-layer,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item:hover .background > .image-layer {
    background-image: url("' . $select_item_hover_bg['image'] . '");
}


'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item.cs-selected,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item.cs-selected {
    color: ' . $select_item_selected_fg_color . ';
    padding: ' . $select_item_selected_paddings . ';

}

'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item.cs-selected .background,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item.cs-selected .background {
    border-radius: ' . $select_item_selected_border_radius . ';

    ' . $select_item_selected_border . '
}

'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item.cs-selected  .background > .color-layer,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item.cs-selected  .background > .color-layer {
    ' . $select_item_selected_bg['fill'] . '
}

'.$class_name.' .project-input.project-input_select + .cs-options > .cs-options__list > .cs-options__list-item.cs-selected  .background > .image-layer,
'.$class_name.' .project-input.project-input_select + .cs-options .cs-options__list .cs-options__list-item.cs-selected  .background > .image-layer {
    background-image: url("' . $select_item_selected_bg['image'] . '");
}
';