@times-components/video/dist/styles.js

Video

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.NoSubscriptionMessage = exports.NoSubscriptionWrapper = exports.VideoErrorBody = exports.VideoErrorHeading = exports.VideoErrorContainer = exports.Video360Container = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _tsStyleguide = require("@times-components/ts-styleguide");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Video360Container = _styledComponents["default"].div.withConfig({
  displayName: "styles__Video360Container",
  componentId: "sc-1b2p9l4-0"
})(["border-radius:100%;left:50%;position:absolute;height:100px;top:50%;transform:translate(-50%,-50%);width:100px;z-index:1;pointer-events:none;[data-is-360=\"true\"]:hover &{background:rgba(0,0,0,0.2);}"]);

exports.Video360Container = Video360Container;

var VideoErrorContainer = _styledComponents["default"].div.withConfig({
  displayName: "styles__VideoErrorContainer",
  componentId: "sc-1b2p9l4-1"
})(["display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:", ";"], _tsStyleguide.colours.functional.transparentBlack);

exports.VideoErrorContainer = VideoErrorContainer;

var VideoErrorHeading = _styledComponents["default"].span.withConfig({
  displayName: "styles__VideoErrorHeading",
  componentId: "sc-1b2p9l4-2"
})(["color:white;font-family:", ";font-size:20px;height:auto;width:auto;margin-bottom:", ";text-align:center;"], _tsStyleguide.fontsWithFallback.headline, (0, _tsStyleguide.spacing)(2));

exports.VideoErrorHeading = VideoErrorHeading;

var VideoErrorBody = _styledComponents["default"].span.withConfig({
  displayName: "styles__VideoErrorBody",
  componentId: "sc-1b2p9l4-3"
})(["color:rgba(255,255,255,0.8);font-family:", ";font-size:14px;height:auto;max-width:80%;text-align:center;width:410px;"], _tsStyleguide.fontsWithFallback.body);

exports.VideoErrorBody = VideoErrorBody;

var NoSubscriptionWrapper = _styledComponents["default"].div.withConfig({
  displayName: "styles__NoSubscriptionWrapper",
  componentId: "sc-1b2p9l4-4"
})(["position:absolute;height:65px;left:0;right:0;top:50%;margin-top:-32px;"]);

exports.NoSubscriptionWrapper = NoSubscriptionWrapper;

var NoSubscriptionMessage = _styledComponents["default"].span.withConfig({
  displayName: "styles__NoSubscriptionMessage",
  componentId: "sc-1b2p9l4-5"
})(["background-color:rgba(0,0,0,0.7);color:", ";margin-left:auto;margin-right:auto;max-width:80%;padding:", ";text-align:center;width:300px;font-family:", ";font-size:14px;"], _tsStyleguide.colours.functional.contrast, (0, _tsStyleguide.spacing)(2), _tsStyleguide.fontsWithFallback.body);

exports.NoSubscriptionMessage = NoSubscriptionMessage;