"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const Image_1 = require("../../../atoms/Image");

const Video_1 = require("../../../atoms/Video");

const StyledVideoPlayer = styleh_components_1.styled.withComponent(Video_1.VideoPlayer)`width:100%;height:auto;object-fit:fill;`;
exports.StyledVideoPlayer = StyledVideoPlayer;
const StyledImage = styleh_components_1.styled.withComponent(Image_1.Image)`height:auto;${Image_1.ImageElement}{display:flex;}`;
exports.StyledImage = StyledImage;
const StyledOverlay = styleh_components_1.styled.div`position:absolute;left:0;width:100%;height:50%;background:linear-gradient( ${props => props.position === 'top' ? `0deg, transparent, ${props.backgroundColor} 80%` : `0deg, ${props.backgroundColor} 30%, transparent`} );${props => props.position && props.position === 'top' && styleh_components_1.styled.css`bottom:auto;top:-2px;`};${props => props.position && props.position === 'bottom' && styleh_components_1.styled.css`bottom:-2px;top:auto;`};`;
exports.StyledOverlay = StyledOverlay;
const StyledBox = styleh_components_1.styled.div`position:relative;`;
exports.StyledBox = StyledBox;
const StyledWrapper = styleh_components_1.styled.section.attrs({
  'data-qa': 'page-background'
})`width:100%;left:0;top:0;overflow:hidden;position:${props => props.isPageScroll ? 'absolute' : 'fixed'};z-index:0;`;
exports.StyledWrapper = StyledWrapper; //# sourceMappingURL=styled.js.map