{"ast":null,"code":"import _taggedTemplateLiteral from \"@babel/runtime/helpers/esm/taggedTemplateLiteral\";\n\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\n    \", \"\\n\\n    \", \"\\n\\n    \", \"\\n\\n    html {\\n        font-size: \", \";\\n        font-family: 'Merriweather Sans', Helvetica, Arial, sans-serif;\\n        -webkit-font-smoothing: antialiased;\\n        -moz-osx-font-smoothing: grayscale;\\n    }\\n\\n    html,\\n    body {\\n        height: 100%;\\n        background-color: \", \";\\n        color: \", \";\\n    }\\n\\n    a {\\n        text-decoration: none;\\n        color: inherit;\\n\\n        &:visited {\\n            color: currentColor;\\n        }\\n    }\\n\\n    * {\\n        box-sizing: border-box;\\n    }\\n\\n    #nprogress {\\n        pointer-events: none;\\n    }\\n\\n    #nprogress .bar {\\n        background: \", \";\\n        z-index: 99999;\\n        \", \"\\n        \", \"\\n    }\\n\\n    #nprogress .peg {\\n        display: block;\\n        \", \"\\n        \", \"\\n        box-shadow: 0 0 rem(10) \", \", 0 0 \", \" \", \";\\n        opacity: 1;\\n        transform: rotate(3deg) translate(0px, -\", \");\\n    }\\n\\n    #nprogress .spinner {\\n        display: block;\\n        z-index: 99999;\\n        \", \"\\n    }\\n\\n    #nprogress .spinner-icon {\\n        \", \"\\n        box-sizing: border-box;\\n\\n        border: solid 2px transparent;\\n        border-top-color: \", \";\\n        border-left-color: \", \";\\n        border-radius: 50%;\\n\\n        animation: \", \" 400ms linear infinite;\\n    }\\n\\n    .nprogress-custom-parent {\\n        overflow: hidden;\\n        position: relative;\\n    }\\n\\n    .nprogress-custom-parent #nprogress .spinner,\\n    .nprogress-custom-parent #nprogress .bar {\\n        position: absolute;\\n    }\\n\"]);\n\n  _templateObject = function _templateObject() {\n    return data;\n  };\n\n  return data;\n}\n\nimport * as polished from 'polished';\nimport { createGlobalStyle, keyframes } from 'styled-components';\nimport vdlIcon from '!!css-loader!~/public/style/vdl-icon.css';\nexport { default as styled } from 'styled-components';\nexport * from 'styled-components';\nexport * from 'polished'; // rename conflict shorthands\n\nexport { borderRadius as borderRadiusShortHand, borderColor as borderColorShortHand } from 'polished';\nvar math = polished.math,\n    size = polished.size,\n    lighten = polished.lighten,\n    darken = polished.darken,\n    normalize = polished.normalize,\n    fontFace = polished.fontFace,\n    transitions = polished.transitions,\n    border = polished.border,\n    position = polished.position; // sizes\n\nvar fontSize = '14px';\nexport var rem = function rem(pxval) {\n  return polished.rem(pxval, fontSize);\n};\nexport var em = function em(pxval, base) {\n  return polished.em(pxval, base || fontSize);\n};\nexport var half = function half(value) {\n  return math(\"(\".concat(value, \") / 2\"));\n};\nexport var headerHeight = rem(60);\nexport var asideWidth = rem(260);\nexport var borderRadius = '4px';\nexport var progressSpinnerSize = '20px'; // colors\n\nexport var primaryColor = '#2932E1';\nexport var dangerColor = '#FF3912';\nexport var primaryFocusedColor = lighten(0.08, primaryColor);\nexport var primaryActiveColor = lighten(0.12, primaryColor);\nexport var dangerFocusedColor = lighten(0.08, dangerColor);\nexport var dangerActiveColor = lighten(0.12, dangerColor);\nexport var selectedColor = '#1A73E8';\nexport var lightColor = '#F4F5FC';\nexport var lightFocusedColor = darken(0.03, lightColor);\nexport var lightActiveColor = darken(0.06, lightColor);\nexport var textColor = '#333';\nexport var textLightColor = '#666';\nexport var textLighterColor = '#999';\nexport var textInvertColor = '#FFF';\nexport var bodyBackgroundColor = '#F4F4F4';\nexport var backgroundColor = '#FFF';\nexport var backgroundFocusedColor = '#F6F6F6';\nexport var borderColor = '#DDD';\nexport var borderFocusedColor = darken(0.15, borderColor);\nexport var navbarBackgroundColor = '#1527C2';\nexport var navbarHoverBackgroundColor = lighten(0.05, navbarBackgroundColor);\nexport var navbarHighlightColor = '#596cd6';\nexport var progressBarColor = '#FFF';\nexport var maskColor = 'rgba(255, 255, 255, 0.8)'; // transitions\n\nexport var duration = '75ms';\nexport var easing = 'ease-in'; // mixins\n\nexport var sameBorder = function sameBorder() {\n  var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '1px';\n  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'solid';\n  var color = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : borderColor;\n  var radius = arguments.length > 3 ? arguments[3] : undefined;\n\n  if ('object' === typeof width) {\n    var _width$type, _width$color, _width$width;\n\n    type = (_width$type = width.type) !== null && _width$type !== void 0 ? _width$type : 'solid';\n    color = (_width$color = width.color) !== null && _width$color !== void 0 ? _width$color : borderColor;\n    radius = width.radius === true ? borderRadius : width.radius;\n    width = (_width$width = width.width) !== null && _width$width !== void 0 ? _width$width : '1px';\n  }\n\n  return Object.assign({}, border(width, type, color), radius ? {\n    borderRadius: radius === true ? borderRadius : radius\n  } : undefined);\n};\nexport var transitionProps = function transitionProps(props, args) {\n  if ('string' === typeof props) {\n    props = [props];\n  }\n\n  if (!args) {\n    args = \"\".concat(duration, \" \").concat(easing);\n  }\n\n  return transitions(props, args);\n};\nvar spinner = keyframes([\"0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}\"]);\n// prettier-ignore\nexport var GlobalStyle = createGlobalStyle(_templateObject(), normalize, fontFace({\n  fontFamily: 'vdl-icon',\n  fontFilePath: \"\".concat(process.env.PUBLIC_PATH, \"/style/fonts/vdl-icon\"),\n  fileFormats: ['ttf', 'woff', 'svg'],\n  fontWeight: 'normal',\n  fontStyle: 'normal',\n  fontDisplay: 'block'\n}), vdlIcon.toString(), fontSize, bodyBackgroundColor, textColor, progressBarColor, position('fixed', 0, null, null, 0), size('2px', '100%'), position('absolute', null, 0, null, null), size('100%', rem(100)), progressBarColor, rem(5), progressBarColor, rem(4), position('fixed', progressSpinnerSize, progressSpinnerSize, null, null), size(\"calc(\".concat(half(headerHeight), \" - \").concat(half(progressSpinnerSize), \")\")), progressBarColor, progressBarColor, spinner);","map":null,"metadata":{},"sourceType":"module"}