@mjhls/mjh-framework 1.0.877 → 1.0.878

package/dist/esm/{Dfp-4b99f79d.js → Dfp-4ca12f2e.js}

@@ -1,12 +1,13 @@
 import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
-import React__default, { useState } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { b as lib_1, a as lib_2 } from './index-5cc7b406.js';
-import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
+import { b as lib_1, a as lib_2 } from './index-2446af28.js';
+import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
 import { d as debounce_1 } from './debounce-533d9748.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './web.dom.iterable-fdf034f5.js';
 import './core.get-iterator-method-e903ff31.js';
+import './events-6c3a7a63.js';
 import 'react-dom';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
@@ -40,20 +41,20 @@ var AD = function AD(_ref) {
     }
   }, 500);
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React.createElement(
+    React.Fragment,
     null,
-    !showPlaceholder && React__default.createElement(
+    !showPlaceholder && React.createElement(
       lib_1,
       {
         dfpNetworkId: networkID,
         targetingArguments: targeting,
         sizeMapping: sizeMapping,
         lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
-      React__default.createElement(
+      React.createElement(
         'div',
         { className: className },
-        React__default.createElement(lib_2, {
+        React.createElement(lib_2, {
           slotId: slotId,
           sizes: sizes,
           adUnit: adUnit,
@@ -65,7 +66,7 @@ var AD = function AD(_ref) {
         })
       )
     ),
-    adRendered && showPlaceholder && React__default.createElement(
+    adRendered && showPlaceholder && React.createElement(
       VisibilitySensor,
       {
         partialVisibility: true,
@@ -74,7 +75,7 @@ var AD = function AD(_ref) {
             setShowPlaceholder(false);
           }
         } },
-      React__default.createElement(
+      React.createElement(
         'div',
         { style: { height: 'auto' } },
         '\xA0'

package/dist/esm/EventsDeck.js

@@ -6,8 +6,8 @@ import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-ca2c8b8d
 import { _ as _extends } from './extends-dc6a71fd.js';
 import { _ as _toConsumableArray } from './toConsumableArray-7b1c0e23.js';
 import { _ as _JSON$stringify } from './stringify-c21932b3.js';
-import React__default, { useState, useEffect } from 'react';
-import { I as InfiniteScroll } from './index.es-a6137319.js';
+import React, { useState, useEffect } from 'react';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
 import Container from 'react-bootstrap/Container';
 import Spinner from 'react-bootstrap/Spinner';
 import Row from 'react-bootstrap/Row';
@@ -15,7 +15,7 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import './main-1894c974.js';
+import './main-4136096f.js';
 import { m as momentTimezone } from './index-79cfd25c.js';
 import { j as js_cookie } from './js.cookie-6874175c.js';
 import { useRouter } from 'next/router';
@@ -243,23 +243,23 @@ var EventsDeck = function EventsDeck(_ref) {
     if (cventAccessToken && cventAccessToken !== 'undefined') {
       setAccessToken(cventAccessToken);
     } else {
-      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
-      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
-      const url = `https://api-platform.cvent.com/ea/oauth2/token`
-      fetch(url, {
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          Authorization: `Basic ${encodedData}`
-        },
-        method: 'POST',
-        body: `grant_type=client_credentials&client_id=${clientId}`
-      })
-        .then((response) => response.json())
-        .then((json) => {
-          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
-          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
-          setAccessToken(json.access_token)
-        })
+      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
+      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
+      const url = `https://api-platform.cvent.com/ea/oauth2/token`
+      fetch(url, {
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+          Authorization: `Basic ${encodedData}`
+        },
+        method: 'POST',
+        body: `grant_type=client_credentials&client_id=${clientId}`
+      })
+        .then((response) => response.json())
+        .then((json) => {
+          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
+          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
+          setAccessToken(json.access_token)
+        })
         .catch((e) => console.log(e))*/
       // hello
       var url = 'https://beam.mjhlifesciences.com/api/cvent/token';
@@ -287,10 +287,13 @@ var EventsDeck = function EventsDeck(_ref) {
   }, []);
 
   var renderRegisterButton = function renderRegisterButton(links) {
-    return React__default.createElement(
+    var newLink = void 0;
+    var checkProtocol = links && links.summary && links.summary.href.includes('https');
+    if (!checkProtocol) newLink = links.summary.href.replace('http', 'https');
+    return React.createElement(
       'a',
-      { rel: 'noopener', href: links.summary.href || '#', target: '_blank' },
-      React__default.createElement(
+      { rel: 'noopener', href: newLink ? newLink : links.summary.href || '#', target: '_blank' },
+      React.createElement(
         Button,
         { size: 'sm', className: 'registration-button', style: { borderRadius: '8px' } },
         cta
@@ -298,10 +301,13 @@ var EventsDeck = function EventsDeck(_ref) {
     );
   };
   var renderLearnMoreButton = function renderLearnMoreButton(links) {
-    return React__default.createElement(
+    var newLink = void 0;
+    var checkProtocol = links && links.summary && links.summary.href.includes('https');
+    if (!checkProtocol) newLink = links.summary.href.replace('http', 'https');
+    return React.createElement(
       'a',
-      { rel: 'noopener', href: links.summary.href || '#', target: '_blank' },
-      React__default.createElement(
+      { rel: 'noopener', href: newLink ? newLink : links.summary.href || '#', target: '_blank' },
+      React.createElement(
         Button,
         { size: 'sm', className: 'registration-button', style: { borderRadius: '8px' } },
         'Learn More'
@@ -375,15 +381,15 @@ var EventsDeck = function EventsDeck(_ref) {
       }
     }
 
-    return valuesArray.length > 0 ? React__default.createElement(
-      React__default.Fragment,
+    return valuesArray.length > 0 ? React.createElement(
+      React.Fragment,
       null,
-      React__default.createElement(
+      React.createElement(
         'h5',
         { className: 'filterTitle' },
         'Filters:'
       ),
-      React__default.createElement(
+      React.createElement(
         Form,
         null,
         _Object$entries(deckAdvancedFilters).map(function (_ref8, index) {
@@ -391,36 +397,36 @@ var EventsDeck = function EventsDeck(_ref) {
               key = _ref9[0],
               value = _ref9[1];
 
-          return React__default.createElement(
+          return React.createElement(
             Form.Group,
             null,
-            React__default.createElement(
+            React.createElement(
               Form.Label,
               null,
               key
             ),
-            React__default.createElement(
+            React.createElement(
               Form.Control,
               { as: 'select', 'data-filterName': key, onChange: function onChange(evt) {
                   return handleFilterSelected(evt);
                 } },
-              React__default.createElement(
-                React__default.Fragment,
+              React.createElement(
+                React.Fragment,
                 null,
-                React__default.createElement(
+                React.createElement(
                   'option',
                   null,
                   ' '
                 ),
                 valuesArray[index].map(function (text, index) {
                   if (value.value.toLowerCase() === text.toLowerCase()) {
-                    return React__default.createElement(
+                    return React.createElement(
                       'option',
                       { selected: true },
                       text
                     );
                   }
-                  return React__default.createElement(
+                  return React.createElement(
                     'option',
                     null,
                     text
@@ -431,7 +437,7 @@ var EventsDeck = function EventsDeck(_ref) {
           );
         })
       ),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: true },
         '\n          .filterTitle {\n            font-weight: 400;\n          }\n        '
@@ -590,10 +596,10 @@ var EventsDeck = function EventsDeck(_ref) {
     var filteredData = localData;
 
     if (filteredData.length <= 0) {
-      return React__default.createElement(
+      return React.createElement(
         'div',
         null,
-        React__default.createElement(
+        React.createElement(
           'div',
           null,
           'No events found '
@@ -601,7 +607,7 @@ var EventsDeck = function EventsDeck(_ref) {
       );
     }
 
-    return React__default.createElement(
+    return React.createElement(
       Container,
       { style: { padding: 1 } },
       filteredData && filteredData.map(function (row, index) {
@@ -642,58 +648,58 @@ var EventsDeck = function EventsDeck(_ref) {
         var endDay = momentTimezone(end).tz(timezone).format();
         var showEndTime = momentTimezone(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + momentTimezone(end).tz(timezone).format('LLL zz') : null;
         var isCompleted = row.status === 'Completed';
-        return React__default.createElement(
-          React__default.Fragment,
+        return React.createElement(
+          React.Fragment,
           { key: index },
-          React__default.createElement(
+          React.createElement(
             Card,
             null,
-            isHardcoded ? _links && React__default.createElement(
+            isHardcoded ? _links && React.createElement(
               Row,
               null,
-              React__default.createElement(
+              React.createElement(
                 Col,
                 null,
                 renderLearnMoreButton(_links)
               )
-            ) : isRegister && _links && React__default.createElement(
+            ) : isRegister && _links && React.createElement(
               Row,
               null,
-              React__default.createElement(
+              React.createElement(
                 Col,
                 null,
                 renderRegisterButton(_links)
               )
             ),
-            isCompleted && _links && React__default.createElement(
+            isCompleted && _links && React.createElement(
               Row,
               null,
-              React__default.createElement(
+              React.createElement(
                 Col,
                 null,
                 renderLearnMoreButton(_links)
               )
             ),
-            discussionTopic && React__default.createElement(
+            discussionTopic && React.createElement(
               Row,
               null,
-              React__default.createElement(
+              React.createElement(
                 Col,
                 null,
-                React__default.createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
+                React.createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
               )
             ),
-            start && timezone && React__default.createElement(
+            start && timezone && React.createElement(
               Row,
               null,
-              React__default.createElement(
+              React.createElement(
                 Col,
                 null,
-                start.indexOf('TBD') >= 0 ? React__default.createElement(
+                start.indexOf('TBD') >= 0 ? React.createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
                   start
-                ) : React__default.createElement(
+                ) : React.createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
                   start.indexOf('T') >= 0 ? momentTimezone(start).tz(timezone).format('LLL zz') : momentTimezone(start).format('LL'),
@@ -701,47 +707,47 @@ var EventsDeck = function EventsDeck(_ref) {
                 )
               )
             ),
-            eventRegion && React__default.createElement(
+            eventRegion && React.createElement(
               Row,
               null,
-              React__default.createElement(
+              React.createElement(
                 Col,
                 null,
-                React__default.createElement(
+                React.createElement(
                   'p',
                   { className: 'event-region', style: { padding: 0, margin: 0 } },
                   eventRegion
                 )
               )
             ),
-            venues && venues.length && venues[0].name && React__default.createElement(
+            venues && venues.length && venues[0].name && React.createElement(
               Row,
               null,
-              React__default.createElement(
+              React.createElement(
                 Col,
                 null,
-                React__default.createElement(
+                React.createElement(
                   'p',
                   { className: 'venue', style: { padding: 0, margin: 0 } },
                   venues[0].name
                 )
               )
             ),
-            speakerInfo && speakerInfo.length > 0 && React__default.createElement(
+            speakerInfo && speakerInfo.length > 0 && React.createElement(
               Row,
               null,
-              React__default.createElement(
+              React.createElement(
                 Col,
                 null,
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'speaker-section', style: { border: '1px solid', borderRadius: '8px', padding: '8px' } },
                   speakerInfo.map(function (info, index) {
-                    return React__default.createElement(
+                    return React.createElement(
                       'p',
                       { key: index, style: { marginBottom: '0' } },
                       info.value.map(function (speaker, index) {
-                        return React__default.createElement(
+                        return React.createElement(
                           'b',
                           { key: index, className: 'kol-speaker' },
                           speaker,
@@ -754,14 +760,14 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          mobileView && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          mobileView && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)
           )
         );
       }),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .card {\n            -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);\n            box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);\n            border-radius: 8px;\n            padding: 12px;\n          }\n          .row {\n            margin-bottom: 8px;\n          }\n        '
@@ -771,7 +777,7 @@ var EventsDeck = function EventsDeck(_ref) {
 
   var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
     var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-    return React__default.createElement(
+    return React.createElement(
       Col,
       { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
       rightItems[i].component
@@ -779,13 +785,13 @@ var EventsDeck = function EventsDeck(_ref) {
   };
 
   if (isLoading) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
-      React__default.createElement(
+      React.createElement(
         Spinner,
         { animation: 'border', role: 'status' },
-        React__default.createElement(
+        React.createElement(
           'span',
           { className: 'sr-only' },
           'Loading...'
@@ -795,34 +801,34 @@ var EventsDeck = function EventsDeck(_ref) {
   }
 
   if (data.length > 0) {
-    return React__default.createElement(
-      React__default.Fragment,
+    return React.createElement(
+      React.Fragment,
       null,
-      data && advancedFilters && React__default.createElement(
+      data && advancedFilters && React.createElement(
         'div',
         { className: 'advancedFilters ' + (showFilters ? 'show' : 'hide') },
         grabAdvancedFilters()
       ),
-      React__default.createElement(
+      React.createElement(
         'div',
         { className: 'cvent-events' },
-        React__default.createElement(
+        React.createElement(
           InfiniteScroll,
           { dataLength: data.length, next: loadMore, hasMore: scrolling, scrollThreshold: 0.9 },
           eventCards
         )
       ),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: true },
         '\n          .advancedFilters {\n            overflow: hidden;\n            border-radius: 5px;\n            padding: 1rem;\n            margin-bottom: 1rem;\n            box-shadow: #00000075 0 0 5px 2px;\n          }\n          .form-label {\n            margin-bottom: 0;\n          }\n          .hide {\n            opacity: 0;\n            height: 0;\n            display: none;\n          }\n          .show {\n            opacity: 1;\n            min-height: 50px;\n            height: auto;\n            display: block;\n          }\n        '
       )
     );
   } else {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       null,
-      React__default.createElement(
+      React.createElement(
         'div',
         null,
         'No events found '

package/dist/esm/ExternalResources.js

@@ -1,8 +1,8 @@
 import { _ as _extends } from './extends-dc6a71fd.js';
 import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
-import React__default, { useState, useEffect } from 'react';
-import { B as BlockContent } from './BlockContent-c99c9a8d.js';
-import { g as getSerializers } from './index-1d312e35.js';
+import React, { useState, useEffect } from 'react';
+import { B as BlockContent } from './BlockContent-52cf21c5.js';
+import { g as getSerializers } from './index-f2783f14.js';
 import { m as momentTimezone } from './index-79cfd25c.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';
@@ -14,7 +14,8 @@ import 'prop-types';
 import './index-0dbff1d1.js';
 import 'react-bootstrap';
 import './urlFor.js';
-import './index-5cc7b406.js';
+import './index-2446af28.js';
+import './events-6c3a7a63.js';
 import './index-c7e2ac95.js';
 import './util-3ab476bf.js';
 import './Beam.js';
@@ -23,12 +24,12 @@ import './asyncToGenerator-b4dfe691.js';
 import './_library-528f1934.js';
 import './_iter-detect-f089461c.js';
 import './Segment.js';
-import './main-1894c974.js';
-import './index-755f2cc2.js';
+import './main-4136096f.js';
+import './index-35bdcc81.js';
 import 'react-dom';
 import './typeof-83d9eb10.js';
 import './_is-array-893ab020.js';
-import './brightcove-react-player-loader.es-57a70a56.js';
+import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
@@ -48,8 +49,8 @@ import 'react-bootstrap/Col';
 import './inherits-8a801a18.js';
 import './_object-sap-169d6272.js';
 import './define-property-99e66838.js';
-import './index.esm-f6156a57.js';
-import './iconBase-ccc56b97.js';
+import './index.esm-3fdda599.js';
+import './iconBase-602d52fe.js';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
@@ -83,13 +84,13 @@ var ExternalResources = function ExternalResources(props) {
   useEffect(function () {
     router.push(router.pathname, '/' + url + '?display=' + active, { shallow: true });
   }, [active]);
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { id: 'resources' },
-    showToggles && React__default.createElement(
+    showToggles && React.createElement(
       'div',
       { id: 'toggles' },
-      React__default.createElement(
+      React.createElement(
         'div',
         { onClick: function onClick() {
             return setActive(function () {
@@ -98,7 +99,7 @@ var ExternalResources = function ExternalResources(props) {
           }, className: active === 'recent' ? 'active' : '' },
         recentTitle
       ),
-      React__default.createElement(
+      React.createElement(
         'div',
         { onClick: function onClick() {
             return setActive(function () {
@@ -109,43 +110,43 @@ var ExternalResources = function ExternalResources(props) {
       )
     ),
     resources[active].length > 0 ? resources[active].map(function (r) {
-      return React__default.createElement(
+      return React.createElement(
         'div',
         { key: r._id, className: 'resource' },
-        dispalyThumb && React__default.createElement(
+        dispalyThumb && React.createElement(
           'div',
           { id: 'thumb' },
-          React__default.createElement(
+          React.createElement(
             'a',
             { href: r.destination, target: '_blank', rel: 'noopener noreferrer' },
-            React__default.createElement('img', { src: r.thumbnail })
+            React.createElement('img', { src: r.thumbnail })
           )
         ),
-        React__default.createElement(
+        React.createElement(
           'div',
           { id: 'details' },
-          React__default.createElement(
+          React.createElement(
             'a',
             { href: r.destination, target: '_blank', rel: 'noopener noreferrer' },
-            React__default.createElement(
+            React.createElement(
               'p',
               { id: 'title' },
               r.title
             ),
-            r.intro && React__default.createElement(
+            r.intro && React.createElement(
               'div',
               { id: 'intro' },
-              React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: r.intro }, client.config()))
+              React.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: r.intro }, client.config()))
             ),
-            React__default.createElement(
+            React.createElement(
               'div',
               { id: 'date' },
-              React__default.createElement(
+              React.createElement(
                 'p',
                 { style: { fontWeight: 'bold' } },
                 'Date:'
               ),
-              React__default.createElement(
+              React.createElement(
                 'p',
                 null,
                 momentTimezone.tz(r.displayDate, 'America/New_York').format(dateFormat),
@@ -153,30 +154,30 @@ var ExternalResources = function ExternalResources(props) {
                 r.endDate && '- ' + momentTimezone.tz(r.endDate, 'America/New_York').format(dateFormat)
               )
             ),
-            r.speakers && React__default.createElement(
+            r.speakers && React.createElement(
               'div',
               { id: 'speakers' },
-              React__default.createElement(
+              React.createElement(
                 'p',
                 { style: { fontWeight: 'bold' } },
                 'Speakers:'
               ),
-              React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: r.speakers }, client.config()))
+              React.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: r.speakers }, client.config()))
             ),
-            r.location && React__default.createElement(
+            r.location && React.createElement(
               'div',
               { id: 'location' },
-              React__default.createElement(
+              React.createElement(
                 'p',
                 { style: { fontWeight: 'bold' } },
                 'Location:'
               ),
               r.location
             ),
-            r.sponsor && React__default.createElement(
+            r.sponsor && React.createElement(
               'div',
               { id: 'sponsor' },
-              React__default.createElement(
+              React.createElement(
                 'p',
                 { style: { fontWeight: 'bold' } },
                 'Sponsors:'
@@ -184,19 +185,19 @@ var ExternalResources = function ExternalResources(props) {
               r.sponsor
             )
           ),
-          React__default.createElement(
+          React.createElement(
             Button,
             { id: 'cta', variant: 'secondary', href: r.destination, target: '_blank', rel: 'noopener noreferrer' },
             cta
           )
         )
       );
-    }) : React__default.createElement(
+    }) : React.createElement(
       'p',
       null,
       'No content available.'
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: true },
       '\n        .resource {\n          display: flex;\n          position: relative;\n          margin: 0 0 1rem 0;\n        }\n        .resource #thumb {\n          box-sizing: border-box;\n          padding: 0.5rem;\n          width: 25%;\n        }\n        .resource #thumb img {\n          width: 100%;\n        }\n        .resource #details {\n          box-sizing: border-box;\n          padding: 0.5rem;\n          width: 75%;\n        }\n        #resources .resource p {\n          margin: 0;\n        }\n        #toggles {\n          display: flex;\n          margin: 0 0 1rem 0;\n        }\n        #toggles > div {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #toggles > div:hover {\n          font-weight: bold;\n          border-bottom: 2px solid #cecece;\n        }\n        #toggles > div.active {\n          font-weight: bold;\n          border-bottom: 2px solid var(--primary);\n        }\n        .resource #title {\n          font-weight: bold;\n          font-size: 1.25rem;\n        }\n        .resource #date,\n        .resource #speakers,\n        .resource #location,\n        .resource #sponsor,\n        .resource #cta {\n          margin: 1rem 0 0 0;\n        }\n      '