@blateral/b.kit 2.3.0-beta.1.3 → 2.3.0-beta.1.4

package/esm/{POICard-d8832988.js → VideoBlock-b3f4ae27.js}

@@ -1,42 +1,38 @@
-import { a as __makeTemplateObject, _ as __assign, f as __awaiter, g as __generator, e as __spreadArray, t as Check } from './ClockFilled-8784ddac.js';
-import React__default, { useMemo, useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
+import { a as __makeTemplateObject, _ as __assign, f as __awaiter, g as __generator, e as __spreadArray } from './ClockFilled-6bae80dc.js';
+import React__default, { useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
 import styled, { css } from 'styled-components';
-import { m as mq, s as spacings, a as getFonts, c as getGlobals, g as getColors } from './styles-5f78e59d.js';
-import { T as Title$2, a as Tag } from './TableBlock-0bbde956.js';
-import { C as Copy, c as copyStyle } from './Copy-3444d005.js';
-import { A as Actions } from './Actions-73e13c48.js';
-import { I as Image } from './Image-82417953.js';
-import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
-import { u as useLibTheme } from './LibThemeProvider-90a5375f.js';
-import { L as Link } from './Link-ee8a48ed.js';
-import { i as isValidArray } from './arrays-65b644ef.js';
-import { u as useMediaQuery } from './useMediaQuery-43629cbb.js';
+import { m as mq, s as spacings, c as getGlobals } from './styles-f6c54818.js';
+import { T as Title } from './TableBlock-26530c71.js';
+import { C as Copy } from './Copy-fb124972.js';
+import { A as Actions } from './Actions-3f06c2e9.js';
+import { I as Image } from './Image-b538f659.js';
+import { u as useMediaQuery } from './useMediaQuery-0d473a9c.js';
 import { c as clampValue } from './clamp-12d37b65.js';
 import { u as useObserverSupport } from './useObserverSupport-02bce7f5.js';
 import { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
 
-var View$4 = styled.div.withConfig({
+var View = styled.div.withConfig({
   displayName: "IntroBlock__View",
   componentId: "sc-w71lok-0"
-})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ", ";\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ", ";\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ", "px;\n        }\n    }\n"])), function (_a) {
+})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ", ";\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ", ";\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ", "px;\n        }\n    }\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered && 'center';
 }, mq.semilarge, spacings.spacer);
-var Content$1 = styled.div.withConfig({
+var Content = styled.div.withConfig({
   displayName: "IntroBlock__Content",
   componentId: "sc-w71lok-1"
-})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    max-width: 100%;\n\n    @media ", " {\n        flex: 1 0 66.66%;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    max-width: 100%;\n\n    @media ", " {\n        flex: 1 0 66.66%;\n    }\n"])), spacings.spacer, mq.semilarge);
-var StyledTitle = styled(Title$2).withConfig({
+})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    max-width: 100%;\n\n    @media ", " {\n        flex: 1 0 66.66%;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    max-width: 100%;\n\n    @media ", " {\n        flex: 1 0 66.66%;\n    }\n"])), spacings.spacer, mq.semilarge);
+var StyledTitle = styled(Title).withConfig({
   displayName: "IntroBlock__StyledTitle",
   componentId: "sc-w71lok-2"
-})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n    max-width: ", ";\n"], ["\n    max-width: ", ";\n"])), function (_a) {
+})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n    max-width: ", ";\n"], ["\n    max-width: ", ";\n"])), function (_a) {
   var clamp = _a.clamp;
   return clamp && '880px';
 });
 var ContentBlock = styled(Copy).withConfig({
   displayName: "IntroBlock__ContentBlock",
   componentId: "sc-w71lok-3"
-})(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n    display: block;\n    max-width: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n\n    ", "\n\n    & + & {\n        margin-top: ", "px;\n    }\n"], ["\n    display: block;\n    max-width: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n\n    ", "\n\n    & + & {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: block;\n    max-width: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n\n    ", "\n\n    & + & {\n        margin-top: ", "px;\n    }\n"], ["\n    display: block;\n    max-width: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n\n    ", "\n\n    & + & {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
   var clamp = _a.clamp;
   return clamp && '880px';
 }, function (_a) {
@@ -47,26 +43,26 @@ var ContentBlock = styled(Copy).withConfig({
   return isCentered && 'auto';
 }, function (_a) {
   var maxLines = _a.maxLines;
-  return maxLines && maxLines > 0 && css(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ", "; /* number of lines to show */\n            line-clamp: ", ";\n            -webkit-box-orient: vertical;\n        "], ["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ", "; /* number of lines to show */\n            line-clamp: ", ";\n            -webkit-box-orient: vertical;\n        "])), maxLines, maxLines);
+  return maxLines && maxLines > 0 && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ", "; /* number of lines to show */\n            line-clamp: ", ";\n            -webkit-box-orient: vertical;\n        "], ["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ", "; /* number of lines to show */\n            line-clamp: ", ";\n            -webkit-box-orient: vertical;\n        "])), maxLines, maxLines);
 }, spacings.nudge * 3);
 var StyledActions = styled(Actions).withConfig({
   displayName: "IntroBlock__StyledActions",
   componentId: "sc-w71lok-4"
-})(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"], ["\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"])), mq.medium, function (_a) {
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"], ["\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"])), mq.medium, function (_a) {
   var isCentered = _a.isCentered;
   return isCentered && 'center';
 });
 var MobileImageContainer = styled.div.withConfig({
   displayName: "IntroBlock__MobileImageContainer",
   componentId: "sc-w71lok-5"
-})(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        display: ", ";\n    }\n"], ["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        display: ", ";\n    }\n"])), spacings.spacer, mq.semilarge, function (_a) {
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        display: ", ";\n    }\n"], ["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        display: ", ";\n    }\n"])), spacings.spacer, mq.semilarge, function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'block' : 'none';
 });
 var DesktopImageContainer = styled.div.withConfig({
   displayName: "IntroBlock__DesktopImageContainer",
   componentId: "sc-w71lok-6"
-})(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media ", " {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"], ["\n    display: none;\n    width: 100%;\n\n    @media ", " {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"])), mq.semilarge);
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media ", " {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"], ["\n    display: none;\n    width: 100%;\n\n    @media ", " {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"])), mq.semilarge);
 
 var IntroBlock = function (_a) {
   var _b = _a.renderAs,
@@ -103,11 +99,11 @@ var IntroBlock = function (_a) {
       image = _a.image;
   var isInverted = colorMode === 'inverted' || colorMode === 'onImage';
   var coverSpace = (image === null || image === void 0 ? void 0 : image.coverSpace) === false ? false : true;
-  return React__default.createElement(View$4, {
+  return React__default.createElement(View, {
     as: renderAs,
     isCentered: isCentered,
     className: className
-  }, React__default.createElement(Content$1, null, (title || superTitle) && React__default.createElement(StyledTitle, {
+  }, React__default.createElement(Content, null, (title || superTitle) && React__default.createElement(StyledTitle, {
     colorMode: colorMode,
     title: title,
     titleAs: titleAs,
@@ -151,203 +147,20 @@ var IntroBlock = function (_a) {
     isInverted: isInverted
   }))));
 };
-var templateObject_1$8, templateObject_2$8, templateObject_3$7, templateObject_4$3, templateObject_5$3, templateObject_6$3, templateObject_7$3, templateObject_8$1;
-
-var View$3 = styled.div.withConfig({
-  displayName: "EventBlock__View",
-  componentId: "sc-1nnq189-0"
-})(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n    text-decoration: none;\n    color: inherit;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ", "px;\n        }\n    }\n"], ["\n    text-decoration: none;\n    color: inherit;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ", "px;\n        }\n    }\n"])), spacings.nudge * 3, mq.large, spacings.spacer);
-var ImageContainer = styled.div.withConfig({
-  displayName: "EventBlock__ImageContainer",
-  componentId: "sc-1nnq189-1"
-})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n    flex: 0 1 30%;\n    margin-left: auto;\n"], ["\n    flex: 0 1 30%;\n    margin-left: auto;\n"])));
-var MainContent = styled.div.withConfig({
-  displayName: "EventBlock__MainContent",
-  componentId: "sc-1nnq189-2"
-})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n    flex: 0 1 70%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 830px;\n    }\n"], ["\n    flex: 0 1 70%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 830px;\n    }\n"])), spacings.nudge * 3, mq.large);
-var TagContainer = styled.div.withConfig({
-  displayName: "EventBlock__TagContainer",
-  componentId: "sc-1nnq189-3"
-})(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"], ["\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])), spacings.nudge, spacings.nudge);
-var TitleWrapper = styled.div.withConfig({
-  displayName: "EventBlock__TitleWrapper",
-  componentId: "sc-1nnq189-4"
-})(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
-var TagWrapper = styled.div.withConfig({
-  displayName: "EventBlock__TagWrapper",
-  componentId: "sc-1nnq189-5"
-})(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
-var TitleLink = styled(Link).withConfig({
-  displayName: "EventBlock__TitleLink",
-  componentId: "sc-1nnq189-6"
-})(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\n"], ["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\n"])), copyStyle('copy-b', 'big'), function (_a) {
-  var theme = _a.theme,
-      isInverted = _a.isInverted;
-  return isInverted ? getFonts(theme)['copy-b'].big.colorInverted : getFonts(theme)['copy-b'].big.color;
-});
-var Text = styled(Copy).withConfig({
-  displayName: "EventBlock__Text",
-  componentId: "sc-1nnq189-7"
-})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"], ["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"])));
-
-var EventBlock = function (_a) {
-  var customTag = _a.customTag,
-      onTagClick = _a.onTagClick,
-      title = _a.title,
-      image = _a.image,
-      date = _a.date,
-      text = _a.text,
-      link = _a.link,
-      tags = _a.tags,
-      isInverted = _a.isInverted,
-      action = _a.action;
-  var globals = useLibTheme().globals;
-  var publishedAt = '';
-
-  if (date) {
-    var formatter = new StatusFormatter(date.getTime(), '', globals.sections.eventDateFormat(date), globals.sections.eventTimeFormat(date), globals.sections.eventLocaleKey);
-    publishedAt = formatter.getFormattedDate();
-  }
-
-  var handleTagClick = function (tag) {
-    return onTagClick ? function (ev) {
-      ev === null || ev === void 0 ? void 0 : ev.preventDefault();
-      onTagClick(tag);
-    } : undefined;
-  };
-
-  var filteredTags = useMemo(function () {
-    return tags === null || tags === void 0 ? void 0 : tags.filter(function (tag) {
-      return tag.name;
-    });
-  }, [tags]);
-  return React__default.createElement(View$3, null, (image === null || image === void 0 ? void 0 : image.small) && React__default.createElement(ImageContainer, null, React__default.createElement(Image, __assign({}, image, {
-    coverSpace: true,
-    allowEdgeRadius: true,
-    isInverted: isInverted,
-    ratios: {
-      small: {
-        w: 640,
-        h: 320
-      },
-      medium: {
-        w: 752,
-        h: 276
-      },
-      large: {
-        w: 375,
-        h: 250
-      }
-    }
-  }))), React__default.createElement(MainContent, null, isValidArray(filteredTags, false) && React__default.createElement(TagContainer, null, filteredTags.map(function (tag, i) {
-    return tag && React__default.createElement(TagWrapper, {
-      key: 'tag_' + i
-    }, customTag ? customTag({
-      key: 'tag_' + i,
-      name: tag.name || '',
-      isInverted: isInverted,
-      isActive: false,
-      link: tag.link || {},
-      clickHandler: handleTagClick(tag)
-    }) : React__default.createElement(Tag, {
-      isInverted: isInverted,
-      name: tag.name,
-      link: tag.link,
-      onClick: handleTagClick(tag)
-    }));
-  })), React__default.createElement(TitleWrapper, null, date && React__default.createElement(Copy, {
-    isInverted: isInverted,
-    size: "medium",
-    type: "copy"
-  }, publishedAt), title && React__default.createElement(TitleLink, __assign({}, link, {
-    isInverted: isInverted
-  }), title)), text && React__default.createElement(Text, {
-    size: "small",
-    isInverted: isInverted,
-    innerHTML: text
-  }), action && React__default.createElement("div", null, " ", action({
-    isInverted: isInverted
-  }), " ")));
-};
-var templateObject_1$7, templateObject_2$7, templateObject_3$6, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7$2, templateObject_8;
-
-var View$2 = styled.div.withConfig({
-  displayName: "InfoList__View",
-  componentId: "sc-1bggeo0-0"
-})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject([""], [""])));
-var Container = styled.ul.withConfig({
-  displayName: "InfoList__Container",
-  componentId: "sc-1bggeo0-1"
-})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -", "px;\n    margin-top: -", "px;\n    list-style: none;\n"], ["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -", "px;\n    margin-top: -", "px;\n    list-style: none;\n"])), spacings.spacer, spacings.nudge * 5);
-var Item = styled.li.withConfig({
-  displayName: "InfoList__Item",
-  componentId: "sc-1bggeo0-2"
-})(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n    flex: 1 1 100%;\n    padding-left: ", "px;\n    padding-top: ", "px;\n\n    @media ", " {\n        flex: 1 1 300px;\n    }\n"], ["\n    flex: 1 1 100%;\n    padding-left: ", "px;\n    padding-top: ", "px;\n\n    @media ", " {\n        flex: 1 1 300px;\n    }\n"])), spacings.spacer, spacings.nudge * 5, mq.medium);
-var Title$1 = styled(Copy).withConfig({
-  displayName: "InfoList__Title",
-  componentId: "sc-1bggeo0-3"
-})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n    display: block;\n    margin-bottom: ", "px;\n"], ["\n    display: block;\n    margin-bottom: ", "px;\n"])), spacings.nudge * 3);
-var Infos = styled.ul.withConfig({
-  displayName: "InfoList__Infos",
-  componentId: "sc-1bggeo0-4"
-})(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n"], ["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n"])));
-var Content = styled.li.withConfig({
-  displayName: "InfoList__Content",
-  componentId: "sc-1bggeo0-5"
-})(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2);
-var Icon = styled(Copy).withConfig({
-  displayName: "InfoList__Icon",
-  componentId: "sc-1bggeo0-6"
-})(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"], ["\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"])));
-
-var InfoList = function (_a) {
-  var isInverted = _a.isInverted,
-      items = _a.items,
-      className = _a.className;
-  return React__default.createElement(View$2, {
-    className: className
-  }, React__default.createElement(Container, null, items === null || items === void 0 ? void 0 : items.map(function (group, i) {
-    var _a;
-
-    var groupItems = ((_a = group === null || group === void 0 ? void 0 : group.items) === null || _a === void 0 ? void 0 : _a.filter(function (item) {
-      return item.text;
-    })) || [];
-    var hasItems = isValidArray(groupItems, false);
-    return React__default.createElement(Item, {
-      key: i
-    }, group.title && React__default.createElement(Title$1, {
-      size: "small",
-      type: "copy-b",
-      renderAs: "span",
-      isInverted: isInverted
-    }, group.title), hasItems && React__default.createElement(Infos, null, groupItems.map(function (info, ii) {
-      return React__default.createElement(Content, {
-        key: ii
-      }, React__default.createElement(Icon, {
-        isInverted: isInverted
-      }, info.icon && info.icon(isInverted)), info.text && React__default.createElement(Copy, {
-        size: "small",
-        isInverted: isInverted,
-        innerHTML: info.text,
-        allowLinkIcons: false
-      }));
-    })));
-  })));
-};
-var templateObject_1$6, templateObject_2$6, templateObject_3$5, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7$1;
+var templateObject_1$4, templateObject_2$4, templateObject_3$3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 
 var AnimationContainer = styled.div.withConfig({
   displayName: "HeaderKenBurns__AnimationContainer",
   componentId: "sc-1hmc5d0-0"
-})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"], ["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"])));
+})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"], ["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"])));
 var PosterImage = styled(Image).withConfig({
   displayName: "HeaderKenBurns__PosterImage",
   componentId: "sc-1hmc5d0-1"
-})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"])));
+})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"])));
 var AnimationImage = styled.img.withConfig({
   displayName: "HeaderKenBurns__AnimationImage",
   componentId: "sc-1hmc5d0-2"
-})(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ", ";\n    transition-delay: ", ";\n\n    opacity: ", ";\n    transform: scale(", ")\n        rotate(", "deg);\n    transform-origin: ", ";\n\n    will-change: transform, opacity;\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ", ";\n    transition-delay: ", ";\n\n    opacity: ", ";\n    transform: scale(", ")\n        rotate(", "deg);\n    transform-origin: ", ";\n\n    will-change: transform, opacity;\n"])), function (_a) {
+})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ", ";\n    transition-delay: ", ";\n\n    opacity: ", ";\n    transform: scale(", ")\n        rotate(", "deg);\n    transform-origin: ", ";\n\n    will-change: transform, opacity;\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ", ";\n    transition-delay: ", ";\n\n    opacity: ", ";\n    transform: scale(", ")\n        rotate(", "deg);\n    transform-origin: ", ";\n\n    will-change: transform, opacity;\n"])), function (_a) {
   var scale = _a.scale;
   return "2s, ".concat(scale === 1 ? '0s' : '13s');
 }, function (_a) {
@@ -570,16 +383,16 @@ var HeaderKenBurns = function (_a) {
     }
   }), children);
 };
-var templateObject_1$5, templateObject_2$5, templateObject_3$4;
+var templateObject_1$3, templateObject_2$3, templateObject_3$2;
 
 var PosterView$1 = styled.div.withConfig({
   displayName: "HeaderPoster__PosterView",
   componentId: "sc-9zhj-0"
-})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"], ["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"])));
+})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"], ["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"])));
 var BgImage = styled(Image).withConfig({
   displayName: "HeaderPoster__BgImage",
   componentId: "sc-9zhj-1"
-})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ", ";\n    }\n"], ["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ", ";\n    }\n"])), function (_a) {
+})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ", ";\n    }\n"], ["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ", ";\n    }\n"])), function (_a) {
   var focus = _a.focus;
   return "".concat((focus === null || focus === void 0 ? void 0 : focus[0]) || 'center', " ").concat((focus === null || focus === void 0 ? void 0 : focus[1]) || 'center');
 });
@@ -599,23 +412,23 @@ var HeaderPoster = function (_a) {
     focus: focus
   })), children);
 };
-var templateObject_1$4, templateObject_2$4;
+var templateObject_1$2, templateObject_2$2;
 
 var PosterView = styled.div.withConfig({
   displayName: "HeaderVideo__PosterView",
   componentId: "sc-i0iu8j-0"
-})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"], ["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"])));
+})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"], ["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"])));
 var PlaceholderImg = styled(Image).withConfig({
   displayName: "HeaderVideo__PlaceholderImg",
   componentId: "sc-i0iu8j-1"
-})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ", ";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media ", " {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ", "px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ", "px;\n            max-width: 880px;\n        }\n    }\n"], ["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ", ";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media ", " {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ", "px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ", "px;\n            max-width: 880px;\n        }\n    }\n"])), function (_a) {
+})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ", ";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media ", " {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ", "px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ", "px;\n            max-width: 880px;\n        }\n    }\n"], ["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ", ";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media ", " {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ", "px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ", "px;\n            max-width: 880px;\n        }\n    }\n"])), function (_a) {
   var focus = _a.focus;
   return "".concat((focus === null || focus === void 0 ? void 0 : focus[0]) || 'center', " ").concat((focus === null || focus === void 0 ? void 0 : focus[1]) || 'center');
 }, mq.medium, spacings.spacer * 2, spacings.spacer);
 var AutoplayVideo = styled.video.withConfig({
   displayName: "HeaderVideo__AutoplayVideo",
   componentId: "sc-i0iu8j-2"
-})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ", ";\n    opacity: ", ";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ", ";\n    opacity: ", ";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"])), function (_a) {
+})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ", ";\n    opacity: ", ";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ", ";\n    opacity: ", ";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"])), function (_a) {
   var focus = _a.focus;
   return "".concat((focus === null || focus === void 0 ? void 0 : focus[0]) || 'center', " ").concat((focus === null || focus === void 0 ? void 0 : focus[1]) || 'center');
 }, function (_a) {
@@ -704,12 +517,12 @@ var HeaderVideo = function (_a) {
     focus: focus
   }), children);
 };
-var templateObject_1$3, templateObject_2$3, templateObject_3$3;
+var templateObject_1$1, templateObject_2$1, templateObject_3$1;
 
 var AspectContainer = styled.div.withConfig({
   displayName: "VideoBlock__AspectContainer",
   componentId: "sc-160aafd-0"
-})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    position: relative;\n    border-radius: ", ";\n    overflow: hidden;\n\n    aspect-ratio: ", ";\n    width: ", ";\n    max-width: 100%;\n\n    background: ", ";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ", ";\n        padding-top: ", ";\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    ", "\n"], ["\n    position: relative;\n    border-radius: ", ";\n    overflow: hidden;\n\n    aspect-ratio: ", ";\n    width: ", ";\n    max-width: 100%;\n\n    background: ", ";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ", ";\n        padding-top: ", ";\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    ", "\n"])), function (_a) {
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: relative;\n    border-radius: ", ";\n    overflow: hidden;\n\n    aspect-ratio: ", ";\n    width: ", ";\n    max-width: 100%;\n\n    background: ", ";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ", ";\n        padding-top: ", ";\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    ", "\n"], ["\n    position: relative;\n    border-radius: ", ";\n    overflow: hidden;\n\n    aspect-ratio: ", ";\n    width: ", ";\n    max-width: 100%;\n\n    background: ", ";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ", ";\n        padding-top: ", ";\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    ", "\n"])), function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.edgeRadius;
 }, function (_a) {
@@ -754,12 +567,12 @@ var AspectContainer = styled.div.withConfig({
   return (ratios === null || ratios === void 0 ? void 0 : ratios.xlarge) && "calc(100% / ".concat(ratios === null || ratios === void 0 ? void 0 : ratios.xlarge, ")");
 }, function (_a) {
   var ratios = _a.ratios;
-  return ratios && css(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "], ["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "])));
+  return ratios && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "], ["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "])));
 });
 var Video = styled.video.withConfig({
   displayName: "VideoBlock__Video",
   componentId: "sc-160aafd-1"
-})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
 var VideoBlock = forwardRef(function (_a, ref) {
   var urls = _a.urls,
       ratios = _a.ratios,
@@ -805,113 +618,7 @@ var VideoBlock = forwardRef(function (_a, ref) {
   })));
 });
 VideoBlock.displayName = 'VideoBlock';
-var templateObject_1$2, templateObject_2$2, templateObject_3$2;
-
-var View$1 = styled.div.withConfig({
-  displayName: "POIFacts__View",
-  componentId: "sc-zp61fw-0"
-})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge, spacings.nudge * 2, spacings.nudge * 3);
-var FactsWrapper = styled.div.withConfig({
-  displayName: "POIFacts__FactsWrapper",
-  componentId: "sc-zp61fw-1"
-})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge * 2);
-var Fact = styled.span.withConfig({
-  displayName: "POIFacts__Fact",
-  componentId: "sc-zp61fw-2"
-})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    ", "\n    color: ", ";\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: inline-flex;\n    align-items: center;\n    ", "\n    color: ", ";\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), copyStyle('copy', 'medium'), function (_a) {
-  var theme = _a.theme,
-      isInverted = _a.isInverted;
-  return isInverted ? getColors(theme).text.copyInverted : getColors(theme).text.copy;
-}, spacings.nudge * 0.5);
-
-var POIFacts = function (_a) {
-  var facts = _a.facts,
-      customFact = _a.customFact,
-      isInverted = _a.isInverted;
-  return React__default.createElement(View$1, null, facts.map(function (fact, i) {
-    return React__default.createElement(FactsWrapper, {
-      key: 'tag_' + i
-    }, customFact ? customFact({
-      key: "headtag-".concat(i),
-      name: fact || '',
-      isInverted: isInverted
-    }) : React__default.createElement(Fact, {
-      isInverted: isInverted
-    }, React__default.createElement(Check, null), React__default.createElement("span", null, fact)));
-  }));
-};
-var templateObject_1$1, templateObject_2$1, templateObject_3$1;
-
-var View = styled.div.withConfig({
-  displayName: "POICard__View",
-  componentId: "sc-1l0tnmw-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border: 1px solid\n        ", ";\n    padding: ", "px;\n    border-radius: ", "px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    border: 1px solid\n        ", ";\n    padding: ", "px;\n    border-radius: ", "px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
-  var theme = _a.theme,
-      isInverted = _a.isInverted;
-  return isInverted ? getColors(theme).elementBg.light : getColors(theme).elementBg.dark;
-}, spacings.nudge * 2, spacings.nudge, spacings.nudge * 3);
-var Title = styled(Copy).withConfig({
-  displayName: "POICard__Title",
-  componentId: "sc-1l0tnmw-1"
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
-var Description = styled(Copy).withConfig({
-  displayName: "POICard__Description",
-  componentId: "sc-1l0tnmw-2"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"], ["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"])));
-var Body = styled.div.withConfig({
-  displayName: "POICard__Body",
-  componentId: "sc-1l0tnmw-3"
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ", " {\n        margin-left: -", "px;\n        margin-right: -", "px;\n\n        & > * + * {\n            border-left: 1px solid\n                ", ";\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ", " {\n        margin-left: -", "px;\n        margin-right: -", "px;\n\n        & > * + * {\n            border-left: 1px solid\n                ", ";\n        }\n    }\n"])), mq.semilarge, spacings.spacer, spacings.spacer, function (_a) {
-  var theme = _a.theme,
-      isInverted = _a.isInverted;
-  return isInverted ? getColors(theme).elementBg.light : getColors(theme).elementBg.dark;
-});
-var Col = styled.div.withConfig({
-  displayName: "POICard__Col",
-  componentId: "sc-1l0tnmw-4"
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 1 0 60%;\n        padding: 0 ", "px;\n    }\n\n    @media ", " {\n        flex: 1 0 ", "%;\n    }\n"], ["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 1 0 60%;\n        padding: 0 ", "px;\n    }\n\n    @media ", " {\n        flex: 1 0 ", "%;\n    }\n"])), spacings.nudge * 3, mq.semilarge, spacings.spacer, mq.large, 2 / 3 * 100);
-var InfoCol = styled(Col).withConfig({
-  displayName: "POICard__InfoCol",
-  componentId: "sc-1l0tnmw-5"
-})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: none;\n    margin-bottom: ", "px;\n\n    @media ", " {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ", " {\n        display: block;\n        flex: 1 0 ", "%;\n    }\n"], ["\n    display: none;\n    margin-bottom: ", "px;\n\n    @media ", " {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ", " {\n        display: block;\n        flex: 1 0 ", "%;\n    }\n"])), spacings.nudge * 2, mq.semilarge, mq.large, 1 / 3 * 100);
-var Action = styled.div.withConfig({
-  displayName: "POICard__Action",
-  componentId: "sc-1l0tnmw-6"
-})(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
-
-var POICard = function (_a) {
-  var isInverted = _a.isInverted,
-      name = _a.name,
-      shortDescription = _a.shortDescription,
-      facts = _a.facts,
-      infos = _a.infos,
-      customFact = _a.customFact,
-      action = _a.action;
-  var hasFacts = isValidArray(facts, false);
-  var hasInfos = isValidArray(infos, false);
-  return React__default.createElement(View, {
-    isInverted: isInverted
-  }, name && React__default.createElement(Title, {
-    type: "copy-b",
-    size: "big",
-    isInverted: isInverted
-  }, name), (hasFacts || shortDescription || hasInfos || action) && React__default.createElement(Body, {
-    isInverted: isInverted
-  }, React__default.createElement(Col, null, isValidArray(facts, false) && React__default.createElement(POIFacts, {
-    facts: facts,
-    isInverted: isInverted,
-    customFact: customFact
-  }), shortDescription && React__default.createElement(Description, {
-    isInverted: isInverted,
-    innerHTML: shortDescription
-  }), action && React__default.createElement(Action, null, action(isInverted))), isValidArray(infos, false) && React__default.createElement(InfoCol, null, React__default.createElement(InfoList, {
-    isInverted: isInverted,
-    items: [{
-      items: infos
-    }]
-  }))));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var templateObject_1, templateObject_2, templateObject_3;
 
-export { EventBlock as E, HeaderPoster as H, IntroBlock as I, POIFacts as P, VideoBlock as V, InfoList as a, HeaderKenBurns as b, HeaderVideo as c, POICard as d };
-//# sourceMappingURL=POICard-d8832988.js.map
+export { HeaderPoster as H, IntroBlock as I, VideoBlock as V, HeaderKenBurns as a, HeaderVideo as b };
+//# sourceMappingURL=VideoBlock-b3f4ae27.js.map