"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.scrollStyles = void 0;
var _styledComponents = require("styled-components");
var _utils = require("../../common/utils");
var INTERSECTION_RATIO_BREAKPOINT = 0.9;
var scrollStyles = exports.scrollStyles = (0, _styledComponents.css)(["", ";"], function (p) {
  return p.$scrollOptions.active ? "\n  overflow: auto;\n  white-space: nowrap;\n  ".concat((0, _utils.isNumber)(p.$intersectionLeftRatio) && p.$scrollOptions.scrollFade && p.$intersectionLeftRatio <= INTERSECTION_RATIO_BREAKPOINT ? "\n  &:before {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    height: ".concat("".concat(p.theme.spacing.unit(p.$height)), "px;\n    pointer-events: none;\n    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #FFFFFF 100%);\n    width: 10%;\n  }\n  ") : "", ";\n  ").concat((0, _utils.isNumber)(p.$intersectionRightRatio) && p.$scrollOptions.scrollFade && p.$intersectionRightRatio <= INTERSECTION_RATIO_BREAKPOINT ? "\n  &:after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    right: 0;\n    height: ".concat("".concat(p.theme.spacing.unit(p.$height)), "px;\n    pointer-events: none;\n    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 100%);\n    width: 10%;\n  }\n  ") : "", ";\n  ").concat(p.$scrollOptions.scrollBarHidden ? " ::-webkit-scrollbar {\n    display: none;\n  }\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */" : "", ";\n  ") : "";
});