"use strict";

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

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

const Text_1 = require("@skava/ui/dist/components/atoms/Text");

const Image_1 = require("@skava/ui/dist/components/atoms/Image");

const Video_1 = require("@skava/ui/dist/components/atoms/Video");

const StyledImage = styleh_components_1.styled(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(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(Video_1.VideoPlayer)``;
exports.StyledVideoPlayer = StyledVideoPlayer;
const StyledForegroundWrapper = styleh_components_1.styled.div`position:absolute;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;background:#b5b5b5;`;
exports.StyledWrapper = StyledWrapper;