"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledScrollShadowTop = exports.StyledScrollShadowRight = exports.StyledScrollShadowLeft = exports.StyledScrollShadowBottom = exports.StyledScrollShadow = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledScrollShadow = exports.StyledScrollShadow = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledScrollShadow",
  componentId: "sc-17pcaqo-0"
})(["", ""], {
  "position": "relative"
});
var StyledScrollShadowTop = exports.StyledScrollShadowTop = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledScrollShadowTop",
  componentId: "sc-17pcaqo-1"
})(["", " background-image:linear-gradient( to top,", ",", " );"], {
  "position": "absolute",
  "left": "0px",
  "right": "0px",
  "top": "0px",
  "height": "0.5rem"
}, function (props) {
  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
}, function (props) {
  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
});
var StyledScrollShadowBottom = exports.StyledScrollShadowBottom = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledScrollShadowBottom",
  componentId: "sc-17pcaqo-2"
})(["", " background-image:linear-gradient( to top,", ",", " );"], {
  "position": "absolute",
  "left": "0px",
  "right": "0px",
  "bottom": "0px",
  "height": "0.5rem"
}, function (props) {
  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
}, function (props) {
  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
});
var StyledScrollShadowLeft = exports.StyledScrollShadowLeft = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledScrollShadowLeft",
  componentId: "sc-17pcaqo-3"
})(["", " background-image:linear-gradient( to left,", ",", " );"], {
  "position": "absolute",
  "top": "0px",
  "bottom": "0px",
  "left": "0px",
  "width": "0.5rem"
}, function (props) {
  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
}, function (props) {
  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
});
var StyledScrollShadowRight = exports.StyledScrollShadowRight = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledScrollShadowRight",
  componentId: "sc-17pcaqo-4"
})(["", " background-image:linear-gradient( to right,", ",", " );"], {
  "position": "absolute",
  "top": "0px",
  "bottom": "0px",
  "right": "0px",
  "width": "0.5rem"
}, function (props) {
  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
}, function (props) {
  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
});
StyledScrollShadow.displayName = "StyledScrollShadow";
StyledScrollShadowTop.displayName = "StyledScrollShadowTop";
StyledScrollShadowBottom.displayName = "StyledScrollShadowBottom";
StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
//# sourceMappingURL=Styles.js.map