import styled from "styled-components";
export const StyledScrollShadow = styled.div.withConfig({
  displayName: "Styles__StyledScrollShadow",
  componentId: "sc-17pcaqo-0"
})(["", ""], {
  "position": "relative"
});
export const StyledScrollShadowTop = styled.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"
}, props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)", props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)");
export const StyledScrollShadowBottom = styled.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"
}, props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)", props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)");
export const StyledScrollShadowLeft = styled.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"
}, props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)", props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)");
export const StyledScrollShadowRight = styled.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"
}, props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)", props => 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