@import url(https://c1-ofp.static.pub/ShareResource/DSM/DSM_2/css/variables.css); * { scroll-behavior: smooth } .wpc-blade-container { margin-bottom: var(--spacing-6) } .wpc-blade-container .wpc-blade-border-radius-right { border-bottom-left-radius: 0  !important; border-bottom-right-radius: var(--blade-br); border-top-left-radius: 0  !important; border-top-right-radius: var(--blade-br) } @media screen and (min-width:1920px) { .wpc-blade-container .wpc-blade-border-radius-right { border-bottom-left-radius: var(--blade-br)  !important; border-top-left-radius: var(--blade-br)  !important } } .wpc-blade-container .wpc-blade-border-radius-left { border-bottom-left-radius: var(--blade-br); border-bottom-right-radius: 0  !important; border-top-left-radius: var(--blade-br); border-top-right-radius: 0  !important } @media screen and (min-width:1920px) { .wpc-blade-container .wpc-blade-border-radius-left { border-bottom-right-radius: var(--blade-br)  !important; border-top-right-radius: var(--blade-br)  !important } } .wpc-blade-container .wpc-blade-no-border-radius-right { border-radius: 0  !important } @media screen and (min-width:1920px) { .wpc-blade-container .wpc-blade-no-border-radius-right { border-bottom-left-radius: var(--blade-br)  !important; border-top-left-radius: var(--blade-br)  !important } } .wpc-blade-container .wpc-blade-no-border-radius-left { border-radius: 0  !important } @media screen and (min-width:1920px) { .wpc-blade-container .wpc-blade-no-border-radius-left { border-bottom-right-radius: var(--blade-br)  !important; border-top-right-radius: var(--blade-br)  !important } } @media screen and (min-width:1280px) { .wpc-blade-container { margin-bottom: var(--spacing-8) } .wpc-blade-container .wpc-blade-desktop-bg { height: 100%; left: var(--spacing-2); position: absolute; top: 0; width: calc(100% - var(--spacing-2)); z-index: -1 } .wpc-blade-container .wpc-blade-desktop-bg-not-full-width { left: calc(var(--spacing-8) + 16px); max-width: calc(100% - var(--spacing-8)*2 - 16px) } } @media screen and (min-width:1920px) { .wpc-blade-container .wpc-blade-desktop-bg { border-radius: var(--blade-br) } .wpc-blade-container .wpc-blade-desktop-bg-not-full-width { left: calc(var(--xl-grid-margin) + 16px); max-width: calc(100% - var(--xl-grid-margin)*2 - 16px) } } .wpc-blade-container>.MuiGrid-item>iframe, .wpc-blade-container>.MuiGrid-item>picture img { border-radius: var(--blade-br); height: var(--blade-mobile-height) } @media screen and (min-width:768px) { .wpc-blade-container>.MuiGrid-item>iframe, .wpc-blade-container>.MuiGrid-item>picture img { height: var(--blade-tablet-height) } } @media screen and (min-width:1280px) { .wpc-blade-container.wpc-blade-container-short>.MuiGrid-item>iframe, .wpc-blade-container.wpc-blade-container-short>.MuiGrid-item>picture img { height: var(--blade-short-height) } .wpc-blade-container.wpc-blade-container-medium>.MuiGrid-item>iframe, .wpc-blade-container.wpc-blade-container-medium>.MuiGrid-item>picture img { height: var(--blade-medium-height) } .wpc-blade-container.wpc-blade-container-tall>.MuiGrid-item>iframe, .wpc-blade-container.wpc-blade-container-tall>.MuiGrid-item>picture img { height: var(--blade-tall-height) } .wpc-blade-container.wpc-blade-container-align-start { align-items: start } .wpc-blade-container.wpc-blade-container-align-center { align-items: center } } .wpc-blade-container .wpc-blade-content-container.MuiGrid-item { padding-bottom: var(--spacing-6)  !important; padding-top: var(--spacing-5)  !important; position: relative } @media screen and (max-width:1279px) { .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-wide-blade-mobile-bg { border-bottom-left-radius: var(--blade-br); border-bottom-right-radius: var(--blade-br); display: block; height: calc(100% + 8px); left: 16px; position: absolute; top: -8px; width: calc(100% - 16px); z-index: -1 } } @media screen and (min-width:1280px) { .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content-padding-left { padding-left: 48px; padding-right: 0 } .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content-no-padding { padding-left: 0; padding-right: 0 } } .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content { display: flex; flex-direction: column } @media screen and (max-width:1280px) { .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-blade-content-align-center { align-items: center } .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-blade-content-align-start { align-items: start } } .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content .wpc-blade-content-logo { height: var(--blade-logo-height-mobile); margin-bottom: 16px } @media screen and (min-width:1280px) { .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content .wpc-blade-content-logo { height: var(--blade-logo-height); margin-bottom: var(--spacing-5) } } .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content .wpc-blade-content-headline { margin-bottom: var(--spacing-2) } .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content .wpc-blade-copy { margin-bottom: var(--spacing-5) } .wpc-blade-container .wpc-blade-content-container.MuiGrid-item .wpc-blade-content .wpc-blade-copy ul { display: flex; flex-direction: column; gap: var(--li-gap); margin-left: var(--li-ml) } .wpc-typo-display-l { font-size: var(--display-l); line-height: var(--display-l-line) } .wpc-typo-display-m { font-size: var(--display-m); line-height: var(--display-m-line) } .wpc-typo-display-s { font-size: var(--display-s); line-height: var(--display-s-line) } .wpc-typo-headline-l { font-size: var(--headline-l); line-height: var(--headline-l-line) } .wpc-typo-headline-m { font-size: var(--headline-m); line-height: var(--headline-m-line) } .wpc-typo-headline-s { font-size: var(--headline-s); line-height: var(--headline-s-line) } .wpc-typo-title-l { font-size: var(--title-l); line-height: var(--title-l-line) } .wpc-typo-title-m { font-size: var(--title-m); line-height: var(--title-m-line) } .wpc-typo-title-s { font-size: var(--title-s); line-height: var(--title-s-line) } .wpc-typo-title-xs { font-size: var(--title-xs); line-height: var(--title-xs-line) } .wpc-typo-body-l { font-size: var(--body-l); line-height: var(--body-l-line) } .wpc-typo-body-m { font-size: var(--body-m); line-height: var(--body-m-line) } .wpc-typo-body-s { font-size: var(--body-s); line-height: var(--body-s-line) } .wpc-typo-label-s { font-size: var(--label-s); line-height: var(--label-s-line) } .wpc-navbaritem-chip { align-items: center; background-color: var(--alternate-pale); border: 1px solid var(--alternate-light); border-radius: var(--chip-br); display: flex; gap: var(--chip-gap); justify-content: center; margin: 0; padding: var(--spacing-1) } .wpc-navbaritem-chip:hover { cursor: pointer } .wpc-navbaritem-chip.wpc-navbaritem-active { background-color: var(--alternate-med); border: none } .wpc-navbaritem-chip.wpc-navbaritem-active .wpc-navbaritem-text { color: var(--pure-light)  !important } .wpc-navbaritem-chip.wpc-navbaritem-active .wpc-icon.hover-dark-to-alternate-med { filter: invert(24%) sepia(65%) saturate(1411%) hue-rotate(197deg) brightness(90%) contrast(87%) } .wpc-navbaritem-chip.wpc-navbaritem-active .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-navbaritem-chip.wpc-navbaritem-active .wpc-icon.hover-auxiliary { filter: brightness(0) saturate(100%) invert(95%) sepia(89%) saturate(7500%) hue-rotate(103deg) brightness(101%) contrast(103%) } .wpc-navbaritem-chip.wpc-navbaritem-active .wpc-icon.hover-pure-dark, .wpc-navbaritem-chip.wpc-navbaritem-active .wpc-icon.hover-pure-light { filter: invert(100%) } .wpc-navbaritem { align-items: center; color: var(--pure-dark); display: flex; flex-direction: column; gap: var(--spacing-1); height: 100%; justify-content: normal; padding-bottom: var(--spacing-2); position: relative; text-align: center } .wpc-navbaritem:hover { cursor: pointer } .wpc-navbaritem:hover .wpc-navbaritem-text { color: var(--alternate-med)  !important } .wpc-navbaritem:hover .wpc-icon.hover-dark-to-alternate-med { filter: invert(24%) sepia(65%) saturate(1411%) hue-rotate(197deg) brightness(90%) contrast(87%) } .wpc-navbaritem: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-navbaritem:hover .wpc-icon.hover-auxiliary { filter: brightness(0) saturate(100%) invert(95%) sepia(89%) saturate(7500%) hue-rotate(103deg) brightness(101%) contrast(103%) } .wpc-navbaritem:hover .wpc-icon.hover-pure-dark, .wpc-navbaritem:hover .wpc-icon.hover-pure-light { filter: invert(100%) } .wpc-navbaritem:after { background-color: var(--alternate-med); bottom: 0; content: ""; height: var(--navbaritem-active-bh); left: 0; position: absolute; transform: scaleX(0); transform-origin: bottom left; transition: transform var(--transition-duration) ease-out; width: 100% } .wpc-navbaritem.wpc-navbaritem-active { height: 100% } .wpc-navbaritem.wpc-navbaritem-active .wpc-navbaritem-text { color: var(--alternate-med)  !important } .wpc-navbaritem.wpc-navbaritem-active:after { transform: scaleX(1); transform-origin: bottom left } .wpc-navbaritem.wpc-navbaritem-active .wpc-icon.hover-dark-to-alternate-med { filter: invert(24%) sepia(65%) saturate(1411%) hue-rotate(197deg) brightness(90%) contrast(87%) } .wpc-navbaritem.wpc-navbaritem-active .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-navbaritem.wpc-navbaritem-active .wpc-icon.hover-auxiliary { filter: brightness(0) saturate(100%) invert(95%) sepia(89%) saturate(7500%) hue-rotate(103deg) brightness(101%) contrast(103%) } .wpc-navbaritem.wpc-navbaritem-active .wpc-icon.hover-pure-dark, .wpc-navbaritem.wpc-navbaritem-active .wpc-icon.hover-pure-light { filter: invert(100%) } .wpc-navbaritem.wpc-navbaritem-active:hover { cursor: pointer } .wpc-navbaritem.wpc-navbaritem-active:hover .wpc-icon.hover-dark-to-alternate-med { filter: invert(24%) sepia(65%) saturate(1411%) hue-rotate(197deg) brightness(90%) contrast(87%) } .wpc-navbaritem.wpc-navbaritem-active: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-navbaritem.wpc-navbaritem-active:hover .wpc-icon.hover-auxiliary { filter: brightness(0) saturate(100%) invert(95%) sepia(89%) saturate(7500%) hue-rotate(103deg) brightness(101%) contrast(103%) } .wpc-navbaritem.wpc-navbaritem-active:hover .wpc-icon.hover-pure-dark, .wpc-navbaritem.wpc-navbaritem-active:hover .wpc-icon.hover-pure-light { filter: invert(100%) } .wpc-navbaritem-text { font-size: var(--label-s); font-weight: 700; line-height: var(--label-s-line) } @media screen and (min-width:768px) { .wpc-navbaritem-text { font-size: var(--body-s); line-height: var(--body-s-line) } } .wpc-navbartextitem-chip { border-radius: var(--chip-br) } .wpc-navbartextitem-chip.wpc-navbartextitem-active { color: var(--pure-light) } .wpc-navbartextitem { align-items: center; color: var(--text-black); color: var(--neutral-med-dark); display: flex; flex-direction: column; font-size: var(--body-l); height: 100%; justify-content: normal; line-height: var(--body-l-line); padding-bottom: var(--spacing-2); position: relative; text-align: center; text-decoration: none; transition: var(--transition-duration) ease } .wpc-navbartextitem:hover { color: var(--alternate-med)  !important; cursor: pointer } .wpc-navbartextitem:after { background-color: var(--alternate-med); bottom: 0; content: ""; height: var(--navbaritem-active-bh); left: 0; position: absolute; transform: scaleX(0); transform-origin: bottom left; transition: transform var(--transition-duration) ease-out; width: 100% } .wpc-navbartextitem.wpc-navbartextitem-active { color: var(--alternate-med)  !important; height: 100% } .wpc-navbartextitem.wpc-navbartextitem-active:after { transform: scaleX(1); transform-origin: bottom left } .wpc-navbartextitem.wpc-navbartextitem-active:hover { cursor: pointer } .wpc-navbartextitem-chip { align-items: center; background-color: var(--alternate-pale); border: 1px solid var(--alternate-light); border-radius: 16px; display: flex; gap: var(--chip-gap); justify-content: center; margin: 0; padding: var(--spacing-1) } .wpc-navbartextitem-chip:hover { cursor: pointer } .wpc-navbartextitem-chip.wpc-navbartextitem-active { background-color: var(--alternate-med); border: none; color: var(--pure-light)  !important } .wpc-horizontal-scroll>::-webkit-scrollbar { display: none } .wpc-horizontal-scroll>* { scrollbar-width: none } .wpc-horizontal-scroll>.MuiGrid-container { align-items: stretch  !important; flex-wrap: nowrap; overflow-x: scroll } .wpc-horizontal-scroll>.MuiGrid-container>.MuiGrid-item { flex-shrink: 0 } .wpc-wrap>.MuiGrid-container { flex-wrap: wrap } .wpc-no-pointer-events { pointer-events: none } .wpc-no-row-reverse .MuiGrid-container { flex-direction: row  !important } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-1 { max-width: calc(25% - var(--spacing-2)/4) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-2 { max-width: calc(50% - var(--spacing-2)/2) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-3 { max-width: calc(75% - var(--spacing-2)/1.33333) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-4 { max-width: calc(100% - var(--spacing-2)/1) } @media screen and (min-width:360px) { .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-1, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-1 { max-width: calc(12.5% - var(--spacing-2)/8) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-2, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-2 { max-width: calc(25% - var(--spacing-2)/4) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-3, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-3 { max-width: calc(37.5% - var(--spacing-2)/2.66667) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-4, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-4 { max-width: calc(50% - var(--spacing-2)/2) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-5 { max-width: calc(62.5% - var(--spacing-2)/1.6) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-6 { max-width: calc(75% - var(--spacing-2)/1.33333) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-7 { max-width: calc(87.5% - var(--spacing-2)/1.14286) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-8 { max-width: calc(100% - var(--spacing-2)/1) } } @media screen and (min-width:768px) { .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-1, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-1, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-1, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-1, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-1 { max-width: calc(8.33333% - var(--spacing-2)/12) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-2, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-2, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-2, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-2, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-2 { max-width: calc(16.66667% - var(--spacing-2)/6) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-3, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-3, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-3, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-3, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-3 { max-width: calc(25% - var(--spacing-2)/4) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-4, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-4, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-4, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-4, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xs-4 { max-width: calc(33.33333% - var(--spacing-2)/3) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-5, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-5, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-5, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-5 { max-width: calc(41.66667% - var(--spacing-2)/2.4) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-6, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-6, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-6, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-6 { max-width: calc(50% - var(--spacing-2)/2) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-7, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-7, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-7, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-7 { max-width: calc(58.33333% - var(--spacing-2)/1.71429) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-8, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-8, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-sm-8, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-8 { max-width: calc(66.66667% - var(--spacing-2)/1.5) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-9, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-9, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-9 { max-width: calc(75% - var(--spacing-2)/1.33333) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-10, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-10, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-10 { max-width: calc(83.33333% - var(--spacing-2)/1.2) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-11, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-11, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-11 { max-width: calc(91.66667% - var(--spacing-2)/1.09091) } .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-lg-12, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-md-12, .wpc-horizontal-scroll-resizing .MuiGrid-container .MuiGrid-item.MuiGrid-grid-xl-12 { max-width: calc(100% - var(--spacing-2)/1) } } @media screen and (max-width:1280px) { .wpc-horizontal-scroll .wpc-blade-container { padding-left: 0; padding-right: 0 } .wpc-horizontal-scroll .wpc-blade-container .wpc-blade-content-no-padding { padding-left: 0 } .wpc-horizontal-scroll .wpc-blade-container .MuiGrid-item { max-width: unset  !important } } .wpc-carousel { position: relative } .wpc-carousel .wpc-carousel-arrow-outer-container { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2 } @media screen and (min-width:1920px) { .wpc-carousel .wpc-carousel-arrow-outer-container { padding: 0  !important } } .wpc-carousel .wpc-carousel-arrow-outer-container .MuiGrid-item { padding-top: 0 } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container { position: relative } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow { align-items: center; background-color: var(--pure-dark); border-radius: 50%; cursor: pointer; display: flex; height: var(--spacing-7); justify-content: center; transition: all var(--transition-duration) ease; width: var(--spacing-7) } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow img { filter: invert(1); transition: all var(--transition-duration) ease } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow-disabled { background-color: var(--neutral-med-pale) } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow-disabled img { filter: invert(.5); transition: all var(--transition-duration) ease } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow-right { position: absolute; right: 0 } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow-right img { transform: rotate(180deg) } .wpc-carousel .wpc-carousel-item-outer-container { margin-right: calc(var(--spacing-8) + var(--spacing-7) + var(--spacing-2)); overflow-x: hidden } @media screen and (min-width:1920px) { .wpc-carousel .wpc-carousel-item-outer-container { margin-right: var(--spacing-7) } } .wpc-carousel .wpc-carousel-item-outer-container .wpc-carousel-item-container { flex-wrap: nowrap; margin-left: calc(var(--spacing-8) + var(--spacing-7)); overflow-x: hidden; padding-left: 0; padding-right: calc(var(--spacing-8) + var(--spacing-7) + var(--spacing-2)) } @media screen and (min-width:1920px) { .wpc-carousel .wpc-carousel-item-outer-container .wpc-carousel-item-container { margin-left: var(--spacing-7); padding-right: calc(var(--spacing-7) + var(--spacing-6)) } } .wpc-carousel .wpc-carousel-item-outer-container .wpc-carousel-item-container .MuiGrid-item { flex-shrink: 0; max-width: 100%; transition: transform var(--transition-duration) ease } .wpc-carousel .wpc-carousel-item-outer-container .wpc-carousel-item-container .wpc-blade-container { padding-left: 0 } .wpc-carousel .wpc-carousel-dot-container { padding-left: calc(var(--spacing-8) + var(--spacing-7) + var(--spacing-2)*2); padding-right: calc(var(--spacing-8) + var(--spacing-7) + var(--spacing-2)) } @media screen and (min-width:1920px) { .wpc-carousel .wpc-carousel-dot-container { padding-left: calc(var(--spacing-7) + var(--spacing-6)); padding-right: calc(var(--spacing-7) + var(--spacing-2)) } } .wpc-carousel .wpc-carousel-dot-container .wpc-carousel-dot { background-color: var(--pure-light); border: 1px solid var(--neutral-med); border-radius: 50%; cursor: pointer; height: var(--spacing-2); margin-left: calc(var(--spacing-1)/2); margin-right: calc(var(--spacing-1)/2); transition: background-color var(--transition-duration) ease; width: var(--spacing-2) } .wpc-carousel .wpc-carousel-dot-container .wpc-carousel-dot-active { background-color: var(--pure-dark) } .wpc-actioncontainer-function, .wpc-actioncontainer-url { color: inherit; cursor: pointer; margin: 0; padding: 0; 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-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; position: relative } .wpc-card:hover :not(.wpc-actioncontainer-url .wpc-icon, .wpc-actioncontainer-function .wpc-icon).hover-dark-to-alternate-med { filter: invert(24%) sepia(65%) saturate(1411%) hue-rotate(197deg) brightness(90%) contrast(87%) } .wpc-card:hover :not(.wpc-actioncontainer-url .wpc-icon, .wpc-actioncontainer-function .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-card:hover :not(.wpc-actioncontainer-url .wpc-icon, .wpc-actioncontainer-function .wpc-icon).hover-auxiliary { filter: brightness(0) saturate(100%) invert(95%) sepia(89%) saturate(7500%) hue-rotate(103deg) brightness(101%) contrast(103%) } .wpc-card:hover :not(.wpc-actioncontainer-url .wpc-icon, .wpc-actioncontainer-function .wpc-icon).hover-pure-dark, .wpc-card:hover :not(.wpc-actioncontainer-url .wpc-icon, .wpc-actioncontainer-function .wpc-icon).hover-pure-light { filter: invert(100%) } .wpc-card-bordered { border: var(--card-bw) solid var(--neutral-med-pale) } .wpc-card-rounded { border-radius: var(--card-br-mobile) } @media screen and (min-width:1280px) { .wpc-card-rounded { border-radius: var(--card-br) } } .wpc-card-background-pure-light { background-color: var(--pure-light) } .wpc-card-background-light { background-color: var(--neutral-pale) } .wpc-card-background-gaming { background-color: var(--neutral-med-dark); border: none } .wpc-container-accordion { background-color: transparent } .wpc-container-accordion .wpc-accordion-icon.wpc-accordion-icon-active { transform: rotate(180deg) } .wpc-container-accordion .wpc-accordion-icon.wpc-accordion-icon-inactive { transform: rotate(0deg) } .wpc-accordion-dark-theme { background-color: var(--pure-dark) } .wpc-accordion-dark-theme p { color: var(--pure-light)  !important } .wpc-accordion-dark-theme .wpc-accordion-icon { filter: invert(1) } .wpc-accordion-light-theme { background-color: var(--pure-light) } button.wpc-accordion-primary { border: none; border-bottom: 1px solid #ccc; flex-direction: column; margin: 0; overflow: hidden; padding: var(--spacing-5) 0 var(--spacing-1) } button.wpc-accordion-primary, button.wpc-accordion-primary .wpc-headline { display: flex  !important; display: -ms-flexbox; display: -webkit-flex; width: 100% } button.wpc-accordion-primary .wpc-headline { justify-content: space-between; text-align: left } @media screen and (min-width:1280px) { button.wpc-accordion-primary .wpc-headline { padding: 0 var(--spacing-3) } } button.wpc-accordion-primary .wpc-headline:hover { cursor: pointer } button.wpc-accordion-primary .wpc-headline h2, button.wpc-accordion-primary .wpc-headline h3, button.wpc-accordion-primary .wpc-headline h4, button.wpc-accordion-primary .wpc-headline h5, button.wpc-accordion-primary .wpc-headline h6 { font-weight: var(--bold); padding: 0 } button.wpc-accordion-primary .wpc-headline img { transition: all var(--transition-duration) ease } button.wpc-accordion-primary .wpc-accordion-body { display: flex; flex-direction: column; height: auto; margin: 0; overflow: hidden; padding: 0; text-align: left; -webkit-transition: all var(--transition-duration) ease; -moz-transition: all var(--transition-duration) ease; -o-transition: all var(--transition-duration) ease; -ms-transition: all var(--transition-duration) ease; transition: all var(--transition-duration) ease } button.wpc-accordion-primary .wpc-accordion-body li, button.wpc-accordion-primary .wpc-accordion-body p { font-weight: var(--regular); margin: 0; padding: var(--spacing-2) 0 var(--spacing-2) } @media screen and (min-width:1280px) { button.wpc-accordion-primary .wpc-accordion-body li, button.wpc-accordion-primary .wpc-accordion-body p { padding: var(--spacing-3) } } .wpc-brand-card { height: var(--brand-card-h) } .wpc-espot-horizontal-card { border-radius: var(--card-br-mobile); position: relative } @media screen and (min-width:1280px) { .wpc-espot-horizontal-card { border-radius: var(--card-br); min-height: var(--card-espot-hor-h) } } .wpc-espot-horizontal-card .wpc-espot-horizontal-card-image { width: 100%  !important } .wpc-espot-horizontal-card .wpc-espot-horizontal-card-textcontainer { background-color: var(--pure-dark); bottom: var(--spacing-2); left: var(--spacing-2); padding: var(--spacing-3); position: absolute  !important; width: calc(100% - var(--spacing-6))  !important } @media screen and (min-width:768px) { .wpc-espot-horizontal-card .wpc-espot-horizontal-card-textcontainer { left: 0; min-height: var(--card-espot-hor-text-h); position: relative  !important; width: 100%  !important } } .wpc-espot-horizontal-card .wpc-espot-horizontal-card-textcontainer .wpc-espot-horizontal-card-logo { margin-bottom: var(--spacing-1) } .wpc-espot-vertical-card .wpc-espot-vertical-card-image { width: 100%  !important } .wpc-espot-vertical-card .wpc-espot-vertical-card-light { background-color: var(--neutral-pale) } .wpc-espot-vertical-card .wpc-espot-vertical-card-dark { background-color: var(--pure-dark) } .wpc-espot-vertical-card .wpc-espot-vertical-card-textcontainer { padding: var(--spacing-3) } .wpc-espot-vertical-card .wpc-espot-vertical-card-textcontainer .wpc-espot-vertical-card-divider { display: none } @media(min-width:768px) { .wpc-espot-vertical-card .wpc-espot-vertical-card-textcontainer .wpc-espot-vertical-card-divider { display: block; margin: var(--spacing-2) 0 var(--spacing-2); width: 100%  !important } } .wpc-espot-vertical-card .wpc-espot-vertical-card-textcontainer .wpc-espot-vertical-card-logo { display: none; max-width: 200px } @media(min-width:768px) { .wpc-espot-vertical-card .wpc-espot-vertical-card-textcontainer .wpc-espot-vertical-card-logo { display: block  !important } } .wpc-espot-vertical-card .wpc-espot-vertical-card-textcontainer .wpc-espot-vertical-card-title { margin-bottom: var(--spacing-1) } .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-actioncontainer-url.wpc-ctabutton-primary { align-items: center; background-color: var(--alternate-med); border: 1px solid var(--alternate-med); border-radius: var(--btn-br-mobile); color: var(--pure-light); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-size: var(--body-m); font-weight: var(--bold); gap: var(--spacing-1); justify-content: center; padding: 13px 23px 14px; text-align: center; text-decoration: none; text-transform: capitalize; transition: background-color ease-out var(--transition-duration), color ease-out var(--transition-duration); white-space: nowrap; width: fit-content } @media screen and (min-width:1280px) { .wpc-actioncontainer-url.wpc-ctabutton-primary { border-radius: var(--btn-br) } } .wpc-actioncontainer-url.wpc-ctabutton-primary:hover { background-color: var(--alternate-pale); color: var(--alternate-med) } .wpc-actioncontainer-url.wpc-ctabutton-secondary { align-items: center; background-color: var(--pure-light); border: 1px solid var(--alternate-med); border-radius: var(--btn-br-mobile); color: var(--alternate-med); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-size: var(--body-m); font-weight: var(--bold); gap: var(--spacing-1); justify-content: center; padding: 13px 23px 14px; text-align: center; text-decoration: none; text-transform: capitalize; transition: background-color ease-out var(--transition-duration), color ease-out var(--transition-duration); white-space: nowrap; width: fit-content } @media screen and (min-width:1280px) { .wpc-actioncontainer-url.wpc-ctabutton-secondary { border-radius: var(--btn-br) } } .wpc-actioncontainer-url.wpc-ctabutton-secondary:hover { background-color: var(--alternate-pale); color: var(--alternate-med) } .wpc-actioncontainer-url.wpc-ctabutton-cto-primary { align-items: center; background-color: var(--pure-dark); border: 1px solid var(--pure-dark); border-radius: var(--btn-br-mobile); color: var(--pure-light); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-size: var(--body-m); font-weight: var(--bold); gap: var(--spacing-1); justify-content: center; padding: 13px 23px 14px; text-align: center; text-decoration: none; text-transform: capitalize; transition: background-color ease-out var(--transition-duration), color ease-out var(--transition-duration); white-space: nowrap; width: fit-content } @media screen and (min-width:1280px) { .wpc-actioncontainer-url.wpc-ctabutton-cto-primary { border-radius: var(--btn-br) } } .wpc-actioncontainer-url.wpc-ctabutton-cto-primary:hover { background-color: var(--pure-light); color: var(--pure-dark) } .wpc-actioncontainer-url.wpc-ctabutton-merchandising-dark { align-items: center; background-color: var(--pure-dark); border: 1px solid var(--pure-light); border-radius: var(--btn-br-mobile); color: var(--pure-light); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-size: var(--body-m); font-weight: var(--bold); gap: var(--spacing-1); justify-content: center; padding: 13px 23px 14px; text-align: center; text-decoration: none; text-transform: capitalize; transition: background-color ease-out var(--transition-duration), color ease-out var(--transition-duration); white-space: nowrap; width: fit-content } @media screen and (min-width:1280px) { .wpc-actioncontainer-url.wpc-ctabutton-merchandising-dark { border-radius: var(--btn-br) } } .wpc-actioncontainer-url.wpc-ctabutton-merchandising-dark:hover { background-color: var(--neutral-med-pale); border: 1px solid var(--pure-dark); color: var(--pure-dark) } .wpc-actioncontainer-url.wpc-ctabutton-merchandising-light { align-items: center; background-color: var(--pure-light); border: 1px solid var(--pure-dark); border-radius: var(--btn-br-mobile); color: var(--pure-dark); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-size: var(--body-m); font-weight: var(--bold); gap: var(--spacing-1); justify-content: center; padding: 13px 23px 14px; text-align: center; text-decoration: none; text-transform: capitalize; transition: background-color ease-out var(--transition-duration), color ease-out var(--transition-duration); white-space: nowrap; width: fit-content } @media screen and (min-width:1280px) { .wpc-actioncontainer-url.wpc-ctabutton-merchandising-light { border-radius: var(--btn-br) } } .wpc-actioncontainer-url.wpc-ctabutton-merchandising-light:hover { background-color: var(--pure-dark); border: 1px solid var(--pure-light); color: var(--pure-light) } .wpc-actioncontainer-url.wpc-ctabutton-homepage { align-items: center; background-color: var(--alternate-med); border: 1px solid var(--pure-light); border-radius: var(--btn-br-mobile); color: var(--pure-light); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-size: var(--body-m); font-weight: var(--bold); gap: var(--spacing-1); justify-content: center; padding: 13px 23px 14px; text-align: center; text-decoration: none; text-transform: capitalize; transition: background-color ease-out var(--transition-duration), color ease-out var(--transition-duration); white-space: nowrap; width: fit-content } @media screen and (min-width:1280px) { .wpc-actioncontainer-url.wpc-ctabutton-homepage { border-radius: var(--btn-br) } } .wpc-actioncontainer-url.wpc-ctabutton-homepage:hover { background-color: var(--alternate-pale); border: 1px solid var(--alternate-med); color: var(--alternate-med) } .wpc-actioncontainer-url.wpc-ctabutton-gaming-primary { align-items: center; background-color: var(--pure-light); border: 1px solid var(--pure-dark); border-radius: var(--btn-br-mobile); color: var(--pure-dark); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-size: var(--body-m); font-weight: var(--bold); gap: var(--spacing-1); justify-content: center; padding: 13px 23px 14px; text-align: center; text-decoration: none; text-transform: capitalize; transition: background-color ease-out var(--transition-duration), color ease-out var(--transition-duration); white-space: nowrap; width: fit-content } @media screen and (min-width:1280px) { .wpc-actioncontainer-url.wpc-ctabutton-gaming-primary { border-radius: var(--btn-br) } } .wpc-actioncontainer-url.wpc-ctabutton-gaming-primary:hover { background-color: var(--pure-dark); border: 1px solid var(--pure-light); color: var(--pure-light) } .wpc-actioncontainer-url.wpc-ctabutton-gaming-cto { align-items: center; background-color: var(--pure-dark); border: 1px solid var(--pure-dark); border-radius: var(--btn-br-mobile); color: var(--pure-light); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-size: var(--body-m); font-weight: var(--bold); gap: var(--spacing-1); justify-content: center; padding: 13px 23px 14px; text-align: center; text-decoration: none; text-transform: capitalize; transition: background-color ease-out var(--transition-duration), color ease-out var(--transition-duration); white-space: nowrap; width: fit-content } @media screen and (min-width:1280px) { .wpc-actioncontainer-url.wpc-ctabutton-gaming-cto { border-radius: var(--btn-br) } } .wpc-actioncontainer-url.wpc-ctabutton-gaming-cto:hover { background-color: var(--pure-light); color: var(--pure-dark) } .wpc-actioncontainer-url.wpc-ctabutton-text { background-color: transparent; border: none; border-radius: 0; color: var(--alternate-med); font-size: var(--body-m); font-weight: var(--bold); padding: 0  !important; padding: 14px 0 15px; text-decoration: none; text-transform: capitalize; white-space: nowrap } .wpc-actioncontainer-url.wpc-ctabutton-text:hover { background-color: transparent; border: none; color: var(--alternate-med); text-decoration: underline } .wpc-actioncontainer-url.wpc-ctabutton-text-gaming { background-color: transparent; border: none; border-radius: 0; color: var(--auxiliary); font-size: var(--body-m); font-weight: var(--bold); padding: 0  !important; padding: 14px 0 15px; text-decoration: none; text-transform: capitalize; white-space: nowrap } .wpc-actioncontainer-url.wpc-ctabutton-text-gaming:hover { background-color: transparent; border: none; color: var(--auxiliary); text-decoration: underline } .wpc-actioncontainer-url.wpc-ctabutton-text-homepage { background-color: transparent; border: none; border-radius: 0; color: var(--alternate-light); font-size: var(--body-m); font-weight: var(--bold); padding: 0  !important; padding: 14px 0 15px; text-decoration: none; text-transform: capitalize; white-space: nowrap } .wpc-actioncontainer-url.wpc-ctabutton-text-homepage:hover { background-color: transparent; border: none; color: var(--alternate-light); text-decoration: underline } .wpc-actioncontainer-function.wpc-ctabutton-fullwidth, .wpc-actioncontainer-url.wpc-ctabutton-fullwidth { width: 100% } .wpc-icon { display: block; max-width: none } .wpc-featured-card .wpc-featured-card-video { display: block; min-height: var(--card-featured-video-height) } @media screen and (max-width:768px) { .wpc-featured-card .wpc-featured-card-video.wpc-featured-card-video-small { min-height: var(--card-featured-video-small-height)  !important } } .wpc-featured-card .wpc-featured-card-divider { background: var(--neutral-med); height: 1px; margin: var(--spacing-2) 0 var(--spacing-2); width: 100% } .wpc-featured-card .wpc-featured-card-textcontainer { display: flex; height: 100%; justify-content: space-between  !important } .wpc-featured-card .wpc-featured-card-textcontainer .wpc-featured-card-logo { display: flex  !important; justify-content: center; width: 100% } .wpc-featured-card .wpc-featured-card-textcontainer .wpc-featured-card-text-spacing, .wpc-featured-card .wpc-featured-card-textcontainer .wpc-featured-card-title { margin-bottom: var(--spacing-2) } .wpc-featured-card .wpc-featured-card-textcontainer .wpc-featured-card-list { display: flex; flex-direction: column; gap: var(--li-gap); list-style-type: disc; margin-left: var(--spacing-2) } .wpc-featured-card .wpc-featured-card-textcontainer .wpc-featured-card-cta { text-align: center } .wpc-featured-card .wpc-actioncontainer-function:hover .wpc-icon.hover-dark-to-alternate-med, .wpc-featured-card .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-featured-card .wpc-actioncontainer-function:hover .wpc-icon.hover-light-to-alternate-med, .wpc-featured-card .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-featured-card .wpc-actioncontainer-function:hover .wpc-icon.hover-auxiliary, .wpc-featured-card .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-featured-card .wpc-actioncontainer-function:hover .wpc-icon.hover-pure-dark, .wpc-featured-card .wpc-actioncontainer-function:hover .wpc-icon.hover-pure-light, .wpc-featured-card .wpc-actioncontainer-url:hover .wpc-icon.hover-pure-dark, .wpc-featured-card .wpc-actioncontainer-url:hover .wpc-icon.hover-pure-light { filter: invert(100%) } .wpc-full-image-card { height: var(--card-full-image-h)  !important } .wpc-full-image-background { left: 0; position: absolute; z-index: 0 } .wpc-full-image-content { bottom: 0; left: 0; padding: var(--spacing-3); position: absolute; z-index: 1 } .wpc-full-image-content p { margin-bottom: var(--spacing-7); margin-top: var(--spacing-1); padding-right: 25%; text-align: start  !important } .wpc-icon-card { padding: var(--spacing-2) } .wpc-icon-card-text-container { padding-top: var(--spacing-1) } .wpc-icon-card-default img, .wpc-icon-card-gaming img { height: auto } .wpc-icon-card-default:hover p { color: var(--alternate-med)  !important } * { box-sizing: border-box; font-family: Lato, sans-serif; margin: 0; padding: 0 } img { max-width: 100% } @media screen and (min-width:768px) { .wpc-image-card-hover:hover .wpc-image-card-inner { transform: rotateY(180deg) } } .wpc-image-card { padding: var(--spacing-3) } .wpc-image-card .wpc-image-card-inner { height: 100%; position: relative; text-align: center; transform-style: preserve-3d; transition: transform var(--transition-duration); width: 100% } .wpc-image-card .wpc-image-card-inner .wpc-image-card-back, .wpc-image-card .wpc-image-card-inner .wpc-image-card-front { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; width: 100% } .wpc-image-card .wpc-image-card-inner .wpc-image-card-back img, .wpc-image-card .wpc-image-card-inner .wpc-image-card-front img { margin: auto } .wpc-image-card .wpc-image-card-inner .wpc-image-card-title { font-size: var(--M); font-weight: var(--regular); line-height: var(--M-line-line); margin-bottom: var(--spacing-1); margin-top: var(--spacing-1) } .wpc-image-card .wpc-image-card-inner .wpc-image-card-back { align-items: center; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; transform: rotateY(180deg) } .wpc-image-card .wpc-image-card-inner .wpc-image-card-back .wpc-image-card-title { margin-bottom: var(--spacing-1); text-align: center } .wpc-image-card .wpc-image-card-inner .wpc-image-card-back p { margin-top: 0; padding: 0 var(--spacing-2); text-align: center } .wpc-informative-card { gap: var(--spacing-2); padding: var(--spacing-2) } .wpc-informative-card .wpc-informative-card-text-container { gap: var(--spacing-2); height: 100% } .wpc-informative-card .wpc-informative-card-text-container h2, .wpc-informative-card .wpc-informative-card-text-container h3, .wpc-informative-card .wpc-informative-card-text-container h4, .wpc-informative-card .wpc-informative-card-text-container h5, .wpc-informative-card .wpc-informative-card-text-container h6 { font-weight: var(--regular) } .wpc-informative-card .wpc-informative-card-text-container p { color: var(--neutral-med-dark); word-break: break-word } .wpc-informative-card .wpc-informative-card-text-container .wpc-featured-card-list { color: var(--neutral-med-dark); display: flex; flex-direction: column; gap: var(--li-gap); list-style-type: disc; margin-left: var(--spacing-2) } .wpc-label-card { gap: var(--spacing-2); justify-content: space-between  !important; padding: var(--spacing-1) } @media only screen and (min-width:1280px) { .wpc-label-card { padding: var(--spacing-2) } } .wpc-label-card.wpc-card-background-gaming:hover .wpc-label-card-copy { color: var(--auxiliary); transition: all var(--transition-duration) ease } .wpc-label-card.wpc-card-background-light:hover .wpc-label-card-copy { color: var(--alternate-med); transition: all var(--transition-duration) ease } .wpc-label-card .wpc-label-card-label { color: #fff; height: auto; padding: var(--spacing-1) var(--spacing-2) } .wpc-product-card { padding: var(--spacing-3) } .wpc-product-card-logo { margin-top: var(--spacing-3) } .wpc-product-card-product-name { font-weight: 700; margin-top: var(--spacing-3) } .wpc-product-card-description { padding-bottom: var(--spacing-2); padding-top: var(--spacing-2) } .wpc-product-card-text-line-through { text-decoration: line-through } .wpc-product-card-price span { font-size: var(--body-s) } .wpc-product-card-price { font-weight: 700; padding-bottom: var(--spacing-2) } .wpc-product-card-bottom-copy { font-size: var(--spacing-2) } .wpc-product-card-bottom-copy a { color: var(--alternate-med); text-decoration: none } .wpc-resources-card { gap: var(--spacing-2); padding: var(--spacing-2) } .wpc-resources-card .wpc-resources-card-text-container { gap: var(--spacing-2); height: 100% } .wpc-resources-card .wpc-resources-card-text-container h2, .wpc-resources-card .wpc-resources-card-text-container h3, .wpc-resources-card .wpc-resources-card-text-container h4, .wpc-resources-card .wpc-resources-card-text-container h5, .wpc-resources-card .wpc-resources-card-text-container h6 { font-weight: var(--regular) } .wpc-resources-card .wpc-resources-card-text-container p { color: var(--neutral-med-dark); word-break: break-word } .wpc-resources-card .wpc-resources-card-text-container .wpc-featured-card-list { color: var(--neutral-med-dark); display: flex; flex-direction: column; gap: var(--li-gap); list-style-type: disc; margin-left: var(--spacing-2) } .wpc-resources-card .wpc-actioncontainer-url.wpc-ctabutton-text { text-align: center } .wpc-ctacontainer { display: flex; flex-wrap: wrap; gap: var(--spacing-1); margin: 0; padding: 0 } @media screen and (min-width:768px) { .wpc-ctacontainer { gap: var(--spacing-2) } } .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-centered-hero { background-color: rgba(0, 0, 0, .5); height: var(--blade-mobile-height); position: relative } @media screen and (min-width:360px) { .wpc-centered-hero { height: var(--blade-tablet-height) } } @media screen and (min-width:1280px) { .wpc-centered-hero { height: var(--blade-medium-height) } } .wpc-centered-hero .MuiGrid-container>picture img { left: 0; position: absolute; width: 100%  !important; z-index: -1 } .wpc-centered-hero .MuiGrid-container .wpc-centered-hero-text-container { align-items: center; display: flex; flex-direction: column; gap: var(--spacing-5); height: 100%; justify-content: center; padding-top: 0 } .wpc-medium-hero-transbg { background-color: rgba(0, 0, 0, var(--overlay-transparency)); bottom: 0; color: var(--pure-light); display: flex; flex-direction: column; height: var(--medium-hero-height); justify-content: center; padding: var(--spacing-1); width: 100% } .wpc-medium-hero-transbg .wpc-medium-hero-title { color: var(--neutral-white)  !important; font-size: var(--title-xs-line); padding-bottom: var(--spacing-1); text-align: center  !important } .wpc-medium-hero-transbg p { color: var(--neutral-white)  !important; font-size: var(--body-s); margin-bottom: var(--spacing-2); text-align: center  !important } @media(min-width:768px) { .wpc-medium-hero-transbg { height: 150px; padding: var(--spacing-2) 0 0 var(--card-padding) } .wpc-medium-hero-transbg .wpc-medium-hero-title { padding-bottom: var(--spacing-2); text-align: left  !important } .wpc-medium-hero-transbg p { text-align: left  !important } } @media(min-width:1280px) { .wpc-medium-hero-transbg { height: 100%; padding-left: var(--spacing-8); width: 640px } } @media(min-width:1920px) { .wpc-medium-hero-transbg { height: 100%; padding-left: var(--xl-grid-margin); width: 640px } } .wpc-small-hero-container, .wpc-small-hero-container .wpc-small-hero-background { position: relative } .wpc-small-hero-container .wpc-small-hero-copy { align-items: center; display: flex; font-size: var(--body-l); font-weight: 700; height: 64px; justify-content: center; position: absolute; top: 0 } @media screen and (min-width:360px) { .wpc-small-hero-container .wpc-small-hero-copy { font-size: var(--title-l); height: 100% } } @media screen and (min-width:768px) { .wpc-small-hero-container .wpc-small-hero-copy { font-size: var(--headline-l); height: 155px } } .wpc-navbar-row { background-color: var(--pure-light) } .wpc-navbar-row .wpc-navbar-wpcactioncontainer { height: 100%; width: 100% } .wpc-deals-banner { align-items: center; display: flex; height: 100px; isolation: isolate; justify-content: center; position: relative; text-align: center; width: 100% } .wpc-deals-banner .wpc-deals-banner-bg-img { left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 0; z-index: -1 } .wpc-deals-banner .wpc-deals-banner-content { align-items: center; align-self: center; display: flex; flex-direction: column; gap: var(--spacing-2); height: 100%; justify-content: center; left: 0; left: 50%; max-width: calc(100% - var(--spacing-2)*2); padding: 0 var(--spacing-2) 0; position: absolute; top: 0; top: 50%; transform: translate(-50%, -50%); width: 100% } @media screen and (min-width:768px) { .wpc-deals-banner .wpc-deals-banner-content { flex-direction: row; padding: 0 var(--spacing-8) 0 } } @media screen and (min-width:1280px) { .wpc-deals-banner .wpc-deals-banner-content { gap: var(--spacing-5); max-width: calc(100% - var(--spacing-8)*2) } } @media screen and (min-width:1920px) { .wpc-deals-banner .wpc-deals-banner-content { max-width: calc(1920px - var(--xl-grid-margin)*2) } } .wpc-deals-banner .wpc-deals-banner-pure-light { color: var(--pure-light) } .wpc-deals-banner .wpc-deals-banner-pure-dark { color: var(--pure-dark) } .wpc-deals-banner .wpc-deals-banner-large-text { font-size: var(--title-l); font-weight: var(--bold); line-height: var(--title-l) } @media screen and (min-width:768px) { .wpc-deals-banner .wpc-deals-banner-large-text { font-size: var(--headline-l); line-height: var(--headline-l-line) } } .wpc-deals-banner .wpc-deals-banner-small-text { font-size: var(--title-xs); line-height: var(--title-xs-line) } @media screen and (min-width:768px) { .wpc-deals-banner .wpc-deals-banner-small-text { font-size: var(--title-m); line-height: var(--title-m-line) } } @media screen and (min-width:1280px) { .wpc-deals-banner .wpc-deals-banner-small-text { font-size: var(--title-l); line-height: var(--title-l) } } .wpc-deals-banner picture { flex-shrink: 0 } .wpc-skinny-banner { min-height: 60px } .wpc-skinny-banner, .wpc-skinny-banner .wpc-skinny-banner-content { align-items: center; display: flex; justify-content: center; width: 100% } .wpc-skinny-banner .wpc-skinny-banner-content { gap: var(--spacing-5); height: 100%; padding: 6px var(--spacing-2) } .wpc-skinny-banner .wpc-skinny-banner-copy-pure-light+.wpc-skinny-banner-cta, .wpc-skinny-banner .wpc-skinny-banner-title-pure-light+.wpc-skinny-banner-cta { color: var(--pure-light); width: auto } .wpc-skinny-banner .wpc-skinny-banner-copy-pure-dark+.wpc-skinny-banner-cta, .wpc-skinny-banner .wpc-skinny-banner-title-pure-dark+.wpc-skinny-banner-cta { color: var(--pure-dark); width: auto } .wpc-skinny-banner .wpc-skinny-banner-title-text { font-size: var(--title-xs); font-weight: var(--bold) } @media screen and (min-width:768px) { .wpc-skinny-banner .wpc-skinny-banner-title-text { font-size: var(--title-s) } } .wpc-blade-container, .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item { position: relative } @media screen and (min-width:1280px) { .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item { position: absolute } .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content { border-radius: var(--blade-br); padding: var(--spacing-7) } .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-wide-blade-content-position-right { margin-left: var(--spacing-1); margin-right: calc(var(--spacing-7) + var(--spacing-8)) } .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-wide-blade-content-position-left { margin-left: calc(var(--spacing-7) + var(--spacing-8)); margin-right: var(--spacing-1) } .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-wide-blade-content-container-bg-dark { background: var(--neutral-dark) } .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-wide-blade-content-container-bg-light { background: var(--pure-light) } } @media screen and (min-width:1280px)and (min-width:1920px) { .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content { margin-left: calc(var(--spacing-5)*-1) } } @media screen and (min-width:1920px) { .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-wide-blade-content-position-right { margin-left: var(--spacing-1); margin-right: calc(var(--spacing-7) + var(--spacing-8) + var(--xl-grid-margin)) } .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-wide-blade-content-position-left { margin-left: calc(var(--spacing-7) + var(--spacing-8) + var(--xl-grid-margin)); margin-right: var(--spacing-1) } .wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item>.MuiGrid-root.MuiGrid-container { padding: 0 } } html { scroll-behavior: smooth } .wpc-rewards-container { background-color: #f5f5f5 } .wpc-centeredhero-rfaq, .wpc-centeredhero-rfaq picture img { max-height: 330px } @media(max-width:767px) { .wpc-rfaq-navbar>div { margin-bottom: 8px } } .wpc-rfaq-navbar { background-color: #f5f5f5; border-bottom: 2px solid var(--neutral); z-index: 20 } .wpc-rewardsfaq-nav-logo { left: 32px; position: absolute; top: 32px } .wpc-rfaq-hide-questions { display: none } .wpc-accordion-light-theme { background-color: #f5f5f5 } .wpc-rfaq-accordion .wpc-headline h3 { font-size: var(--body-m)  !important } @media(min-width:1600px) { .wpc-rfaq-accordion .wpc-headline h3 { font-size: var(--title-l)  !important } } .display-none { display: none } @media(min-width:1280px) { .css-1jz06ts { -webkit-flex-basis: 100%  !important; flex-basis: 100%  !important; max-width: 100%  !important } } .css-1jz06ts a { color: var(--alternate-med)  !important; font-weight: var(--bold)  !important } .wpc-accordion-body ul { padding: var(--spacing-3) } .wpc-accordion-body p { padding: var(--spacing-1) var(--spacing-2)  !important } .css-1neefar { color: #294e95  !important; }