@import url(https://c1-ofp.static.pub/ShareResource/DSM/DSM_2/css/variables.css); * { scroll-behavior: smooth } .wpc-pricing-cards-container { background-color: #fff; border-radius: 12px; justify-content: start  !important; margin: -30px 16px 40px 0; padding: 50px 16px; z-index: -3 } .wpc-pricing-cards-recommended-label { align-items: center; background-color: #c9d0f0; border-radius: 12px 12px 0 0; display: flex; font-size: 14px  !important; font-weight: 700; justify-content: center; margin-bottom: -5px; padding: 7px 0; position: absolute; text-align: center; top: 45px; width: 100% } .wpc-pricing-cards-recommended { border: 2px solid #c9d0f0  !important; box-shadow: 2px 3px 16px hsla(0, 1%, 55%, .161); padding-top: 46px } .wpc-open-card { height: 96% } .wpc-closed-card { height: 1220px } @media(max-width:767px) { .wpc-closed-card { height: 1265px } } .wpc-pricing-cards-main-container { height: 100%; position: relative } .wpc-pricing-cards-heading-background { background-color: #f5f5f5; height: 74px; position: absolute; top: 0; width: 110% } .wpc-pricing-card-heading-label, .wpc-pricing-card-heading-label-hidden { background-color: #f5f5f5; padding: 24px 0 0; position: relative; text-align: center; transition: opacity .2s ease; width: 100%; z-index: 5 } .wpc-pricing-card-heading-label .wpc-pricing-cards-heading-label-content, .wpc-pricing-card-heading-label-hidden .wpc-pricing-cards-heading-label-content { align-items: center; background-color: #fff; border-bottom: 1px solid #ededed; border-radius: 12px 12px 0 0; display: flex; justify-content: space-between; padding: 14px; z-index: 99 } .wpc-pricing-card-heading-label .wpc-pricing-cards-heading-label-content p, .wpc-pricing-card-heading-label-hidden .wpc-pricing-cards-heading-label-content p { font-size: 16px  !important; font-weight: 700 } .wpc-pricing-card-heading-label .wpc-pricing-cards-heading-label-content a, .wpc-pricing-card-heading-label-hidden .wpc-pricing-cards-heading-label-content a { color: #294e95; font-size: 15px  !important; font-weight: 700; text-decoration: none } .wpc-pricing-cards-recommended-heading-label { border: 2px solid #c9d0f0; border-bottom: none } .wpc-pricing-card-heading-label-hidden { opacity: 0 } .wpc-pricing-card-top-image { height: 24px; width: fit-content } .wpc-pricing-card-title { font-size: var(--title-l)  !important; margin: 16px 0 } .wpc-pricing-card-description { font-size: var(--body-m)  !important; margin-bottom: 35px } .wpc-pricing-card-price { font-size: var(--title-m-line)  !important; font-weight: 700; margin: 16px 0 24px } .wpc-pricing-card-cta { margin-bottom: 24px  !important; width: 100%  !important } .wpc-pricing-cards-perk-list-container { width: 100% } .wpc-pricing-cards-perk-list { display: flex; flex-direction: column; gap: 10px; list-style: none; margin-left: 0 } @media screen and (min-width:767px) { .wpc-pricing-cards-perk-list { height: 600px } } @media screen and (min-width:1279px) { .wpc-pricing-cards-perk-list { height: 850px } } @media screen and (min-width:1919px) { .wpc-pricing-cards-perk-list { height: 730px } } .wpc-pricing-cards-perk-list #wpc-pricing-cards-perk-list-new-item, .wpc-pricing-cards-perk-list li { background: url(//p4-ofp.static.pub/ShareResource/na/landing-pages/microsoft-365/icons/lenovo-icon-check-xs-deep-gray.svg) no-repeat 0 0; background-position: left 6px; background-size: 16px; list-style-type: none; margin-left: 0  !important; padding: 0 0 3px 24px } .wpc-pricing-cards-perk-list #wpc-pricing-cards-perk-list-new-item { background: url(//p4-ofp.static.pub/ShareResource/na/landing-pages/microsoft-365/icons/lenovo-icon-check-xs-deep-purple.svg) no-repeat 0 0; background-position: left 6px } .wpc-pricing-card-perk-text { font-size: var(--body-s) } .wpc-pricing-card-apps-container { border-top: 1px solid #ededed; margin-top: 50px } .wpc-pricing-card-apps-title { font-weight: 700; margin: 24px 0; position: relative } .wpc-pricing-card-app-cards-container { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 16px; justify-content: flex-start; width: 100% } .wpc-pricing-card-app-cards-grid-row { padding-left: 0  !important; padding-right: 0  !important } .wpc-pricing-card-icon-card-container { align-items: center; display: flex; flex-direction: column; justify-content: start; padding: 12px 0 9px; width: 75px } .wpc-pricing-card-icon-card-copy { font-size: 12px  !important; line-height: 14px  !important; padding: 8px 3px 0  !important } .wpc-pricing-card-extend-button { align-items: center; background-color: transparent; border: none; color: #294e95; display: flex; font-size: 16px; font-weight: 700; justify-content: center; margin: 24px auto auto; opacity: 100%  !important } .wpc-pricing-card-extend-button-icon { margin-left: 8px  !important } #wpc-toggle-open { display: flex; flex-direction: column; opacity: 1 } #wpc-toggle-close { border-top: none; height: fit-content; margin-top: 0 } #wpc-toggle-close p { display: none } @media(min-width:768px) { .wpc-pricing-card-description { margin-bottom: 0 } .wpc-pricing-cards-heading-label-content p { font-size: 18px  !important; font-weight: 700 } .wpc-pricing-cards-heading-label-content a { color: #294e95; font-size: 16px  !important; font-weight: 700; text-decoration: none } .wpc-pricing-card-icon-card-container { width: 90px } } @media(min-width:1280px) { .wpc-pricing-cards-container { align-items: normal  !important } .wpc-pricing-cards-container .wpc-pricing-card-top-image { margin: auto } .wpc-pricing-card-heading-label-hidden .wpc-pricing-cards-heading-label-content { padding: 8px } .wpc-pricing-cards-heading-background { height: 85px } .wpc-pricing-card-heading-label, .wpc-pricing-card-heading-label-hidden { padding: 37px 0 0 } .wpc-pricing-cards-heading-label-content { padding: 14px 12px  !important } .wpc-pricing-cards-heading-label-content p { font-size: 16px  !important } .wpc-pricing-cards-heading-label-content a { font-size: 15px  !important } .wpc-pricing-card-icon-card-container { width: 70px } .wpc-pricing-cards-recommended-label { top: 56px } } @media(min-width:1920px) { .wpc-pricing-cards-heading-label-content .wpc-pricing-cards-heading-label-content { padding: 14px  !important } .wpc-pricing-cards-heading-label-content p { font-size: 20px  !important } .wpc-pricing-cards-heading-label-content a { font-size: 16px  !important } .wpc-pricing-card-heading-label-hidden .wpc-pricing-cards-heading-label-content { padding: 14px  !important } .wpc-pricing-cards-heading-background { height: 95px } .wpc-pricing-card-apps-container { margin-top: 44px } .wpc-pricing-card-icon-card-container { width: 88px } .wpc-pricing-card-heading-label, .wpc-pricing-card-heading-label-hidden { padding: 48px 0 0 } .wpc-pricing-cards-recommended-label { top: 66px } } .wpc-toggle-switch-container { display: flex; flex-direction: row  !important; font-size: 18px; gap: 16px; margin-bottom: -25px; z-index: 70 } #wpc-switch-left-text, #wpc-switch-right-text { flex-basis: 40% } #wpc-switch-left-text { text-align: end } .wpc-toggle-switch { display: inline-block; position: relative; text-align: left; user-select: none; vertical-align: middle; width: 60px } .wpc-toggle-switch-checkbox { display: none } .wpc-toggle-switch-label { border: 0 solid #bbb; border-radius: 13px; cursor: pointer; display: block; margin: 0; overflow: hidden } .wpc-toggle-switch-inner { display: block; margin-left: -100%; transition: margin .3s ease-in 0s; width: 200% } .wpc-toggle-switch-inner:after, .wpc-toggle-switch-inner:before { box-sizing: border-box; color: #fff; display: block; float: left; font-size: 14px; font-weight: 700; height: 28px; line-height: 28px; padding: 0; transform-style: preserve-3d; width: 50% } .wpc-toggle-switch-inner:before { padding-left: 10px } .wpc-toggle-switch-inner:after, .wpc-toggle-switch-inner:before { background-color: #294e95; color: #fff; content: ""; text-transform: uppercase } .wpc-toggle-switch-inner:after { padding-right: 10px; text-align: right } .wpc-toggle-switch-switch { background: #fff; border: 0 solid #bbb; border-radius: 30px; bottom: 0; display: block; margin: 6px 8px; position: absolute; right: 30px; top: 0; transition: all .3s ease-in 0s; width: 16px } .wpc-toggle-switch-checkbox:checked+.wpc-toggle-switch-label .wpc-toggle-switch-inner { margin-left: 0 } .wpc-toggle-switch-checkbox:checked+.wpc-toggle-switch-label .wpc-toggle-switch-switch { right: 0 } .wpc-blade-container { position: relative } .wpc-blade-container.wpc-blade-margin { margin-bottom: var(--spacing-1); margin-top: var(--spacing-1) } .wpc-blade-container picture { display: flex; overflow: hidden } .wpc-blade-container .wpc-blade-media-border-all, .wpc-blade-container picture:has(.wpc-blade-media-border-all) { border-radius: var(--blade-br) } .wpc-blade-container .wpc-blade-content-border-all, .wpc-blade-container picture:has(.wpc-blade-content-border-all) { border-radius: var(--blade-br) } .wpc-blade-container .wpc-blade-media-border-none, .wpc-blade-container picture:has(.wpc-blade-media-border-none) { border-radius: 0 } .wpc-blade-container .wpc-blade-content-border-none, .wpc-blade-container picture:has(.wpc-blade-content-border-none) { border-radius: 0 } .wpc-blade-container .wpc-blade-media-border-right, .wpc-blade-container picture:has(.wpc-blade-media-border-right) { border-bottom-right-radius: var(--blade-br); border-top-right-radius: var(--blade-br) } .wpc-blade-container .wpc-blade-content-border-right, .wpc-blade-container picture:has(.wpc-blade-content-border-right) { border-bottom-right-radius: var(--blade-br); border-top-right-radius: var(--blade-br) } .wpc-blade-container .wpc-blade-media-border-left, .wpc-blade-container picture:has(.wpc-blade-media-border-left) { border-bottom-left-radius: var(--blade-br); border-top-left-radius: var(--blade-br) } .wpc-blade-container .wpc-blade-content-border-left, .wpc-blade-container picture:has(.wpc-blade-content-border-left) { border-bottom-left-radius: var(--blade-br); border-top-left-radius: var(--blade-br) } @media screen and (min-width:1280px) { .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-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 { 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 { position: relative } @media screen and (max-width:1280px) { .wpc-blade-container .wpc-blade-content-container.MuiGrid-item { padding-bottom: var(--spacing-2)  !important } .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-padding-right { padding-left: 0; padding-right: 48px } .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 { 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 { 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, .wpc-navbaritem-chip:focus, .wpc-navbaritem-chip:hover { background-color: var(--alternate-med); border: 1px solid var(--alternate-med) } .wpc-navbaritem-chip.wpc-navbaritem-active .wpc-navbaritem-text, .wpc-navbaritem-chip:focus .wpc-navbaritem-text, .wpc-navbaritem-chip:hover .wpc-navbaritem-text { color: var(--pure-light)  !important } .wpc-navbaritem-chip.wpc-navbaritem-active .wpc-icon.hover-dark-to-alternate-med, .wpc-navbaritem-chip:focus .wpc-icon.hover-dark-to-alternate-med, .wpc-navbaritem-chip:hover .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, .wpc-navbaritem-chip:focus .wpc-icon.hover-light-to-alternate-med, .wpc-navbaritem-chip: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-chip.wpc-navbaritem-active .wpc-icon.hover-auxiliary, .wpc-navbaritem-chip:focus .wpc-icon.hover-auxiliary, .wpc-navbaritem-chip: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-chip.wpc-navbaritem-active .wpc-icon.hover-pure-dark, .wpc-navbaritem-chip.wpc-navbaritem-active .wpc-icon.hover-pure-light, .wpc-navbaritem-chip:focus .wpc-icon.hover-pure-dark, .wpc-navbaritem-chip:focus .wpc-icon.hover-pure-light, .wpc-navbaritem-chip:hover .wpc-icon.hover-pure-dark, .wpc-navbaritem-chip:hover .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:focus, .wpc-navbaritem:hover { cursor: pointer } .wpc-navbaritem:focus .wpc-navbaritem-text, .wpc-navbaritem:hover .wpc-navbaritem-text { color: var(--alternate-med)  !important } .wpc-navbaritem:focus .wpc-icon.hover-dark-to-alternate-med, .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:focus .wpc-icon.hover-light-to-alternate-med, .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:focus .wpc-icon.hover-auxiliary, .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:focus .wpc-icon.hover-pure-dark, .wpc-navbaritem:focus .wpc-icon.hover-pure-light, .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: 1px solid var(--alternate-med); 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(25% - var(--spacing-2)/4) } .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(50% - var(--spacing-2)/2) } .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(75% - var(--spacing-2)/1.33333) } .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(100% - var(--spacing-2)/1) } } @media screen and (min-width:768px) { .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-xs-1 { max-width: calc(12.5% - var(--spacing-2)/8) } .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-xs-2 { max-width: calc(25% - var(--spacing-2)/4) } .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-xs-3 { max-width: calc(37.5% - var(--spacing-2)/2.66667) } .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-xs-4 { max-width: calc(50% - var(--spacing-2)/2) } .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-md-5 { max-width: calc(62.5% - var(--spacing-2)/1.6) } .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-md-6 { max-width: calc(75% - var(--spacing-2)/1.33333) } .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-md-7 { max-width: calc(87.5% - var(--spacing-2)/1.14286) } .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-md-8 { max-width: calc(100% - var(--spacing-2)/1) } } @media screen and (min-width:1280px) { .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-xs-1 { max-width: calc(8.33333% - var(--spacing-2)/12) } .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-xs-2 { max-width: calc(16.66667% - var(--spacing-2)/6) } .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-xs-3 { max-width: calc(25% - var(--spacing-2)/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-xs-4 { max-width: calc(33.33333% - var(--spacing-2)/3) } .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-md-5 { max-width: calc(41.66667% - var(--spacing-2)/2.4) } .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-md-6 { max-width: calc(50% - var(--spacing-2)/2) } .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-md-7 { max-width: calc(58.33333% - var(--spacing-2)/1.71429) } .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-md-8 { max-width: calc(66.66667% - var(--spacing-2)/1.5) } .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-lg-1, .wpc-horizontal-scroll-resizing>.MuiGrid-container>.MuiGrid-item.MuiGrid-grid-xl-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-xl-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-xl-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-xl-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-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-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-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-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-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-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-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-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-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-carousel-single, .wpc-carousel-single .wpc-carousel-item-outer-container { width: 100% } .wpc-carousel { position: relative } .wpc-carousel .wpc-carousel-arrow-outer-container { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2 } .wpc-carousel .wpc-carousel-arrow-outer-container .MuiGrid-item { padding-top: 0 } @media screen and (min-width:1920px) { .wpc-carousel .wpc-carousel-arrow-outer-container .MuiGrid-item { padding-left: var(--spacing-1) } } .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.wpc-carousel-arrow-left span { border-left: 2px solid var(--pure-light); border-top: 2px solid var(--pure-light); height: 10px; transform: rotate(-45deg) translate(15%, 15%); width: 10px } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow.wpc-carousel-arrow-right span { border-left: 2px solid var(--pure-light); border-top: 2px solid var(--pure-light); height: 10px; transform: rotate(135deg) translate(15%, 15%); width: 10px } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow.wpc-carousel-arrow-dark { background-color: var(--pure-light) } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow.wpc-carousel-arrow-dark.wpc-carousel-arrow-left span, .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow.wpc-carousel-arrow-dark.wpc-carousel-arrow-right span { border-left: 2px solid var(--neutral-dark); border-top: 2px solid var(--neutral-dark) } .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.wpc-carousel-arrow-left span, .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow-disabled.wpc-carousel-arrow-right span { border-left: 2px solid var(--pure-dark); border-top: 2px solid var(--pure-dark) } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow-disabled.wpc-carousel-arrow-dark { background-color: var(--neutral-med) } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow-disabled.wpc-carousel-arrow-dark.wpc-carousel-arrow-left span, .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow-disabled.wpc-carousel-arrow-dark.wpc-carousel-arrow-right span { border-left: 2px solid var(--neutral-med-dark); border-top: 2px solid var(--neutral-med-dark) } .wpc-carousel .wpc-carousel-arrow-outer-container .wpc-carousel-arrow-inner-container .wpc-carousel-arrow-right { position: absolute; right: 0 } .wpc-carousel .wpc-carousel-item-outer-container { margin-right: calc(var(--spacing-8) + var(--spacing-7) + var(--spacing-2)); overflow-x: hidden; width: 100% } @media screen and (min-width:1920px) { .wpc-carousel .wpc-carousel-item-outer-container { margin-right: calc(var(--xl-grid-margin) + var(--spacing-7) + var(--spacing-2)) } } .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-bottom: var(--spacing-2); 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: calc(var(--xl-grid-margin) + var(--spacing-7) - var(--spacing-2)); padding-right: calc(var(--xl-grid-margin) + var(--spacing-7)) } } .wpc-carousel .wpc-carousel-item-outer-container .wpc-carousel-item-container .MuiGrid-item { flex-shrink: 0; max-width: 100%; transition: transform var(--second-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 { margin-top: 0; 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(--xl-grid-margin) + var(--spacing-7) + var(--spacing-2)); padding-right: calc(var(--xl-grid-margin) + 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-carousel .wpc-carousel-dot-container.wpc-carousel-dot-container-dark .wpc-carousel-dot { background-color: var(--neutral-med-dark); border: 1px solid var(--pure-light) } .wpc-carousel .wpc-carousel-dot-container.wpc-carousel-dot-container-dark .wpc-carousel-dot-active { background-color: var(--pure-light) } .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; overflow: hidden } .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-container-accordion .wpc-accordion-icon-light { filter: invert(1) } 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 } .wpc-accordion-body { display: flex; flex-direction: column; height: auto; margin: 0; margin-top: calc((var(--spacing-2))*-1); overflow: hidden; padding: 0; text-align: left; -webkit-transition: all var(--second-transition-duration) ease; -moz-transition: all var(--second-transition-duration) ease; -o-transition: all var(--second-transition-duration) ease; -ms-transition: all var(--second-transition-duration) ease; transition: all var(--second-transition-duration) ease } .wpc-accordion-body li, .wpc-accordion-body p { font-weight: var(--regular); margin: 0; padding: var(--spacing-2) 0 var(--spacing-2) } @media screen and (min-width:1280px) { .wpc-accordion-body li, .wpc-accordion-body p { padding: var(--spacing-3) } } .wpc-brand-card { padding: var(--spacing-2) } .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-hover-card { border-radius: var(--card-br-mobile); display: block; height: 415px; overflow: hidden; position: relative } @media screen and (min-width:1280px) { .wpc-espot-hover-card { border-radius: var(--card-br) } } .wpc-espot-hover-card .wpc-espot-hover-card-img { border-radius: var(--card-br-mobile); height: 100%; position: absolute } @media screen and (min-width:1280px) { .wpc-espot-hover-card .wpc-espot-hover-card-img { border-radius: var(--card-br) } } .wpc-espot-hover-card .wpc-espot-hover-card-content { background-color: #000; border-radius: var(--card-br-mobile); bottom: 0; display: flex; flex-direction: column; gap: var(--spacing-1); padding: var(--spacing-2); position: absolute; width: 100% } @media screen and (min-width:1280px) { .wpc-espot-hover-card .wpc-espot-hover-card-content { background-color: rgba(0, 0, 0, .7); border-radius: var(--card-br) } } .wpc-espot-hover-card .wpc-espot-hover-card-content .wpc-espot-hover-card-icon { margin: 0 auto } .wpc-espot-hover-card .wpc-espot-hover-card-content .wpc-espot-hover-card-cta { height: auto  !important } .wpc-espot-hover-card .wpc-espot-hover-card-content .wpc-espot-hover-card-cta:hover { text-decoration: underline } @media screen and (max-width:1279px) { .wpc-espot-hover-card.wpc-espot-hover-card-mobile-small { height: 155px } .wpc-espot-hover-card.wpc-espot-hover-card-mobile-small .wpc-espot-hover-card-content { background-color: rgba(0, 0, 0, .7); height: 100%; justify-content: center; width: 100% } .wpc-espot-hover-card.wpc-espot-hover-card-mobile-small .wpc-espot-hover-card-content .wpc-espot-hover-card-cta, .wpc-espot-hover-card.wpc-espot-hover-card-mobile-small .wpc-espot-hover-card-content .wpc-espot-hover-card-title { display: none } } @media screen and (min-width:1280px) { .wpc-espot-hover-card-content { height: 35%; justify-content: center; transition: height var(--transition-duration) ease } .wpc-espot-hover-card-content .wpc-espot-hover-card-copy { height: unset  !important } .wpc-espot-hover-card-content .wpc-espot-hover-card-copy, .wpc-espot-hover-card-content .wpc-espot-hover-card-cta { display: none } .wpc-espot-hover-card:hover .wpc-espot-hover-card-content { height: 70% } .wpc-espot-hover-card:hover .wpc-espot-hover-card-content .wpc-espot-hover-card-icon { display: none  !important } .wpc-espot-hover-card:hover .wpc-espot-hover-card-content .wpc-espot-hover-card-copy, .wpc-espot-hover-card:hover .wpc-espot-hover-card-content .wpc-espot-hover-card-cta { display: block } } .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-pure-light { background-color: var(--pure-light); border: 1px solid var(--neutral-med-pale) } .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-ctabutton-animate { display: block; width: fit-content } .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-actioncontainer-function.wpc-ctabutton-primary, .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; line-height: 1; padding: 15px 23px; text-align: center; text-decoration: none; transition: all 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-function.wpc-ctabutton-primary, .wpc-actioncontainer-url.wpc-ctabutton-primary { border-radius: var(--btn-br) } } .wpc-actioncontainer-function.wpc-ctabutton-primary:hover, .wpc-actioncontainer-url.wpc-ctabutton-primary:hover { background-color: var(--alternate-pale); color: var(--alternate-med) } .wpc-actioncontainer-function.wpc-ctabutton-secondary, .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; line-height: 1; padding: 15px 23px; text-align: center; text-decoration: none; transition: all 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-function.wpc-ctabutton-secondary, .wpc-actioncontainer-url.wpc-ctabutton-secondary { border-radius: var(--btn-br) } } .wpc-actioncontainer-function.wpc-ctabutton-secondary:hover, .wpc-actioncontainer-url.wpc-ctabutton-secondary:hover { background-color: var(--alternate-pale); color: var(--alternate-med) } .wpc-actioncontainer-function.wpc-ctabutton-cto-primary, .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; line-height: 1; padding: 15px 23px; text-align: center; text-decoration: none; transition: all 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-function.wpc-ctabutton-cto-primary, .wpc-actioncontainer-url.wpc-ctabutton-cto-primary { border-radius: var(--btn-br) } } .wpc-actioncontainer-function.wpc-ctabutton-cto-primary:hover, .wpc-actioncontainer-url.wpc-ctabutton-cto-primary:hover { background-color: var(--pure-light); color: var(--pure-dark) } .wpc-actioncontainer-function.wpc-ctabutton-merchandising-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; line-height: 1; padding: 15px 23px; text-align: center; text-decoration: none; transition: all 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-function.wpc-ctabutton-merchandising-dark, .wpc-actioncontainer-url.wpc-ctabutton-merchandising-dark { border-radius: var(--btn-br) } } .wpc-actioncontainer-function.wpc-ctabutton-merchandising-dark:hover, .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-function.wpc-ctabutton-merchandising-light, .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; line-height: 1; padding: 15px 23px; text-align: center; text-decoration: none; transition: all 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-function.wpc-ctabutton-merchandising-light, .wpc-actioncontainer-url.wpc-ctabutton-merchandising-light { border-radius: var(--btn-br) } } .wpc-actioncontainer-function.wpc-ctabutton-merchandising-light:hover, .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-function.wpc-ctabutton-homepage, .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; line-height: 1; padding: 15px 23px; text-align: center; text-decoration: none; transition: all 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-function.wpc-ctabutton-homepage, .wpc-actioncontainer-url.wpc-ctabutton-homepage { border-radius: var(--btn-br) } } .wpc-actioncontainer-function.wpc-ctabutton-homepage:hover, .wpc-actioncontainer-url.wpc-ctabutton-homepage:hover { background-color: var(--alternate-pale); border: 1px solid var(--alternate-med); color: var(--alternate-med) } .wpc-actioncontainer-function.wpc-ctabutton-gaming-primary, .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; line-height: 1; padding: 15px 23px; text-align: center; text-decoration: none; transition: all 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-function.wpc-ctabutton-gaming-primary, .wpc-actioncontainer-url.wpc-ctabutton-gaming-primary { border-radius: var(--btn-br) } } .wpc-actioncontainer-function.wpc-ctabutton-gaming-primary:hover, .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-function.wpc-ctabutton-gaming-cto, .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; line-height: 1; padding: 15px 23px; text-align: center; text-decoration: none; transition: all 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-function.wpc-ctabutton-gaming-cto, .wpc-actioncontainer-url.wpc-ctabutton-gaming-cto { border-radius: var(--btn-br) } } .wpc-actioncontainer-function.wpc-ctabutton-gaming-cto:hover, .wpc-actioncontainer-url.wpc-ctabutton-gaming-cto:hover { background-color: var(--pure-light); color: var(--pure-dark) } .wpc-actioncontainer-function.wpc-ctabutton-text, .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); line-height: 1; padding: 0  !important; padding: 15px 0; text-decoration: none; white-space: nowrap } .wpc-actioncontainer-function.wpc-ctabutton-text:hover, .wpc-actioncontainer-url.wpc-ctabutton-text:hover { background-color: transparent; border: none; color: var(--alternate-med); text-decoration: underline } .wpc-actioncontainer-function.wpc-ctabutton-text-gaming, .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); line-height: 1; padding: 0  !important; padding: 15px 0; text-decoration: none; white-space: nowrap } .wpc-actioncontainer-function.wpc-ctabutton-text-gaming:hover, .wpc-actioncontainer-url.wpc-ctabutton-text-gaming:hover { background-color: transparent; border: none; color: var(--auxiliary); text-decoration: underline } .wpc-actioncontainer-function.wpc-ctabutton-text-homepage, .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); line-height: 1; padding: 0  !important; padding: 15px 0; text-decoration: none; white-space: nowrap } .wpc-actioncontainer-function.wpc-ctabutton-text-homepage:hover, .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; z-index: 2 } .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-featured-card .wpc-featured-card-clickableparent:before { content: ""; inset: 0; position: absolute; z-index: 1 } .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-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-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 } @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-db-card { background-color: transparent  !important } .wpc-db-card .wpc-db-card-image-container:has(.wpc-actioncontainer-function:focus) .wpc-actioncontainer-url:after, .wpc-db-card .wpc-db-card-image-container:has(.wpc-actioncontainer-url:focus) .wpc-actioncontainer-url:after { border: 3px solid var(--elementary-signature); border-radius: calc(var(--blade-br) + 3px); box-sizing: border-box; content: ""; height: 100%; inset: 0; position: absolute; width: 100% } .wpc-db-card .wpc-db-card-image-container { border-radius: var(--blade-br)  !important; margin-bottom: var(--spacing-2); overflow: hidden; position: relative; width: 100% } .wpc-db-card .wpc-db-card-image-container picture { display: block } .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; margin-bottom: 12px; min-height: 30px; padding: 0 var(--spacing-2); 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; padding: 7px 0 } .wpc-db-card .wpc-db-card-productname { font-size: var(--body-m); line-height: var(--body-m-line); margin-bottom: 12px } @media screen and (min-width:1280px) { .wpc-db-card .wpc-db-card-productname { font-size: var(--title-s); line-height: var(--title-s-line) } } @media screen and (min-width:1920px) { .wpc-db-card .wpc-db-card-productname { font-size: var(--title-m); line-height: var(--title-m-line) } } .wpc-db-card .wpc-db-card-price-saving-section { display: flex; flex-direction: column; flex-wrap: wrap; place-items: center } @media screen and (min-width:1280px) { .wpc-db-card .wpc-db-card-price-saving-section { flex-direction: row; gap: var(--spacing-2) } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container { display: flex; flex-direction: row; margin-bottom: 12px } .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.wpc-db-card-price-big { font-size: var(--title-l) } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price.wpc-db-card-price-small { font-size: var(--title-m) } @media screen and (min-width:1920px) { .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price.wpc-db-card-price-small { font-size: var(--title-l) } } .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 .wpc-db-card-price-strikethrough.wpc-db-card-price-big { font-size: var(--title-l) } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price-strikethrough.wpc-db-card-price-small { font-size: var(--title-m) } @media screen and (min-width:1920px) { .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price-strikethrough.wpc-db-card-price-small { font-size: var(--title-l) } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container :nth-child(2) { margin-left: var(--spacing-2)  !important } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container { display: flex; flex-direction: row; margin-bottom: 12px } @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-cta-section { display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: var(--spacing-2); width: fit-content } @media screen and (min-width:1280px) { .wpc-db-card .wpc-db-card-cta-section { flex-direction: row; place-items: center } } .wpc-db-card .wpc-db-card-cta-section.wpc-db-card-cta-section-centered { flex-direction: column; place-items: center; align-items: center } @media screen and (min-width:1280px) { .wpc-db-card .wpc-db-card-cta-section.wpc-db-card-cta-section-centered :nth-child(2) { margin-top: 12px } } .wpc-db-card .wpc-db-card-cta-section :nth-child(2) { margin-top: 12px } @media screen and (min-width:1280px) { .wpc-db-card .wpc-db-card-cta-section :nth-child(2) { margin-left: var(--spacing-2)  !important; margin-top: 0 } } .wpc-db-card .wpc-db-card-cta-section .wpc-db-card-cta { border-radius: var(--btn-br); font-size: var(--body-m); font-weight: 700; line-height: 1; padding: var(--btn-pt) var(--btn-pl) var(--btn-pb) var(--btn-pr); transition: all .3s ease-out; white-space: nowrap; width: fit-content } .wpc-db-card .wpc-db-card-cta-section .wpc-db-card-cta-dark { background-color: var(--neutral-dark); border: 1px solid var(--neutral-dark); color: var(--pure-light) } .wpc-db-card .wpc-db-card-cta-section .wpc-db-card-cta-dark:focus, .wpc-db-card .wpc-db-card-cta-section .wpc-db-card-cta-dark:hover { background-color: var(--pure-light); color: var(--neutral-dark); outline-offset: 4px } .wpc-db-card .wpc-db-card-cta-section .wpc-db-card-cta-light { background-color: var(--pure-light); border: 1px solid var(--neutral-dark); color: var(--neutral-dark) } .wpc-db-card .wpc-db-card-cta-section .wpc-db-card-cta-light:focus, .wpc-db-card .wpc-db-card-cta-section .wpc-db-card-cta-light:hover { background-color: var(--neutral-dark); color: var(--pure-light); outline-offset: 3px } .wpc-db-card .wpc-db-card-cta-section .wpc-db-card-disclaimer { font-size: var(--label-s); font-style: italic; height: fit-content  !important; line-height: var(--label-s-line); width: fit-content } @media screen and (min-width:1280px) { .wpc-db-card .wpc-db-card-cta-section .wpc-db-card-disclaimer { font-size: var(--body-s); line-height: var(--body-s-line) } } .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 } .hidden { visibility: hidden  !important } .d-none { display: none  !important } .mobileVisible { visibility: visible  !important } .wpc-vertical-hover-card-container .wpc-card-background-gaming { background-color: transparent  !important } .wpc-vertical-hover-card-container { height: 28.5625rem } .variant-short-hover-card { height: 23.5rem } .wpc-vertical-hover-card-link { bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; z-index: 3 } picture:has(.wpc-vertical-hover-card-image-top) { height: 50%  !important; width: 100%  !important } .wpc-vertical-hover-card-logo-image { height: auto  !important; margin-bottom: var(--spacing-1)  !important; margin-left: auto  !important; margin-right: auto  !important; position: relative; width: 200px  !important; z-index: 2 } .wpc-vertical-hover-card-outside-copy { height: fit-content; margin-top: var(--spacing-2)  !important } .wpc-vertical-hover-card-container { border-radius: 5px  !important; box-shadow: 3px 6px 10px rgba(0, 0, 0, .161); margin-bottom: 5px  !important; position: relative } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container { border-radius: 5px } .wpc-vertical-hover-card-container:after { border-radius: 5px  !important; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all .2s ease-in  !important; width: 100%; z-index: 1 } @media screen and (min-width:768px) { .wpc-vertical-hover-card-container .wpc-vertical-hover-card-product-image { top: -50px  !important } } @media screen and (min-width:1280px) { .wpc-vertical-hover-card-container .wpc-vertical-hover-card-product-image { bottom: 0  !important } .wpc-vertical-hover-card-container .d-none, .wpc-vertical-hover-card-container .wpc-vertical-hover-card-cta { display: block  !important } .wpc-vertical-hover-card-container:focus-within .visible, .wpc-vertical-hover-card-container:hover .visible { visibility: visible  !important } .wpc-vertical-hover-card-container:focus-within:after, .wpc-vertical-hover-card-container:hover:after { background-color: var(--background-hover-color); height: 100% } .wpc-vertical-hover-card-container:focus-within .wpc-vertical-hover-card-product-image, .wpc-vertical-hover-card-container:hover .wpc-vertical-hover-card-product-image { top: -180px  !important; transition: all .3s; z-index: 2  !important } .wpc-vertical-hover-card-container:focus-within .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-title, .wpc-vertical-hover-card-container:hover .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-title { color: var(--pure-light)  !important } .wpc-vertical-hover-card-container:focus-within .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-copy-hover-content-container, .wpc-vertical-hover-card-container:hover .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-copy-hover-content-container { opacity: 100%  !important; top: -2rem  !important } .wpc-vertical-hover-card-container:focus-within .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-hidden, .wpc-vertical-hover-card-container:hover .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-hidden { visibility: hidden  !important } .wpc-vertical-hover-card-container:focus-within .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-copy, .wpc-vertical-hover-card-container:hover .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-copy { color: var(--pure-light)  !important; display: block  !important; opacity: 100%  !important; visibility: visible  !important } .wpc-vertical-hover-card-container:focus-within .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-cta, .wpc-vertical-hover-card-container:hover .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-cta { display: block  !important; margin: 0 auto  !important; opacity: 100%  !important; visibility: visible  !important; z-index: 4  !important } } @media screen and (min-width:1920px) { .wpc-vertical-hover-card-container .wpc-vertical-hover-card-product-image { bottom: 0  !important; top: -80px  !important } .wpc-vertical-hover-card-container:focus-within:after, .wpc-vertical-hover-card-container:hover:after { background-color: var(--background-hover-color) } .wpc-vertical-hover-card-container:focus-within .wpc-vertical-hover-card-product-image, .wpc-vertical-hover-card-container:hover .wpc-vertical-hover-card-product-image { top: -180px  !important } .wpc-vertical-hover-card-container:focus-within .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-copy-hover-content-container, .wpc-vertical-hover-card-container:hover .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-copy-hover-content-container { gap: 0  !important; opacity: 100%  !important; top: -1rem  !important } } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-top { border-top-left-radius: 5px  !important; border-top-right-radius: 5px  !important; height: 100%; width: 100%  !important } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-product-image { left: 50%  !important; position: absolute  !important; top: -80px; transform: translate(-50%, -50%)  !important; z-index: 2  !important } @media screen and (min-width:1280px) { .wpc-vertical-hover-card-container .wpc-vertical-hover-card-product-image { left: 50%  !important; position: absolute  !important; top: -80px  !important; transform: translate(-50%, -50%)  !important; z-index: 2  !important } } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container { height: 100%; padding: calc(var(--spacing-3) + var(--spacing-6)) var(--spacing-6) var(--spacing-3); position: relative; width: 100% } @media screen and (min-width:768px)and (max-width:1279px) { .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container { padding-top: calc(var(--spacing-8) + var(--spacing-6)) } } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-product-image { margin-bottom: var(--spacing-6)  !important; margin-left: auto  !important; margin-right: auto  !important; position: relative; transition: all .2s ease-out  !important; z-index: 2  !important } @media screen and (min-width:768px) { .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-product-image { width: 360px  !important } } @media screen and (min-width:1280px) { .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-product-image { width: 248px  !important } } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-title { font-size: var(--headline-s)  !important; line-height: var(--headline-s-line)  !important; position: relative; z-index: 2 } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container .hover-only-title { margin-bottom: 16px } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-copy-hover-content-container { display: flex; flex-direction: column; gap: 8px  !important; height: 100%; justify-content: flex-end  !important; left: 0; margin-top: auto  !important; opacity: 0; position: absolute; top: 0; transition: all .2s ease-in; width: 100% } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-copy { display: none  !important; font-size: var(--title-xs)  !important; height: inherit  !important; line-height: var(--title-xs-line)  !important; margin-bottom: 0  !important; opacity: 0  !important; position: relative; visibility: hidden  !important; z-index: 2 } @media screen and (min-width:1920px) { .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-copy { font-size: var(--title-s)  !important; line-height: var(--title-s-line)  !important; margin-bottom: var(--spacing-4)  !important } } .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-cta { margin: 20px auto 0  !important; opacity: 0  !important; position: relative; transition: all .3s ease; visibility: hidden  !important; z-index: 5  !important } .wpc-vertical-hover-card-container .wpc-vertical-hover-card { border-radius: 5px  !important; overflow: visible  !important; position: relative } .variant-short-hover-card .wpc-vertical-hover-card-image-copy-container, .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container { align-items: center; display: flex; flex-direction: column; height: 50%  !important; justify-content: center } .variant-short-hover-card .wpc-vertical-hover-card-image-copy-container picture:has(.wpc-vertical-hover-card-product-image), .wpc-vertical-hover-card-container .wpc-vertical-hover-card-image-copy-container picture:has(.wpc-vertical-hover-card-product-image) { flex: 0 } .variant-short-hover-card .wpc-vertical-hover-card-image-copy-container { padding-bottom: 0; padding-top: var(--spacing-2) } .variant-short-hover-card .wpc-vertical-hover-card-image-copy-container .wpc-vertical-hover-card-product-image { height: 200px; top: -60px } .variant-short-hover-card .wpc-vertical-hover-card-image-copy-container picture:has(.wpc-vertical-hover-card-product-image) { flex: 0 } .wpc-vertical-hover-card-copy-hover-content-container { padding-bottom: var(--spacing-3); padding-left: var(--spacing-6); padding-right: var(--spacing-6) } @media screen and (min-width:768px)and (max-width:1279px) { .wpc-vertical-hover-card-copy-hover-content-container { padding-top: calc(var(--spacing-8) + var(--spacing-6)) } } @media screen and (min-width:768px) { .wpc-vertical-hover-card-container { height: 36.6875rem } .variant-short-hover-card { height: 25.75rem } .variant-short-hover-card .wpc-vertical-hover-card-product-image { height: 257px  !important; top: -60px  !important } } @media screen and (min-width:1280px) { .wpc-vertical-hover-card-container { height: 36.6875rem } .variant-short-hover-card { height: 30.5rem } } @media screen and (min-width:1920px) { .wpc-vertical-hover-card-container { height: 36.6875rem } .variant-short-hover-card { height: 27.375rem } } .wpc-fixednavbar-row { background-color: var(--pure-light) } .wpc-fixednavbar-row .wpc-fixednavbar-wpcactioncontainer { height: 100%; width: 100% } @media screen and (max-width:767px) { .wpc-fixednavbar-row .wpc-fixednavbar-wpcactioncontainer { padding-bottom: var(--spacing-2) } } @media screen and (min-width:1920px) { .wpc-fixednavbar-row .wpc-horizontal-scroll { margin-left: 0; margin-right: 0 } } .wpc-centered-hero { background-color: rgba(0, 0, 0, .5); height: var(--blade-mobile-height); position: relative } @media screen and (min-width:768px) { .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 { align-items: center; 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 p { color: var(--neutral-white)  !important; font-size: var(--body-s); margin: var(--spacing-1) 0 } .wpc-medium-hero-transbg .wpc-actioncontainer-url, .wpc-medium-hero-transbg p { text-align: center  !important } @media(min-width:768px) { .wpc-medium-hero-transbg { align-items: start; height: 150px; padding-left: var(--card-padding) } .wpc-medium-hero-transbg p { font-size: var(--body-m); margin-bottom: var(--spacing-5) } .wpc-medium-hero-transbg .wpc-actioncontainer-url { text-align: left  !important } } @media(min-width:1280px) { .wpc-medium-hero-transbg { height: 100%; padding-left: var(--spacing-8); padding-right: var(--spacing-8); width: 41.6666666667% } .wpc-medium-hero-transbg p { margin-top: var(--spacing-5); text-align: left  !important } } @media(min-width:1920px) { .wpc-medium-hero-transbg { height: 100%; padding-left: var(--xl-grid-margin) } } .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) } } .wpc-navbar-row { background-color: var(--pure-light) } .wpc-navbar-row .wpc-navbar-wpcactioncontainer { height: 100%; width: 100% } * { box-sizing: border-box; font-family: Lato, sans-serif; margin: 0; padding: 0 } img { max-width: 100% } body { margin: 0  !important } .wpc-tooltip { position: relative } .wpc-tooltiptext { border-radius: 8px; box-shadow: 0 8px 10px -7px hsla(0, 1%, 69%, .2); -webkit-box-shadow: 0 8px 10px -7px hsla(0, 1%, 69%, .2); -moz-box-shadow: 0 8px 10px -7px hsla(0, 1%, 69%, .2); inline-size: max-content; margin-top: 16px; opacity: 0; padding: var(--spacing-2) var(--spacing-2); position: absolute; text-align: center; top: 100%; transition: opacity .3s; visibility: hidden; width: calc(100vw - var(--spacing-6)); z-index: 1 } .wpc-tooltiptext p { height: auto  !important } .wpc-tooltip-container:has(.wpc-tooltip.wpc-tooltip-container-width) { container-type: inline-size; overflow: unset } .wpc-tooltip-container:has(.wpc-tooltip.wpc-tooltip-container-width) .wpc-tooltiptext { width: calc(100cqw - 32px)  !important } .wpc-tooltip:after { border-bottom-color: inherit; border-bottom-style: solid; border-bottom-width: 12px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid transparent; bottom: -16px; content: " "; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%); transition: opacity .3s; visibility: hidden } .wpc-tooltip:focus+.wpc-tooltiptext, .wpc-tooltip:focus-within+.wpc-tooltiptext, .wpc-tooltip:focus-within:after, .wpc-tooltip:focus:after, .wpc-tooltip:hover+.wpc-tooltiptext, .wpc-tooltip:hover:after { opacity: 1; visibility: visible } .wpc-tooltip:focus .wpc-tooltiptext, .wpc-tooltip:focus-within .wpc-tooltiptext, .wpc-tooltip:focus-within:after, .wpc-tooltip:focus:after, .wpc-tooltip:hover .wpc-tooltiptext, .wpc-tooltip:hover:after { opacity: 1; visibility: visible } .wpc-table-header, .wpc-table-item { padding: var(--spacing-2) } .wpc-table-item { vertical-align: top } .wpc-table-item ul li { list-style-position: inside } .wpc-table { border-collapse: separate; border-spacing: 0; width: 100% } .wpc-table thead { position: relative; z-index: 3 } .wpc-table thead th { text-wrap: wrap } .wpc-table th:first-of-type { border-top-left-radius: 4px } .wpc-table th:last-of-type { border-top-right-radius: 4px } .wpc-table tr:last-of-type td:first-of-type { border-bottom-left-radius: 4px } .wpc-table tr:last-of-type td:last-of-type { border-bottom-right-radius: 4px } @media screen and (max-width:1279px) { .wpc-table-fixed-column { overflow-x: unset  !important } .wpc-table-fixed-column>.MuiGrid-item { overflow-x: scroll } .wpc-table-fixed-column>.MuiGrid-item .wpc-table th:first-of-type, .wpc-table-fixed-column>.MuiGrid-item td.wpc-table-item:first-child, .wpc-table-fixed-column>.MuiGrid-item th.wpc-table-item:first-child { left: 0; position: sticky; top: 0; z-index: 2 } } .wpc-table-toggle { align-items: center; display: flex; font-weight: 700; margin-top: var(--spacing-5)  !important } .wpc-table-toggle img { margin-left: var(--spacing-1) } .wpc-table-toggle .wpc-rotate { transform: rotate(180deg) } @media screen and (min-width:1280px) { .wpc-table-toggle { justify-content: center; margin-top: var(--spacing-6) } } .wpc-table-container { position: relative } .wpc-table-container .wpc-table-hide-overflow { height: 100%; position: absolute; width: var(--spacing-2); z-index: 4 } .wpc-filtered-title { font-weight: 700 } .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-title-pure-light { color: var(--pure-light); width: auto } .wpc-skinny-banner .wpc-skinny-banner-title-pure-dark { 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-wide-blade.wpc-blade-container, .wpc-wide-blade.wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item { position: relative } @media screen and (min-width:1280px) { .wpc-wide-blade.wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item { position: absolute  !important } .wpc-wide-blade.wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .MuiGrid-container .MuiGrid-item { padding-top: 0  !important } .wpc-wide-blade.wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content { border-radius: var(--blade-br); padding: var(--spacing-7) } .wpc-wide-blade.wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-wide-blade-content-position-right { margin-left: var(--spacing-1) } .wpc-wide-blade.wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-wide-blade-content-position-left { margin-right: var(--spacing-1) } .wpc-wide-blade.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-wide-blade.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-wide-blade.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-wide-blade.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: var(--xl-grid-margin) } .wpc-wide-blade.wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item .wpc-blade-content.wpc-wide-blade-content-position-left { margin-left: var(--xl-grid-margin); margin-right: var(--spacing-1) } .wpc-wide-blade.wpc-blade-container .wpc-wide-blade-content-container.MuiGrid-item>.MuiGrid-root.MuiGrid-container { padding: 0 } } .wpc-wide-blade.wpc-blade-container>.MuiGrid-item>picture img { border-radius: var(--blade-br) } .wpc-wide-blade.wpc-blade-container>.MuiGrid-item>picture img.wpc-blade-img-no-border { border-radius: 0 } @media screen and (min-width:1920px) { .wpc-wide-blade.wpc-blade-container>.MuiGrid-item>picture img.wpc-blade-img-no-border { border-radius: var(--blade-br) } } @media screen and (min-width:1280px) { .wpc-hotspot-container { position: absolute } } .wpc-hotspot-container .wpc-hotspot-br-desktop, .wpc-hotspot-container .wpc-hotspot-br-mobile { border-radius: var(--card-br-mobile) } .wpc-hotspot-container .wpc-hotspot-product:focus-within .wpc-hotspot-product-card .wpc-hotspot-product-cta-container, .wpc-hotspot-container .wpc-hotspot-product:hover .wpc-hotspot-product-card .wpc-hotspot-product-cta-container { display: flex } .wpc-hotspot-mobile-overlay { background-color: transparent; transition: all var(--transition-duration) ease } .wpc-hotspot-product-card, .wpc-hotspot-product-card.wpc-hotspot-active-mobile { transition: opacity var(--transition-duration) ease, transform var(--transition-duration) ease; z-index: 2 } .wpc-hotspot-product-card.wpc-hotspot-active-mobile { transform: translateY(0) } .wpc-hotspot-product-card.wpc-hotspot-active-mobile~.wpc-hotspot-mobile-overlay { background-color: rgba(0, 0, 0, .7); z-index: 1 } @media screen and (max-width:767px) { .wpc-hotspot-product-card { left: 0; position: fixed  !important; transform: translateY(100px); z-index: -5 } } .wpc-hotspot-container { overflow: hidden; position: relative; width: 100%  !important } .wpc-hotspot-container .wpc-hotspot-background { width: 100%  !important } .wpc-hotspot-container .wpc-hotspot-mobile-overlay { height: 100%; position: absolute; top: 0; width: 100% } .wpc-hotspot-container .wpc-tooltip-container { background-color: transparent; border: none; z-index: 5 } .wpc-hotspot-container .wpc-tooltip-container:focus { outline: 2px solid red  !important } .wpc-hotspot-container .wpc-hotspot-product { align-items: center; display: flex; gap: var(--spacing-2); justify-content: center; pointer-events: none; width: fit-content; z-index: 10 } .wpc-hotspot-container .wpc-hotspot-product .wpc-hotspot-icon { animation: scaleIcon .8s infinite; animation-direction: alternate; cursor: pointer; pointer-events: auto } .wpc-hotspot-container .wpc-hotspot-product:focus-within, .wpc-hotspot-container .wpc-hotspot-product:hover { pointer-events: all; z-index: 999 } .wpc-hotspot-container .wpc-hotspot-product:focus-within .wpc-hotspot-product-card, .wpc-hotspot-container .wpc-hotspot-product:hover .wpc-hotspot-product-card { opacity: 1; pointer-events: all } .wpc-hotspot-container .wpc-hotspot-product button { width: fit-content } .wpc-hotspot-container .wpc-hotspot-product-cta-container { display: flex } @keyframes scaleIcon { to { transform: scale(1.2) } 0% { transform: scale(1) } } .wpc-hotspot-top-content-title { font-family: Montserrat, sans-serif; font-size: 28px; font-weight: 700; line-height: 1.3; margin-bottom: var(--spacing-2) } .wpc-hotspot-top-content-copy { font-family: Noto Sans, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.6; margin-bottom: var(--spacing-3) } .wpc-hotspot-top-content-cta { font-family: Noto Sans, sans-serif; margin-bottom: var(--spacing-6) } .wpc-hotspot-top-content-container { padding-top: var(--spacing-5)  !important } @media screen and (min-width:768px) { .wpc-hotspot-top-content-container { padding-top: var(--spacing-8)  !important } .wpc-hotspot-top-content-title { font-family: Montserrat, sans-serif; font-size: var(--headline-m-line); font-weight: 700; line-height: 1.3; margin-bottom: var(--spacing-2) } .wpc-hotspot-top-content-copy { font-family: Noto Sans, sans-serif; font-size: var(--body-s); line-height: 1.6; margin-bottom: var(--spacing-6) } } @media screen and (min-width:1280px) { .wpc-hotspot-top-content-container { padding-top: 64px  !important; position: absolute; width: 800px; z-index: 10 } .wpc-hotspot-top-content-title { font-family: Montserrat, sans-serif; font-size: 56px; font-weight: 700; line-height: 1; margin-bottom: var(--spacing-2) } .wpc-hotspot-top-content-copy { font-family: Noto Sans, sans-serif; font-size: var(--body-m); line-height: 1.6; margin-bottom: var(--spacing-6) } } @media screen and (max-width:1279px) { .wpc-hotspot-container { background-color: var(--web-neutral-gray-03) } } @media screen and (min-width:1920px) { .wpc-hotspot-top-content-container { padding-top: 76px  !important; position: absolute; width: 950px; z-index: 10 } .wpc-hotspot-top-content-title { font-family: Montserrat, sans-serif; font-size: 64px; font-weight: 700; line-height: 1.13; margin-bottom: var(--spacing-2) } .wpc-hotspot-top-content-copy { font-family: Noto Sans, sans-serif; font-size: var(--body-l); line-height: 1.6; margin-bottom: var(--spacing-6); max-width: 350px } } .wpc-hotspot-product-card { border-radius: 12px  !important; bottom: 0; box-shadow: 1px 16px 32px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 16px 32px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 1px 16px 32px 0 rgba(0, 0, 0, .1); gap: var(--spacing-1); height: auto  !important; opacity: 0; padding: var(--spacing-2); transition: opacity var(--main-transition-duration) var(--third-transition-timing-function), transform var(--main-transition-duration) var(--third-transition-timing-function); width: 100% } .wpc-hotspot-product-card.wpc-hotspot-active-mobile { border-bottom-left-radius: 0  !important; border-bottom-right-radius: 0  !important; bottom: 0; opacity: 1; padding-top: var(--spacing-8); position: fixed  !important; visibility: visible; z-index: 20 } .wpc-hotspot-product-card.wpc-hotspot-active-mobile~.wpc-hotspot-mobile-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 18 } .wpc-hotspot-product-card .wpc-newhotspot-nav-container { align-items: center; display: flex; justify-content: space-between; width: 100% } .wpc-hotspot-product-card .wpc-newhotspot-nav-container button { background-color: transparent  !important; border: none; cursor: pointer; outline: none; width: 10% } .wpc-hotspot-product-card .nav-arrow-next, .wpc-hotspot-product-card .wpc-newhotspot-nav-arrow { border-style: solid; border-width: 1.5px 1.5px 0 0; content: ""; display: inline-block; height: 12px; position: relative; top: 2px; transform: rotate(-135deg); width: 12px } .wpc-hotspot-product-card .nav-arrow-next { scale: -1 } .wpc-hotspot-product-card .wpc-hotspot-dot-container { background-color: var(--neutral-med-pale); border-radius: 20px; display: flex; flex-direction: row; gap: 8px; padding: 10px 16px } .wpc-hotspot-product-card .wpc-hotspot-dot-container .wpc-carousel-dot { border: 1px solid var(--neutral-med-dark); border-radius: 100px; cursor: pointer; height: 8px; padding: 0  !important; width: 8px } .wpc-hotspot-product-card .wpc-hotspot-dot-container .wpc-carousel-dot-active { background-color: var(--neutral-med-dark) } @media screen and (max-width:1279px) { .wpc-hotspot-product-card { left: 0; position: fixed  !important; visibility: hidden; z-index: 100 } } @media screen and (min-width:1279px) { .wpc-hotspot-product-card { width: 412px } } .wpc-hotspot-product-card .wpc-close-hotspot { background: #000; cursor: pointer; height: 1px; position: absolute; right: var(--spacing-2); top: 23px; transform: rotate(45deg); width: var(--spacing-2) } .wpc-hotspot-product-card .wpc-close-hotspot:after { background: #000; content: ""; display: block; height: 1px; position: absolute; right: 0; transform: rotate(90deg); width: 16px } .wpc-hotspot-product-card .wpc-hotspot-product-content-container { align-items: center; display: flex; gap: var(--spacing-2) } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-image { align-self: stretch; background-color: var(--neutral-med-pale)  !important; border-radius: 12px; flex-basis: 120px; flex-grow: 0; flex-shrink: 0; height: auto } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-image img { transition-duration: 0s  !important } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content { align-items: start; display: flex; flex-direction: column; gap: var(--spacing-1) } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content .wpc-hotspot-product-flag { border-radius: var(--card-br); height: 30px; padding: 5px var(--spacing-2) } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content .wpc-hotspot-product-flag p { font-weight: var(--bold); text-transform: uppercase } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content .wpc-hotspot-product-title { font-family: Montserrat, sans-serif; letter-spacing: -.8px; line-height: var(--body-s-line) } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content>p { font-weight: var(--bold) } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content .prices { align-items: flex-end; display: flex; gap: var(--spacing-1); position: relative } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content .prices .wpc-hotspot-product-old-price { line-height: unset  !important; text-decoration: line-through } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content .prices .wpc-hotspot-product-starting-at { font-family: Noto Sans, sans-serif; position: absolute; top: -7px } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content .prices .wpc-hotspot-product-price { font-family: Montserrat, sans-serif; font-weight: 700 } .wpc-hotspot-product-card .wpc-hotspot-product-content-container .wpc-hotspot-product-content .wpc-hotspot-product-cta-container { align-items: center; gap: var(--spacing-2) } @media screen and (max-width:1279px) { .wpc-hotspot-product-card { opacity: 1 } .wpc-hotspot-product-image { flex-basis: 50%  !important } .wpc-hotspot-product-image img { height: 120px; width: 100%  !important } .prices:has(.wpc-hotspot-product-starting-at) { padding-top: var(--spacing-1) } .wpc-hotspot-product-content-container { opacity: 0; padding-bottom: var(--spacing-1); transition: opacity var(--main-transition-duration) var(--third-transition-timing-function) } .wpc-hotspot-active-mobile .wpc-hotspot-product-content-container { opacity: 1; transition: opacity var(--main-transition-duration) var(--third-transition-timing-function) } } @media screen and (min-width:768px) { .wpc-hotspot-product-image img { height: 210px; width: 100%  !important } .wpc-hotspot-product-content-container { opacity: 0; padding-bottom: var(--spacing-2); transition: opacity var(--main-transition-duration) var(--third-transition-timing-function); width: 100% } .wpc-hotspot-product-content-container .wpc-hotspot-product-title { font-size: var(--title-l); letter-spacing: -.82px  !important; line-height: 1.33  !important } .wpc-hotspot-active-mobile .wpc-hotspot-product-content-container { opacity: 1; transition: opacity var(--main-transition-duration) var(--third-transition-timing-function) } .prices .wpc-hotspot-product-starting-at { top: -4px  !important } .prices .wpc-hotspot-product-price { font-size: var(--title-l) } .prices:has(.wpc-hotspot-product-starting-at) { padding-top: var(--spacing-2) } .wpc-hotspot-product-cta-container { padding-top: var(--spacing-1) } .wpc-newhotspot-nav-container { padding-bottom: var(--spacing-2) } } @media screen and (min-width:1280px) { .wpc-hotspot-product-content-container { height: 100px  !important; opacity: 1  !important; padding-bottom: 0 } .wpc-hotspot-product-content-container .wpc-hotspot-product-title { font-family: Lato, sans-serif  !important; font-size: var(--body-m); letter-spacing: -.82px  !important; line-height: 1.33  !important } .wpc-hotspot-product-content { gap: var(--spacing-1)  !important } .prices .wpc-hotspot-product-price { font-family: Lato, sans-serif  !important; font-size: var(--body-s-line) } .wpc-hotspot-product-cta-container { padding-top: 0  !important } .wpc-hotspot-product-image img { height: 100px  !important; width: fit-content  !important } } html { scroll-behavior: smooth } .css-1h5bwco-MuiGrid-root>.MuiGrid-item { width: 100% } .wpc-horizontal-scroll>.MuiGrid-container { overflow-y: hidden; position: relative; z-index: 55 } .wpc-tooltip-container { z-index: 80 } .commonHeader { z-index: 1005 } #see-plans { scroll-margin: 100px } #contact-sales { width: 100% } .selected { color: #294e95  !important } .wpc-blade-container { margin-bottom: 0  !important } .wpc-msb-accordion-video { border-radius: 12px } strike { color: #4e444e; font-size: 18px; font-weight: 400; margin-bottom: 5px } .wpc-msb-accordion-container .wpc-accordion-primary, .wpc-msb-faq-accordion-container .wpc-accordion-primary { margin-bottom: 1px } .wpc-msb-accordion-container .wpc-accordion-primary .wpc-headline, .wpc-msb-faq-accordion-container .wpc-accordion-primary .wpc-headline { align-items: center } .wpc-msb-accordion-container .wpc-accordion-primary .wpc-headline h3, .wpc-msb-accordion-container .wpc-accordion-primary .wpc-headline h5, .wpc-msb-faq-accordion-container .wpc-accordion-primary .wpc-headline h3, .wpc-msb-faq-accordion-container .wpc-accordion-primary .wpc-headline h5 { font-size: 18px  !important } .wpc-msb-accordion-container .wpc-accordion-primary .wpc-headline h3:hover, .wpc-msb-accordion-container .wpc-accordion-primary .wpc-headline h5:hover, .wpc-msb-faq-accordion-container .wpc-accordion-primary .wpc-headline h3:hover, .wpc-msb-faq-accordion-container .wpc-accordion-primary .wpc-headline h5:hover { color: #294e95  !important } .wpc-msb-accordion-container { padding-bottom: 30px } .wpc-msb-faq-accordion p { padding: 0 } .wpc-msb-faq-accordion .wpc-accordion-text { padding: 16px 0  !important } .wpc-msb-faq-accordion .wpc-msb-faq-accordion-list { list-style: outside; margin-top: 16px 0; padding-left: 36px } .wpc-msb-faq-accordion .wpc-msb-faq-accordion-list li { padding: 10px 0 } .wpc-msb-main-hero { background-color: #fff } .wpc-msb-main-hero .wpc-blade-content { background-color: #fff  !important; width: 100%  !important } .wpc-msb-main-hero h1 { font-size: 28px } .wpc-msb-main-hero .wpc-ctacontainer { gap: 24px  !important; justify-content: center  !important; margin-bottom: 30px } .wpc-msb-main-hero .wpc-blade-content-logo { height: fit-content  !important; margin-bottom: 24px  !important; margin-top: 10px; width: 250px  !important } .wpc-msb-accordion-container { margin-bottom: 16px; margin-left: 0  !important; padding-left: 32px  !important; padding-right: 16px  !important } .wpc-msb-faq-accordion-container { margin-left: 0  !important; padding-bottom: 16px; padding-left: 16px  !important; padding-right: 16px  !important } .wpc-msb-accordion-blade-title, .wpc-msb-faq-accordion-blade-title { font-size: 24px; padding: 40px 15px 4px } .wpc-msb-pricing-cards-icons-title { font-size: 24px; font-weight: 400; padding: 0 15px 24px } .wpc-msb-pricing-cards-section-title { font-size: 28px; padding: 40px 15px 32px } .wpc-msb-office-software-icons, .wpc-msb-pricing-cards-icons-title, .wpc-msb-pricing-cards-section-title { background-color: #f5f5f5 } .wpc-msb-icon-card-container { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 12px 0; width: 96px } .wpc-msb-office-software-icons { align-items: center; display: flex; gap: 16px; justify-content: center; padding: 0 16px 40px } .wpc-msb-office-icon { border: 1px solid #c9d0f0; border-radius: 12px } .wpc-msb-pricing-cards-section { background-color: #f5f5f5; padding-bottom: 50px } .wpc-msb-faq-accordion-blade-title { margin-bottom: 30px } #contact-sales, .wpc-msb-accordion-blade-title, .wpc-msb-blade-grid-container { background-color: #eaeef5 } .wpc-msb-business-goals-blade .wpc-container-accordion { border-bottom: 1px solid #ccc } .wpc-msb-business-goals-blade .wpc-container-accordion .wpc-accordion-primary { border: none; margin-bottom: -10px; padding-bottom: 0 } .wpc-msb-office-copy-standard { height: 40px  !important } .wpc-msb-office-copy-large { height: 72px  !important } .wpc-msb-accordion-video-container { align-items: center; display: flex; justify-content: center; margin: 20px auto 0  !important; width: 100% } .wpc-msb-accordion-video-container .wpc-msb-accordion-video { height: fit-content  !important; margin: 0 16px; width: fit-content } .wpc-msb-freeform-blade { margin: 64px 0 16px  !important; z-index: 2 } .wpc-msb-freeform-blade-image-container { background-image: url(//p1-ofp.static.pub/ShareResource/na/landing-pages/microsoft-365/blades/lenovo-microsoft-365-benefits-background-l.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 12px; height: 150px; margin: 0 16px  !important; padding: 0  !important; z-index: 2 } .wpc-msb-freeform-blade-image { height: 180px  !important; left: 0; margin: 0 auto; max-height: none  !important; max-width: none  !important; position: absolute; right: 0; top: -40px; transform: rotate(5deg); width: fit-content  !important } .wpc-msb-freeformblade-content-container { background-color: #f5f5f5; border-radius: 0 0 12px 12px; margin: -10px 16px 32px  !important; padding: 34px 16px 32px  !important } .wpc-msb-freeformblade-content-container .wpc-msb-freeformblade-content-list { display: flex; flex-direction: column; gap: 8px } .wpc-msb-freeform-blade-title { font-size: 24px; line-height: 32px; margin: 16px 0 } .wpc-msb-freeform-blade-logo { height: fit-content  !important; width: fit-content  !important } .wpc-msb-skinny-banner-container, .wpc-msb-skinny-banner-container-white { margin-top: 70px; padding: 24px 16px 40px; width: 100% } .wpc-msb-skinny-banner-container { background-color: #eaeef5  !important } .wpc-msb-skinny-banner-container-white { background-color: #fff  !important } .wpc-msb-skinny-banner { background-color: transparent  !important; margin: -100px 0 } .wpc-msb-skinny-banner .wpc-deals-banner-bg-img { border-radius: 12px; object-fit: fill  !important } .wpc-msb-skinny-banner .wpc-deals-banner-content { padding: 16px 6px } .wpc-msb-skinny-banner .wpc-deals-banner-content picture { display: none } .wpc-msb-skinny-banner .wpc-deals-banner-content .wpc-ctabutton-text { color: #000  !important } .wpc-msb-contact-blade { padding-bottom: 40px; padding-top: 40px } .wpc-msb-contact-blade .wpc-blade-content-logo { height: fit-content  !important; margin-bottom: 16px  !important; margin-top: 10px; width: 32px  !important } @media screen and (max-width:550px) { .wpc-msb-skinny-banner { height: 145px } } @media only screen and (max-width:768px) { .wpc-office-logo-tooltips:has(.wpc-tooltip.wpc-tooltip-container-width) .wpc-tooltiptext { max-width: unset; width: calc(95vw - var(--spacing-6))  !important } } @media(min-width:768px) { .wpc-msb-accordion-video-container .wpc-msb-accordion-video { height: fit-content  !important; margin: 0 16px; width: fit-content } .wpc-msb-skinny-banner-container, .wpc-msb-skinny-banner-container-white { margin-top: 50px; width: 100% } .wpc-msb-skinny-banner { margin: -80px 0 } .wpc-msb-accordion-blade-title, .wpc-msb-faq-accordion-blade-title, .wpc-msb-pricing-cards-section-title { font-size: 28px } .wpc-msb-accordion-blade-title { padding-bottom: 15px; padding-top: 56px } .wpc-msb-accordion-container, .wpc-msb-faq-accordion-container { padding-bottom: 40px } .wpc-msb-accordion-container .wpc-accordion-primary, .wpc-msb-faq-accordion-container .wpc-accordion-primary { padding-bottom: 12px  !important; padding-top: 20px  !important } .wpc-msb-accordion-container .wpc-accordion-primary .wpc-headline h3, .wpc-msb-accordion-container .wpc-accordion-primary .wpc-headline h5, .wpc-msb-faq-accordion-container .wpc-accordion-primary .wpc-headline h3, .wpc-msb-faq-accordion-container .wpc-accordion-primary .wpc-headline h5 { font-size: 24px  !important } .wpc-msb-accordion-container .wpc-accordion-primary .wpc-headline .wpc-accordion-icon, .wpc-msb-faq-accordion-container .wpc-accordion-primary .wpc-headline .wpc-accordion-icon { height: 15px; width: 24px } .wpc-msb-freeform-blade { margin-top: 74px  !important } .wpc-msb-freeform-blade-image-container { background-image: url(//p1-ofp.static.pub/ShareResource/na/landing-pages/microsoft-365/blades/lenovo-microsoft-365-benefits-background-l.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 12px; height: 380px; margin: 0 16px  !important; padding: 0  !important; z-index: 2 } .wpc-msb-freeform-blade-image { height: 430px  !important; margin: 0 auto; top: -50px; transform: rotate(5deg); width: fit-content  !important } .wpc-msb-freeform-blade-title { font-size: 24px; margin: 16px 0 } .wpc-msb-office-software-icons { gap: 10px; justify-content: center } .wpc-msb-office-software-icons .wpc-msb-icon-card-container { width: 134px } .wpc-msb-office-software-icons .wpc-msb-icon-card-container img { height: 56px  !important } } @media(max-width:1279px) { .wpc-msb-main-hero .wpc-blade-img { height: 100%  !important } .wpc-msb-accordion-container { width: 100% } } @media(min-width:1280px) { .wpc-msb-main-hero .wpc-blade-img { border-radius: 0  !important; height: 538px  !important } .wpc-blade-container { margin-bottom: 0  !important } .wpc-msb-accordion-container, .wpc-msb-faq-accordion-container { padding-bottom: 48px; padding-left: 48px  !important; padding-right: 48px  !important } .wpc-msb-accordion-container .wpc-accordion-primary .wpc-headline, .wpc-msb-faq-accordion-container .wpc-accordion-primary .wpc-headline { padding-left: 0  !important; padding-right: 0  !important } .wpc-msb-accordion-container .wpc-accordion-body, .wpc-msb-faq-accordion-container .wpc-accordion-body { width: 100%  !important } .wpc-msb-accordion-container .wpc-accordion-body .wpc-accordion-text, .wpc-msb-faq-accordion-container .wpc-accordion-body .wpc-accordion-text { padding: 16px 0  !important } .wpc-msb-business-goals-blade { padding: 0 0 40px } .wpc-msb-accordion-container { padding-bottom: 0  !important; padding-left: 110px  !important } .wpc-msb-accordion-video { margin-left: 40px  !important } .wpc-msb-main-hero { background-color: #fff } .wpc-msb-main-hero .wpc-blade-content { background-color: #fff  !important; margin-left: -10px  !important; width: 550px  !important } .wpc-msb-main-hero .wpc-ctacontainer { justify-content: start  !important; margin-bottom: 0 } .wpc-msb-office-software-icons { gap: 16px; padding: 0 48px 40px } .wpc-msb-accordion-blade-title, .wpc-msb-faq-accordion-blade-title, .wpc-msb-pricing-cards-section-title { font-size: 36px } .wpc-msb-pricing-cards-icons-title { font-size: 28px } .wpc-msb-freeform-blade { background-image: url(//p1-ofp.static.pub/ShareResource/na/landing-pages/microsoft-365/blades/lenovo-microsoft-365-benefits-background-l.jpg); background-size: cover; border-radius: 12px; height: 438px; margin: 56px 48px  !important; padding: 0  !important } .wpc-msb-freeform-blade-image-container { background-image: none; border-radius: 12px; height: 0; margin: 0  !important; padding: 0  !important; z-index: 2 } .wpc-msb-freeform-blade-image { height: 480px  !important; left: 42%; margin: 0; top: -24px; transform: rotate(0deg); width: fit-content  !important } .wpc-msb-freeformblade-content-container { background-color: transparent; border-radius: 0 0 12px 12px; margin: 0 16px  !important; padding: 30px 0 30px 50px  !important } .wpc-msb-freeform-blade-title { font-size: 28px; margin: 16px 0 } .wpc-msb-skinny-banner-container, .wpc-msb-skinny-banner-container-white { margin: 0; padding: 24px 48px 40px } .wpc-msb-skinny-banner { margin: -70px 0 } .wpc-deals-banner-content picture { display: block  !important } .wpc-msb-contact-blade .wpc-blade-content-logo { width: 48px  !important } .wpc-office-logo-tooltips:has(.wpc-tooltip.wpc-tooltip-container-width) .wpc-tooltiptext { max-width: unset; width: calc(75vw - var(--spacing-6))  !important } .wpc-msb-skinny-banner-container p { max-width: 60%  !important } } @media(min-width:1920px) { .wpc-msb-business-goals-blade { padding: 10px 0 70px } .wpc-msb-accordion-video { margin-left: 248px  !important } .wpc-msb-accordion-container { padding-left: 138px  !important; padding-right: 248px  !important } .wpc-msb-faq-accordion-container { padding-bottom: 72px; padding-left: 248px  !important; padding-right: 248px  !important } .wpc-msb-main-hero .wpc-blade-content { margin-left: 248px  !important; width: 580px  !important } .wpc-msb-main-hero .wpc-blade-img { height: 576px  !important } .wpc-msb-skinny-banner-container, .wpc-msb-skinny-banner-container-white { padding: 24px 248px 40px } .wpc-msb-freeform-blade { height: 528px; margin: 71px 248px  !important } .wpc-msb-freeformblade-content-container { background-color: transparent; border-radius: 0 0 12px 12px; padding: 30px 0 30px 80px  !important } .wpc-msb-freeform-blade-image { height: 600px  !important; left: 39%; top: -45px } .wpc-office-logo-tooltips:has(.wpc-tooltip.wpc-tooltip-container-width) .wpc-tooltiptext { max-width: unset; width: calc(100cqw - var(--xl-grid-margin))  !important } } .wpc-msb-copilot-halfblade-container { background-color: var(--connector-pale); margin-left: 0  !important; padding-bottom: var(--spacing-6); padding-top: var(--spacing-6) } @media screen and (min-width:1920px) { .wpc-msb-copilot-halfblade-container { padding-bottom: var(--spacing-8); padding-top: var(--spacing-8) } } .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-image { border-radius: 12px; height: 184px  !important; margin-bottom: var(--spacing-5); width: 100%  !important } @media screen and (min-width:768px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-image { height: 414px  !important } } @media screen and (min-width:1280px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-image { height: 438px  !important; margin-bottom: 0 } } @media screen and (min-width:1920px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-image { height: 528px  !important } } .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-logo { height: 34px  !important; margin-bottom: var(--spacing-1); width: fit-content } @media screen and (min-width:768px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-logo { height: 43px  !important; margin-bottom: var(--spacing-3) } } @media screen and (min-width:1280px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-logo { height: 33px  !important; margin-bottom: var(--spacing-2) } } @media screen and (min-width:1920px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-logo { height: 43px  !important } } .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-headline { font-size: var(--title-m); line-height: var(--title-m-line); padding-bottom: var(--spacing-2) } @media screen and (min-width:768px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-headline { font-size: var(--title-l); line-height: var(--title-l-line) } } @media screen and (min-width:1920px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-headline { font-size: var(--headline-s); line-height: var(--headline-s-line) } } .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-li { font-size: var(--body-m); line-height: var(--body-m-line) } .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-li:last-child { margin-bottom: var(--spacing-2) } @media screen and (min-width:1920px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-li:last-child { margin-bottom: var(--spacing-5) } } .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-copy { font-size: var(--label-s); line-height: var(--label-s-line); margin-bottom: var(--spacing-2) } @media screen and (min-width:768px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-copy { margin-bottom: var(--spacing-3) } } @media screen and (min-width:1920px) { .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-copy { margin-bottom: var(--spacing-5) } } .wpc-msb-copilot-halfblade-container .wpc-msb-copilot-halfblade-copy-contact { font-size: var(--title-s); font-weight: 600; line-height: var(--title-s-line) } .wpc-microsoft-defender-title-container { align-items: start; display: flex; flex-direction: column  !important; gap: var(--spacing-2); justify-content: center; margin-top: var(--spacing-2)  !important } @media screen and (min-width:768px) { .wpc-microsoft-defender-title-container { align-items: center  !important; flex-direction: row  !important; justify-content: center  !important; margin-bottom: var(--spacing-1)  !important; margin-top: var(--spacing-8)  !important } .wpc-microsoft-defender-title-container picture img { height: 85px  !important; width: fit-content  !important } } .wpc-microsoft-defender-title { font-size: var(--headline-s); line-height: 32px } @media screen and (min-width:1280px) { .wpc-microsoft-defender-title { font-size: var(--headline-l) } } .wpc-microsoft-defender-card-container { margin-bottom: 4px  !important } .wpc-microsoft-defender-card { align-items: center; background-color: var(--alternate-pale); border-radius: 6px; display: flex; flex-direction: column; justify-content: center; padding: var(--spacing-3) var(--spacing-2) } @media screen and (min-width:768px) { .wpc-microsoft-defender-card { padding: var(--spacing-3) var(--spacing-3) } } @media screen and (min-width:1280px) { .wpc-microsoft-defender-card { padding: var(--spacing-3) var(--spacing-5) } } .wpc-microsoft-defender-card .wpc-microsoft-defender-card-title { color: var(--alternate-med)  !important; font-size: var(--title-m); font-weight: 700; height: fit-content  !important; margin-bottom: var(--spacing-3) } .wpc-microsoft-defender-card .wpc-microsoft-defender-card-copy { color: #171717  !important; font-size: var(--body-m); font-weight: 700; letter-spacing: -.1px; line-height: 1.25; margin-bottom: 8px } .wpc-microsoft-defender-card .wpc-microsoft-defender-card-list ul { display: flex; flex-direction: column; gap: 8px; list-style: disc  !important } .wpc-microsoft-defender-card .wpc-microsoft-defender-card-list ul li { color: #555  !important; font-size: var(--body-m); line-height: 1.25 } .wpc-microsoft-defender-disclaimer { text-wrap: balance; color: #555  !important; font-size: var(--title-m); font-weight: 700; line-height: 1.2; margin-bottom: var(--spacing-6) } @media screen and (min-width:1280px) { .wpc-microsoft-defender-disclaimer { margin-bottom: var(--spacing-8) } } .wpc-microsoft365-table .wpc-table-header .description { font-weight: 700 } .wpc-microsoft365-table .wpc-table-header .description .light { font-weight: 400 } .wpc-microsoft365-table .wpc-table-item { vertical-align: middle  !important } @media screen and (max-width:768px) { .wpc-microsoft365-table .wpc-table-header .wpc-typo-body-s>p { white-space: pre; word-break: keep-all } .wpc-microsoft365-table .wpc-table-header .wpc-typo-body-s .description { display: none } } .wpc-lfo-table-section { padding: 12px 0 } .wpc-m365-skinny-banner { align-items: center; display: flex; gap: 16px; justify-content: center; padding: 32px 0 } @media screen and (max-width:768px) { .wpc-m365-skinny-banner { gap: 16px; justify-content: start } .wpc-m365-skinny-banner h3 { text-align: left  !important } } .wpc-m365-table-header { align-items: center; display: flex; gap: 24px; justify-content: center; padding: 26px 0 } @media screen and (max-width:768px) { .wpc-m365-table-header { gap: 16px; justify-content: start; padding: 14px 0 } .wpc-m365-table-header .wpc-m365-table-title { text-align: left  !important } }