@postnord/pn-marketweb-components 2.0.126 → 2.0.128
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.
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +1 -1
- package/cjs/pn-teaser-card.cjs.entry.js +2 -2
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.css +18 -8
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.js +2 -2
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.stories.js +82 -0
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css +18 -0
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +3 -3
- package/custom-elements/index.js +3 -3
- package/esm/pn-marketweb-siteheader.entry.js +1 -1
- package/esm/pn-teaser-card.entry.js +2 -2
- package/esm-es5/pn-marketweb-siteheader.entry.js +1 -1
- package/esm-es5/pn-teaser-card.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/p-28bad7f5.system.entry.js +1 -0
- package/pn-market-web-components/p-650f4165.system.entry.js +1 -0
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-81773857.entry.js +1 -0
- package/pn-market-web-components/{p-77f6ef23.entry.js → p-d19130be.entry.js} +1 -1
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/umd/pn-marketweb-init.js +1 -1
- package/umd/pn-marketweb-salesforce.js +2 -2
- package/pn-market-web-components/p-1a965cba.system.entry.js +0 -1
- package/pn-market-web-components/p-3995ba08.system.entry.js +0 -1
- package/pn-market-web-components/p-afdd35d6.entry.js +0 -1
|
@@ -69,7 +69,7 @@ const translations = {
|
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
|
|
72
|
-
const pnMarketwebSiteheaderCss = "body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#FFFFFF}pn-marketweb-siteheader header{position:relative;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:initial;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-align:center;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #F3F2F2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{-ms-flex-pack:justify;justify-content:space-between;min-height:3.2em}}pn-marketweb-siteheader .siteheader-topright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;min-height:3em;background:#FFFFFF;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{-webkit-box-shadow:none;box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-container{display:none}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;-ms-flex-item-align:center;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0D234B;-webkit-box-shadow:none;box-shadow:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{-ms-flex-item-align:center;align-self:center;margin-left:1rem}@media screen and (max-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#FFFFFF;color:#0D234B;border:0.1rem solid #FFFFFF;padding:0.65rem 1.5rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-webkit-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-moz-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:-ms-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-ms-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0D234B}@media screen and (min-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav a{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{padding-bottom:0.5rem;background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top-right-radius:50%;border-bottom-right-radius:50%}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #FFFFFF;border-radius:50%;padding:0.5rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level .mainnav-level-header .secondlevel-backbtn pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{background-color:#0D234B;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a:hover{text-decoration:none}@media screen and (min-width: 1024px){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{border-bottom:none}}@media screen and (max-width: 1023px){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link:first-child{border-top:0.1rem solid rgba(0, 93, 146, 0.5)}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a:focus,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button:focus{outline:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]){background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list pn-mainnav-link>a:hover{background-color:#00A0D6;text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#FFFFFF}@media screen and (min-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}header[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}header[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a{color:#0D234B;font-weight:500;font-size:1.6rem;padding:0.8rem 2.4rem}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){background-color:#0D234B;border-bottom:0.1rem solid #0D234B}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0D234B}}@media screen and (min-width: 60em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>button::before,header[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>a::before{background-color:#FBC2C1}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0D234B;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0D234B;font-weight:500}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label:hover{background:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:hover{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:active{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:focus{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;-ms-flex-item-align:center;align-self:center;margin-left:1rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{-ms-flex-pack:end;justify-content:flex-end;min-width:inherit}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input{cursor:pointer;background-color:transparent;color:transparent;border:none;position:relative;z-index:3;border-radius:0}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-webkit-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-moz-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input:-ms-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-ms-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#FFFFFF;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1rem 1.9rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button .pn-button-bg{background:#0D234B}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#FFFFFF;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-webkit-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-moz-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:-ms-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-ms-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 415px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:block;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}}@media screen and (max-width: 1024px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:focus,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:hover{color:#FFFFFF;background-color:#00A0D6;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #00A0D6;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:focus svg>path,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:hover svg>path{fill:#FFFFFF}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005D92}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#FFFFFF}@media screen and (max-width: 1024px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button pn-icon svg>path{fill:#0D234B}}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}";
|
|
72
|
+
const pnMarketwebSiteheaderCss = "body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#FFFFFF}pn-marketweb-siteheader header{position:relative;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:initial;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-align:center;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #F3F2F2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{-ms-flex-pack:justify;justify-content:space-between;min-height:3.2em}}pn-marketweb-siteheader .siteheader-topright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;min-height:3em;background:#FFFFFF;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{-webkit-box-shadow:none;box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-container{display:none}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;-ms-flex-item-align:center;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0D234B;-webkit-box-shadow:none;box-shadow:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{-ms-flex-item-align:center;align-self:center;margin-left:1rem}@media screen and (max-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#FFFFFF;color:#0D234B;border:0.1rem solid #FFFFFF;padding:0.65rem 1.5rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-webkit-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-moz-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:-ms-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-ms-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0D234B}@media screen and (min-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav a{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{padding-bottom:0.5rem;background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top-right-radius:50%;border-bottom-right-radius:50%}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #FFFFFF;border-radius:50%;padding:0.5rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level .mainnav-level-header .secondlevel-backbtn pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{background-color:#0D234B;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a:hover{text-decoration:none}@media screen and (min-width: 1024px){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{border-bottom:none}}@media screen and (max-width: 1023px){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link:first-child{border-top:0.1rem solid rgba(0, 93, 146, 0.5)}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a:focus,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button:focus{outline:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]){background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list pn-mainnav-link>a:hover{background-color:#00A0D6;text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#FFFFFF}@media screen and (min-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}header[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}header[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a{color:#0D234B;font-weight:500;font-size:1.6rem;padding:0.8rem 2.4rem}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){background-color:#0D234B;border-bottom:0.1rem solid #0D234B}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0D234B}}@media screen and (min-width: 60em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>button::before,header[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>a::before{background-color:#FBC2C1}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0D234B;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0D234B;font-weight:500}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-content pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label:hover{background:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:hover{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:active{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:focus{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;-ms-flex-item-align:center;align-self:center;margin-left:1rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{-ms-flex-pack:end;justify-content:flex-end;min-width:inherit}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input{cursor:pointer;background-color:transparent;color:transparent;border:none;position:relative;z-index:3;border-radius:0}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-webkit-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-moz-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input:-ms-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-ms-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#FFFFFF;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1rem 1.9rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button .pn-button-bg{background:#0D234B}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#FFFFFF;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-webkit-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-moz-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:-ms-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-ms-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 415px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:block;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg>path{fill:#FFFFFF}}@media screen and (max-width: 1024px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:focus,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:hover{color:#FFFFFF;background-color:#00A0D6;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #00A0D6;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:focus svg>path,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:hover svg>path{fill:#FFFFFF}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005D92}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#FFFFFF}@media screen and (max-width: 1024px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button pn-icon svg>path{fill:#0D234B}}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}";
|
|
73
73
|
|
|
74
74
|
let PnMarketwebSiteheader = class {
|
|
75
75
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e3e27c79.js');
|
|
6
6
|
|
|
7
|
-
const pnTeaserCardCss = ".block.teasercardblock a[data-block-clickable-link=true]{z-index:1}pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem;width:100%}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-
|
|
7
|
+
const pnTeaserCardCss = ".block.teasercardblock a[data-block-clickable-link=true]{z-index:1}pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem;width:100%}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:2.4rem;line-height:2.64rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500;font-size:1.6rem;text-decoration:none;color:#005D92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg{-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;left:-0.3rem}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg path{fill:#005D92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated[target=_blank]:not(.pn-button):after{display:none}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}pn-teaser-card[data-card-color=blue]>.pn-teaser-card__container{background-color:#EFFBFF}pn-teaser-card[data-card-color=white]>.pn-teaser-card__container{background-color:#FFFFFF}@media screen and (min-width: 1200px){.onequarterwidth .pn-teaser-card__container__content__text__container__label{margin-bottom:0.8rem}}.onethirdwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image,.onequarterwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}.onethirdwidth .pn-teaser-card__container__content__cta .secondary-link--animated,.onequarterwidth .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}@media screen and (min-width: 992px){.halfwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:4rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 4rem 4rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 1640px){.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}}.fullwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{width:auto;padding-top:2.4rem}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:52rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(0.85);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated{text-decoration:underline}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated pn-icon svg{left:0}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
|
|
8
8
|
|
|
9
9
|
let PnTeaserCard = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -26,7 +26,7 @@ let PnTeaserCard = class {
|
|
|
26
26
|
}
|
|
27
27
|
//render
|
|
28
28
|
render() {
|
|
29
|
-
return (index.h(index.Host, null, index.h("slot", { name: "clickable-block-wrapper" }), index.h("div", { class: "pn-teaser-card__container" }, index.h("div", { class: `pn-teaser-card__container__image__container ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}` }, index.h("slot", { name: "illustration" })), index.h("div", { class: "pn-teaser-card__container__content" }, index.h("div", { class: "pn-teaser-card__container__content__text__container" }, this.labelToCapitals && index.h("span", { class: "pn-teaser-card__container__content__text__container__label" }, this.labelToCapitals), index.h("
|
|
29
|
+
return (index.h(index.Host, null, index.h("slot", { name: "clickable-block-wrapper" }), index.h("div", { class: "pn-teaser-card__container" }, index.h("div", { class: `pn-teaser-card__container__image__container ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}` }, index.h("slot", { name: "illustration" })), index.h("div", { class: "pn-teaser-card__container__content" }, index.h("div", { class: "pn-teaser-card__container__content__text__container" }, this.labelToCapitals && index.h("span", { class: "pn-teaser-card__container__content__text__container__label" }, this.labelToCapitals), index.h("h2", { class: "pn-teaser-card__container__content__text__container__heading" }, this.heading), index.h("p", { class: "pn-teaser-card__container__content__text__container__preamble" }, this.text)), this.hasCtaSlotContent && (index.h("div", { class: "pn-teaser-card__container__content__cta" }, index.h("slot", { name: "cta" })))))));
|
|
30
30
|
}
|
|
31
31
|
get hostElement() { return index.getElement(this); }
|
|
32
32
|
};
|
|
@@ -43,16 +43,18 @@ pn-teaser-card .pn-teaser-card__container__content {
|
|
|
43
43
|
padding: 2.4rem 2.4rem;
|
|
44
44
|
padding-top: 0;
|
|
45
45
|
}
|
|
46
|
-
pn-teaser-card .pn-teaser-
|
|
46
|
+
pn-teaser-card .pn-teaser-card__container__content__text__container__heading {
|
|
47
47
|
font-weight: 700;
|
|
48
48
|
font-size: 2.4rem;
|
|
49
49
|
line-height: 2.64rem;
|
|
50
|
+
margin-bottom: 0;
|
|
50
51
|
}
|
|
51
|
-
pn-teaser-card .pn-teaser-
|
|
52
|
+
pn-teaser-card .pn-teaser-card__container__content__text__container__preamble {
|
|
52
53
|
padding-top: 1.6rem;
|
|
53
54
|
font-weight: 400;
|
|
54
55
|
font-size: 1.6rem;
|
|
55
56
|
line-height: 2.24rem;
|
|
57
|
+
margin-bottom: 0;
|
|
56
58
|
}
|
|
57
59
|
pn-teaser-card .pn-teaser-card__container__content__text__container__label {
|
|
58
60
|
display: block;
|
|
@@ -110,10 +112,18 @@ pn-teaser-card[data-card-color=white] > .pn-teaser-card__container {
|
|
|
110
112
|
background-color: #FFFFFF;
|
|
111
113
|
}
|
|
112
114
|
|
|
113
|
-
|
|
115
|
+
@media screen and (min-width: 1200px) {
|
|
116
|
+
.onequarterwidth .pn-teaser-card__container__content__text__container__label {
|
|
117
|
+
margin-bottom: 0.8rem;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.onethirdwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image,
|
|
122
|
+
.onequarterwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image {
|
|
114
123
|
padding-top: 2.4rem;
|
|
115
124
|
}
|
|
116
|
-
.onethirdwidth .pn-teaser-card__container__content__cta .secondary-link--animated
|
|
125
|
+
.onethirdwidth .pn-teaser-card__container__content__cta .secondary-link--animated,
|
|
126
|
+
.onequarterwidth .pn-teaser-card__container__content__cta .secondary-link--animated {
|
|
117
127
|
font-weight: 400;
|
|
118
128
|
}
|
|
119
129
|
|
|
@@ -135,12 +145,12 @@ pn-teaser-card[data-card-color=white] > .pn-teaser-card__container {
|
|
|
135
145
|
.halfwidth pn-teaser-card .pn-teaser-card__container__content {
|
|
136
146
|
padding: 0 4rem 4rem;
|
|
137
147
|
}
|
|
138
|
-
.halfwidth pn-teaser-card .pn-teaser-
|
|
148
|
+
.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading {
|
|
139
149
|
font-weight: 700;
|
|
140
150
|
font-size: 3.2rem;
|
|
141
151
|
line-height: 3.52rem;
|
|
142
152
|
}
|
|
143
|
-
.halfwidth pn-teaser-card .pn-teaser-
|
|
153
|
+
.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble {
|
|
144
154
|
font-weight: 400;
|
|
145
155
|
font-size: 2rem;
|
|
146
156
|
line-height: 2.8rem;
|
|
@@ -194,12 +204,12 @@ pn-teaser-card[data-card-color=white] > .pn-teaser-card__container {
|
|
|
194
204
|
.fullwidth pn-teaser-card .pn-teaser-card__container__content {
|
|
195
205
|
padding: 4rem 4rem 4rem 3.2rem;
|
|
196
206
|
}
|
|
197
|
-
.fullwidth pn-teaser-card .pn-teaser-
|
|
207
|
+
.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading {
|
|
198
208
|
font-weight: 700;
|
|
199
209
|
font-size: 4.8rem;
|
|
200
210
|
line-height: 5.28rem;
|
|
201
211
|
}
|
|
202
|
-
.fullwidth pn-teaser-card .pn-teaser-
|
|
212
|
+
.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble {
|
|
203
213
|
font-size: 2rem;
|
|
204
214
|
line-height: 2.8rem;
|
|
205
215
|
}
|
|
@@ -26,8 +26,8 @@ export class PnTeaserCard {
|
|
|
26
26
|
h("div", { class: "pn-teaser-card__container__content" },
|
|
27
27
|
h("div", { class: "pn-teaser-card__container__content__text__container" },
|
|
28
28
|
this.labelToCapitals && h("span", { class: "pn-teaser-card__container__content__text__container__label" }, this.labelToCapitals),
|
|
29
|
-
h("
|
|
30
|
-
h("p",
|
|
29
|
+
h("h2", { class: "pn-teaser-card__container__content__text__container__heading" }, this.heading),
|
|
30
|
+
h("p", { class: "pn-teaser-card__container__content__text__container__preamble" }, this.text)),
|
|
31
31
|
this.hasCtaSlotContent && (h("div", { class: "pn-teaser-card__container__content__cta" },
|
|
32
32
|
h("slot", { name: "cta" })))))));
|
|
33
33
|
}
|
|
@@ -120,9 +120,66 @@ const TemplateFullWidth = ({ cards, ...args }) => {
|
|
|
120
120
|
</div>`;
|
|
121
121
|
};
|
|
122
122
|
|
|
123
|
+
const TemplateOneFourth = ({ cards, ...args }) => {
|
|
124
|
+
return `
|
|
125
|
+
<div style="width:100%; display:flex; flex-direction:row; gap:16px;">
|
|
126
|
+
<div class="onequarterwidth" style="width:33%; padding:16px 0;">
|
|
127
|
+
<pn-teaser-card heading="${cards[0].heading}" text="${cards[0].text}" label="Hard Coded" data-card-color="coral" class=" teaser-card--hover-effect">
|
|
128
|
+
|
|
129
|
+
<a slot="cta"
|
|
130
|
+
href="google.com"
|
|
131
|
+
class="secondary-link--animated">
|
|
132
|
+
${cards[0].buttonLabel} <pn-icon symbol="arrow-right"> </pn-icon>
|
|
133
|
+
</a>
|
|
134
|
+
</pn-teaser-card>
|
|
135
|
+
</div>
|
|
136
|
+
<div class="onequarterwidth" style="width:33%; padding:16px 0;">
|
|
137
|
+
<pn-teaser-card heading="${cards[1].heading}" text="${cards[1].text}" label="Hard Coded" data-card-color="blue" class=" teaser-card--hover-effect">
|
|
138
|
+
<div slot="illustration">
|
|
139
|
+
<picture>
|
|
140
|
+
<img src="https://www.postnord.se/siteassets/1.-skicka/inspecting-containers-in-a-shipping-terminal-1.jpg" />
|
|
141
|
+
</picture>
|
|
142
|
+
</div>
|
|
143
|
+
<a slot="cta"
|
|
144
|
+
href="google.com"
|
|
145
|
+
class="secondary-link--animated">
|
|
146
|
+
${cards[1].buttonLabel} <pn-icon symbol="arrow-right"> </pn-icon>
|
|
147
|
+
</a>
|
|
148
|
+
</pn-teaser-card>
|
|
149
|
+
</div>
|
|
150
|
+
<div class="onequarterwidth" style="width:33%; padding:16px 0;">
|
|
151
|
+
<pn-teaser-card heading="${cards[2].heading}" text="${cards[2].text}" data-card-color="white" class=" teaser-card--hover-effect">
|
|
152
|
+
<div slot="illustration">
|
|
153
|
+
<picture>
|
|
154
|
+
<img src="https://www.postnord.se/siteassets/images-new/start-page/kvinna-hamtar-paket-ur-paketbox-3840x2140.jpg" />
|
|
155
|
+
</picture>
|
|
156
|
+
</div>
|
|
157
|
+
|
|
158
|
+
</pn-teaser-card>
|
|
159
|
+
</div>
|
|
160
|
+
<div class="onequarterwidth" style="width:33%; padding:16px 0;">
|
|
161
|
+
<pn-teaser-card heading="${cards[3].heading}" text="${cards[3].text}" data-card-color="green" class=" teaser-card--hover-effect">
|
|
162
|
+
<div slot="illustration">
|
|
163
|
+
<picture>
|
|
164
|
+
<img src="https://www.postnord.se/siteassets/1.-skicka/inspecting-containers-in-a-shipping-terminal-1.jpg" />
|
|
165
|
+
</picture>
|
|
166
|
+
</div>
|
|
167
|
+
<a slot="cta"
|
|
168
|
+
target="_blank"
|
|
169
|
+
href="google.com"
|
|
170
|
+
class="secondary-link--animated">
|
|
171
|
+
${cards[3].buttonLabel} <pn-icon symbol="open-in-new"> </pn-icon>
|
|
172
|
+
</a>
|
|
173
|
+
</pn-teaser-card>
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
`;
|
|
177
|
+
};
|
|
178
|
+
|
|
123
179
|
export const OneThird = TemplateOneThird.bind({});
|
|
124
180
|
export const Half = TemplateOneHalf.bind({});
|
|
125
181
|
export const FullWidth = TemplateFullWidth.bind({});
|
|
182
|
+
export const OneFourth = TemplateOneFourth.bind({});
|
|
126
183
|
|
|
127
184
|
OneThird.args = {
|
|
128
185
|
cards: [
|
|
@@ -175,3 +232,28 @@ FullWidth.args = {
|
|
|
175
232
|
},
|
|
176
233
|
],
|
|
177
234
|
};
|
|
235
|
+
|
|
236
|
+
OneFourth.args = {
|
|
237
|
+
cards: [
|
|
238
|
+
{
|
|
239
|
+
heading: 'E-commerce & Logistics',
|
|
240
|
+
text: 'Pellentesque lectus orci, ullamcorper a quam in, malesuada efficitur nulla. Duis rhoncus suscipit tortor, at volutpat magna posuere scelerisque. Fusce vitae sem tristique',
|
|
241
|
+
buttonLabel: 'Some button',
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
heading: 'Lorem ipsum dolor sit amet',
|
|
245
|
+
text: 'Pellentesque lectus orci, ullamcorper a quam in, malesuada efficitur nulla. Duis rhoncus suscipit tortor, at volutpat magna posuere scelerisque. Fusce vitae sem tristique Pellentesque lectus orci',
|
|
246
|
+
buttonLabel: 'Some button',
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
heading: 'Communications',
|
|
250
|
+
text: 'Pellentesque lectus orci, ullamcorper a quam in eargareg aergarea aerg aergaeg a aer gaerg ',
|
|
251
|
+
buttonLabel: 'Some button',
|
|
252
|
+
},
|
|
253
|
+
{
|
|
254
|
+
heading: 'E-commerce & Logistics',
|
|
255
|
+
text: 'Pellentesque lectus orci, ullamcorper a quam in, malesuada efficitur nulla. Duis rhoncus suscipit tortor, at volutpat magna posuere scelerisque. Fusce vitae sem tristique',
|
|
256
|
+
buttonLabel: 'Some button',
|
|
257
|
+
},
|
|
258
|
+
],
|
|
259
|
+
};
|
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css
CHANGED
|
@@ -405,6 +405,9 @@ header[data-header-theme=tpl] > pn-marketweb-siteheader [slot=header-bottom-butt
|
|
|
405
405
|
header[data-header-theme=tpl] > pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg {
|
|
406
406
|
background-color: #FBC2C1;
|
|
407
407
|
}
|
|
408
|
+
header[data-header-theme=tpl] > pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg > path {
|
|
409
|
+
fill: #0D234B;
|
|
410
|
+
}
|
|
408
411
|
header[data-header-theme=tpl] > pn-marketweb-siteheader [slot=header-bottom-button] a:hover {
|
|
409
412
|
color: #FFFFFF;
|
|
410
413
|
}
|
|
@@ -412,6 +415,9 @@ header[data-header-theme=tpl] > pn-marketweb-siteheader [slot=header-bottom-butt
|
|
|
412
415
|
background-color: #0D234B;
|
|
413
416
|
transition: backgrond-color linear 1s;
|
|
414
417
|
}
|
|
418
|
+
header[data-header-theme=tpl] > pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg > path {
|
|
419
|
+
fill: #FFFFFF;
|
|
420
|
+
}
|
|
415
421
|
header[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-row:not(:last-child) {
|
|
416
422
|
background-color: #0D234B;
|
|
417
423
|
border-bottom: 0.1rem solid #0D234B;
|
|
@@ -448,6 +454,9 @@ header[data-header-theme=tpl] > pn-marketweb-siteheader > header [slot=siteheade
|
|
|
448
454
|
header[data-header-theme=tpl] > pn-marketweb-siteheader > header [slot=siteheader-menu-top-button] a .pn-button-bg {
|
|
449
455
|
background-color: #FBC2C1;
|
|
450
456
|
}
|
|
457
|
+
header[data-header-theme=tpl] > pn-marketweb-siteheader > header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg > path {
|
|
458
|
+
fill: #0D234B;
|
|
459
|
+
}
|
|
451
460
|
header[data-header-theme=tpl] > pn-marketweb-siteheader > header [slot=siteheader-menu-top-button] a:hover {
|
|
452
461
|
color: #FFFFFF;
|
|
453
462
|
}
|
|
@@ -455,6 +464,9 @@ header[data-header-theme=tpl] > pn-marketweb-siteheader > header [slot=siteheade
|
|
|
455
464
|
background-color: #0D234B;
|
|
456
465
|
transition: backgrond-color linear 1s;
|
|
457
466
|
}
|
|
467
|
+
header[data-header-theme=tpl] > pn-marketweb-siteheader > header [slot=siteheader-menu-top-button] a:hover .pn-button-content pn-icon svg > path {
|
|
468
|
+
fill: #FFFFFF;
|
|
469
|
+
}
|
|
458
470
|
header[data-header-theme=tpl] > pn-marketweb-siteheader > header a {
|
|
459
471
|
color: #0D234B;
|
|
460
472
|
}
|
|
@@ -585,6 +597,9 @@ header[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-men
|
|
|
585
597
|
header[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content {
|
|
586
598
|
font-weight: 500;
|
|
587
599
|
}
|
|
600
|
+
header[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg > path {
|
|
601
|
+
fill: #0D234B;
|
|
602
|
+
}
|
|
588
603
|
header[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] a:hover {
|
|
589
604
|
color: #FFFFFF;
|
|
590
605
|
}
|
|
@@ -592,6 +607,9 @@ header[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-men
|
|
|
592
607
|
background-color: #0D234B;
|
|
593
608
|
transition: backgrond-color linear 1s;
|
|
594
609
|
}
|
|
610
|
+
header[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg > path {
|
|
611
|
+
fill: #FFFFFF;
|
|
612
|
+
}
|
|
595
613
|
}
|
|
596
614
|
@media screen and (max-width: 1024px) {
|
|
597
615
|
header[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer pn-nav-dropdown button:focus, header[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer pn-nav-dropdown button:hover {
|
|
@@ -481,9 +481,9 @@ const TPLSiteHeaderTemplate = ({ ...args }) => {
|
|
|
481
481
|
hide-login="${args.hideLogin}"
|
|
482
482
|
search-placeholder="${args.placeholder}"
|
|
483
483
|
hide-home-menu-item="${args.hideHomeMenuItem}">
|
|
484
|
-
<pn-button slot="header-bottom-button" href="http:www.google.se" small="true">${args.buttonText}</pn-button>
|
|
485
|
-
<pn-button slot="siteheader-menu-top-button" href="http:www.google.se" small="true">${args.buttonText}</pn-button>
|
|
486
|
-
<pn-button slot="menu-footer-cta" href="http:www.google.se" small="true">${args.buttonText}</pn-button>
|
|
484
|
+
<pn-button slot="header-bottom-button" href="http:www.google.se" small="true" icon="open-in-new">${args.buttonText}</pn-button>
|
|
485
|
+
<pn-button slot="siteheader-menu-top-button" href="http:www.google.se" small="true" icon="open-in-new">${args.buttonText}</pn-button>
|
|
486
|
+
<pn-button slot="menu-footer-cta" href="http:www.google.se" small="true" icon="open-in-new">${args.buttonText}</pn-button>
|
|
487
487
|
</pn-marketweb-siteheader>
|
|
488
488
|
</header>`;
|
|
489
489
|
};
|