@import url(https://c1-ofp.static.pub/ShareResource/DSM/DSM_3/css/dsm3-css-variables.css); * { box-sizing: border-box; margin: 0; padding: 0; } img { max-width: 100%; } .wpc-background-color { border-radius: inherit; position: absolute; z-index: -1; } .wpc-background-color.wpc-background-color-blurred { backdrop-filter: blur(10px); clip-path: inset(0 0 0 0); } .wpc-background-video-container { overflow: hidden; z-index: -1; } .wpc-background-video-container, .wpc-background-video-container .wpc-background-video { border: none; border-radius: inherit; pointer-events: none; position: absolute; } .wpc-background-image-container { overflow: hidden; z-index: -1; } .wpc-background-image-container, .wpc-background-image-container .wpc-background-image { border: none; border-radius: inherit; pointer-events: none; position: absolute; } .wpc-grid { display: flex; flex-grow: 0  !important; flex-shrink: 0  !important; position: relative; } .wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp(0%, 25% * var(--columns-sm), 100%); } @media screen and (min-width: 768px) { .wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp(0%, 12.5% * var(--columns-md), 100%); } } @media screen and (min-width: 1280px) { .wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp(0%, 8.3333333333% * var(--columns-lg), 100%); } } @media screen and (min-width: 1920px) { .wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp(0%, 8.3333333333% * var(--columns-xl), 100%); } } .wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) - var(--spacing-3) * 1rem/4 * (4 - var(--columns-sm)), 100% ); } @media screen and (min-width: 768px) { .wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) - var(--spacing-3) * 1rem/8 * (8 - var(--columns-md)), 100% ); } } @media screen and (min-width: 1280px) { .wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) - var(--spacing-3) * 1rem/12 * (12 - var(--columns-lg)), 100% ); } } @media screen and (min-width: 1920px) { .wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) - var(--spacing-3) * 1rem/12 * (12 - var(--columns-xl)), 100% ); } } .wpc-grid-row { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; width: 100%; } .wpc-grid-row li { margin-left: 0  !important; } .wpc-grid-row.wpc-grid-row-nogap { gap: 0; } .wpc-grid-row.wpc-grid-row-gap { gap: calc(var(--spacing-3) * 1rem); } .wpc-grid-row.wpc-grid-row-margins { padding-left: calc(var(--mobile-grid-margins) * 1rem); padding-right: calc(var(--mobile-grid-margins) * 1rem); } @media screen and (min-width: 768px) { .wpc-grid-row.wpc-grid-row-margins { padding-left: calc(var(--tablet-grid-margins) * 1rem); padding-right: calc(var(--tablet-grid-margins) * 1rem); } } @media screen and (min-width: 1280px) { .wpc-grid-row.wpc-grid-row-margins { padding-left: clamp( var(--small-desktop-grid-margins) * 1rem, (100% - 1520px)/2 + var(--small-desktop-grid-margins) * 1rem, var(--full-desktop-grid-margins) * 1rem ); padding-right: clamp( var(--small-desktop-grid-margins) * 1rem, (100% - 1520px)/2 + var(--small-desktop-grid-margins) * 1rem, var(--full-desktop-grid-margins) * 1rem ); } } @media screen and (min-width: 1920px) { .wpc-grid-row.wpc-grid-row-margins { padding-left: calc(50% - 960px + var(--full-desktop-grid-margins) * 1rem); padding-right: calc(50% - 960px + var(--full-desktop-grid-margins) * 1rem); } } .wpc-gridcardrow { align-items: stretch; } .wpc-gridcardrow li { margin-left: 0  !important; } .wpc-gridcardrow .wpc-card-content-container { height: 100%; } .wpc-gridcardrow .wpc-card-content-container .wpc-ctacontainer { margin-top: auto  !important; padding-top: 24px; } .wpc-grid-container { display: flex; flex-direction: row; flex-wrap: wrap; } .wpc-grid-container.wpc-grid-container-gap { gap: calc(var(--spacing-3) * 1rem); } .wpc-grid-container.wpc-grid-container-nogap { gap: 0; } .wpc-grid-container.wpc-grid-container-fullwidth { margin-left: auto; margin-right: auto; width: 100%; } .wpc-grid-container.wpc-grid-container-fulldesktop { margin-left: auto; margin-right: auto; max-width: var(--breakpoint-full-desktop); } .wpc-icon-cardlg { font-size: 4rem  !important; height: 4rem; } .wpc-icon-cardmd { font-size: 2rem  !important; height: 2rem; } .wpc-icon-cardsm { font-size: 1rem  !important; height: 1rem; } .wpc-icon-list-md { min-width: 32px; width: 32px; } .wpc-icon-skinnybannermd { font-size: 3rem  !important; height: 3rem; } .wpc-logo { display: block; max-width: 100%; } .wpc-logo-blademd { border-radius: 0  !important; max-height: 5rem; min-height: 2.5rem; width: 100%  !important; } picture:has(> .wpc-logo-blademd):has(+ *) { margin-bottom: calc(1rem * var(--spacing-5)); } .wpc-logo-cardmd { height: 4.5rem; margin-bottom: calc(var(--spacing-3) * 1rem); } .wpc-logo-dealsbmd { height: 3.75rem; } .wpc-logo-heromd { border-radius: 0  !important; max-height: 5rem; min-height: 2.5rem; width: 100%  !important; } picture:has(> .wpc-logo-heromd):has(+ *) { margin-bottom: calc(1rem * var(--spacing-5)); } .wpc-logo-skinnymd { border-radius: 0  !important; height: 3rem  !important; width: 100%  !important; } picture:has(.wpc-logo-skinnymd) { flex-shrink: 0; } .wpc-logo-sponsorshipbmd { border-radius: 0  !important; max-height: 5rem; width: 100%  !important; } .wpc-typo { font-size: clamp( var(--sm-fs) * 1rem, round( down, ((var(--md-fs) - var(--sm-fs)) * -22.5/25.5 + var(--sm-fs)) * 1rem + (var(--md-fs) - var(--sm-fs))/25.5 * 100vw, 1px ), var(--md-fs) * 1rem ); letter-spacing: clamp( var(--sm-ls) * 1rem, round( down, ((var(--md-ls) - var(--sm-ls)) * -22.5/25.5 + var(--sm-ls)) * 1rem + (var(--md-ls) - var(--sm-ls))/25.5 * 100vw, 1px ), var(--md-ls) * 1rem ); line-height: clamp( var(--sm-lh) * 1rem, round( down, ((var(--md-lh) - var(--sm-lh)) * -22.5/25.5 + var(--sm-lh)) * 1rem + (var(--md-lh) - var(--sm-lh))/25.5 * 100vw, 1px ), var(--md-lh) * 1rem ); margin-bottom: round(var(--sm-mb), 4px); margin-top: round(var(--sm-mt), 4px); } @media screen and (min-width: 768px) { .wpc-typo { font-size: clamp( var(--md-fs) * 1rem, round( down, ((var(--lg-fs) - var(--md-fs)) * -48/32 + var(--md-fs)) * 1rem + (var(--lg-fs) - var(--md-fs))/32 * 100vw, 1px ), var(--lg-fs) * 1rem ); letter-spacing: clamp( var(--md-ls) * 1rem, round( down, ((var(--lg-ls) - var(--md-ls)) * -48/32 + var(--md-ls)) * 1rem + (var(--lg-ls) - var(--md-ls))/32 * 100vw, 1px ), var(--lg-ls) * 1rem ); line-height: clamp( var(--md-lh) * 1rem, round( down, ((var(--lg-lh) - var(--md-lh)) * -48/32 + var(--md-lh)) * 1rem + (var(--lg-lh) - var(--md-lh))/32 * 100vw, 1px ), var(--lg-lh) * 1rem ); margin-bottom: round(var(--md-mb), 4px); margin-top: round(var(--md-mt), 4px); } } @media screen and (min-width: 1280px) { .wpc-typo { font-size: clamp( var(--lg-fs) * 1rem, round( down, ((var(--xl-fs) - var(--lg-fs)) * -80/40 + var(--lg-fs)) * 1rem + (var(--xl-fs) - var(--lg-fs))/40 * 100vw, 1px ), var(--xl-fs) * 1rem ); letter-spacing: clamp( var(--lg-ls) * 1rem, round( down, ((var(--xl-ls) - var(--lg-ls)) * -80/40 + var(--lg-ls)) * 1rem + (var(--xl-ls) - var(--lg-ls))/40 * 100vw, 1px ), var(--xl-ls) * 1rem ); line-height: clamp( var(--lg-lh) * 1rem, round( down, ((var(--xl-lh) - var(--lg-lh)) * -80/40 + var(--lg-lh)) * 1rem + (var(--xl-lh) - var(--lg-lh))/40 * 100vw, 1px ), var(--xl-lh) * 1rem ); margin-bottom: round(var(--lg-mb), 4px); margin-top: round(var(--lg-mt), 4px); } } @media screen and (min-width: 1920px) { .wpc-typo { font-size: calc(1rem * var(--xl-fs)); letter-spacing: calc(1rem * var(--xl-ls)); line-height: calc(1rem * var(--xl-lh)); margin-bottom: round(var(--xl-mb), 4px); margin-top: round(var(--xl-mt), 4px); } } ul[class*="wpc-typo"] li { list-style-position: inside; list-style-type: disc  !important; } .wpc-copy { text-wrap: pretty; } .wpc-copy:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-copy-bladelg:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-copy-cardlg:not(:has(+ *)) { margin-bottom: 0  !important; } ul.wpc-copy-cardlg { display: flex; flex-direction: column; gap: 8px; } .wpc-copy-cardmd:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-copy-db-lg-typo-primary { font-family: var(--typo-primary)  !important; } .wpc-copy-db-md-typo-secondary, .wpc-copy-db-sm-typo-secondary { font-family: var(--typo-secondary)  !important; } .wpc-copy-blademd:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-copy-listelement-md:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-copy-Spotlight-lg:not(:has(+ *)) { margin-bottom: 0  !important; } ul.wpc-copy-Spotlight-lg { display: flex; flex-direction: column; gap: 8px; } .wpc-copy-Spotlight-md:not(:has(+ *)) { margin-bottom: 0  !important; } ul.wpc-copy-Spotlight-md { display: flex; flex-direction: column; gap: 8px; } .wpc-eyebrow { text-wrap: balance  !important; text-transform: uppercase; } .wpc-eyebrow:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-eyebrow-blademd:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-eyebrow-cardmd { text-wrap: balance  !important; text-transform: uppercase  !important; } .wpc-eyebrow-cardmd:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-eyebrow-Spotlight-md:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-flagmd-container { margin-bottom: calc(var(--spacing-1) * 1rem); position: relative; width: fit-content; z-index: 2; } .wpc-flagmd-container .wpc-flagmd { text-wrap: balance  !important; padding: .375rem calc(var(--spacing-3) * 1rem); text-align: center; text-transform: uppercase; } .wpc-flagmd-container .wpc-flagmd:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-flagmd-container .wpc-background-color { border-radius: 4px  !important; } .wpc-title { text-wrap: balance; } .wpc-title:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-title-bladelg:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-title-blademd:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-title-bladesm:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-title-herolg:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-title-heromd:not(:has(+ *)) { margin-bottom: 0  !important; } wpc-title-Spotlight-lg:not(:has(+ *)) { margin-bottom: 0  !important; } wpc-title-Spotlight-md:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-container-accordion { background-color: transparent; min-width: 100%; overflow: hidden; width: 100%; } .wpc-container-accordion .wpc-accordion-icon-light { color: var(--pure-light); } .wpc-container-accordion .wpc-accordion-icon-dark { color: var(--neutral-dark-01)  !important; } .wpc-container-accordion .wpc-accordion-minus, .wpc-container-accordion .wpc-accordion-plus { display: inline-block; margin-right: calc(1rem * var(--spacing-1)); } .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus, .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-plus { background-color: var(--neutral-dark-01); height: 16px; transition: var(--main-transition-duration) var(--third-transition-timing-function) all; width: 2px; } .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus:after, .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-plus:after { transition-behavior: allow-discrete; background-color: var(--neutral-dark-01); content: ""; display: inline-block; height: 16px; opacity: 1; transform: rotate(90deg); transition: all var(--main-transition-duration) var(--third-transition-timing-function); width: 2px; } @starting-style { .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus:after, .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-plus:after { opacity: 1; } } .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus { background-color: var(--neutral-dark-01); height: 16px; transform: rotate(90deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; width: 2px; } .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus:after { transition-behavior: allow-discrete; background-color: var(--neutral-dark-01); opacity: 0; transform: rotate(90deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; } .wpc-accordion-plus-minus-icon-dark, .wpc-accordion-plus-minus-icon-dark:after { background-color: var(--neutral-dark-01)  !important; } .wpc-accordion-plus-minus-icon-light, .wpc-accordion-plus-minus-icon-light:after { background-color: var(--pure-light)  !important; } .wpc-accordion-arrow-container { width: fit-content; } .wpc-accordion-arrow-container .wpc-accordion-arrow-down, .wpc-accordion-arrow-container .wpc-accordion-arrow-up { border-style: solid; border-width: 2px 2px 0 0; content: ""; display: inline-block; height: 14px; left: -5px; position: relative; top: 0; transform: rotate(-45deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; vertical-align: top; width: 14px; } .wpc-accordion-arrow-container .wpc-accordion-arrow-down { top: -5px; transform: rotate(-225deg); } .wpc-accordion-dark { background-color: var(--neutral-dark-01); color: var(--pure-light)  !important; } .wpc-accordion-dark button.wpc-accordion-primary:hover .wpc-accordion-title { text-decoration: underline; } .wpc-accordion-dark .wpc-accordion-body * a { color: var(--pure-light)  !important; text-decoration: underline  !important; } .wpc-accordion-body-container { display: grid; grid-template-rows: 0fr; height: 0; transform: translateY(-100px); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; } .wpc-accordion-body-container-open { grid-template-rows: 1fr; height: 100%; transform: translateY(0); } button.wpc-accordion-primary { border: none; border-bottom: 1px solid var(--neutral-pale-02); cursor: pointer; display: flex  !important; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; margin: 0; overflow: hidden; padding: calc(1rem * var(--spacing-3)) 0 calc(1rem * var(--spacing-1)); position: relative; width: 100%; z-index: 50; } button.wpc-accordion-primary:hover .wpc-headline { text-decoration: underline; } button.wpc-accordion-primary .wpc-headline { align-items: center; display: flex  !important; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; text-align: left; width: 100%; } button.wpc-accordion-primary .wpc-headline .wpc-accordion-title { margin-right: calc(1rem * var(--spacing-3)); padding: 0; } button.wpc-accordion-primary .wpc-headline img { transition: all var(--main-transition-duration) ease; } .wpc-accordion-body-container { border-bottom: 1px solid var(--neutral-pale-02); } .wpc-accordion-body { box-sizing: content-box; display: flex; flex-direction: column; height: auto; margin: 0; min-width: 100%; overflow: hidden; padding: 0; text-align: left; -webkit-transition: all var(--main-transition-duration) ease; -moz-transition: all var(--main-transition-duration) ease; -o-transition: all var(--main-transition-duration) ease; -ms-transition: all var(--main-transition-duration) ease; transition: all var(--main-transition-duration) ease; width: 100%; } .wpc-accordion-body * a { color: var(--neutral-dark-01); text-decoration: underline  !important; } .wpc-accordion-body li, .wpc-accordion-body p { font-family: var(--typo-secondary)  !important; margin: 0; padding: 0 0 calc(1rem * var(--spacing-3)); padding-right: calc(1rem * var(--spacing-7)); } .wpc-accordion-open { border-bottom: 0  !important; } @media screen and (max-width: 767px) { .wpc-accordion-arrow-container { width: fit-content; } .wpc-accordion-arrow-container .wpc-accordion-arrow-down, .wpc-accordion-arrow-container .wpc-accordion-arrow-up { top: 0; } .wpc-accordion-arrow-container .wpc-accordion-arrow-down { top: -5px; } .wpc-headline .wpc-accordion-title { font-family: var(--typo-secondary)  !important; } button.wpc-accordion-primary { padding: calc(1rem * var(--spacing-3)) 0; } button.wpc-accordion-primary:hover .wpc-headline { text-decoration: none; } } @media screen and (min-width: 768px) { button.wpc-accordion-primary { padding: calc(1rem * var(--spacing-3)) 0 calc(1rem * var(--spacing-3)); } .wpc-container-accordion .wpc-accordion-minus, .wpc-container-accordion .wpc-accordion-plus { height: 24px; margin-right: calc(1rem * var(--spacing-3)); width: 2px; } .wpc-container-accordion .wpc-accordion-minus:after, .wpc-container-accordion .wpc-accordion-plus:after { height: 24px; width: 2px; } } .wpc-container-accordionlg { background-color: transparent; min-width: 100%; overflow: hidden; width: 100%; } .wpc-container-accordionlg .wpc-accordionlg-icon-light { color: var(--pure-light); } .wpc-container-accordionlg .wpc-accordionlg-icon-dark { color: var(--neutral-dark-01)  !important; } .wpc-container-accordionlg .wpc-accordionlg-minus, .wpc-container-accordionlg .wpc-accordionlg-plus { display: inline-block; margin-right: calc(1rem * var(--spacing-1)); } .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus, .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-plus { background-color: var(--neutral-dark-01); height: 16px; transition: var(--main-transition-duration) var(--third-transition-timing-function) all; width: 2px; } .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus:after, .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-plus:after { transition-behavior: allow-discrete; background-color: var(--neutral-dark-01); content: ""; display: inline-block; height: 16px; opacity: 1; transform: rotate(90deg); transition: all var(--main-transition-duration) var(--third-transition-timing-function); width: 2px; } @starting-style { .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus:after, .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-plus:after { opacity: 1; } } .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus { background-color: var(--neutral-dark-01); height: 16px; transform: rotate(90deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; width: 2px; } .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus:after { transition-behavior: allow-discrete; background-color: var(--neutral-dark-01); opacity: 0; transform: rotate(90deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; } .wpc-accordionlg-plus-minus-icon-dark, .wpc-accordionlg-plus-minus-icon-dark:after { background-color: var(--neutral-dark-01)  !important; } .wpc-accordionlg-plus-minus-icon-light, .wpc-accordionlg-plus-minus-icon-light:after { background-color: var(--pure-light)  !important; } .wpc-accordionlg-arrow-container { width: fit-content; } .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-down, .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-up { border-style: solid; border-width: 1px 1px 0 0; content: ""; display: inline-block; height: 14px; left: -5px; position: relative; top: 0; transform: rotate(-45deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; vertical-align: top; width: 14px; } .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-down { top: -5px; transform: rotate(-225deg); } .wpc-accordionlg-dark { background-color: var(--neutral-dark-01); color: var(--pure-light)  !important; } .wpc-accordionlg-dark .wpc-accordionlg-body * a { color: var(--pure-light)  !important; text-decoration: underline  !important; } .wpc-accordionlg-body-container { display: grid; grid-template-rows: 0fr; height: 0; transform: translateY(-100px); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; } .wpc-accordionlg-body-container-open { grid-template-rows: 1fr; height: 100%; transform: translateY(0); } button.wpc-accordionlg-primary { border: none; border-bottom: 1px solid var(--neutral-light-02); cursor: pointer; display: flex  !important; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; margin: 0; overflow: hidden; padding: calc(1rem * var(--spacing-3)) 0 calc(1rem * var(--spacing-1)); position: relative; width: 100%; z-index: 50; } button.wpc-accordionlg-primary .wpc-headline { align-items: center; display: flex  !important; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; text-align: left; width: 100%; } button.wpc-accordionlg-primary .wpc-headline .wpc-accordionlg-title { margin-right: calc(1rem * var(--spacing-3)); padding: 0; } button.wpc-accordionlg-primary .wpc-headline img { transition: all var(--main-transition-duration) ease; } .wpc-accordionlg-body { box-sizing: content-box; display: flex; flex-direction: column; height: auto; margin: 0; min-width: 100%; overflow: hidden; padding: 0; text-align: left; -webkit-transition: all var(--main-transition-duration) ease; -moz-transition: all var(--main-transition-duration) ease; -o-transition: all var(--main-transition-duration) ease; -ms-transition: all var(--main-transition-duration) ease; transition: all var(--main-transition-duration) ease; width: 100%; } .wpc-accordionlg-body * a { color: var(--neutral-dark-01); text-decoration: underline  !important; } .wpc-accordionlg-body li, .wpc-accordionlg-body p { font-family: var(--typo-secondary)  !important; margin: 0; padding: calc(1rem * var(--spacing-3)) 0; padding-right: calc(1rem * var(--spacing-7)); } @media screen and (max-width: 767px) { .wpc-accordionlg-arrow-container { width: fit-content; } .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-down, .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-up { top: 0; } .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-down { top: -5px; } .wpc-headline .wpc-accordionlg-title { font-family: var(--typo-secondary)  !important; } button.wpc-accordionlg-primary { padding: calc(1rem * var(--spacing-3)) 0; } button.wpc-accordionlg-primary:hover .wpc-headline { text-decoration: none; } } @media screen and (min-width: 768px) { button.wpc-accordionlg-primary { padding: calc(1rem * var(--spacing-3)) 0 calc(1rem * var(--spacing-3)); } .wpc-container-accordionlg .wpc-accordionlg-minus, .wpc-container-accordionlg .wpc-accordionlg-plus { height: 24px; margin-right: calc(1rem * var(--spacing-3)); width: 2px; } .wpc-container-accordionlg .wpc-accordionlg-minus:after, .wpc-container-accordionlg .wpc-accordionlg-plus:after { height: 24px; width: 2px; } } .wpc-actioncontainer-function, .wpc-actioncontainer-url { color: inherit; cursor: pointer; margin: 0; padding: 0; text-align: center; text-decoration: none; width: 100%; } .wpc-actioncontainer-function:active, .wpc-actioncontainer-function:hover, .wpc-actioncontainer-url:active, .wpc-actioncontainer-url:hover { color: inherit; text-decoration: none; } button.wpc-actioncontainer-function { background: none; border: none; } .wpc-actioncontainer-clickableParent:before { content: ""; inset: 0; position: absolute; z-index: 1; } .wpc-actioncontainer-invisible { border: 0  !important; height: 0  !important; margin: 0  !important; min-height: 0  !important; opacity: 0  !important; } .wpc-banner { align-items: center; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 1; gap: 24px; justify-content: center; z-index: 0; } .wpc-blade-container { display: flex; isolation: isolate; z-index: 0; } .wpc-blade-content-container { display: flex; flex-direction: column; isolation: isolate; } .wpc-blade-media-container { isolation: isolate; overflow: hidden; position: relative; } .wpc-blade-media-container, .wpc-blade-media-container img, .wpc-blade-media-container picture { height: 14.5625rem; } @media screen and (max-width: 1279px) { .wpc-blade-media-container:not(.wpc-blade-media-round) { margin-left: calc(var(--spacing-3) * -1 * 1rem); width: calc(100% + var(--spacing-3) * 2 * 1rem)  !important; } .wpc-blade-media-container:not(.wpc-blade-media-round), .wpc-blade-media-container:not(.wpc-blade-media-round) img, .wpc-blade-media-container:not(.wpc-blade-media-round) picture { border-radius: 0  !important; height: 14.5625rem; } } @media screen and (max-width: 1279px) and (min-width: 768px) { .wpc-blade-media-container:not(.wpc-blade-media-round), .wpc-blade-media-container:not(.wpc-blade-media-round) img, .wpc-blade-media-container:not(.wpc-blade-media-round) picture { height: 25.875rem; } } .wpc-blade-media-container.wpc-blade-media-round .wpc-background-color, .wpc-blade-media-container.wpc-blade-media-round .wpc-background-image-container, .wpc-blade-media-container.wpc-blade-media-round .wpc-background-video, .wpc-blade-media-container.wpc-blade-media-round .wpc-background-video-container, .wpc-blade-media-container.wpc-blade-media-round img { border-radius: var(--large-border-radius); } @media screen and (min-width: 768px) { .wpc-blade-media-container, .wpc-blade-media-container img, .wpc-blade-media-container picture { height: 27.375rem; } } @media screen and (min-width: 1280px) { .wpc-blade-media-container, .wpc-blade-media-container .wpc-background-color, .wpc-blade-media-container .wpc-background-image-container, .wpc-blade-media-container .wpc-background-video, .wpc-blade-media-container .wpc-background-video-container, .wpc-blade-media-container img, .wpc-blade-media-container picture { border-radius: var(--large-border-radius); } .wpc-blade-media-short, .wpc-blade-media-short img, .wpc-blade-media-short picture { height: 22.75rem; } .wpc-blade-media-medium, .wpc-blade-media-medium img, .wpc-blade-media-medium picture { height: 29rem; } .wpc-blade-media-tall, .wpc-blade-media-tall img, .wpc-blade-media-tall picture { height: 34.25rem; } } @media screen and (min-width: 1920px) { .wpc-blade-media-short, .wpc-blade-media-short img, .wpc-blade-media-short picture { height: 24.625rem; } .wpc-blade-media-medium, .wpc-blade-media-medium img, .wpc-blade-media-medium picture { height: 31.5rem; } .wpc-blade-media-tall, .wpc-blade-media-tall img, .wpc-blade-media-tall picture { height: 39rem; } } .wpc-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; width: 100%; z-index: 0; } .wpc-card .wpc-card-content-container, .wpc-card .wpc-card-media-container { border-radius: inherit; } .wpc-card .wpc-card-content-top, .wpc-card .wpc-card-media-top-rounded { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .wpc-card .wpc-card-content-bottom, .wpc-card .wpc-card-media-bottom-rounded { border-top-left-radius: 0; border-top-right-radius: 0; } .wpc-card .wpc-card-media-all-rounded { border-radius: inherit; padding: 0 calc(var(--spacing-3) * 1rem); } .wpc-card .wpc-card-media-all-rounded img { border-radius: inherit; } .wpc-card .wpc-card-content-top { margin-bottom: -4px; padding-bottom: calc(var(--spacing-3) * 1rem + 4px); padding-top: calc(var(--spacing-5) * 1rem); } .wpc-card .wpc-card-content-bottom { margin-top: -4px; padding-bottom: calc(var(--spacing-5) * 1rem); padding-top: calc(var(--spacing-4) * 1rem + 4px); } .wpc-card:has(.wpc-actioncontainer-clickableParent:hover) { box-shadow: 0 0 20px rgba(0, 0, 0, .302); } .wpc-card:has(.wpc-actioncontainer-clickableParent:focus-visible) { outline: solid var(--elementary-signature) 3px; } .wpc-card > .wpc-background-color, .wpc-card > .wpc-background-image-container, .wpc-card > .wpc-background-video-container { border-radius: inherit  !important; } .wpc-card .wpc-card-content-container:not(:has(~ .wpc-card-content-container)) { flex-grow: 1; } .wpc-card-outlined { outline: 2px solid var(--neutral-light-03); outline-offset: -2px; } .wpc-card-actionable { cursor: pointer; } .wpc-card-actionable:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .302); } .wpc-card-actionable:focus-visible { outline: solid var(--elementary-signature) 3px; } .wpc-card-actionable .wpc-actioncontainer-function { pointer-events: none  !important; } .wpc-card-content-container { display: flex; flex-direction: column; height: 100%; isolation: isolate; overflow: hidden; position: relative; } .wpc-card-content-container.wpc-card-content-paddingx { padding-left: calc(1rem * var(--spacing-3)); padding-right: calc(1rem * var(--spacing-3)); } .wpc-card-content-container.wpc-card-content-paddingy { padding-bottom: calc(1rem * var(--spacing-5)); padding-top: calc(1rem * var(--spacing-4)); } .wpc-card-content-container > .wpc-actioncontainer-function, .wpc-card-content-container > .wpc-actioncontainer-url { margin-top: calc(var(--spacing-5) * 1rem); } .wpc-card-content-container > .wpc-eyebrow { margin-bottom: calc(var(--spacing-1) * 1rem); text-transform: none; } .wpc-card-content-container > .wpc-background-color, .wpc-card-content-container > .wpc-background-image-container, .wpc-card-content-container > .wpc-background-video-container { border-radius: inherit  !important; } .wpc-card-media-container { flex-shrink: 0; isolation: isolate; overflow: hidden; position: relative; } .wpc-card-media-container img, .wpc-card-media-container picture { border-radius: inherit; width: 100%  !important; } .wpc-card-media-container > .wpc-background-color, .wpc-card-media-container > .wpc-background-color iframe, .wpc-card-media-container > .wpc-background-color img, .wpc-card-media-container > .wpc-background-image-container, .wpc-card-media-container > .wpc-background-image-container iframe, .wpc-card-media-container > .wpc-background-image-container img, .wpc-card-media-container > .wpc-background-video-container, .wpc-card-media-container > .wpc-background-video-container iframe, .wpc-card-media-container > .wpc-background-video-container img { border-radius: inherit; } .wpc-carousel-container { flex-grow: 1; margin-left: auto; margin-right: auto; position: relative; } .wpc-carousel-container.wpc-carousel-container-margins { max-width: calc(100% - var(--mobile-grid-margins) * 1rem * 2); } @media screen and (min-width: 768px) { .wpc-carousel-container.wpc-carousel-container-margins { max-width: calc(100% - var(--tablet-grid-margins) * 1rem * 2); } } @media screen and (min-width: 1280px) { .wpc-carousel-container.wpc-carousel-container-margins { max-width: clamp( 1280px - var(--small-desktop-grid-margins) * 1rem * 2, 100% - var(--small-desktop-grid-margins) * 1rem * 2, 1920px - var(--full-desktop-grid-margins) * 1rem * 2 ); } } @media screen and (min-width: 1920px) { .wpc-carousel-container.wpc-carousel-container-margins { max-width: calc(1920px - var(--full-desktop-grid-margins) * 1rem * 2); } } @media screen and (min-width: 1280px) { .wpc-carousel-container.wpc-carousel-container-margins.wpc-carousel-container-sidearrows { max-width: clamp( 1280px - var(--small-desktop-grid-margins) * 1rem * 2 - var(--carousel-arrow-w) * 2 - var(--spacing-3) * 1rem * 2, 100% - var(--small-desktop-grid-margins) * 1rem * 2 - var(--carousel-arrow-w) * 2 - var(--spacing-3) * 1rem * 2, 1920px - var(--full-desktop-grid-margins) * 1rem * 2 - var(--carousel-arrow-w) * 2 - var(--spacing-3) * 1rem * 2 ); } } @media screen and (min-width: 1920px) { .wpc-carousel-container.wpc-carousel-container-margins.wpc-carousel-container-sidearrows { max-width: calc( 1920px - var(--full-desktop-grid-margins) * 1rem * 2 - var(--carousel-arrow-w) * 2 - var(--spacing-3) * 1rem * 2 ); } } .wpc-carousel-container.wpc-carousel-container-nogap .wpc-grid-row.wpc-carousel { margin-left: 0; } .wpc-carousel-container.wpc-carousel-container-nogap .wpc-grid-row.wpc-carousel .wpc-grid { padding-left: 0; } .wpc-carousel-container .wpc-grid-row.wpc-carousel { margin-left: -16px; position: static; width: auto  !important; } .wpc-carousel-container .wpc-grid-row.wpc-carousel .wpc-grid { padding-left: 16px; } .wpc-carousel-container .wpc-carousel { display: flex; touch-action: pan-y pinch-zoom; } .wpc-carousel-container :has(.wpc-carousel) > ::-webkit-scrollbar { display: none; } .wpc-carousel-container .wpc-carousel > * { scrollbar-width: none; } .wpc-carousel-container .wpc-carousel.wpc-grid-row { align-items: stretch  !important; flex-wrap: nowrap; } .wpc-carousel-dots { align-items: center; backdrop-filter: blur(30px); background-color: var(--neutral-light-01); border-radius: 12px; display: flex; flex-wrap: wrap; gap: 8px; height: 1.75rem; justify-content: center; justify-self: center; padding: 0 calc(var(--spacing-3) * 1rem); width: max-content; } .wpc-carousel-dot { -webkit-tap-highlight-color: gray; -webkit-appearance: none; appearance: none; background-color: transparent; border: 0; cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; text-decoration: none; touch-action: manipulation; } .wpc-carousel-dot, .wpc-carousel-dot:after { align-items: center; border-radius: 50%; display: flex; height: 8px; width: 8px; } .wpc-carousel-dot:after { box-shadow: inset 0 0 0 1px var(--neutral-dark-01); content: ""; } .wpc-carousel-dot-selected:after { box-shadow: inset 0 0 0 8px var(--neutral-dark-01); } .wpc-carousel-container-dark .wpc-carousel-dots { background-color: var(--neutral-dark-04); } .wpc-carousel-container-dark .wpc-carousel-dot { -webkit-tap-highlight-color: gray; } .wpc-carousel-container-dark .wpc-carousel-dot:after { box-shadow: inset 0 0 0 1px #ccc; content: ""; } .wpc-carousel-container-dark .wpc-carousel-dot-selected:after { box-shadow: inset 0 0 0 8px var(--pure-light); } .wpc-carousel-button { --button-size: 2.5rem; --button-padding: calc(var(--spacing-3) * 1rem); -webkit-tap-highlight-color: gray; align-items: center; -webkit-appearance: none; appearance: none; background-color: transparent; background-color: var(--neutral-light-01); border: 0; border-radius: 50%; color: var(--neutral-dark-01); cursor: pointer; display: inline-flex; display: flex; height: var(--button-size); justify-content: center; margin: 0; padding: 0; text-decoration: none; touch-action: manipulation; width: var(--button-size); z-index: 9999999; } .wpc-carousel-button:disabled { background-color: #ccc; color: var(--neutral-light-01); } .wpc-carousel-button:hover { background-color: #ccc; } .wpc-carousel-button-svg { height: 35%; width: 35%; } .wpc-carousel-controls { align-items: center; display: flex; gap: 24px; justify-content: center; margin: calc(var(--spacing-3) * 1rem) 0; position: relative; } .wpc-carousel-container-dark .wpc-carousel-button { background-color: var(--neutral-dark-04); color: var(--pure-light); } .wpc-carousel-container-dark .wpc-carousel-button:disabled { background-color: #ccc; color: var(--neutral-light-01); } .wpc-carousel-container-dark .wpc-carousel-button:hover { background-color: var(--neutral-dark-05); } .wpc-carousel-container-sidearrows .wpc-carousel-button--next, .wpc-carousel-container-sidearrows .wpc-carousel-button--prev { position: absolute; top: 50%; transform: translateY(-50%); } .wpc-carousel-container-sidearrows .wpc-carousel-button--next:has(~ .wpc-carousel-controls), .wpc-carousel-container-sidearrows .wpc-carousel-button--prev:has(~ .wpc-carousel-controls) { top: calc(50% - 28px)  !important; } .wpc-carousel-container-sidearrows .wpc-carousel-button--prev { left: calc((var(--spacing-3) * 1rem + var(--button-size)) * -1); } .wpc-carousel-container-sidearrows .wpc-carousel-button--next { right: calc((var(--spacing-3) * 1rem + var(--button-size)) * -1); } .wpc-hero-content-container { display: flex; flex-direction: column; } .wpc-hero-content-container:has([class^="wpc-background"]) { padding: calc(var(--spacing-5) * 1rem); } .wpc-hero-content-rounded { border-radius: var(--large-border-radius); } .wpc-input { font-size: clamp( var(--sm-fs) * 1rem, round( down, ((var(--md-fs) - var(--sm-fs)) * -22.5/25.5 + var(--sm-fs)) * 1rem + (var(--md-fs) - var(--sm-fs))/25.5 * 100vw, 1px ), var(--md-fs) * 1rem ); letter-spacing: clamp( var(--sm-ls) * 1rem, round( down, ((var(--md-ls) - var(--sm-ls)) * -22.5/25.5 + var(--sm-ls)) * 1rem + (var(--md-ls) - var(--sm-ls))/25.5 * 100vw, 1px ), var(--md-ls) * 1rem ); line-height: clamp( var(--sm-lh) * 1rem, round( down, ((var(--md-lh) - var(--sm-lh)) * -22.5/25.5 + var(--sm-lh)) * 1rem + (var(--md-lh) - var(--sm-lh))/25.5 * 100vw, 1px ), var(--md-lh) * 1rem ); } @media screen and (min-width: 768px) { .wpc-input { font-size: clamp( var(--md-fs) * 1rem, round( down, ((var(--lg-fs) - var(--md-fs)) * -48/32 + var(--md-fs)) * 1rem + (var(--lg-fs) - var(--md-fs))/32 * 100vw, 1px ), var(--lg-fs) * 1rem ); letter-spacing: clamp( var(--md-ls) * 1rem, round( down, ((var(--lg-ls) - var(--md-ls)) * -48/32 + var(--md-ls)) * 1rem + (var(--lg-ls) - var(--md-ls))/32 * 100vw, 1px ), var(--lg-ls) * 1rem ); line-height: clamp( var(--md-lh) * 1rem, round( down, ((var(--lg-lh) - var(--md-lh)) * -48/32 + var(--md-lh)) * 1rem + (var(--lg-lh) - var(--md-lh))/32 * 100vw, 1px ), var(--lg-lh) * 1rem ); } } @media screen and (min-width: 1280px) { .wpc-input { font-size: clamp( var(--lg-fs) * 1rem, round( down, ((var(--xl-fs) - var(--lg-fs)) * -80/40 + var(--lg-fs)) * 1rem + (var(--xl-fs) - var(--lg-fs))/40 * 100vw, 1px ), var(--xl-fs) * 1rem ); letter-spacing: clamp( var(--lg-ls) * 1rem, round( down, ((var(--xl-ls) - var(--lg-ls)) * -80/40 + var(--lg-ls)) * 1rem + (var(--xl-ls) - var(--lg-ls))/40 * 100vw, 1px ), var(--xl-ls) * 1rem ); line-height: clamp( var(--lg-lh) * 1rem, round( down, ((var(--xl-lh) - var(--lg-lh)) * -80/40 + var(--lg-lh)) * 1rem + (var(--xl-lh) - var(--lg-lh))/40 * 100vw, 1px ), var(--xl-lh) * 1rem ); } } @media screen and (min-width: 1920px) { .wpc-input { font-size: calc(1rem * var(--xl-fs)); letter-spacing: calc(1rem * var(--xl-ls)); line-height: calc(1rem * var(--xl-lh)); } } .wpc-input, .wpc-input-placeholder, .wpc-typo { transition: .3s ease-out; } .wpc-input-container { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; width: 100%; } .wpc-input { border: 2px solid #aba8b1; border-radius: calc(var(--spacing-2) * 1rem); width: 100%; } .wpc-input-search { padding: calc(var(--spacing-3) * 1rem) 38px calc(var(--spacing-3) * 1rem) calc(var(--spacing-2) * 1rem); } .wpc-input-text { padding: calc(var(--spacing-2) * 1rem); } .wpc-input-placeholder { align-items: center; border: 2px solid transparent; display: flex; justify-content: end; left: 0; padding: 20px calc(var(--spacing-2) * 1rem); pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%) translateX(0); width: 100%; } .wpc-input-placeholder .wpc-typo { left: calc(var(--spacing-2) * 1rem); position: absolute; top: 50%; transform: translateY(-50%); } .wpc-input:focus, .wpc-input:focus-visible { border: 2px solid var(--neutral-dark-01); outline: 1px solid var(--neutral-dark-01); } .wpc-input-has-text .wpc-typo, .wpc-input:focus + .wpc-input-placeholder .wpc-typo { top: 0; transform: scale(0.85); transform-origin: left top; } .wpc-navbartextitem-container { text-wrap: nowrap; width: fit-content  !important; width: 100%; } .wpc-navbartextitem-container p { border-bottom: 2px solid transparent  !important; } .wpc-navbartextitem { text-wrap: nowrap; width: 100%; } .wpc-navbartextitem p { border-bottom: 2px solid transparent  !important; } li.wpc-navbartextitem-container { list-style: none  !important; } .wpc-navbartextitem:hover p { border-bottom: 2px solid  !important; } .wpc-navbartextitem-active { white-space: nowrap; } .wpc-navbartextitem-active p { border-bottom: 2px solid  !important; font-weight: 700  !important; } .wpc-select { align-items: center; border: 2px solid #aba8b1; border-radius: calc(var(--spacing-2) * 1rem); cursor: pointer; display: flex; padding: calc(var(--spacing-2) * 1rem); position: relative; width: 100%; } .wpc-select-icon { position: absolute; right: calc(var(--spacing-2) * 1rem); } .wpc-select-options-container { background-color: var(--pure-light); border: 5px solid transparent; border-radius: calc(var(--spacing-2) * 1rem); box-shadow: 0 8px 32px rgba(0, 0, 0, .161); -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, .161); -moz-box-shadow: 0 8px 32px rgba(0, 0, 0, .161); cursor: default; display: flex; flex-direction: column; gap: 4px; left: 0; max-height: 250px; opacity: 0; overflow-y: scroll; pointer-events: none; position: absolute; top: 100%; transform: translateY(-5%); transition: 50ms ease-out; width: 100%; z-index: 5; } .wpc-select-options-container-open { opacity: 1; pointer-events: all; transform: translateY(2.5%); transition: .3s ease-out; } .wpc-select-options-container::-webkit-scrollbar { display: block  !important; max-height: 116px; width: 5px; } .wpc-select-options-container::-webkit-scrollbar-thumb { background-color: #e5e5e5; border-radius: 4px; } .wpc-select-options-container::-webkit-scrollbar-track { background: transparent; } .wpc-select-icon-rotated { rotate: 180deg; } .wpc-select-option { border-radius: calc(var(--spacing-2) * 1rem); cursor: pointer; padding: calc(var(--spacing-2) * 1rem); } .wpc-select-option:hover { background-color: var(--neutral-light-02); } .wpc-select-required:after { color: var(--elementary-med); content: "*"; } .wpc-select-placeholder { left: 0; padding: 20px calc(var(--spacing-2) * 1rem); position: absolute; top: 50%; transform: translateY(-50%); transition: .3s ease-out; } .wpc-select-placeholder-has-value { top: -25%; transform: scale(0.85); transform-origin: left top; } .wpc-select-active, .wpc-select-options-focus { border: 2px solid var(--neutral-dark-01); outline: 1px solid var(--neutral-dark-01); } .wpc-slider { display: flex; touch-action: pan-y pinch-zoom; } .wpc-grid-container:has(.wpc-slider) ::-webkit-scrollbar { display: none; } .wpc-slider > * { scrollbar-width: none; } .wpc-slider.wpc-slider-resizing.wpc-grid-row { align-items: stretch  !important; flex-wrap: nowrap; } .wpc-wrap.wpc-grid-row { flex-wrap: wrap; } .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) - var(--grid-slider-peek) * 1rem/ (4 / var(--columns-sm)), 100% ); } @media screen and (min-width: 768px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) - var(--grid-slider-peek) * 1rem/ (8 / var(--columns-md)), 100% ); } } @media screen and (min-width: 1280px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-lg)), 100% ); } } @media screen and (min-width: 1920px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-xl)), 100% ); } } .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) - var(--spacing-3) * 1rem/4 * (4 - var(--columns-sm)) - var(--spacing-3) * 1rem/ ( 4 / var(--columns-sm) ) - var(--grid-slider-peek) * 1rem/ (4 / var(--columns-sm)), 100% ); } @media screen and (min-width: 768px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) - var(--spacing-3) * 1rem/8 * (8 - var(--columns-md)) - var(--spacing-3) * 1rem/ ( 8 / var(--columns-md) ) - var(--grid-slider-peek) * 1rem/ (8 / var(--columns-md)), 100% ); } } @media screen and (min-width: 1280px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) - (var(--spacing-3)) * 1rem - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-lg)), 100% ); } } @media screen and (min-width: 1920px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) - var(--spacing-3) * 1rem/12 * var(--columns-xl) - var(--grid-slider-peek) * 1rem/ (8 / var(--columns-xl)), 100% ); } } .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) + var(--spacing-3) * 1rem/4 * var(--columns-sm) - var(--grid-slider-peek) * 1rem/4 * var(--columns-sm), 100% ); } @media screen and (min-width: 768px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) + var(--spacing-3) * 1rem/8 * var(--columns-md) - var(--grid-slider-peek) * 1rem/8 * var(--columns-md), 100% ); } } @media screen and (min-width: 1280px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) + var(--spacing-3) * 1rem/12 * var(--columns-lg) - var(--grid-slider-peek) * 1rem/12 * var(--columns-lg), 100% ); } } @media screen and (min-width: 1920px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) + var(--spacing-3) * 1rem/12 * var(--columns-xl) - var(--grid-slider-peek) * 1rem/12 * var(--columns-xl), 100% ); } } .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) - var(--spacing-3) * 1rem/4 * (4 - var(--columns-sm)) - var(--grid-slider-peek) * 1rem/ (4 / var(--columns-sm)), 100% ); } @media screen and (min-width: 768px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) - var(--spacing-3) * 1rem/8 * (8 - var(--columns-md)) - var(--grid-slider-peek) * 1rem/ (8 / var(--columns-md)), 100% ); } } @media screen and (min-width: 1280px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) - var(--spacing-3) * 1rem/12 * (12 - var(--columns-lg)) - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-lg)), 100% ); } } @media screen and (min-width: 1920px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) - var(--spacing-3) * 1rem/12 * (12 - var(--columns-xl)) - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-xl)), 100% ); } } .wpc-sponsorship-content-container { display: flex; flex-direction: column; isolation: isolate; justify-content: center; padding: calc(var(--spacing-3) * 1rem)  !important; } @media screen and (min-width: 1280px) { .wpc-sponsorship-content-container { padding-left: 0  !important; padding-right: 0  !important; } } .wpc-sponsorship-media-container { position: relative; } @media screen and (max-width: 767px) { .wpc-sponsorship-media-container { display: none; } } .wpc-sponsorship-media-container > picture img { height: 100%; width: fit-content  !important; } .wpc-sponsor-flag-md { margin: calc(var(--spacing-3) * 1rem); position: absolute; z-index: 99; } @media screen and (min-width: 1280px) { .wpc-sponsor-flag-md { margin: calc(var(--spacing-6) * 1rem); } } .wpc-accordion-group-dark { background-color: var(--neutral-dark-01); } .wpc-accordion-group-container { width: 100%; } .wpc-accordion-lg-group-dark { background-color: var(--neutral-dark-01); } .wpc-accordion-lg-group-container { width: 100%; } .wpc-db-card { background-color: transparent  !important; } .wpc-db-card .wpc-icon-card-text-container { justify-content: space-between; } .wpc-db-card .wpc-db-card-label { border-radius: var(--small-border-radius); display: flex; min-height: 30px; padding: 3px 6px; place-items: center; width: fit-content; } .wpc-db-card .wpc-db-card-label .wpc-db-card-label-text { font-size: var(--body-s); font-weight: 700; height: auto  !important; line-height: var(--body-m)  !important; } .wpc-db-card .wpc-db-card-price-saving-section { display: flex; flex-direction: column; flex-wrap: wrap; gap: calc(var(--spacing-1) * 1rem); place-items: start; } @media screen and (min-width: 1280px) { .wpc-db-card .wpc-db-card-price-saving-section { align-items: center  !important; flex-direction: row; } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container { align-items: center; display: flex; flex-direction: row; gap: calc(var(--spacing-2) * 1rem); } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price-text-container { align-items: center; display: flex; gap: calc(var(--spacing-1) * 1rem); } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-screen-reader-text { clip: rect(0, 0, 0, 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price { font-weight: 700; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price-strikethrough { text-decoration: line-through; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container :nth-child(4) { margin-left: var(--spacing-2)  !important; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container { border-radius: var(--small-border-radius); display: flex; flex-direction: row; gap: 8px; } @media screen and (min-width: 1280px) { .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container { align-self: center; } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container .wpc-db-card-savings-price { font-size: var(--body-s); height: fit-content  !important; line-height: var(--body-s-line); } @media screen and (min-width: 1920px) { .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container .wpc-db-card-savings-price { font-size: var(--body-m); line-height: var(--body-m-line); } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container .wpc-db-card-savings-percentage { font-size: var(--body-s); height: fit-content  !important; line-height: var(--body-s-line); padding: 0 6px; } @media screen and (min-width: 1920px) { .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container .wpc-db-card-savings-percentage { font-size: var(--body-m); line-height: var(--body-m-line); } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container :nth-child(2) { margin-left: var(--spacing-1)  !important; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-tax { display: flex; flex-direction: column; } .wpc-chip-button { align-items: center; border: 2px solid var(--neutral-med-03)  !important; border-radius: 8px; display: flex; gap: 8px; height: 32px; justify-content: center; padding: 0 calc(var(--spacing-3) * 1rem); width: fit-content; } .wpc-chip-button p:hover { border-bottom: none  !important; } .wpc-chip-button picture { display: flex; } .wpc-chip-button .wpc-chip-icon { color: inherit  !important; } .wpc-chip-dark, .wpc-chip-dark:hover { color: var(--pure-light); } .wpc-chip-dark:hover { background-color: var(--neutral-dark-04); } .wpc-chip-light { color: var(--neutral-dark-01); } .wpc-chip-light:hover { background-color: var(--neutral-light-01); } .wpc-chip-active { background-color: var(--alternate-light)  !important; border: 2px solid transparent  !important; } .wpc-chip-active, .wpc-chip-active:hover { color: var(--neutral-dark-01); } .wpc-actioncontainer-invisible { padding: 0  !important; } .wpc-ctabutton-boldtext { font-weight: 700  !important; } .wpc-actioncontainer-function:hover .wpc-icon, .wpc-actioncontainer-url:hover .wpc-icon { transition: none; } .wpc-actioncontainer-function:hover .wpc-icon.hover-dark-to-alternate-med, .wpc-actioncontainer-url:hover .wpc-icon.hover-dark-to-alternate-med { filter: invert(24%) sepia(65%) saturate(1411%) hue-rotate(197deg) brightness(90%) contrast(87%); } .wpc-actioncontainer-function:hover .wpc-icon.hover-light-to-alternate-med, .wpc-actioncontainer-url:hover .wpc-icon.hover-light-to-alternate-med { filter: brightness(0) saturate(100%) invert(22%) sepia(41%) saturate(2411%) hue-rotate(200deg) brightness(97%) contrast(86%); } .wpc-actioncontainer-function:hover .wpc-icon.hover-auxiliary, .wpc-actioncontainer-url:hover .wpc-icon.hover-auxiliary { filter: brightness(0) saturate(100%) invert(95%) sepia(89%) saturate(7500%) hue-rotate(103deg) brightness(101%) contrast(103%); } .wpc-actioncontainer-function:hover .wpc-icon.hover-pure-dark, .wpc-actioncontainer-function:hover .wpc-icon.hover-pure-light, .wpc-actioncontainer-url:hover .wpc-icon.hover-pure-dark, .wpc-actioncontainer-url:hover .wpc-icon.hover-pure-light { filter: invert(100%); } .wpc-ctabutton-icon-right { flex-direction: row-reverse; } .wpc-ctabutton-icon-left { flex-direction: row; } .wpc-actioncontainer-function.wpc-ctabutton-primary, .wpc-actioncontainer-url.wpc-ctabutton-primary { align-items: center; background-color: var(--neutral-dark-01); border: 2px solid transparent; border-radius: var(--btn-br); color: var(--pure-light); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: calc(1rem * var(--spacing-1)); justify-content: center; letter-spacing: calc(1rem * var(--body-m-spacing)); line-height: 1; min-height: 48px; padding: 14px 24px; text-align: center; text-decoration: none; transition: all ease-out var(--main-transition-duration), color ease-out var(--main-transition-duration); white-space: nowrap; width: fit-content; z-index: 2; } .wpc-actioncontainer-function.wpc-ctabutton-primary:has(.wpc-ctabutton-icon), .wpc-actioncontainer-url.wpc-ctabutton-primary:has(.wpc-ctabutton-icon) { padding: 10px 24px; } .wpc-actioncontainer-function.wpc-ctabutton-primary:focus, .wpc-actioncontainer-function.wpc-ctabutton-primary:hover, .wpc-actioncontainer-url.wpc-ctabutton-primary:focus, .wpc-actioncontainer-url.wpc-ctabutton-primary:hover { background-color: var(--neutral-dark-04); color: var(--pure-light); } .wpc-actioncontainer-function.wpc-ctabutton-primary-dark, .wpc-actioncontainer-url.wpc-ctabutton-primary-dark { align-items: center; background-color: var(--pure-light); border: 2px solid transparent; border-radius: var(--btn-br); color: var(--neutral-dark-01); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: calc(1rem * var(--spacing-1)); justify-content: center; letter-spacing: calc(1rem * var(--body-m-spacing)); line-height: 1; min-height: 48px; padding: 14px 24px; text-align: center; text-decoration: none; transition: all ease-out var(--main-transition-duration), color ease-out var(--main-transition-duration); white-space: nowrap; width: fit-content; z-index: 2; } .wpc-actioncontainer-function.wpc-ctabutton-primary-dark:has( .wpc-ctabutton-icon ), .wpc-actioncontainer-url.wpc-ctabutton-primary-dark:has(.wpc-ctabutton-icon) { padding: 10px 24px; } .wpc-actioncontainer-function.wpc-ctabutton-primary-dark:focus, .wpc-actioncontainer-function.wpc-ctabutton-primary-dark:hover, .wpc-actioncontainer-url.wpc-ctabutton-primary-dark:focus, .wpc-actioncontainer-url.wpc-ctabutton-primary-dark:hover { background-color: var(--neutral-light-01); color: var(--neutral-dark-01); } .wpc-actioncontainer-function.wpc-ctabutton-secondary, .wpc-actioncontainer-url.wpc-ctabutton-secondary { align-items: center; background-color: transparent; border: 2px solid var(--neutral-med-03); border-radius: var(--btn-br); color: var(--neutral-med-01); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: calc(1rem * var(--spacing-1)); justify-content: center; letter-spacing: calc(1rem * var(--body-m-spacing)); line-height: 1; min-height: 48px; padding: 14px 24px; text-align: center; text-decoration: none; transition: all ease-out var(--main-transition-duration), color ease-out var(--main-transition-duration); white-space: nowrap; width: fit-content; z-index: 2; } .wpc-actioncontainer-function.wpc-ctabutton-secondary:has(.wpc-ctabutton-icon), .wpc-actioncontainer-url.wpc-ctabutton-secondary:has(.wpc-ctabutton-icon) { padding: 10px 24px; } .wpc-actioncontainer-function.wpc-ctabutton-secondary:focus, .wpc-actioncontainer-function.wpc-ctabutton-secondary:hover, .wpc-actioncontainer-url.wpc-ctabutton-secondary:focus, .wpc-actioncontainer-url.wpc-ctabutton-secondary:hover { background-color: var(--neutral-light-01); color: var(--neutral-med-01); } .wpc-actioncontainer-function.wpc-ctabutton-secondary-dark, .wpc-actioncontainer-url.wpc-ctabutton-secondary-dark { align-items: center; background-color: transparent; border: 2px solid var(--neutral-med-03); border-radius: var(--btn-br); color: var(--pure-light); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: calc(1rem * var(--spacing-1)); justify-content: center; letter-spacing: calc(1rem * var(--body-m-spacing)); line-height: 1; min-height: 48px; padding: 14px 24px; text-align: center; text-decoration: none; transition: all ease-out var(--main-transition-duration), color ease-out var(--main-transition-duration); white-space: nowrap; width: fit-content; z-index: 2; } .wpc-actioncontainer-function.wpc-ctabutton-secondary-dark:has( .wpc-ctabutton-icon ), .wpc-actioncontainer-url.wpc-ctabutton-secondary-dark:has(.wpc-ctabutton-icon) { padding: 10px 24px; } .wpc-actioncontainer-function.wpc-ctabutton-secondary-dark:focus, .wpc-actioncontainer-function.wpc-ctabutton-secondary-dark:hover, .wpc-actioncontainer-url.wpc-ctabutton-secondary-dark:focus, .wpc-actioncontainer-url.wpc-ctabutton-secondary-dark:hover { background-color: var(--neutral-dark-04); color: var(--pure-light); } .wpc-actioncontainer-function.wpc-ctabutton-text, .wpc-actioncontainer-url.wpc-ctabutton-text { align-items: start; align-items: center; background-color: transparent; border: none; border-radius: 0; color: var(--neutral-dark-01); display: flex; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: 4px; justify-content: center; padding: 16px 0; text-decoration: none; white-space: nowrap; width: fit-content; } .wpc-actioncontainer-function.wpc-ctabutton-text:focus, .wpc-actioncontainer-function.wpc-ctabutton-text:hover, .wpc-actioncontainer-url.wpc-ctabutton-text:focus, .wpc-actioncontainer-url.wpc-ctabutton-text:hover { background-color: transparent; border: none; color: var(--neutral-dark-01); } .wpc-actioncontainer-function.wpc-ctabutton-text:focus .wpc-ctabutton-text-content:before, .wpc-actioncontainer-function.wpc-ctabutton-text:hover .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text:focus .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text:hover .wpc-ctabutton-text-content:before { background-color: var(--elementary-signature); } .wpc-actioncontainer-function.wpc-ctabutton-text-dark, .wpc-actioncontainer-url.wpc-ctabutton-text-dark { align-items: start; align-items: center; background-color: transparent; border: none; border-radius: 0; color: var(--pure-light); display: flex; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: 4px; justify-content: center; padding: 16px 0; text-decoration: none; white-space: nowrap; width: fit-content; } .wpc-actioncontainer-function.wpc-ctabutton-text-dark:focus, .wpc-actioncontainer-function.wpc-ctabutton-text-dark:hover, .wpc-actioncontainer-url.wpc-ctabutton-text-dark:focus, .wpc-actioncontainer-url.wpc-ctabutton-text-dark:hover { background-color: transparent; border: none; color: var(--pure-light); } .wpc-actioncontainer-function.wpc-ctabutton-text-dark:focus .wpc-ctabutton-text-content:before, .wpc-actioncontainer-function.wpc-ctabutton-text-dark:hover .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text-dark:focus .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text-dark:hover .wpc-ctabutton-text-content:before { background-color: var(--elementary-signature); } .wpc-actioncontainer-function.wpc-ctabutton-text .wpc-ctabutton-text-content, .wpc-actioncontainer-function.wpc-ctabutton-text-dark .wpc-ctabutton-text-content, .wpc-actioncontainer-url.wpc-ctabutton-text .wpc-ctabutton-text-content, .wpc-actioncontainer-url.wpc-ctabutton-text-dark .wpc-ctabutton-text-content { line-height: 1; position: relative; } .wpc-actioncontainer-function.wpc-ctabutton-text .wpc-ctabutton-text-content:before, .wpc-actioncontainer-function.wpc-ctabutton-text-dark .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text-dark .wpc-ctabutton-text-content:before { background-color: var(--neutral-med-03); bottom: -8px; content: ""; height: 2px; position: absolute; transition: var(--main-transition-duration) ease all; width: 100%; } .wpc-actioncontainer-function.wpc-ctabutton-text-dark .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text-dark .wpc-ctabutton-text-content:before { background-color: #a4a2a2; } .wpc-actioncontainer-function.wpc-ctabutton-fullwidth, .wpc-actioncontainer-url.wpc-ctabutton-fullwidth { width: 100%  !important; } .wpc-ctacontainer { display: flex; flex-wrap: wrap; gap: calc(1rem * var(--spacing-1)); margin: 0; padding: 0; width: 100%; } @media screen and (min-width: 768px) { .wpc-ctacontainer { gap: calc(1rem * var(--spacing-3)); } } .wpc-ctacontainer.wpc-ctacontainer-row { flex-direction: row; } .wpc-ctacontainer.wpc-ctacontainer-column { flex-direction: column; } .wpc-ctacontainer.wpc-ctacontainer-alignItems-start { align-items: start; } .wpc-ctacontainer.wpc-ctacontainer-alignItems-center { align-items: center; } .wpc-ctacontainer.wpc-ctacontainer-alignItems-end { align-items: end; } .wpc-ctacontainer.wpc-ctacontainer-justifycontent-start { justify-content: start; } .wpc-ctacontainer.wpc-ctacontainer-justifycontent-center { justify-content: center; } .wpc-ctacontainer.wpc-ctacontainer-justifycontent-end { justify-content: end; } .wpc-ctacontainer.wpc-ctacontainer-margintop { margin-top: calc(var(--spacing-5) * 1rem); } .wpc-ctacontainer:has(.wpc-actioncontainer-invisible) { margin: 0; } .wpc-listelement { align-items: center; display: list-item; } .wpc-listelement .wpc-listelement-container { align-items: center; display: flex; gap: calc(var(--spacing-1) * 1rem); } .wpc-listelement:has(img) { padding-bottom: calc(var(--spacing-3) * 1rem); } .wpc-listelement:not(:has(img)) { padding-bottom: calc(var(--spacing-1) * 1rem); } .wpc-listelement:last-child { padding-bottom: 0; } html { scroll-behavior: smooth; } /*! purgecss stop ignore */:root { --navbar-height: 60px; } .wpc-navbar-row { background-color: var(--pure-light); padding-bottom: calc(var(--spacing-3) * 1rem); padding-top: calc(var(--spacing-3) * 1rem); position: relative; } .wpc-navbar-row .wpc-grid, .wpc-navbar-row .wpc-grid-row { position: static; } .wpc-navbar-row .wpc-navbar-wpcactioncontainer { height: 100%; width: 100%; } @media screen and (max-width: 767px) { .wpc-navbar-row .wpc-navbar-wpcactioncontainer { padding-bottom: var(--spacing-3); } } .wpc-navbar-fixed { position: fixed; } .wpc-navbar-initial { position: relative; } .wpc-Spotlightcard-container { min-height: 365px; } .wpc-Spotlightcard-container .wpc-card-content-container.wpc-card-content-paddingx { padding-left: calc(1rem * var(--spacing-5)); padding-right: calc(1rem * var(--spacing-5)); } .wpc-Spotlightcard-container .wpc-card-content-container.wpc-card-content-paddingy { padding-bottom: calc(1rem * var(--spacing-5)); padding-top: calc(1rem * var(--spacing-5)); } @media screen and (min-width: 768px) { .wpc-Spotlightcard-container { height: 100%; } } .wpc-hero-boxed-rounded-bottom { border-radius: var(--large-border-radius) 0 0 var(--large-border-radius); } .wpc-hero-boxed-rounded-bottom > [class^="wpc-background"] { border-radius: 0 0 var(--large-border-radius) var(--large-border-radius); } .wpc-hero-boxed { isolation: isolate; } .wpc-hero-boxed.wpc-hero-boxed-tall { margin-top: -4px; min-height: 37.5rem; padding-bottom: calc(var(--spacing-12) * 1rem); padding-top: calc(var(--spacing-12) * 1rem + 4px); } .wpc-hero-boxed.wpc-hero-boxed-medium { margin-top: -4px; min-height: 26.375rem; padding-bottom: calc(var(--spacing-8) * 1rem); padding-top: calc(var(--spacing-8) * 1rem + 4px); } @media screen and (max-width: 767px) { .wpc-hero-boxed { gap: 0  !important; padding: 0  !important; } .wpc-hero-boxed > [class^="wpc-background"] { left: 0  !important; position: static  !important; top: 0  !important; transform: translate(0)  !important; z-index: 1; } .wpc-hero-boxed > [class^="wpc-background"] img { position: static; } .wpc-hero-boxed .wpc-hero-content-container { border-top-left-radius: 0  !important; border-top-right-radius: 0  !important; margin-top: calc(var(--spacing-5) * -1rem); padding-top: calc(var(--spacing-8) * 1rem)  !important; } .wpc-hero-boxed.wpc-hero-boxed-tall { min-height: auto; } .wpc-hero-boxed.wpc-hero-boxed-tall > [class^="wpc-background"], .wpc-hero-boxed.wpc-hero-boxed-tall > [class^="wpc-background"] img { min-height: 12.875rem; } .wpc-hero-boxed.wpc-hero-boxed-medium { min-height: auto; } .wpc-hero-boxed.wpc-hero-boxed-medium > [class^="wpc-background"], .wpc-hero-boxed.wpc-hero-boxed-medium > [class^="wpc-background"] img { min-height: 9.25rem; } } .wpc-dealsbanner-container { display: flex; flex-wrap: wrap; gap: 24px; isolation: isolate; justify-content: center; min-height: 60px; padding: calc(var(--spacing-3) * 1rem); z-index: 0; } .wpc-dealsbanner-container .wpc-banner-cta-container { width: 100%; } @media screen and (min-width: 768px) { .wpc-dealsbanner-container .wpc-banner-cta-container { width: auto; } } .wpc-dealsbanner-container .wpc-banner-cta-container .wpc-ctacontainer { margin-top: 0; } .wpc-dealsbanner-container .wpc-banner-cta-container .wpc-ctacontainer div { margin-left: 0  !important; } .wpc-dealsbanner-container .wpc-banner-cta-container .wpc-ctacontainer div a:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wpc-dealsbanner-container .wpc-background-color { border-radius: calc(var(--spacing-2) * 1rem); } .wpc-dealsbanner-container[style*="flex-direction: column;"]:has( .wpc-ctabutton-text ), .wpc-dealsbanner-container[style*="flex-direction: column;"]:has( .wpc-ctabutton-text-dark ) { gap: 0; } .wpc-faq-accordion-main-title { margin-left: var(--mobile-grid-margins); margin-right: var(--mobile-grid-margins); padding-top: calc(1rem * var(--spacing-7)); width: 100%; } .wpc-faq-accordion-container-light { background-color: var(--pure-light); } .wpc-faq-accordion-container-dark { background-color: var(--neutral-dark-01); } @media screen and (max-width: 767px) { .wpc-faq-accordion-main-title { line-height: 1; padding: calc(1rem * var(--spacing-3)) 0; padding-top: calc(1rem * var(--spacing-5)); } } @media screen and (min-width: 1280px) { .wpc-faq-accordion-main-title { margin-left: var(--small-desktop-grid-margins); margin-right: var(--small-desktop-grid-margins); } } @media screen and (min-width: 1920px) { .wpc-faq-accordion-main-title { margin-left: var(--full-desktop-grid-margins); margin-right: var(--full-desktop-grid-margins); } } .wpc-faq-accordion-lg-main-title { margin-left: var(--mobile-grid-margins); margin-right: var(--mobile-grid-margins); padding-top: calc(1rem * var(--spacing-7)); width: 100%; } .wpc-faq-accordion-lg-container-light { background-color: var(--pure-light); } .wpc-faq-accordion-lg-container-dark { background-color: var(--neutral-dark-01); } @media screen and (max-width: 767px) { .wpc-faq-accordion-lg-main-title { line-height: 1; padding: calc(1rem * var(--spacing-3)) 0; padding-top: calc(1rem * var(--spacing-5)); } } @media screen and (min-width: 1280px) { .wpc-faq-accordion-lg-main-title { margin-left: var(--small-desktop-grid-margins); margin-right: var(--small-desktop-grid-margins); } } @media screen and (min-width: 1920px) { .wpc-faq-accordion-lg-main-title { margin-left: var(--full-desktop-grid-margins); margin-right: var(--full-desktop-grid-margins); } } .wpc-halfblade { display: flex; gap: calc(1rem * var(--spacing-5))  !important; isolation: isolate; justify-content: space-between  !important; padding-top: calc(1rem * var(--spacing-6)); z-index: 0; } .wpc-halfblade.wpc-halfblade-marginbottom { padding-bottom: calc(1rem * var(--spacing-6)); } .wpc-halfblade:has( :first-child.wpc-blade-media-container:not(.wpc-blade-media-round) ) { padding-top: 0; } .wpc-halfblade:has( :last-child.wpc-blade-media-container:not(.wpc-blade-media-round) ) { padding-bottom: 0; } @media screen and (min-width: 1280px) { .wpc-halfblade:has( :last-child.wpc-blade-media-container:not(.wpc-blade-media-round) ) { padding-bottom: calc(1rem * var(--spacing-8)); } } .wpc-halfblade .wpc-blade-media-container { overflow: hidden; } @media screen and (min-width: 1280px) { .wpc-halfblade { gap: 0  !important; padding-top: calc(1rem * var(--spacing-8)); } .wpc-halfblade.wpc-halfblade-marginbottom { padding-bottom: calc(1rem * var(--spacing-8)); } } .wpc-hero-rounded-bottom { z-index: 0; } .wpc-hero-rounded-bottom, .wpc-hero-rounded-bottom > [class^="wpc-background"] { border-radius: 0 0 var(--large-border-radius) var(--large-border-radius); } .wpc-hero-tall { min-height: 37.5rem; padding-bottom: calc(var(--spacing-12) * 1rem); padding-top: calc(var(--spacing-12) * 1rem + 4px); } .wpc-hero-medium, .wpc-hero-tall { isolation: isolate; margin-top: -4px; } .wpc-hero-medium { min-height: 26.375rem; padding-bottom: calc(var(--spacing-8) * 1rem); padding-top: calc(var(--spacing-8) * 1rem + 4px); } .wpc-hero-short { isolation: isolate; margin-top: -4px; min-height: 14.5rem; padding-bottom: calc(var(--spacing-5) * 1rem); padding-top: calc(var(--spacing-5) * 1rem + 4px); } .wpc-skinnybanner-container { display: flex; flex-wrap: wrap; gap: 24px; isolation: isolate; justify-content: center; min-height: 60px; padding-bottom: calc(var(--spacing-1) * 1rem); padding-top: calc(var(--spacing-1) * 1rem); width: 100%; z-index: 0; } @media screen and (min-width: 768px) { .wpc-skinnybanner-container { padding-bottom: 6px  !important; padding-top: 6px  !important; } } .wpc-skinnybanner-container .wpc-banner-cta-container .wpc-ctacontainer { margin-top: 0; } .wpc-skinnybanner-container .wpc-banner-cta-container .wpc-ctacontainer div { margin-left: 0  !important; } .wpc-skinnybanner-container .wpc-banner-cta-container .wpc-ctacontainer div a:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wpc-skinnybanner-container[style*="flex-direction: column;"]:has( .wpc-ctabutton-text ), .wpc-skinnybanner-container[style*="flex-direction: column;"]:has( .wpc-ctabutton-text-dark ) { gap: 0; } .wpc-sponsorship-banner-container { min-height: 400px; padding-bottom: calc(var(--spacing-3) * 1rem); padding-top: calc(var(--spacing-3) * 1rem); } @media screen and (max-width: 767px) { .wpc-sponsorship-banner-container { flex-direction: column; gap: calc(var(--spacing-2) * 1rem)  !important; justify-content: center; } } @media screen and (min-width: 768px) { .wpc-sponsorship-banner-container { min-height: 310px; padding-bottom: 0; padding-top: 0; } } .wpc-sponsorship-banner-container picture:has(.wpc-logo-sponsorshipbmd):has(+ .wpc-typo) { margin-bottom: calc(var(--spacing-2) * 1rem); } @media screen and (min-width: 1280px) { .wpc-sponsorship-banner-container { border-radius: var(--large-border-radius); } } .wpc-sponsorship-banner-reverse { flex-direction: row-reverse  !important; } @media screen and (min-width: 1280px) { .wpc-sponsorship-banners-reduced .wpc-sponsorship-block { margin-left: clamp(0%, 8.3333333333% - var(--spacing-3) * 1rem/12/2, 100%); margin-right: 0; } .wpc-sponsorship-banners-reduced .wpc-sponsorship-block:last-of-type, .wpc-sponsorship-banners-reduced.wpc-sponsorship-banner-reverse .wpc-sponsorship-block { margin-left: 0; margin-right: clamp(0%, 8.3333333333% - var(--spacing-3) * 1rem/12/2, 100%); } .wpc-sponsorship-banners-reduced.wpc-sponsorship-banner-reverse .wpc-sponsorship-block:last-of-type { margin-left: clamp(0%, 8.3333333333% - var(--spacing-3) * 1rem/12/2, 100%); margin-right: 0; } } .wpc-c-laptops-thinkpad-thinkpade-title { text-align: start  !important; width: 100%; } @media screen and (min-width: 1280px) { .wpc-c-laptops-thinkpad-thinkpade-title { text-align: center  !important; } } .wpc-c-laptops-thinkpad-thinkpade-featured-product-label { background-color: var(--connector-light); border-radius: 4px; padding: calc(var(--spacing-1) * 1rem) calc(var(--spacing-3) * 1rem); } .wpc-listelement { margin-left: 0  !important; } .wpc-c-laptops-thinkpad-thinkpade-featured-product-cardprice { border-radius: 0  !important; } .sub_header { display: none  !important; } .wpc-thinkpad-l-slider { align-items: stretch  !important; } .wpc-grid-container .wpc-thinkpadX1-slider { margin-bottom: calc(var(--spacing-3) * 1rem)  !important; }