<?php
$config = (isset($config) && !empty($config))
    ? $config
    : null;
$position = (isset($config['position'])
    && !empty($config['position'])
    && in_array($config['position'], ['right', 'left']))
    ? $config['position']
    : 'right';
// rail
$width = (isset($config['width']) && !empty($config['width']))
    ? json_decode(urldecode($config['width']))
    : null;
$width = (isset($width->number) && !empty($width->number))
    ? $width->number
    : 5;
$indent = (isset($config['indent']) && !empty($config['indent']))
    ? json_decode(urldecode($config['indent']))
    : null;
$indent = (isset($indent->number) && !empty($indent->number))
    ? $indent->number
    : 5;
$indent = 'margin-' . trim($position) . ': ' . $indent;
$bg = (isset($config['background']) && !empty($config['background']))
    ? $config['background']
    : 'rgba(0,0,0,0)';
$bg = Wpw::inst()->storage()->get($bg);
// thumb
$thumb_width = (isset($config['thumb_width']) && !empty($config['thumb_width']))
    ? json_decode(urldecode($config['thumb_width']))
    : null;
$thumb_width = (isset($thumb_width->number) && !empty($thumb_width->number))
    ? $thumb_width->number
    : 5;
$thumb_bg = (isset($config['thumb_background']) && !empty($config['thumb_background']))
    ? $config['thumb_background']
    : 'rgba(0,0,0,0.6)';
$thumb_bg = Wpw::inst()->storage()->get($thumb_bg);
$radius = (isset($config['radius']) && !empty($config['radius']))
    ? json_decode(urldecode($config['radius']))
    : null;
$radius = (isset($radius->number) && !empty($radius->number))
    ? $radius->number
    : 0;
echo /** @lang CSS */
    '
.wpw-scroll {
    width: ' . $width . 'px;
    background-color: ' . $bg . ';
    ' . $indent . 'px;
}

.wpw-scroll__line {
    width: ' . $thumb_width . 'px;
    background-color: ' . $thumb_bg . ';
    border-radius: ' . $radius . 'px;
}
';