div#wpc-shoppingfaq-root { min-height: 100vh; } button.wpc-accordion-primary { display: flex  !important; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; padding: var(--spacing-5) 0px var(--spacing-1); margin: 0; border: none; border-bottom: 1px solid #ccc; overflow: hidden; background: none; width: 100% } button.wpc-accordion-primary .wpc-accordion-icon { transition: .2s; font-size: var(--L); line-height: var(--L-line) } button.wpc-accordion-primary .wpc-headline { display: flex  !important; display: -ms-flexbox; display: -webkit-flex; width: 100%; justify-content: space-between; text-align: left } button.wpc-accordion-primary .wpc-headline:hover { cursor: pointer } button.wpc-accordion-primary .wpc-headline h2 { margin: 2px 0px; padding: 0; font-size: var(--M); line-height: var(--M-line); font-weight: var(--bold) } button.wpc-accordion-primary .wpc-headline h2.selected { color: var(--alternate-med) } button.wpc-accordion-primary .wpc-headline h2.none { color: var(--neutral-dark) } button.wpc-accordion-primary .wpc-accordion-text { margin: 0; padding: 0; display: flex; flex-direction: column; overflow: hidden; height: auto; text-align: left; -webkit-transition: .5s ease; -moz-transition: .5s ease; -o-transition: .5s ease; -ms-transition: .5s ease; transition: .5s ease } button.wpc-accordion-primary .wpc-accordion-text h3 { margin: 0; padding: 0px 0px 8px; font-size: var(--M); line-height: var(--M-line); font-weight: var(--bold); color: var(--neutral-dark) } button.wpc-accordion-primary .wpc-accordion-text p, button.wpc-accordion-primary .wpc-accordion-text li { margin: 0px; padding: 0px; padding: 0px 0px 4px; font-size: var(--M); line-height: var(--M-line); font-weight: var(--regular); color: var(--neutral-dark) } button.wpc-accordion-primary .wpc-accordion-text a { color: var(--alternate-med); font-weight: bold; text-decoration: underline } button.wpc-accordion-primary .wpc-accordion-text ul { list-style: circle; list-style: inside } html { scroll-behavior: smooth; overflow: visible } .wpc-sfp-banner-top { font-size: 24px; line-height: 24px; font-weight: bold; color: var(--neutral-light); height: 64px; background-image: url("https://p1-ofp.static.pub/ShareResource/na/faqs/img/lenovo-short-hero-mobile.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center } @media screen and (min-width: 750px) { .wpc-sfp-banner-top { background-image: url("https://p2-ofp.static.pub/ShareResource/na/faqs/img/lenovo-short-hero-tablet.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; line-height: 29px; height: 100px } } @media screen and (min-width: 1280px) { .wpc-sfp-banner-top { background-image: url("https://p1-ofp.static.pub/ShareResource/na/faqs/img/lenovo-short-hero-desktop.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 36px; line-height: 36px; height: 155px } } .wpc-sfp-chip { background-color: var(--alternate-pale); border: 1px solid var(--alternate-light); border-radius: 16px; padding: var(--spacing-1); margin: 0px; font-size: var(--XS); line-height: var(--XS-line); font-weight: bold; color: var(--text-black); display: flex; justify-content: center; align-items: center; gap: 4px } .wpc-sfp-chip:hover { cursor: pointer } .wpc-sfp-chip img { height: 16px; width: 16px } .wpc-sfp-chip.wpc-sfp-chip-active { background-color: var(--alternate-med); border: none; color: var(--neutral-light) } .wpc-sfp-container { border-bottom: 1px solid #ccc; padding-bottom: var(--spacing-3); background-color: var(--neutral-light) } .wpc-sfp-divider { display: flex; width: 100%; height: 1px; border-top: 1px solid #ccc } .wpc-sfp-hidden { display: none } .wpc-sfp-tab { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: initial; font-size: var(--S); line-height: var(--S-line); color: var(--neutral-dark); text-align: center; padding-bottom: var(--spacing-2); position: relative } .wpc-sfp-tab:hover { cursor: pointer; color: var(--alternate-med) } .wpc-sfp-tab:hover img { filter: brightness(101%) invert(22%) sepia(78%) saturate(1069%) hue-rotate(194deg) contrast(88%) } .wpc-sfp-tab img { height: 50px; width: 50px } .wpc-sfp-tab::after { content: ""; position: absolute; width: 100%; transform: scaleX(0); height: 8px; bottom: 0; left: 0; background-color: var(--alternate-med); transform-origin: bottom left; transition: transform .2s ease-out } .wpc-sfp-tab.wpc-sfp-tab-active { height: 100%; color: var(--alternate-med) } .wpc-sfp-tab.wpc-sfp-tab-active::after { transform: scaleX(1); transform-origin: bottom left } .wpc-sfp-tab.wpc-sfp-tab-active img { filter: brightness(101%) invert(22%) sepia(78%) saturate(1069%) hue-rotate(194deg) contrast(88%) } .wpc-sfp-tab.wpc-sfp-tab-active:hover { cursor: pointer } .wpc-sfp-nav { margin-top: 40px; border-right: 1px solid #ccc } .wpc-sfp-nav ul { list-style-type: none } .wpc-sfp-nav ul li { color: var(--neutral-dark); font-size: var(--L); line-height: var(--L-line); text-align: end; padding: var(--spacing-2) var(--spacing-6) var(--spacing-2) 0px; margin-bottom: var(--spacing-1); position: relative } .wpc-sfp-nav ul li::after { content: ""; position: absolute; height: 100%; transform: scaleY(0); width: 8px; top: 0; right: 0; background-color: var(--alternate-med); transform-origin: top right; transition: transform .2s ease-out } .wpc-sfp-nav ul li:hover { color: var(--alternate-med); cursor: pointer; transition: color .3s ease-out } .wpc-sfp-nav ul li.wpc-sfp-nav-selector-active { color: var(--alternate-med) } .wpc-sfp-nav ul li.wpc-sfp-nav-selector-active::after { transform: scaleY(1); transform-origin: top right } .wpc-sfp-faqcontent-desktop { display: flex; flex-direction: column; margin-top: 56px; padding: 0px 0px 0px 32px; color: var(--neutral-dark); list-style-position: inside  !important } .wpc-sfp-faqcontent-desktop h3 { font-size: var(--XL); line-height: var(--XL); font-weight: bold; padding-bottom: var(--spacing-5) } .wpc-sfp-faqcontent-desktop h3.wpc-sfp-regular { font-weight: normal } .wpc-sfp-faqcontent-desktop p { padding-bottom: 24px; } .wpc-sfp-faqcontent-desktop ul { list-style: disc  !important; list-style-position: inside  !important } .wpc-sfp-faqcontent-desktop ul li { padding-bottom: var(--spacing-5) } .wpc-sfp-faqcontent-desktop a { color: var(--alternate-med); font-weight: bold; text-decoration: underline } .wpc-sfp-bottom-content { background-color: #f8f8f8; text-align: left } .wpc-sfp-bottom-content h2 { padding: var(--spacing-3); padding-top: 56px; font-size: var(--XL) } @media screen and (min-width: 1250px) { .wpc-sfp-bottom-content h2 { text-align: center } } .wpc-sfp-bottom-content h3 { padding: var(--spacing-3); padding-top: 0; font-weight: var(--light); font-size: var(--M) } @media screen and (min-width: 1250px) { .wpc-sfp-bottom-content h3 { font-size: var(--L); text-align: center } } .wpc-sfp-bottom-content ul { list-style-type: none; padding-bottom: var(--spacing-5) } @media screen and (min-width: 750px) { .wpc-sfp-bottom-content ul { columns: 3 auto } } .wpc-sfp-bottom-content li { text-align: left; font-size: var(--M); padding: var(--spacing-3); font-weight: var(--bold) } @media screen and (min-width: 1250px) { .wpc-sfp-bottom-content li { text-align: center } } .wpc-sfp-bottom-content li a { cursor: pointer; color: var(--alternate-med); text-decoration: none } .wpc-sfp-bottom-content li a:hover { text-decoration: underline; text-underline-offset: 4px } .wpc-sfp-bottom-content-list { text-align: center  !important; margin: 0 auto  !important } .wpc-invisible-li { display: none } @media(min-width: 750px) { .wpc-invisible-li { display: inline } }