"use strict";

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

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

const Text_1 = require("../../../atoms/Text");

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

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

const StyledImage = styleh_components_1.styled.withComponent(Image_1.Image)`display:flex;justify-content:center;align-items:center;margin-bottom:1.25rem;${Image_1.ImageElement}{width:auto;height:auto;max-width:100%;max-height:100%;}`;
exports.StyledImage = StyledImage;
const StyledLabel = styleh_components_1.styled.withComponent(Text_1.Label)`color:#fff;text-shadow:0px 1px 20px #000;font-size:1.5rem;font-weight:lighter;text-align:center;&:first-letter{text-transform:uppercase;}`;
exports.StyledLabel = StyledLabel;
const StyledVideoPlayer = styleh_components_1.styled.withComponent(Video_1.VideoPlayer)`position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:auto;object-fit:fill;`;
exports.StyledVideoPlayer = StyledVideoPlayer;
const StyledForegroundWrapper = styleh_components_1.styled.div`position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;max-width:31.25rem;`;
exports.StyledForegroundWrapper = StyledForegroundWrapper;
const StyledWrapper = styleh_components_1.styled.section`position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;padding:2.5rem 0;background:#000;`;
exports.StyledWrapper = StyledWrapper; //# sourceMappingURL=styled.js.map