<?php


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

$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
 */

$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_text_color = $primary_text_color;

$form_default_border_color_hover = $divider_color;
$form_default_control_color_hover = $accent_color;
$form_default_text_color_hover = $primary_text_color;

$form_default_border_color_focus = $divider_color;
$form_default_control_color_focus = $accent_color;
$form_default_text_color_focus = $primary_text_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 = '';

/**
 * Accordion handler
 */
$accordion_typography = !empty($config['accordion_typography'])
    ? $config['accordion_typography']
    : 'main';
$accordion_typography = $formatter->dynamic_typography($accordion_typography, ' .wpw .accordion.wc-accordion > li > a,
.wpw .project-accordion__title ');
$accordion_handler_text_align = !empty($config['accordion_handler_text_align'])
    ? $config['accordion_handler_text_align']
    : 'left';

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

$accordion_handler_use_icon_glyph = !empty($config['accordion_handler_use_icon_glyph'])
    ? $config['accordion_handler_use_icon_glyph']
    : 'on';
$accordion_handler_glyph = $accordion_handler_hover_glyph = $accordion_handler_focus_glyph = '';


// default ===========================================
// border
$accordion_handler_border_style = !empty($config['accordion_handler_border_style'])
    ? $config['accordion_handler_border_style']
    : $form_default_border_style;
$accordion_handler_border_model = !empty($config['accordion_handler_border_model'])
    ? $config['accordion_handler_border_model']
    : $form_default_border_model;
$border_model_alter = $formatter->from_spacing($accordion_handler_border_model);
$accordion_handler_border_model = $formatter->css_spacing($accordion_handler_border_model);
$accordion_handler_border_radius = !empty($config['accordion_handler_border_radius'])
    ? $config['accordion_handler_border_radius']
    : $form_default_border_radius;
$accordion_handler_border_radius = $formatter->css_spacing($accordion_handler_border_radius);
// color
$accordion_handler_use_default_color = !empty($config['accordion_handler_use_default_color'])
    ? $config['accordion_handler_use_default_color']
    : 'on';
$accordion_handler_border_color = !empty($config['accordion_handler_border_color'])
    ? $config['accordion_handler_border_color']
    : '';
$accordion_handler_border_color = $storage->get($accordion_handler_border_color);
$accordion_handler_control_color = !empty($config['accordion_handler_control_color'])
    ? $config['accordion_handler_control_color']
    : '';
$accordion_handler_control_color = $storage->get($accordion_handler_control_color);
$accordion_handler_text_color = !empty($config['accordion_handler_text_color'])
    ? $config['accordion_handler_text_color']
    : '';
$accordion_handler_text_color = $storage->get($accordion_handler_text_color);
$accordion_handler_control_color = !empty($config['accordion_handler_control_color'])
    ? $storage->get($config['accordion_handler_control_color'])
    : '';
// bg
$accordion_handler_bg = !empty($config['accordion_handler_bg'])
    ? $config['accordion_handler_bg']
    : '';
$accordion_handler_bg = $formatter->from_bg($accordion_handler_bg);
// shadow
$accordion_handler_bs_hl = !empty($config['accordion_handler_bs_hl'])
    ? $config['accordion_handler_bs_hl']
    : $form_default_bs_hl;
$accordion_handler_bs_hl = $formatter->css_scalar($accordion_handler_bs_hl);
$accordion_handler_bs_vl = !empty($config['accordion_handler_bs_vl'])
    ? $config['accordion_handler_bs_vl']
    : $form_default_bs_vl;
$accordion_handler_bs_vl = $formatter->css_scalar($accordion_handler_bs_vl);
$accordion_handler_bs_br = !empty($config['accordion_handler_bs_br'])
    ? $config['accordion_handler_bs_br']
    : $form_default_bs_br;
$accordion_handler_bs_br = $formatter->css_scalar($accordion_handler_bs_br);
$accordion_handler_bs_sr = !empty($config['accordion_handler_bs_sr'])
    ? $config['accordion_handler_bs_sr']
    : $form_default_bs_sr;
$accordion_handler_bs_sr = $formatter->css_scalar($accordion_handler_bs_sr);
$accordion_handler_bs_color = !empty($config['accordion_handler_bs_color'])
    ? $config['accordion_handler_bs_color']
    : '';
$accordion_handler_bs_color = $storage->get($accordion_handler_bs_color);
$accordion_handler_bs = " box-shadow: {$accordion_handler_bs_hl} {$accordion_handler_bs_vl} {$accordion_handler_bs_br} {$accordion_handler_bs_sr} {$accordion_handler_bs_color}; ";

// hover ===========================================
// border
$accordion_handler_hover_border_style = !empty($config['accordion_handler_hover_border_style'])
    ? $config['accordion_handler_hover_border_style']
    : $form_default_border_style_hover;
$accordion_handler_hover_border_model = !empty($config['accordion_handler_hover_border_model'])
    ? $config['accordion_handler_hover_border_model']
    : $form_default_border_model_hover;
$border_model_hover_alter = $formatter->from_spacing($accordion_handler_hover_border_model);
$accordion_handler_hover_border_model = $formatter->css_spacing($accordion_handler_hover_border_model);
$accordion_handler_hover_border_radius = !empty($config['accordion_handler_hover_border_radius'])
    ? $config['accordion_handler_hover_border_radius']
    : $form_default_border_radius_hover;
$accordion_handler_hover_border_radius = $formatter->css_spacing($accordion_handler_hover_border_radius);
// color
$accordion_handler_hover_use_default_color = !empty($config['accordion_handler_hover_use_default_color'])
    ? $config['accordion_handler_hover_use_default_color']
    : 'on';
$accordion_handler_hover_border_color = !empty($config['accordion_handler_hover_border_color'])
    ? $config['accordion_handler_hover_border_color']
    : '';
$accordion_handler_hover_border_color = $storage->get($accordion_handler_hover_border_color);
$accordion_handler_hover_control_color = !empty($config['accordion_handler_hover_control_color'])
    ? $config['accordion_handler_hover_control_color']
    : '';
$accordion_handler_hover_control_color = $storage->get($accordion_handler_hover_control_color);
$accordion_handler_hover_text_color = !empty($config['accordion_handler_hover_text_color'])
    ? $config['accordion_handler_hover_text_color']
    : '';
$accordion_handler_hover_text_color = $storage->get($accordion_handler_hover_text_color);
$accordion_handler_hover_control_color = !empty($config['accordion_handler_hover_control_color'])
    ? $storage->get($config['accordion_handler_hover_control_color'])
    : '';
// bg
$accordion_handler_hover_bg = !empty($config['accordion_handler_hover_bg'])
    ? $config['accordion_handler_hover_bg']
    : '';
$accordion_handler_hover_bg = $formatter->from_bg($accordion_handler_hover_bg);
// shadow
$accordion_handler_hover_bs_hl = !empty($config['accordion_handler_hover_bs_hl'])
    ? $config['accordion_handler_hover_bs_hl']
    : $form_default_bs_hl_hover;
$accordion_handler_hover_bs_hl = $formatter->css_scalar($accordion_handler_hover_bs_hl);
$accordion_handler_hover_bs_vl = !empty($config['accordion_handler_hover_bs_vl'])
    ? $config['accordion_handler_hover_bs_vl']
    : $form_default_bs_vl_hover;
$accordion_handler_hover_bs_vl = $formatter->css_scalar($accordion_handler_hover_bs_vl);
$accordion_handler_hover_bs_br = !empty($config['accordion_handler_hover_bs_br'])
    ? $config['accordion_handler_hover_bs_br']
    : $form_default_bs_br_hover;
$accordion_handler_hover_bs_br = $formatter->css_scalar($accordion_handler_hover_bs_br);
$accordion_handler_hover_bs_sr = !empty($config['accordion_handler_hover_bs_sr'])
    ? $config['accordion_handler_hover_bs_sr']
    : $form_default_bs_sr_hover;
$accordion_handler_hover_bs_sr = $formatter->css_scalar($accordion_handler_hover_bs_sr);
$accordion_handler_hover_bs_color = !empty($config['accordion_handler_hover_bs_color'])
    ? $config['accordion_handler_hover_bs_color']
    : '';
$accordion_handler_hover_bs_color = $storage->get($accordion_handler_hover_bs_color);
$accordion_handler_hover_bs = " box-shadow: {$accordion_handler_hover_bs_hl} {$accordion_handler_hover_bs_vl} {$accordion_handler_hover_bs_br} {$accordion_handler_hover_bs_sr} {$accordion_handler_hover_bs_color}; ";

// focus ===========================================
// border
$accordion_handler_focus_border_style = !empty($config['accordion_handler_focus_border_style'])
    ? $config['accordion_handler_focus_border_style']
    : $form_default_border_style_focus;
$accordion_handler_focus_border_model = !empty($config['accordion_handler_focus_border_model'])
    ? $config['accordion_handler_focus_border_model']
    : $form_default_border_model_focus;
$border_model_focus_alter = $formatter->from_spacing($accordion_handler_focus_border_model);
$accordion_handler_focus_border_model = $formatter->css_spacing($accordion_handler_focus_border_model);
$accordion_handler_focus_border_radius = !empty($config['accordion_handler_focus_border_radius'])
    ? $config['accordion_handler_focus_border_radius']
    : $form_default_border_radius_focus;
$accordion_handler_focus_border_radius = $formatter->css_spacing($accordion_handler_focus_border_radius);
// color
$accordion_handler_focus_use_default_color = !empty($config['accordion_handler_focus_use_default_color'])
    ? $config['accordion_handler_focus_use_default_color']
    : 'on';
$accordion_handler_focus_border_color = !empty($config['accordion_handler_focus_border_color'])
    ? $config['accordion_handler_focus_border_color']
    : '';
$accordion_handler_focus_border_color = $storage->get($accordion_handler_focus_border_color);
$accordion_handler_focus_control_color = !empty($config['accordion_handler_focus_control_color'])
    ? $config['accordion_handler_focus_control_color']
    : '';
$accordion_handler_focus_control_color = $storage->get($accordion_handler_focus_control_color);
$accordion_handler_focus_text_color = !empty($config['accordion_handler_focus_text_color'])
    ? $config['accordion_handler_focus_text_color']
    : '';
$accordion_handler_focus_text_color = $storage->get($accordion_handler_focus_text_color);
$accordion_handler_focus_control_color = !empty($config['accordion_handler_focus_control_color'])
    ? $storage->get($config['accordion_handler_focus_control_color'])
    : '';
// bg
$accordion_handler_focus_bg = !empty($config['accordion_handler_focus_bg'])
    ? $config['accordion_handler_focus_bg']
    : '';
$accordion_handler_focus_bg = $formatter->from_bg($accordion_handler_focus_bg);
// shadow
$accordion_handler_focus_bs_hl = !empty($config['accordion_handler_focus_bs_hl'])
    ? $config['accordion_handler_focus_bs_hl']
    : $form_default_bs_hl_focus;
$accordion_handler_focus_bs_hl = $formatter->css_scalar($accordion_handler_focus_bs_hl);
$accordion_handler_focus_bs_vl = !empty($config['accordion_handler_focus_bs_vl'])
    ? $config['accordion_handler_focus_bs_vl']
    : $form_default_bs_vl_focus;
$accordion_handler_focus_bs_vl = $formatter->css_scalar($accordion_handler_focus_bs_vl);
$accordion_handler_focus_bs_br = !empty($config['accordion_handler_focus_bs_br'])
    ? $config['accordion_handler_focus_bs_br']
    : $form_default_bs_br_focus;
$accordion_handler_focus_bs_br = $formatter->css_scalar($accordion_handler_focus_bs_br);
$accordion_handler_focus_bs_sr = !empty($config['accordion_handler_focus_bs_sr'])
    ? $config['accordion_handler_focus_bs_sr']
    : $form_default_bs_sr_focus;
$accordion_handler_focus_bs_sr = $formatter->css_scalar($accordion_handler_focus_bs_sr);
$accordion_handler_focus_bs_color = !empty($config['accordion_handler_focus_bs_color'])
    ? $config['accordion_handler_focus_bs_color']
    : '';
$accordion_handler_focus_bs_color = $storage->get($accordion_handler_focus_bs_color);
$accordion_handler_focus_bs = " box-shadow: {$accordion_handler_focus_bs_hl} {$accordion_handler_focus_bs_vl} {$accordion_handler_focus_bs_br} {$accordion_handler_focus_bs_sr} {$accordion_handler_focus_bs_color}; ";


/**
 * Accordion content
 */
$accordion_content_border_style = !empty($config['accordion_content_border_style'])
    ? $config['accordion_content_border_style']
    : $form_default_border_style;
$accordion_content_border_model = !empty($config['accordion_content_border_model'])
    ? $config['accordion_content_border_model']
    : $form_default_border_model;
$accordion_content_border_color = !empty($config['accordion_content_border_color'])
    ? $config['accordion_content_border_color']
    : '';
$accordion_content_border_color = $storage->get($accordion_content_border_color);
$accordion_content_border = $formatter->css_border_simplify(
    $accordion_content_border_style,
    $accordion_content_border_model,
    $accordion_content_border_color
);
$accordion_content_border_radius = !empty($config['accordion_content_border_radius'])
    ? $config['accordion_content_border_radius']
    : $form_default_border_radius;
$accordion_content_border_radius = $formatter->css_spacing($accordion_content_border_radius);
// bg
$accordion_content_bg = !empty($config['accordion_content_bg'])
    ? $config['accordion_content_bg']
    : '';
$accordion_content_bg = $formatter->from_bg($accordion_content_bg);
// indents
$accordion_content_padding = !empty($config['accordion_content_padding'])
    ? $config['accordion_content_padding']
    : $form_default_padding;
$accordion_content_padding = $formatter->css_spacing($accordion_content_padding);
$accordion_content_margin = !empty($config['accordion_content_margin'])
    ? $config['accordion_content_margin']
    : $form_default_margins;
$accordion_content_margin = $formatter->css_spacing($accordion_content_margin);


// shadow
$accordion_content_bs_hl = !empty($config['accordion_content_bs_hl'])
    ? $config['accordion_content_bs_hl']
    : $form_default_bs_hl;
$accordion_content_bs_hl = $formatter->css_scalar($accordion_content_bs_hl);
$accordion_content_bs_vl = !empty($config['accordion_content_bs_vl'])
    ? $config['accordion_content_bs_vl']
    : $form_default_bs_vl;
$accordion_content_bs_vl = $formatter->css_scalar($accordion_content_bs_vl);
$accordion_content_bs_br = !empty($config['accordion_content_bs_br'])
    ? $config['accordion_content_bs_br']
    : $form_default_bs_br;
$accordion_content_bs_br = $formatter->css_scalar($accordion_content_bs_br);
$accordion_content_bs_sr = !empty($config['accordion_content_bs_sr'])
    ? $config['accordion_content_bs_sr']
    : $form_default_bs_sr;
$accordion_content_bs_sr = $formatter->css_scalar($accordion_content_bs_sr);
$accordion_content_bs_color = !empty($config['accordion_content_bs_color'])
    ? $config['accordion_content_bs_color']
    : '';
$accordion_content_bs_color = $storage->get($accordion_content_bs_color);
$accordion_content_bs = " box-shadow: {$accordion_content_bs_hl} {$accordion_content_bs_vl} {$accordion_content_bs_br} {$accordion_content_bs_sr} {$accordion_content_bs_color}; ";


$accordion_glyph_open = !empty($config['accordion_glyph_open'])
    ? $config['accordion_glyph_open']
    : '';
$accordion_open_icon_size = !empty($config['accordion_open_icon_size'])
    ? $formatter->css_scalar($config['accordion_open_icon_size'])
    : '14px';

$accordion_glyph_open = $formatter->get_media_url($accordion_glyph_open);
$accordion_hover_glyph_open = $formatter->prepare_svg_bg($accordion_glyph_open, $accordion_handler_hover_control_color);
$accordion_focus_glyph_open = $formatter->prepare_svg_bg($accordion_glyph_open, $accordion_handler_focus_control_color);
$accordion_glyph_open = $formatter->prepare_svg_bg($accordion_glyph_open, $accordion_handler_control_color);


$accordion_glyph_close = !empty($config['accordion_glyph_close'])
    ? $config['accordion_glyph_close']
    : '';
$accordion_close_icon_size = !empty($config['accordion_close_icon_size'])
    ? $formatter->css_scalar($config['accordion_close_icon_size'])
    : '14px';

$accordion_glyph_close = $formatter->get_media_url($accordion_glyph_close);
$accordion_hover_glyph_close = $formatter->prepare_svg_bg($accordion_glyph_close, $accordion_handler_hover_control_color);
$accordion_focus_glyph_close = $formatter->prepare_svg_bg($accordion_glyph_close, $accordion_handler_focus_control_color);
$accordion_glyph_close = $formatter->prepare_svg_bg($accordion_glyph_close, $accordion_handler_control_color);


echo /** @lang CSS */
    '
'.$accordion_typography.'

.wpw .project-accordion__title .project-accordion__icon_open {
    height: '.$accordion_open_icon_size .';
    width: '.$accordion_open_icon_size .';
}

.wpw .project-accordion__title .project-accordion__icon_open i[class^="ib-"] {
    font-size: '.$accordion_open_icon_size .';
}

.wpw .project-accordion__title .project-accordion__icon_close {
    height: '.$accordion_close_icon_size .';
    width: '.$accordion_close_icon_size .';
}

.wpw .project-accordion__title .project-accordion__icon_close i[class^="ib-"] {
    font-size: '.$accordion_close_icon_size .';
}


.wpw .project-accordion__title .project-accordion__icon_close i[class^="ib-"],
.wpw .project-accordion__title .project-accordion__icon_open i[class^="ib-"] {
    color: '.$accordion_handler_control_color.';
    fill: '.$accordion_handler_control_color.';
}

.wpw .project-accordion__title:hover .project-accordion__icon_close i[class^="ib-"],
.wpw .project-accordion__title:hover .project-accordion__icon_open i[class^="ib-"] {
    color: '.$accordion_handler_control_color.';
    fill: '.$accordion_handler_control_color.';
}

.wpw .project-accordion__title.project-accordion__title_active .project-accordion__icon_close i[class^="ib-"],
.wpw .project-accordion__title.project-accordion__title_active .project-accordion__icon_open i[class^="ib-"] {
    color: '.$accordion_handler_control_color.';
    fill: '.$accordion_handler_control_color.';
}

.wpw .project-accordion__title .project-accordion__icon_close .default-accordion {
    background-image: url("' . $accordion_glyph_close . '");
}

.wpw .project-accordion__title .project-accordion__icon_open .default-accordion {
    background-image: url("' . $accordion_glyph_open . '");
}

.wpw .project-accordion__title:hover .project-accordion__icon_close i[class^="ib-"],
.wpw .project-accordion__title:hover .project-accordion__icon_open i[class^="ib-"] {
    color: '.$accordion_handler_control_color.';
    fill: '.$accordion_handler_control_color.';
}

.wpw .project-accordion__title:hover .project-accordion__icon_close .default-accordion {
    background-image: url("' . $accordion_hover_glyph_close . '");
}

.wpw .project-accordion__title:hover .project-accordion__icon_open .default-accordion {
    background-image: url("' . $accordion_hover_glyph_open . '");
}

.wpw .project-accordion__title.project-accordion__title_active .project-accordion__icon_close i[class^="ib-"],
.wpw .project-accordion__title.project-accordion__title_active .project-accordion__icon_open i[class^="ib-"] {
    color: '.$accordion_handler_control_color.';
    fill: '.$accordion_handler_control_color.';
}

.wpw .project-accordion__title.project-accordion__title_active .project-accordion__icon_close .default-accordion {
    background-image: url("' . $accordion_focus_glyph_close . '");
}

.wpw .project-accordion__title.project-accordion__title_active .project-accordion__icon_open .default-accordion {
    background-image: url("' . $accordion_focus_glyph_open . '");
}


.wpw .accordion.wc-accordion > li > a,
.wpw .project-accordion__title {
    color: ' . $accordion_handler_text_color . ';
    text-align: '.$accordion_handler_text_align.';

    padding: ' . $accordion_handler_padding . ';
    margin: ' . $accordion_handler_margin . ';
}

.wpw .accordion.wc-accordion > li > a {
    border-style: ' . $accordion_handler_border_style . ';
    border-width: ' . $accordion_handler_border_model . ';
    border-color: ' . $accordion_handler_border_color . ';
    border-radius: ' . $accordion_handler_border_radius . ';

    ' . $accordion_handler_bs . '
    ' . $accordion_handler_bg['fill'] . '
}

.wpw .project-accordion__title > .background {
    border-style: ' . $accordion_handler_border_style . ';
    border-width: ' . $accordion_handler_border_model . ';
    border-color: ' . $accordion_handler_border_color . ';
    border-radius: ' . $accordion_handler_border_radius . ';

    ' . $accordion_handler_bs . '
}

.wpw .project-accordion__title > .background .image-layer {
    background-image: url(' . $accordion_handler_bg['image'] . ');
}

.wpw .project-accordion__title > .background .color-layer {
   ' . $accordion_handler_bg['fill'] . '
}


.wpw .accordion.wc-accordion > li:hover > a,
.wpw .project-accordion__title:hover {
    color: ' . $accordion_handler_hover_text_color . ';
}

.wpw .accordion.wc-accordion > li:hover > a,
.wpw .project-accordion__title:hover > .background {
    border-style: ' . $accordion_handler_hover_border_style . ';
    border-width: ' . $accordion_handler_hover_border_model . ';
    border-color: ' . $accordion_handler_hover_border_color . ';
    border-radius: ' . $accordion_handler_hover_border_radius . ';

    ' . $accordion_handler_hover_bs . '
}

.wpw .project-accordion__title:hover > .background .image-layer {
    background-image: url(' . $accordion_handler_hover_bg['image'] . ');
}

.wpw .accordion.wc-accordion > li:hover > a,
.wpw .project-accordion__title:hover > .background .color-layer {
    ' . $accordion_handler_hover_bg['fill'] . '
}


.wpw .accordion.wc-accordion > li.active > a,
.wpw .project-accordion__title.project-accordion__title_active {
    color: ' . $accordion_handler_focus_text_color . ';
}

.wpw .accordion.wc-accordion > li.active > a,
.wpw .project-accordion__title.project-accordion__title_active > .background {
    border-style: ' . $accordion_handler_focus_border_style . ';
    border-width: ' . $accordion_handler_focus_border_model . ';
    border-color: ' . $accordion_handler_focus_border_color . ';
    border-radius: ' . $accordion_handler_focus_border_radius . ';
    ' . $accordion_handler_focus_bs . '
}

.wpw .project-accordion__title.project-accordion__title_active > .background .image-layer {
    background-image: url(' . $accordion_handler_focus_bg['image'] . ');
}

.wpw .accordion.wc-accordion > li.active > a,
.wpw .project-accordion__title.project-accordion__title_active > .background .color-layer {
    ' . $accordion_handler_focus_bg['fill'] . '
}


.wpw .wc-accordion,
.wpw .project-accordion__item-content {
    margin: ' . $accordion_content_margin . ';
}

.wpw .wc-accordion,
.wpw .project-accordion__item-content  {
    border-radius: ' . $accordion_content_border_radius . ';
    ' . $accordion_content_bs . '
    ' . $accordion_content_border . '
}

.wpw .project-accordion__item-content > .project-accordion__item-content-inner > .background .image-layer {
    background-image: url(' . $accordion_content_bg['image'] . ');
}

.wpw .wc-accordion,
.wpw .project-accordion__item-content-inner {
    padding: ' . $accordion_content_padding . ';
}

.wpw .wc-accordion,
.wpw .project-accordion__item-content > .project-accordion__item-content-inner > .background .color-layer {
    border-radius: ' . $accordion_content_border_radius . ';
    ' . $accordion_content_bg['fill'] . '
}
';