@everymatrix/general-footer-template 1.88.6 → 1.88.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -103,7 +103,7 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
|
|
|
103
103
|
|
|
104
104
|
const shadowRoot = stylingContainer.getRootNode();
|
|
105
105
|
const cacheStyleObject = window[StyleCacheKey];
|
|
106
|
-
let cachedStyle = cacheStyleObject[domain]
|
|
106
|
+
let cachedStyle = cacheStyleObject[domain] && cacheStyleObject[domain].sheet;
|
|
107
107
|
|
|
108
108
|
if (!cachedStyle) {
|
|
109
109
|
cachedStyle = new CSSStyleSheet();
|
|
@@ -99,7 +99,7 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
|
|
|
99
99
|
|
|
100
100
|
const shadowRoot = stylingContainer.getRootNode();
|
|
101
101
|
const cacheStyleObject = window[StyleCacheKey];
|
|
102
|
-
let cachedStyle = cacheStyleObject[domain]
|
|
102
|
+
let cachedStyle = cacheStyleObject[domain] && cacheStyleObject[domain].sheet;
|
|
103
103
|
|
|
104
104
|
if (!cachedStyle) {
|
|
105
105
|
cachedStyle = new CSSStyleSheet();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,h as t,g as e}from"./index-2051e205.js";import{g as o,n as i,c as r}from"./utils-c4781120.js";const a="__WIDGET_GLOBAL_STYLE_CACHE__";function c(n,t){if(n){const e=document.createElement("style");e.innerHTML=t,n.appendChild(e)}}const s=class{constructor(t){n(this,t),this.platform=o(),this.MANDATORY_FIELDS=["endpoint","language","sections"],this.language=void 0,this.sections=void 0,this.endpoint=void 0,this.env="stage",this.userRoles="everyone",this.userid=void 0,this.session=void 0,this.baseUrl=void 0,this.navigateViaEvent="false",this.postMessageEvent="NavigateTo",this.clientStyling="",this.clientStylingUrl="",this.customCss=void 0,this.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.mbSource=void 0,this.accordionLinks=!1,this.variant="standard",this.hasErrors=!1,this.footerContent=void 0}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}watchLanguage(n,t){n&&t&&n!=t&&this.setFooterData()}setFooterData(){this.sectionsList=this.sections.split(",").map((n=>n.trim()));const n=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return n.searchParams.append("env",this.env),n.searchParams.append("device",this.platform),n.searchParams.append("userRoles",this.userRoles),this.validateMandatoryFields(),fetch(n.href).then((n=>n.json())).then((n=>{0===Object.keys(n).length?this.hasErrors=!0:this.footerContent=i(n)}))}async componentWillLoad(){await this.setFooterData()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){null!=window.emMessageBus?function(n,t,e,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return function(n,t){const e=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{n&&(e.innerHTML=t,n.appendChild(e))}))}(n,t);window[a]||(window[a]={});const i=(e=function(n,t){return window.emMessageBus.subscribe(t,(e=>{if(!n)return;const o=n.getRootNode(),i=window[a];let r=i[t]?.sheet;r?i[t].refCount=i[t].refCount+1:(r=new CSSStyleSheet,r.replaceSync(e),i[t]={sheet:r,refCount:1});const c=o.adoptedStyleSheets||[];c.includes(r)||(o.adoptedStyleSheets=[...c,r])}))}(n,t)).unsubscribe.bind(e);e.unsubscribe=()=>{if(window[a][t]){const n=window[a][t];n.refCount>1?n.refCount=n.refCount-1:delete window[a][t]}i()}}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription):(this.clientStyling&&c(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&function(n,t){if(!n||!t)return;const e=new URL(t);fetch(e.href).then((n=>n.text())).then((t=>{const e=document.createElement("style");e.innerHTML=t,n&&n.appendChild(e)})).catch((n=>{console.error("There was an error while trying to load client styling from URL",n)}))}(this.stylingContainer,this.clientStylingUrl),this.customCss=this.footerContent.wysiwyg.customCSS.content,this.customCss&&c(this.hostEl.shadowRoot,this.customCss))}render(){if(this.hasErrors)return t("div",null,"There was an error while bootstraping the widget");{const n=this.sectionsList.map(((n,e)=>{var o,i,a;const c=(null===(o=this.footerContent.repeaters)||void 0===o?void 0:o[n])||(null===(i=this.footerContent.wysiwyg)||void 0===i?void 0:i[n]),s=null==c?void 0:c.content;if("object"==typeof s&&0===(null===(a=Object.keys(s))||void 0===a?void 0:a.length)||"string"==typeof s&&""===s.trim())return null;const p=r[n].component,m=this.footerContent.repeaters.hasOwnProperty(n),d=this.footerContent.wysiwyg.hasOwnProperty(n);return t(p,{class:`${n} FooterSectionContainer FooterSectionContainer${e+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,endpoint:this.endpoint,language:this.language,"navigate-via-event":this.navigateViaEvent,"post-message-event":this.postMessageEvent,ruleset:r[n],repeaterContent:m?this.footerContent.repeaters[n]:null,customContent:d?this.footerContent.wysiwyg[n].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat,"time-zone":this.timeZone,"accordion-links":this.accordionLinks})}));return t("footer",{class:this.variant&&"standard"!==this.variant?`FooterContainer FooterContainer--${this.variant}`:"FooterContainer",ref:n=>this.stylingContainer=n},t("div",{class:"FooterGrid customStyle"},n))}}get hostEl(){return e(this)}static get watchers(){return{language:["watchLanguage"]}}};s.style='/*\n============================================================================\nBASE STYLES - apply to all footer variants\n============================================================================\n*/\n:host {\n display: block;\n}\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.FooterGrid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-typography, #fff));\n padding: 15px 20px 0;\n}\n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n}\n\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n}\n\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n}\n\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n}\n\n.FooterSectionContainer5 {\n grid-area: five;\n}\n\n.FooterSectionContainer6 {\n grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n/*\n============================================================================\nSTANDARD VARIANT (Default) - applies when variant="standard" or no variant specified\n============================================================================\n*/\n@container (max-width: 750px) {\n .FooterSectionContainer3:after,\n .FooterSectionContainer2:after {\n position: absolute;\n content: "";\n height: 1px;\n width: 90%;\n background-color: var(--emw--color-gray-100, #444);\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #060706);\n padding: 30px 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n justify-self: center;\n }\n}\n@container (min-width: 750px) {\n .FooterGrid {\n background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-template-areas: "one two two two" "one three three three" "one four four four" "one five five five" "one six six six" "seven seven seven seven" "eight eight eight eight" "nine nine nine nine";\n }\n .FooterSectionContainer1 {\n padding: 30px 40px;\n grid-area: one;\n background: var(--emw--color-background, #000000);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n min-height: var(--emw--size-4x-medium, 500px);\n }\n .FooterSectionContainer3 {\n grid-area: three;\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #091217);\n padding: var(--emw--spacing-x-large, 30px) 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n }\n .FooterSectionContainer6 {\n grid-area: six;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n align-items: center;\n padding-left: var(--emw--spacing-large, 20px);\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: var(--emw--spacing-2x-small, 5px);\n text-align: center;\n }\n .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {\n justify-content: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n }\n}\n/*\n============================================================================\nCOMPACT VARIANT - applies when variant="compact"\n============================================================================\n*/\n.FooterContainer--compact {\n /*\n ========================================================================\n CONTAINER QUERIES\n ========================================================================\n */\n}\n.FooterContainer--compact ul {\n font-size: var(--emw--font-size-normal, 16px);\n}\n.FooterContainer--compact img.Visible {\n border-radius: 0;\n}\n.FooterContainer--compact .ImageListIcon.sc-image-list img.sc-image-list {\n width: 100%;\n}\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact div.ImageListLineup.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact .FooterSectionContainer2 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer3 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer4 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionWrapper div p,\n.FooterContainer--compact .FooterSectionContainer9 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6.FooterSectionContainer6 .CustomContentSectionWrapper div p {\n color: var(--emw--color-primary);\n font-size: var(--emw--font-size-medium, 18px);\n font-weight: var(--emw--font-weight-mid, 500);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: left;\n padding-left: 20px;\n font-size: var(--emw--font-size-medium, 16px);\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent p {\n text-transform: uppercase;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px) 0;\n margin: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.ImageListSectionTitle.sc-image-list {\n display: none;\n}\n.FooterContainer--compact .FooterSectionContainer7.FooterSectionContainer7 .CustomContentSectionWrapper div p {\n text-align: center;\n padding: 20px 0;\n margin: 0 20px;\n border-top: 1px solid var(--emw--color-primary);\n border-bottom: 1px solid var(--emw--color-primary);\n}\n.FooterContainer--compact .FooterSectionContainer5 div.ImageListLineup.sc-image-list {\n justify-content: center;\n}\n.FooterContainer--compact div.LinkSectionListWrapper {\n display: grid;\n justify-content: center;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage {\n max-width: 15px;\n max-height: 15px;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n border: none;\n border-radius: 0;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img:before {\n content: " ";\n background: var(--emw--footer-color-bg, #00001c);\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul {\n display: inline-block;\n break-inside: avoid;\n margin: 0 0 24px;\n padding: 0;\n width: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul p {\n color: var(--emw--color-primary);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact ul li span.LinkSectionListLinkText span {\n font-size: var(--emw--font-size-small);\n letter-spacing: var(--emw--letter-spacing-small);\n}\n.FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n}\n.FooterContainer--compact .license-description {\n text-align: left;\n}\n.FooterContainer--compact .social .ImageListIcon.sc-image-list img.sc-image-list {\n width: auto;\n}\n@container (max-width: 480px) {\n .FooterContainer--compact div.LinkSectionListWrapper {\n justify-content: center;\n column-count: 1;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n display: flex;\n margin: 0;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (max-width: 750px) {\n .FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n }\n .FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (min-width: 650px) {\n .FooterContainer--compact .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(6, 1fr);\n grid-template-rows: 1fr;\n }\n}\n@container (min-width: 750px) {\n .FooterContainer--compact .FooterGrid {\n border-top: 5px solid var(--emw--footer-color-primary);\n }\n .FooterContainer--compact .FooterGrid.customStyle {\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #fc3c2a));\n grid-template-rows: auto auto auto auto auto;\n grid-template-columns: repeat(5, 1fr);\n grid-template-areas: "one one one one one" "two three four six nine" "seven seven seven seven seven" "five five five five five" "eight eight eight eight eight"; /* row 5 */\n }\n .FooterContainer--compact .FooterSectionContainer .ImageListLineup.sc-image-list {\n justify-content: start;\n }\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer .CustomContentSectionWrapper.sc-custom-content-section {\n text-align: center;\n }\n}\n@media (max-width: 768px) {\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer9 {\n grid-area: nine;\n }\n .FooterContainer--compact div.FooterGrid {\n display: grid;\n grid-template-areas: "one" "two" "three" "four" "five" "six" "nine" "seven" "eight";\n }\n .FooterContainer--compact .FooterSectionContainer9 .ImageListIcon p.sc-image-list {\n display: none;\n }\n}\n@media (min-width: 1301px) {\n .FooterContainer--compact {\n padding-bottom: 0;\n }\n}';export{s as general_footer_template}
|
|
1
|
+
import{r as n,h as t,g as e}from"./index-2051e205.js";import{g as o,n as i,c as r}from"./utils-c4781120.js";const a="__WIDGET_GLOBAL_STYLE_CACHE__";function c(n,t){if(n){const e=document.createElement("style");e.innerHTML=t,n.appendChild(e)}}const s=class{constructor(t){n(this,t),this.platform=o(),this.MANDATORY_FIELDS=["endpoint","language","sections"],this.language=void 0,this.sections=void 0,this.endpoint=void 0,this.env="stage",this.userRoles="everyone",this.userid=void 0,this.session=void 0,this.baseUrl=void 0,this.navigateViaEvent="false",this.postMessageEvent="NavigateTo",this.clientStyling="",this.clientStylingUrl="",this.customCss=void 0,this.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.mbSource=void 0,this.accordionLinks=!1,this.variant="standard",this.hasErrors=!1,this.footerContent=void 0}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}watchLanguage(n,t){n&&t&&n!=t&&this.setFooterData()}setFooterData(){this.sectionsList=this.sections.split(",").map((n=>n.trim()));const n=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return n.searchParams.append("env",this.env),n.searchParams.append("device",this.platform),n.searchParams.append("userRoles",this.userRoles),this.validateMandatoryFields(),fetch(n.href).then((n=>n.json())).then((n=>{0===Object.keys(n).length?this.hasErrors=!0:this.footerContent=i(n)}))}async componentWillLoad(){await this.setFooterData()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){null!=window.emMessageBus?function(n,t,e,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return function(n,t){const e=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{n&&(e.innerHTML=t,n.appendChild(e))}))}(n,t);window[a]||(window[a]={});const i=(e=function(n,t){return window.emMessageBus.subscribe(t,(e=>{if(!n)return;const o=n.getRootNode(),i=window[a];let r=i[t]&&i[t].sheet;r?i[t].refCount=i[t].refCount+1:(r=new CSSStyleSheet,r.replaceSync(e),i[t]={sheet:r,refCount:1});const c=o.adoptedStyleSheets||[];c.includes(r)||(o.adoptedStyleSheets=[...c,r])}))}(n,t)).unsubscribe.bind(e);e.unsubscribe=()=>{if(window[a][t]){const n=window[a][t];n.refCount>1?n.refCount=n.refCount-1:delete window[a][t]}i()}}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription):(this.clientStyling&&c(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&function(n,t){if(!n||!t)return;const e=new URL(t);fetch(e.href).then((n=>n.text())).then((t=>{const e=document.createElement("style");e.innerHTML=t,n&&n.appendChild(e)})).catch((n=>{console.error("There was an error while trying to load client styling from URL",n)}))}(this.stylingContainer,this.clientStylingUrl),this.customCss=this.footerContent.wysiwyg.customCSS.content,this.customCss&&c(this.hostEl.shadowRoot,this.customCss))}render(){if(this.hasErrors)return t("div",null,"There was an error while bootstraping the widget");{const n=this.sectionsList.map(((n,e)=>{var o,i,a;const c=(null===(o=this.footerContent.repeaters)||void 0===o?void 0:o[n])||(null===(i=this.footerContent.wysiwyg)||void 0===i?void 0:i[n]),s=null==c?void 0:c.content;if("object"==typeof s&&0===(null===(a=Object.keys(s))||void 0===a?void 0:a.length)||"string"==typeof s&&""===s.trim())return null;const p=r[n].component,m=this.footerContent.repeaters.hasOwnProperty(n),d=this.footerContent.wysiwyg.hasOwnProperty(n);return t(p,{class:`${n} FooterSectionContainer FooterSectionContainer${e+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,endpoint:this.endpoint,language:this.language,"navigate-via-event":this.navigateViaEvent,"post-message-event":this.postMessageEvent,ruleset:r[n],repeaterContent:m?this.footerContent.repeaters[n]:null,customContent:d?this.footerContent.wysiwyg[n].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat,"time-zone":this.timeZone,"accordion-links":this.accordionLinks})}));return t("footer",{class:this.variant&&"standard"!==this.variant?`FooterContainer FooterContainer--${this.variant}`:"FooterContainer",ref:n=>this.stylingContainer=n},t("div",{class:"FooterGrid customStyle"},n))}}get hostEl(){return e(this)}static get watchers(){return{language:["watchLanguage"]}}};s.style='/*\n============================================================================\nBASE STYLES - apply to all footer variants\n============================================================================\n*/\n:host {\n display: block;\n}\n\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.FooterGrid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-typography, #fff));\n padding: 15px 20px 0;\n}\n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n}\n\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n}\n\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n}\n\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n}\n\n.FooterSectionContainer5 {\n grid-area: five;\n}\n\n.FooterSectionContainer6 {\n grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n/*\n============================================================================\nSTANDARD VARIANT (Default) - applies when variant="standard" or no variant specified\n============================================================================\n*/\n@container (max-width: 750px) {\n .FooterSectionContainer3:after,\n .FooterSectionContainer2:after {\n position: absolute;\n content: "";\n height: 1px;\n width: 90%;\n background-color: var(--emw--color-gray-100, #444);\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #060706);\n padding: 30px 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n justify-self: center;\n }\n}\n@container (min-width: 750px) {\n .FooterGrid {\n background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-template-areas: "one two two two" "one three three three" "one four four four" "one five five five" "one six six six" "seven seven seven seven" "eight eight eight eight" "nine nine nine nine";\n }\n .FooterSectionContainer1 {\n padding: 30px 40px;\n grid-area: one;\n background: var(--emw--color-background, #000000);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n min-height: var(--emw--size-4x-medium, 500px);\n }\n .FooterSectionContainer3 {\n grid-area: three;\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #091217);\n padding: var(--emw--spacing-x-large, 30px) 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n }\n .FooterSectionContainer6 {\n grid-area: six;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n align-items: center;\n padding-left: var(--emw--spacing-large, 20px);\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: var(--emw--spacing-2x-small, 5px);\n text-align: center;\n }\n .FooterSectionContainer5 .ImageListSectionTitle.sc-image-list {\n justify-content: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n }\n}\n/*\n============================================================================\nCOMPACT VARIANT - applies when variant="compact"\n============================================================================\n*/\n.FooterContainer--compact {\n /*\n ========================================================================\n CONTAINER QUERIES\n ========================================================================\n */\n}\n.FooterContainer--compact ul {\n font-size: var(--emw--font-size-normal, 16px);\n}\n.FooterContainer--compact img.Visible {\n border-radius: 0;\n}\n.FooterContainer--compact .ImageListIcon.sc-image-list img.sc-image-list {\n width: 100%;\n}\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact div.ImageListLineup.sc-image-list {\n padding-left: 0;\n}\n.FooterContainer--compact .FooterSectionContainer2 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer3 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer4 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionWrapper div p,\n.FooterContainer--compact .FooterSectionContainer9 .ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact div.ImageListSectionTitle.sc-image-list,\n.FooterContainer--compact .FooterSectionContainer6.FooterSectionContainer6 .CustomContentSectionWrapper div p {\n color: var(--emw--color-primary);\n font-size: var(--emw--font-size-medium, 18px);\n font-weight: var(--emw--font-weight-mid, 500);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: left;\n padding-left: 20px;\n font-size: var(--emw--font-size-medium, 16px);\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent p {\n text-transform: uppercase;\n padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px) 0;\n margin: 0;\n}\n.FooterContainer--compact .FooterSectionContainer6 div.ImageListSectionTitle.sc-image-list {\n display: none;\n}\n.FooterContainer--compact .FooterSectionContainer7.FooterSectionContainer7 .CustomContentSectionWrapper div p {\n text-align: center;\n padding: 20px 0;\n margin: 0 20px;\n border-top: 1px solid var(--emw--color-primary);\n border-bottom: 1px solid var(--emw--color-primary);\n}\n.FooterContainer--compact .FooterSectionContainer5 div.ImageListLineup.sc-image-list {\n justify-content: center;\n}\n.FooterContainer--compact div.LinkSectionListWrapper {\n display: grid;\n justify-content: center;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage {\n max-width: 15px;\n max-height: 15px;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n border: none;\n border-radius: 0;\n}\n.FooterContainer--compact .LinkSectionListLink .LinkSectionListLinkText .ContainerImage img:before {\n content: " ";\n background: var(--emw--footer-color-bg, #00001c);\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul {\n display: inline-block;\n break-inside: avoid;\n margin: 0 0 24px;\n padding: 0;\n width: 100%;\n}\n.FooterContainer--compact .LinkSectionListWrapper ul p {\n color: var(--emw--color-primary);\n letter-spacing: var(--emw--letter-spacing-medium);\n}\n.FooterContainer--compact ul li span.LinkSectionListLinkText span {\n font-size: var(--emw--font-size-small);\n letter-spacing: var(--emw--letter-spacing-small);\n}\n.FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n}\n.FooterContainer--compact .license-description {\n text-align: left;\n}\n.FooterContainer--compact .social .ImageListIcon.sc-image-list img.sc-image-list {\n width: auto;\n}\n@container (max-width: 480px) {\n .FooterContainer--compact div.LinkSectionListWrapper {\n justify-content: center;\n column-count: 1;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n display: flex;\n margin: 0;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (max-width: 750px) {\n .FooterContainer--compact .FooterSectionContainer6 div.CustomContentSectionContent {\n padding: 0;\n }\n .FooterContainer--compact .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListWrapper ul p {\n text-align: center;\n }\n .FooterContainer--compact .LinkSectionListContainer ul {\n padding-left: 0;\n align-items: center;\n }\n .FooterContainer--compact image-list.FooterSectionContainer2 .ImageListIcon p {\n display: none;\n }\n .FooterContainer--compact .FooterSectionContainer8 .CustomContentSectionContent p {\n text-align: center;\n }\n}\n@container (min-width: 650px) {\n .FooterContainer--compact .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(6, 1fr);\n grid-template-rows: 1fr;\n }\n}\n@container (min-width: 750px) {\n .FooterContainer--compact .FooterGrid {\n border-top: 5px solid var(--emw--footer-color-primary);\n }\n .FooterContainer--compact .FooterGrid.customStyle {\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #fc3c2a));\n grid-template-rows: auto auto auto auto auto;\n grid-template-columns: repeat(5, 1fr);\n grid-template-areas: "one one one one one" "two three four six nine" "seven seven seven seven seven" "five five five five five" "eight eight eight eight eight"; /* row 5 */\n }\n .FooterContainer--compact .FooterSectionContainer .ImageListLineup.sc-image-list {\n justify-content: start;\n }\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer .CustomContentSectionWrapper.sc-custom-content-section {\n text-align: center;\n }\n}\n@media (max-width: 768px) {\n .FooterContainer--compact .FooterSectionContainer8 {\n grid-area: eight;\n }\n .FooterContainer--compact .FooterSectionContainer9 {\n grid-area: nine;\n }\n .FooterContainer--compact div.FooterGrid {\n display: grid;\n grid-template-areas: "one" "two" "three" "four" "five" "six" "nine" "seven" "eight";\n }\n .FooterContainer--compact .FooterSectionContainer9 .ImageListIcon p.sc-image-list {\n display: none;\n }\n}\n@media (min-width: 1301px) {\n .FooterContainer--compact {\n padding-bottom: 0;\n }\n}';export{s as general_footer_template}
|