<?php

// @codingStandardsIgnoreLine
// ct_print(get_theme_mod('author_name_color', []));

// @codingStandardsIgnoreLine
// $css->put('body', 'background: red;');

// Color palette
$colorPalette = ct_get_colors( get_theme_mod( 'colorPalette',
	[
		'color1' => [ 'color' => '#3eaf7c' ],
		'color2' => [ 'color' => '#33a370' ],
		'color3' => [ 'color' => 'rgba(44, 62, 80, 0.9)' ],
		'color4' => [ 'color' => 'rgba(44, 62, 80, 1)' ],
		'color5' => [ 'color' => '#ffffff' ],
	]
));

$css->put(
	':root',
	"--paletteColor1: {$colorPalette['color1']}"
);

$css->put(
	':root',
	"--paletteColor2: {$colorPalette['color2']}"
);

$css->put(
	':root',
	"--paletteColor3: {$colorPalette['color3']}"
);

$css->put(
	':root',
	"--paletteColor4: {$colorPalette['color4']}"
);

$css->put(
	':root',
	"--paletteColor5: {$colorPalette['color5']}"
);


// Colors
$font_color = ct_get_colors( get_theme_mod( 'fontColor',
	[ 'default' => [ 'color' => 'var(--paletteColor3)' ] ]
));

$css->put(
	':root',
	"--fontColor: {$font_color['default']}"
);

$link_color = ct_get_colors( get_theme_mod( 'linkColor',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	':root',
	"--linkInitialColor: {$link_color['default']}"
);

$css->put(
	':root',
	"--linkHoverColor: {$link_color['hover']}"
);


$button_color = ct_get_colors( get_theme_mod( 'buttonColor',
	[
		'default' => [ 'color' => 'var(--paletteColor1)' ],
		'hover' => [ 'color' => 'var(--paletteColor2)' ],
	]
));

$css->put(
	':root',
	"--buttonInitialColor: {$button_color['default']}"
);

$css->put(
	':root',
	"--buttonHoverColor: {$button_color['hover']}"
);

$site_background = ct_get_colors( get_theme_mod( 'siteBackground',
	[ 'default' => [ 'color' => '#f8f9fb' ] ]
));

$css->put(
	':root',
	"--siteBackground: {$site_background['default']}"
);


// Layout
$max_site_width = get_theme_mod( 'maxSiteWidth', 1290 );
$css->put( ':root', '--maxSiteWidth: ' . $max_site_width . 'px' );


// Blog
$cardFontColor = ct_get_colors( get_theme_mod( 'cardFontColor',
	[ 'default' => [ 'color' => 'var(--paletteColor3)' ] ]
));

$css->put(
	'.entry-card',
	"--fontColor: {$cardFontColor['default']}"
);

$cardLinkColor = ct_get_colors( get_theme_mod( 'cardLinkColor',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.entry-card',
	"--linkInitialColor: {$cardLinkColor['default']}"
);

$css->put(
	'.entry-card',
	"--linkHoverColor: {$cardLinkColor['hover']}"
);

$card_background = ct_get_colors( get_theme_mod(
	'cardBackground',
	[ 'default' => [ 'color' => 'var(--paletteColor5)' ] ]
));

$css->put(
	':root',
	"--cardBackground: {$card_background['default']}"
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'cardsGap',
	get_theme_mod('cardsGap', [
		'mobile' => 30,
		'tablet' => 30,
		'desktop' => 30,
	])
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'cardSpacing',
	get_theme_mod('card_spacing', [
		'mobile' => 25,
		'tablet' => 35,
		'desktop' => 35,
	])
);


// Logo
ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'logoMaxHeight',
	get_theme_mod('logoMaxHeight', [
		'mobile' => 50,
		'tablet' => 50,
		'desktop' => 50,
	])
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'headerLogoSpacing',
	get_theme_mod('headerLogoSpacing', [
		'mobile' => '35px',
		'tablet' => '35px',
		'desktop' => '35px',
	]), ''
);


// Header
$headerBackground = ct_get_colors( get_theme_mod(
	'headerBackground',
	[ 'default' => [ 'color' => '#ffffff' ] ]
));

$css->put(
	':root',
	"--headerBackground: {$headerBackground['default']}"
);

$headerShadow = ct_get_colors( get_theme_mod(
	'headerShadow',
	[ 'default' => [ 'color' => 'rgba(210, 213, 218, 0.15)' ] ]
));

$css->put(
	':root',
	"--headerShadow: {$headerShadow['default']}"
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'headerSpacing',
	get_theme_mod('headerSpacing', [
		'mobile' => '35px',
		'tablet' => '35px',
		'desktop' => '45px',
	]), ''
);


// main menu
$menuFontColor = ct_get_colors( get_theme_mod(
	'menuFontColor',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.primary-menu',
	"--menuInitialColor: {$menuFontColor['default']}"
);

$css->put(
	'.primary-menu',
	"--menuHoverColor: {$menuFontColor['hover']}"
);

$headerMenuItemsSpacing = get_theme_mod( 'headerMenuItemsSpacing', 25 );
$css->put(
	'.primary-menu',
	'--menuItemsSpacing: ' . $headerMenuItemsSpacing . 'px'
);


$navSectionBorder = ct_get_colors( get_theme_mod(
	'navSectionBorder',
	[ 'default' => [ 'color' => '#f4f5f6' ] ]
));

$css->put(
	':root',
	"--navSectionBorder: {$navSectionBorder['default']}"
);


$navSectionBackground = ct_get_colors( get_theme_mod(
	'navSectionBackground',
	[ 'default' => [ 'color' => 'rgba(255,255,255, 0)' ] ]
));

$css->put(
	':root',
	"--navSectionBackground: {$navSectionBackground['default']}"
);

$dropdownFontColor = ct_get_colors( get_theme_mod(
	'dropdownFontColor',
	[
		'default' => [ 'color' => '#ffffff' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.primary-menu .sub-menu',
	"--menuInitialColor: {$dropdownFontColor['default']}"
);

$css->put(
	'.primary-menu .sub-menu',
	"--menuHoverColor: {$dropdownFontColor['hover']}"
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'navSectionSpacing',
	get_theme_mod('navSectionSpacing', [
		'mobile' => '15px',
		'tablet' => '15px',
		'desktop' => '15px',
	]), ''
);

$dropdownMenuWidth = get_theme_mod( 'dropdownMenuWidth', 200 );
$css->put(
	':root',
	'--dropdownMenuWidth: ' . $dropdownMenuWidth . 'px'
);

$dropDownBackground = ct_get_colors( get_theme_mod(
	'dropDownBackground',
	[ 'default' => [ 'color' => '#29333C' ] ]
));

$css->put(
	':root',
	"--dropDownBackground: {$dropDownBackground['default']}"
);


// Top bar
$topBarFontColor = ct_get_colors( get_theme_mod(
	'topBarFontColor',
	[ 'default' => [ 'color' => 'rgba(255, 255, 255, 0.8)' ] ]
));

$css->put(
	':root',
	"--topBarFontColor: {$topBarFontColor['default']}"
);

$topBarLinkColor = ct_get_colors( get_theme_mod(
	'topBarLinkColor',
	[
		'default' => [ 'color' => 'rgba(255, 255, 255, 0.8)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.header-top-bar',
	"--linkInitialColor: {$topBarLinkColor['default']}"
);

$css->put(
	'.header-top-bar',
	"--linkHoverColor: {$topBarLinkColor['hover']}"
);

$topBarBackground = ct_get_colors( get_theme_mod(
	'topBarBackground',
	[ 'default' => [ 'color' => '#29333d' ] ]
));

$css->put(
	':root',
	"--topBarBackground: {$topBarBackground['default']}"
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	'.header-top-bar-menu', 'menuItemsSpacing',
	get_theme_mod('topBarMenuItemsSpacing', [
		'mobile' => 20,
		'tablet' => 20,
		'desktop' => 20,
	])
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'topBarSpacing',
	get_theme_mod( 'topBarSpacing', '13px' ), ''
);

// Mobile header
ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'mobileHeaderSpacing',
	get_theme_mod('mobileHeaderSpacing', [
		'mobile' => '20px',
		'tablet' => '20px',
		'desktop' => '20px',
	]), ''
);

$mobileHeaderBackground = ct_get_colors( get_theme_mod(
	'mobileHeaderBackground',
	[ 'default' => [ 'color' => 'var(--paletteColor5)' ] ]
));

$css->put(
	':root',
	"--mobileHeaderBackground: {$mobileHeaderBackground['default']}"
);


$mobileMenuIconColor = ct_get_colors( get_theme_mod(
	'mobileMenuIconColor',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.mobile-menu-toggle',
	"--linkInitialColor: {$mobileMenuIconColor['default']}"
);

$css->put(
	'.mobile-menu-toggle',
	"--linkHoverColor: {$mobileMenuIconColor['hover']}"
);


$mobileMenuLinkColor = ct_get_colors( get_theme_mod(
	'mobileMenuLinkColor',
	[
		'default' => [ 'color' => '#ffffff' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.mobile-menu',
	"--menuInitialColor: {$mobileMenuLinkColor['default']}"
);

$css->put(
	'.mobile-menu',
	"--menuHoverColor: {$mobileMenuLinkColor['hover']}"
);

$mobileMenuBackground = ct_get_colors( get_theme_mod(
	'mobileMenuBackground',
	[ 'default' => [ 'color' => 'rgba(18, 21, 25, 0.98)' ] ]
));

$css->put(
	'.main-navigation',
	"--modalBackground: {$mobileMenuBackground['default']}"
);


// Header Search Modal
$searchHeaderIconColor = ct_get_colors( get_theme_mod(
	'searchHeaderIconColor',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.search-button',
	"--linkInitialColor: {$searchHeaderIconColor['default']}"
);

$css->put(
	'.search-button',
	"--linkHoverColor: {$searchHeaderIconColor['hover']}"
);


$searchHeaderBackground = ct_get_colors( get_theme_mod(
	'searchHeaderBackground',
	[ 'default' => [ 'color' => 'rgba(18, 21, 25, 0.98)' ] ]
));

$css->put(
	'#search-modal',
	"--modalBackground: {$searchHeaderBackground['default']}"
);

$searchHeaderLinkColor = ct_get_colors( get_theme_mod(
	'searchHeaderLinkColor',
	[
		'default' => [ 'color' => 'var(--paletteColor5)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'#search-modal',
	"--linkInitialColor: {$searchHeaderLinkColor['default']}"
);

$css->put(
	'#search-modal',
	"--linkHoverColor: {$searchHeaderLinkColor['hover']}"
);


// Hero Section
ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'hero1TitleSize',
	get_theme_mod('hero1TitleSize', [
		'mobile' => 25,
		'tablet' => 30,
		'desktop' => 32,
	])
);

$hero1FontColor = ct_get_colors( get_theme_mod(
	'hero1FontColor',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	':root',
	"--hero1FontColor: {$hero1FontColor['default']}"
);

$css->put(
	'.hero-section[data-type="type-1"]',
	"--linkHoverColor: {$hero1FontColor['hover']}"
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'hero2TitleSize',
	get_theme_mod('hero2TitleSize', [
		'mobile' => 25,
		'tablet' => 35,
		'desktop' => 55,
	])
);

$hero2FontColor = ct_get_colors( get_theme_mod(
	'hero2FontColor',
	[
		'default' => [ 'color' => '#ffffff' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	':root',
	"--hero2FontColor: {$hero2FontColor['default']}"
);

$css->put(
	'.hero-section[data-type="type-2"]',
	"--linkHoverColor: {$hero2FontColor['hover']}"
);


$heroOverlayColor = ct_get_colors( get_theme_mod(
	'heroOverlayColor',
	[ 'default' => [ 'color' => 'rgba(41, 51, 60, 0.2)' ] ]
));

$css->put(
	':root',
	"--heroOverlayColor: {$heroOverlayColor['default']}"
);

$heroBackground = ct_get_colors( get_theme_mod(
	'heroBackground',
	[ 'default' => [ 'color' => '#CED1D5' ] ]
));

$css->put(
	':root',
	"--heroBackground: {$heroBackground['default']}"
);


// Sidebar
$sidebar_width = ct_get_theme_mod( 'sidebarWidth', '27%' );
$css->put( ':root', '--sidebarWidth: ' . $sidebar_width );


$sidebar_offset = get_theme_mod( 'sidebarOffset', 50 );
$css->put( ':root', '--sidebarOffset: ' . $sidebar_offset . 'px' );

$sidebar_widgets_title_color = ct_get_colors( get_theme_mod(
	'sidebarWidgetsTitleColor',
	[ 'default' => [ 'color' => 'var(--paletteColor4)' ] ]
));

$css->put(
	'.ct-sidebar',
	"--widgetsTitleColor: {$sidebar_widgets_title_color['default']}"
);

$sidebar_widgets_font_color = ct_get_colors( get_theme_mod(
	'sidebarWidgetsFontColor',
	[ 'default' => [ 'color' => 'var(--paletteColor3)' ] ]
));

$css->put(
	'.ct-sidebar',
	"--widgetsFontColor: {$sidebar_widgets_font_color['default']}"
);

$sidebar_widgets_link = ct_get_colors( get_theme_mod(
	'sidebarWidgetsLink',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.ct-sidebar',
	"--linkInitialColor: {$sidebar_widgets_link['default']}"
);

$css->put(
	'.ct-sidebar',
	"--linkHoverColor: {$sidebar_widgets_link['hover']}"
);


$sidebar_background_color = ct_get_colors( get_theme_mod(
	'sidebarBackgroundColor',
	[ 'default' => [ 'color' => 'var(--paletteColor5)' ] ]
));

$css->put(
	':root',
	"--sidebarBackgroundColor: {$sidebar_background_color['default']}"
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'sidebarWidgetsSpacing',
	get_theme_mod('sidebarWidgetsSpacing', [
		'mobile' => 30,
		'tablet' => 40,
		'desktop' => 60,
	])
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'sidebarInnerSpacing',
	get_theme_mod('sidebarInnerSpacing', [
		'mobile' => 35,
		'tablet' => 35,
		'desktop' => 35,
	])
);


// Related Posts
ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'relatedPostsContainerSpacing',
	get_theme_mod('relatedPostsContainerSpacing', [
		'mobile' => '30px',
		'tablet' => '50px',
		'desktop' => '70px',
	]), ''
);

$related_posts_label_color = ct_get_colors( get_theme_mod(
	'relatedPostsLabelColor',
	[ 'default' => [ 'color' => 'var(--paletteColor3)' ] ]
));

$css->put(
	':root',
	"--relatedPostsLabelColor: {$related_posts_label_color['default']}"
);


$related_posts_link_color = ct_get_colors( get_theme_mod(
	'relatedPostsLinkColor',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.ct-related-posts',
	"--linkInitialColor: {$related_posts_link_color['default']}"
);

$css->put(
	'.ct-related-posts',
	"--linkHoverColor: {$related_posts_link_color['hover']}"
);


$related_posts_meta_color = ct_get_colors( get_theme_mod(
	'relatedPostsMetaColor',
	[ 'default' => [ 'color' => '#667380' ] ]
));

$css->put(
	':root',
	"--relatedPostsMetaColor: {$related_posts_meta_color['default']}"
);


$related_posts_container_color = ct_get_colors( get_theme_mod(
	'relatedPostsContainerColor',
	[ 'default' => [ 'color' => '#eff1f5' ] ]
));

$css->put(
	':root',
	"--relatedPostsContainerColor: {$related_posts_container_color['default']}"
);


// Posts Navigation
ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'postNavSpacing',
	get_theme_mod('postNavSpacing', [
		'mobile' => '40px',
		'tablet' => '60px',
		'desktop' => '80px',
	]), ''
);


// Share Box
ct_output_responsive( $css, $tablet_css, $mobile_css,
	':root', 'topShareBoxSpacing',
	get_theme_mod('topShareBoxSpacing', [
		'mobile' => '30px',
		'tablet' => '50px',
		'desktop' => '70px',
	]), ''
);

ct_output_responsive( $css, $tablet_css, $mobile_css,
	':root', 'bottomShareBoxSpacing',
	get_theme_mod('bottomShareBoxSpacing', [
		'mobile' => '30px',
		'tablet' => '50px',
		'desktop' => '70px',
	]), ''
);


// Author Box
ct_output_responsive( $css, $tablet_css, $mobile_css,
	':root', 'singleAuthorBoxSpacing',
	get_theme_mod('singleAuthorBoxSpacing', [
		'mobile' => '40px',
		'tablet' => '40px',
		'desktop' => '40px',
	]), ''
);

$singleAuthorBoxBackground = ct_get_colors( get_theme_mod(
	'singleAuthorBoxBackground',
	[ 'default' => [ 'color' => 'rgba(255, 255, 255, 0)' ] ]
));

$css->put(
	':root',
	"--singleAuthorBoxBackground: {$singleAuthorBoxBackground['default']}"
);

$singleAuthorBoxBorder = ct_get_colors( get_theme_mod(
	'singleAuthorBoxBorder',
	[ 'default' => [ 'color' => '#e8ebf0' ] ]
));

$css->put(
	':root',
	"--singleAuthorBoxBorder: {$singleAuthorBoxBorder['default']}"
);

$singleAuthorBoxShadow = ct_get_colors( get_theme_mod(
	'singleAuthorBoxShadow',
	[ 'default' => [ 'color' => 'rgba(210, 213, 218, 0.4)' ] ]
));

$css->put(
	':root',
	"--singleAuthorBoxShadow: {$singleAuthorBoxShadow['default']}"
);


// Footer
$footer_widgets_title_color = ct_get_colors( get_theme_mod(
	'footerWidgetsTitleColor',
	[ 'default' => [ 'color' => 'var(--paletteColor4)' ] ]
));

$css->put(
	'.footer-widgets',
	"--widgetsTitleColor: {$footer_widgets_title_color['default']}"
);

$footer_widgets_font_color = ct_get_colors( get_theme_mod(
	'footerWidgetsFontColor',
	[ 'default' => [ 'color' => 'var(--paletteColor3)' ] ]
));

$css->put(
	'.footer-widgets',
	"--widgetsFontColor: {$footer_widgets_font_color['default']}"
);


$footer_widgets_link = ct_get_colors( get_theme_mod(
	'footerWidgetsLink',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.footer-widgets',
	"--linkInitialColor: {$footer_widgets_link['default']}"
);

$css->put(
	'.footer-widgets',
	"--linkHoverColor: {$footer_widgets_link['hover']}"
);


$widgets_area_background = ct_get_colors( get_theme_mod(
	'widgetsAreaBackground',
	[ 'default' => [ 'color' => '#f4f5f8' ] ]
));

$css->put(
	':root',
	"--widgetsAreaBackground: {$widgets_area_background['default']}"
);


$widgets_area_divider = ct_get_colors( get_theme_mod(
	'widgetsAreaDivider',
	[ 'default' => [ 'color' => '#dddddd' ] ]
));

$css->put(
	':root',
	"--widgetsAreaDivider: {$widgets_area_divider['default']}"
);


ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'widgetAreaSpacing',
	get_theme_mod('widgetAreaSpacing', [
		'mobile' => '40px',
		'tablet' => '50px',
		'desktop' => '70px',
	]), ''
);


// Footer Primary Bar
ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	'.footer-menu', 'menuItemsSpacing',
	get_theme_mod('footerMenuItemsSpacing', [
		'mobile' => 20,
		'tablet' => 20,
		'desktop' => 20,
	])
);


$footer_primary_color = ct_get_colors( get_theme_mod(
	'footerPrimaryColor',
	[ 'default' => [ 'color' => 'var(--paletteColor3)' ] ]
));

$css->put(
	':root',
	"--footerPrimaryColor: {$footer_primary_color['default']}"
);


$footer_primary_link = ct_get_colors( get_theme_mod(
	'footerPrimaryLink',
	[
		'default' => [ 'color' => 'var(--paletteColor3)' ],
		'hover' => [ 'color' => 'var(--paletteColor1)' ],
	]
));

$css->put(
	'.footer-primary-area',
	"--linkInitialColor: {$footer_primary_link['default']}"
);

$css->put(
	'.footer-primary-area',
	"--linkHoverColor: {$footer_primary_link['hover']}"
);


$footer_primary_background = ct_get_colors( get_theme_mod(
	'footerPrimaryBackground',
	[ 'default' => [ 'color' => '#eef0f4' ] ]
));

$css->put(
	':root',
	"--footerPrimaryBackground: {$footer_primary_background['default']}"
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'footerPrimarySpacing',
	get_theme_mod('footerPrimarySpacing', [
		'mobile' => '30px',
		'tablet' => '30px',
		'desktop' => '30px',
	]), ''
);


// Copyright
$copyright_text = ct_get_colors( get_theme_mod(
	'copyrightText',
	[ 'default' => [ 'color' => 'var(--paletteColor3)' ] ]
));

$css->put(
	':root',
	"--copyrightText: {$copyright_text['default']}"
);


$copyright_backgroundn = ct_get_colors( get_theme_mod(
	'copyrightBackground',
	[ 'default' => [ 'color' => '#eef0f4' ] ]
));

$css->put(
	':root',
	"--copyrightBackground: {$copyright_backgroundn['default']}"
);

ct_output_responsive(
	$css, $tablet_css, $mobile_css,
	':root', 'copyrightSpacing',
	get_theme_mod('copyrightSpacing', [
		'mobile' => '15px',
		'tablet' => '25px',
		'desktop' => '25px',
	]), ''
);