CINXE.COM
High-Capacity HDDs for PCs, NAS, Gaming, Data Centers, and AI Data Cycles | Western Digital
<!DOCTYPE HTML> <html lang="en-US" dir="ltr"> <head> <title>High-Capacity HDDs for PCs, NAS, Gaming, Data Centers, and AI Data Cycles | Western Digital</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <link rel="preconnect" href="https://api.westerndigital.com/" crossorigin/> <link rel="dns-prefetch" href="https://api.westerndigital.com/"/> <link rel="preconnect" href="https://static.sandisk.com/" crossorigin/> <link rel="dns-prefetch" href="https://static.sandisk.com/"/> <link rel="preconnect" href="https://assets.adobedtm.com/" crossorigin/> <link rel="dns-prefetch" href="https://assets.adobedtm.com/"/> <meta property="businessUnit" content="HDD"/> <style> [v-cloak] { display: none !important; } </style> <script nonce="1182b04d9fA988B6EcD336EEfbe"> var utag_data = {"analyticsTrackingID":"westdg-onestore-production,westdg-global-production","eventName":"PAGE_LOAD","pageLocale":"en-US","pageType":"page-container-vue","pageSection":"en-us","pageName":"en-us","siteID":"Western Digital - US","sitePlatform":"Desktop","currencyISO":"USD","thumbnailURL":"","pageBrand":["G-Technology"]}; // adding HashEmail to utag variable will be pushed to AA var userDetailObject = 'cmrc_' + utag_data.pageLocale.toLowerCase() + '_userDetails'; if (sessionStorage.getItem(userDetailObject) && JSON.parse(sessionStorage.getItem(userDetailObject)) && JSON.parse(sessionStorage.getItem(userDetailObject)).hashEmail) { utag_data.eHash = JSON.parse(sessionStorage.getItem(userDetailObject)).hashEmail; } </script> <!-- adobe launch: start--> <script defer src="//assets.adobedtm.com/launch-ENd8448c7dd95d4b6baacdd65a3250aef4.min.js" nonce="1182b04d9fA988B6EcD336EEfbe"></script> <!-- adobe launch: end--> <!-- <sly data-sly-test="GTM-KVV6RBXQ"> <script data-sly-attribute.nonce="1182b04d9fA988B6EcD336EEfbe"> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); </script> <script defer src="//www.googletagmanager.com/gtm.js?id=GTM-KVV6RBXQ"></script> </sly> --> <link rel="icon" type="image/vnd.microsoft.icon" href="/content/dam/store/en-us/portal-assets/logos/shop-fav-icon.ico"/> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/content/dam/store/en-us/portal-assets/logos/shop-fav-icon.ico"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <meta name="thumbnail" content="/content/dam/store/en-us/portal-assets/logos/wdc-og-logo.jpg"/> <meta name="description" content="Western Digital, leaders in digital storage solutions compatible with Mac and PC. FREE shipping, friendly support, and 30-day return policy on storage products."/> <meta property="og:locale" content="en_US"/> <meta property="og:title" content="High-Capacity HDDs for PCs, NAS, Gaming, Data Centers, and AI Data Cycles | Western Digital"/> <meta property="og:url" content="https://www.westerndigital.com"/> <meta property="og:image" content="https://www.westerndigital.com/content/dam/store/en-us/portal-assets/logos/wdc-og-logo.jpg"/> <meta property="og:description" content="Western Digital, leaders in digital storage solutions compatible with Mac and PC. FREE shipping, friendly support, and 30-day return policy on storage products."/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Western Digital"/> <meta name="twitter:title" content="High-Capacity HDDs for PCs, NAS, Gaming, Data Centers, and AI Data Cycles | Western Digital"/> <meta name="twitter:url" content="https://www.westerndigital.com"/> <meta name="twitter:description" content="Western Digital, leaders in digital storage solutions compatible with Mac and PC. FREE shipping, friendly support, and 30-day return policy on storage products."/> <meta name="twitter:image" content="https://www.westerndigital.com/content/dam/store/en-us/portal-assets/logos/wdc-og-logo.jpg"/> <meta property="twitter:site" content="@westerndigital"/> <meta name="twitter:card" content="summary"/> <meta name="country" content="US"/> <meta name="language" content="en"/> <meta name="format-detection" content="telephone=no"/> <!-- start : to generate canonical and alternate link --> <link rel="canonical" href="https://www.westerndigital.com"/> <link rel="alternate" href="https://www.westerndigital.com" hreflang="x-default"/> <link rel="alternate" href="https://www.westerndigital.com" hreflang="en"/> <link rel="alternate" href="https://www.westerndigital.com" hreflang="en-US"/> <link rel="alternate" href="https://www.westerndigital.com/en-ca" hreflang="en-CA"/> <link rel="alternate" href="https://www.westerndigital.com/en-ie" hreflang="en-IE"/> <link rel="alternate" href="https://www.westerndigital.com/en-se" hreflang="en-SE"/> <link rel="alternate" href="https://www.westerndigital.com/en-ie" hreflang="en-BE"/> <link rel="alternate" href="https://www.westerndigital.com/en-ie" hreflang="en-AT"/> <link rel="alternate" href="https://www.westerndigital.com/en-ie" hreflang="en-PT"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-HU"/> <link rel="alternate" href="https://www.westerndigital.com/en-ie" hreflang="en-DK"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-RO"/> <link rel="alternate" href="https://www.westerndigital.com/en-ie" hreflang="en-FI"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-HR"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-SK"/> <link rel="alternate" href="https://www.westerndigital.com/en-ie" hreflang="en-BG"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-BY"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-SI"/> <link rel="alternate" href="https://www.westerndigital.com/en-ie" hreflang="en-NO"/> <link rel="alternate" href="https://www.westerndigital.com/en-gb" hreflang="en-GB"/> <link rel="alternate" href="https://www.westerndigital.com/en-il" hreflang="en-IL"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-MY"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-PH"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-VN"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-EE"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-LV"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-UA"/> <link rel="alternate" href="https://www.westerndigital.com/en-ap" hreflang="en-LT"/> <link rel="alternate" href="https://www.westerndigital.com/en-au" hreflang="en-AU"/> <link rel="alternate" href="https://www.westerndigital.com/en-au" hreflang="en-NZ"/> <link rel="alternate" href="https://www.westerndigital.com/en-sg" hreflang="en-SG"/> <link rel="alternate" href="https://www.westerndigital.com/en-in" hreflang="en-IN"/> <link rel="alternate" href="https://www.westerndigital.com/en-in" hreflang="en-BD"/> <link rel="alternate" href="https://www.westerndigital.com/de-de" hreflang="de"/> <link rel="alternate" href="https://www.westerndigital.com/de-at" hreflang="de-AT"/> <link rel="alternate" href="https://www.westerndigital.com/fr-fr" hreflang="fr"/> <link rel="alternate" href="https://www.westerndigital.com/fr-ca" hreflang="fr-CA"/> <link rel="alternate" href="https://www.westerndigital.com/cs-cz" hreflang="cs"/> <link rel="alternate" href="https://www.westerndigital.com/es-es" hreflang="es-ES"/> <link rel="alternate" href="https://www.westerndigital.com/el-gr" hreflang="el"/> <link rel="alternate" href="https://www.westerndigital.com/it-it" hreflang="it"/> <link rel="alternate" href="https://www.westerndigital.com/nl-nl" hreflang="nl"/> <link rel="alternate" href="https://www.westerndigital.com/pl-pl" hreflang="pl"/> <link rel="alternate" href="https://www.westerndigital.com/ja-jp" hreflang="ja"/> <link rel="alternate" href="https://www.westerndigital.com/es-la" hreflang="es"/> <link rel="alternate" href="https://www.westerndigital.com/es-mx" hreflang="es-MX"/> <link rel="alternate" href="https://www.westerndigital.com/es-la" hreflang="es-AR"/> <link rel="alternate" href="https://www.westerndigital.com/es-la" hreflang="es-PE"/> <link rel="alternate" href="https://www.westerndigital.com/es-la" hreflang="es-CL"/> <link rel="alternate" href="https://www.westerndigital.com/es-la" hreflang="es-CO"/> <link rel="alternate" href="https://www.westerndigital.com/es-la" hreflang="es-EC"/> <link rel="alternate" href="https://www.westerndigital.com/pt-br" hreflang="pt"/> <link rel="alternate" href="https://www.westerndigital.com/zh-cn" hreflang="zh"/> <link rel="alternate" href="https://www.westerndigital.com/zh-tw" hreflang="zh-TW"/> <link rel="alternate" href="https://www.westerndigital.com/ko-kr" hreflang="ko"/> <link rel="alternate" href="https://www.westerndigital.com/th-th" hreflang="th"/> <link rel="alternate" href="https://www.westerndigital.com/in-id" hreflang="id"/> <link rel="alternate" href="https://www.westerndigital.com/ru-ru" hreflang="ru"/> <link rel="alternate" href="https://www.westerndigital.com/ar-sa" hreflang="ar"/> <link rel="alternate" href="https://www.westerndigital.com/ar-sa" hreflang="ar-AE"/> <link rel="alternate" href="https://www.westerndigital.com/ar-sa" hreflang="ar-EG"/> <link rel="alternate" href="https://www.westerndigital.com/ar-sa" hreflang="ar-QA"/> <link rel="alternate" href="https://www.westerndigital.com/ar-sa" hreflang="ar-DZ"/> <link rel="alternate" href="https://www.westerndigital.com/tr-tr" hreflang="tr"/> <!-- end : to generate canonical and alternate link --> <!--<title data-sly-set.siteName="store.siteName" data-sly-set.siteNameVal="Western Digital" data-sly-set.title="High-Capacity HDDs for PCs, NAS, Gaming, Data Centers, and AI Data Cycles | Western Digital" >High-Capacity HDDs for PCs, NAS, Gaming, Data Centers, and AI Data Cycles | Western Digital</title>--> <!--[if lte IE 8]><script data-sly-attribute.nonce="1182b04d9fA988B6EcD336EEfbe" type="text/javascript">alert("You are using an unsupported browser version. Please use IE versions greater than 8 or Firefox or Chrome.");</script><![endif]--> <!-- Inline CSS --> <style> @charset "UTF-8";.xf-content-height{min-height:auto !important;margin:0 !important} @media(min-width:768px){body.overflow-hidden .product-img-col{position:relative} .product-img-col{position:sticky;top:24px;height:573px} } @media(min-width:992px){.product-img-col{height:601px} } @media(min-width:1464px){.product-img-col{height:708px} } .pdp-redesign .vertical-carousel-single,.pdp-redesign .vertical-carousel{width:100%} .rd-main-carousel .vc-featuredAssets .product-bg-image,.rd-main-carousel .video-in-carousel .product-bg-image{background-position:center center;background-size:cover;background-repeat:no-repeat;height:360px} .rd-modal-carousel.wd-modal .wd-modal-dialog .wd-modal-content .embed-responsive.embed-responsive-16by9::before{padding-top:45%} @media(min-width:768px){.rd-main-carousel .vc-featuredAssets .product-bg-image,.rd-main-carousel .video-in-carousel .product-bg-image{height:619px} } .rd-main-carousel .vc-featuredAssets{cursor:default} .rd-main-carousel .vc-featuredAssets.slick-active:focus{border:0} .rd-thumbnail-carousel.splide--nav .splide__track>.splide__list>.splide__slide.is-active{border:2px solid #3696ff} .rd-thumbnail-carousel.splide--nav .splide__track>.splide__list>.splide__slide{border:0} .product-img-carousel .rd-main-carousel .splide__slide,.product-img-carousel .rd-vertical-carousel-single .splide__slide{background-color:transparent !important} .rd-main-carousel.splide:not(.promo-carousel) .splide__arrows,.rd-thumbnail-carousel.splide:not(.promo-carousel) .splide__arrows{visibility:visible} .rd-main-carousel.splide:not(.promo-carousel) button.splide__arrow,.rd-thumbnail-carousel.splide:not(.promo-carousel) button.splide__arrow{background-color:rgba(239,239,239,0.651);box-shadow:none;opacity:1;-webkit-transition:all .3s ease-out;transition:all .3s ease-out} .rd-main-carousel.splide:not(.promo-carousel) button.splide__arrow{width:42px;height:42px} .rd-thumbnail-carousel.splide:not(.promo-carousel) button.splide__arrow{width:28px;height:28px} .product-img-carousel .rd-thumbnail-carousel .splide__slide{background-color:#f8f8f8 !important} .product-img-carousel ul li.splide__slide img{width:auto;height:auto} .rd-main-carousel.splide:not(.promo-carousel) button.splide__arrow:hover,.rd-thumbnail-carousel.splide:not(.promo-carousel) button.splide__arrow:hover{opacity:1} .rd-thumbnail-carousel .product-image-thumbnail{background-size:cover} .rd-main-carousel .rd-modal-carousel .vc-featuredAssets .product-bg-image{background-size:contain} .rd-thumbnail-carousel .splide__list .splide__slide.is-visible:last-child{margin-right:0 !important} .green-promo{background-color:#d0ffcf;color:#00740c;padding:6px 12px;font-size:16px;font-weight:bold;display:inline-block;border-radius:8px;margin-bottom:0} .grey-promo{background-color:#f5f3ef;color:#000;padding:6px 12px;font-size:16px;font-weight:bold;display:inline-block;border-radius:8px;margin-bottom:0 !important} @media(min-width:992px){.pdp-redesign #sticky-nav,.pdp-redesign #sticky-nav.sticky-stuck{height:96px;overflow-x:auto;top:0;width:100%;position:relative} .pdp-redesign .pdp-redesign-subnav #sticky-nav.sticky-head .subnav-item{font-weight:500} } .pdp-redesign .subnav-truncate-container{max-width:100%} .pdp-redesign .subnav-truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-wrap;text-overflow:ellipsis;word-break:break-word} .pdp-redesign .pdp-redesign .subnav-container{display:inline-block;max-width:100%;overflow:hidden;position:relative} .pdp-redesign .subnav-container:hover .subnav-truncate{white-space:normal;overflow:visible;text-overflow:clip;background-color:white;position:absolute;z-index:1} .pdp-redesign #sticky-nav,.pdp-redesign #sticky-nav.sticky-stuck{background-color:#000;color:#fff} .pdp-redesign #sticky-nav .subnav-item{color:#757575} .pdp-redesign #sticky-nav .subnav-item.active-subnav-item{color:#fff} .pdp-redesign .slidingDiv{display:none} .aem-AuthorLayer-Edit .pdp-redesign .visible-hidden-elem-in-author{display:block} .pdp-redesign .grid-12>.cols-6.prod-tech-spec-last-col{width:100%} @media(min-width:992px){.pdp-redesign #sticky-nav .pdp-buy-btn{min-width:150px} .pdp-redesign #sticky-nav.sticky-stuck>div{justify-content:end !important} .rd-subnav-section #sticky-nav{opacity:1;visibility:visible;transition:opacity .5s ease-in-out,visibility .3s ease-in-out;z-index:40} .rd-subnav-section.hidden{display:block;height:0} .rd-subnav-section.hidden #sticky-nav{opacity:0;visibility:hidden;display:block;height:0;transition:opacity .5s ease-in-out,visibility .3s ease-in-out} .pdp-redesign .pdp-redesign-subnav #productPageSubNavPricePipeSymbol-container{font-size:18px;font-weight:700} } .aem-AuthorLayer-Edit .pdp-redesign .pdp-subnav-section{display:block} @media(max-width:991px){.pdp-redesign .splide__track{z-index:1} .pdp-redesign #sticky-nav .subnav-item{color:#fff} .pdp-redesign .pdp-redesign-subnav #sticky-nav.sticky-head .subnav-item.active-subnav-item a:after{background-image:url('data:image/svg+xml,<svg%20width="13"%20height="8"%20viewBox="0%200%2013%208"%20fill="none"%20xmlns="http://www.w3.org/2000/svg"><path%20d="M1%201C3.14788%202.95262%206.5%206%206.5%206L12%201"%20stroke="white"%20stroke-width="1.5"%20stroke-linecap="round"/></svg>');margin-left:12px} .pdp-redesign .pdp-subnav-section{display:block} .pdp-redesign .bread-crumbs{margin-top:16px} .rd-product-banner-app #product-highlights{padding-top:32px;padding-bottom:32px} .pdp-redesign .pdp-redesign-subnav.subnav2-0{margin:0} .mainContainWrap .pdp-redesign .subnav2-0{min-height:auto;max-height:45px} .mainContainWrap .pdp-redesign .subnav{min-height:auto;max-height:45px} .mainContainWrap .pdp-redesign .pdp-redesign-subnav #sticky-nav{min-height:auto;max-height:45px} .mainContainWrap .pdp-redesign .pdp-redesign-subnav #sticky-nav.mob-subnav-dropdown-open{min-height:auto;max-height:fit-content} .pdp-redesign .pdp-redesign-subnav #sticky-nav.sticky-head .subnav-item{font-weight:400} .pdp-redesign .pdp-redesign-subnav #productPageSubNavPricePipeSymbol-container{display:none} .pdp-redesign .pdp-redesign-subnav .pdp-buy-btn-link{max-height:45px} } @media screen and (min-width:912px) and (max-width:1380px){.pdp-redesign .compare-table thead th:first-child,.pdp-redesign .compare-table tbody th{min-width:131px} .pdp-redesign .compare-table thead th{min-width:180px} } .skeletonLoading,[v-cloak].box-skeleton .svgBox,[v-cloak].text-skeleton{position:relative;background-color:#e3e3e3;overflow:hidden} [v-cloak].box-skeleton .svgBox,[v-cloak].text-skeleton{background-image:none} .skeletonLoading::after,[v-cloak].box-skeleton .svgBox::after,[v-cloak].text-skeleton::after{display:block;content:"";position:absolute;width:90%;height:100%;padding-right:16px;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:skeletonLoading .8s infinite} .pdp-redesign .rd-modal-carousel button.splide__arrow{position:fixed;z-index:2} .pdp-redesign .rd-modal-carousel button.splide__arrow.splide__arrow--prev{left:24px} .pdp-redesign .rd-modal-carousel button.splide__arrow.splide__arrow--next{right:24px} .pdp-redesign .rd-modal-carousel.wd-modal,.pdp-redesign #single-image-carousel-modal.wd-modal{background-color:rgba(255,255,255,.95)} .pdp-redesign .product-color li.vc-active>.border-black{border-width:2px;border-color:#3696ff} @media(max-width:772){.pdp-redesign #updateProductGallery .wd-modal-dialog ul.splide__list li.splide__slide.is-active.is-visible{height:auto !important} } .pdp-redesign .digital-commerce-attributes .active p>strong{font-size:20px;margin-bottom:8px} .pdp-redesign .product-details-accordion .accordion-text-v1{margin-top:24px} @media(min-width:768px){.pdp-redesign .product-details-v1 .digital-commerce-attributes>.active .inheritPara{margin:0 -24px} } .pdp-redesign .product-details-v1 .digital-commerce-attributes>.active .inheritPara p{margin-bottom:24px;line-height:24px} .pdp-redesign .product-details-v1 .digital-commerce-attributes>.active .inheritPara p>strong{margin-bottom:8px;line-height:28px} .pdp-redesign .product-details .inheritPara{margin-top:16px} @media(min-width:768px){.pdp-redesign .digital-commerce-attributes .active p>strong{font-size:24px} .pdp-redesign .product-details-accordion .accordion-text-v1{margin-top:40px} } .pdp-product-title{font-size:32px;line-height:40px} @media(min-width:992px){.pdp-product-title{font-size:40px;line-height:48px} } .pdp-redesign .product-tech-specs-store .specs-two ul li:not(:last-child){margin-bottom:16px} .pdp-redesign .product-tech-specs-img{width:64px;height:64px} @media(min-width:992px){.pdp-redesign .product-tech-specs-store .specs-two ul li:not(:last-child){margin-bottom:24px} .pdp-redesign .product-tech-specs-img{width:80px;height:80px} } .rd-product-banner-app .product-details #buy-btn .pdp-product-titlel div.text-base{font-size:16px} .rd-sku-list .product-sku-list div[sku]{font-weight:300px} .rd-sku-list .product-sku-list div[sku] .text-grey-2{text-transform:lowercase} .splide.is-focus-in .splide__arrow:focus{outline:3px solid #b58409 !important} .rd-product-banner-app .product-tech-specs-store .prod-tech-spec-last-col{width:100%} body .show-for-loggedin{display:none} body .show-for-anonymous{display:none} body.user-logged-in.purchasable-catalog .show-for-loggedin{display:block} body.purchasable-catalog .show-for-anonymous{display:block} body.user-logged-in.purchasable-catalog .show-for-anonymous{display:none} body.en-in .show-for-loggedin{display:none} body.en-in .show-for-anonymous{display:none} .product-tech-specs-store .component-product-tech-specs-store ::marker{color:#007dd0} .pdp-redesign .disclosures{padding-left:0} .pdp-redesign .disclosures,.pdp-redesign .disclosures p{font-size:16px;margin-bottom:16px;color:#c3c3c3;line-height:18.75px} .pdp-redesign .disclosures p:last-child{margin-bottom:0} .pdp-redesign .qty-list>ul{border:1px solid #efefef} .pdp-redesign .qty-list li.qty-selected,.pdp-redesign .qty-list li.qty-selected:focus{outline:0;border:2px solid #000} .pdp-redesign .qty-list ul li:nth-child(odd){background:#efefef} .pdp-redesign .specs-one .inheritPara>ul{list-style:none;padding-left:0} .pdp-redesign .specs-two .inheritPara>ul>li>ul{margin-top:16px} .pdp-redesign .product-resource-carousel li{border:1px solid #c3c3c3;border-radius:20px} .pdp-redesign .product-resource-carousel li:first-child{background:#f7f7f7;border:0} .pdp-redesign .component-product-resource{padding-left:16px;padding-right:16px} @media(min-width:992px){.pdp-redesign .component-product-resource{margin-left:calc((100% - 992px) / 2)} } @media(min-width:1140px){.pdp-redesign .component-product-resource{margin-left:calc((100% - 1140px) / 2)} } @media(min-width:1464px){.pdp-redesign .component-product-resource{margin-left:calc((100% - 1464px) / 2)} } @media(max-width:767px){.pdp-redesign .product-resource-carousel .splide__slide{margin-bottom:16px} .pdp-redesign .product-resource-carousel .splide__slide:last-child{margin-bottom:0} .pdp-redesign .splide.product-resource-carousel{visibility:visible} .pdp-redesign .splide.product-resource-carousel ul.splide__list{display:block} } .pdp-redesign .product-resource-carousel.splide .splide__arrows{visibility:visible} .pdp-redesign .splide .splide__arrows>[disabled].splide__arrow{visibility:hidden} .pdp-redesign .store-product-wtb>.leading-none>span.pin-t-3:first-child{display:none} #store-product-bundle-promo{background:#ecf0fa} .pdp-redesign .product-bundle-product-image{width:80px;height:80px} .product-bundle-product select{width:167px} @media(min-width:992px){.product-bundle-product{width:167px} .pdp-redesign .product-bundle-product-image{width:100px;height:100px} } .product-bundle-product select{border:1px solid #dcdcdc;padding:10px 12px} .produt-bundle-component .product-bundle-title-section,.produt-bundle-component .product-bundle-products-section{border-color:#d8d8d8} .product-bundle-description a.wd-modal-btn:hover{color:#000} .mm-menu.mm-menu--offcanvas{width:0;top:50px;z-index:100;visibility:hidden !important;pointer-events:auto !important;-webkit-transition:all .4s ease;transition:all .4s ease} .mm-menu.mm-menu--offcanvas.mMenutoggleWidth{width:100%;visibility:visible !important} .mm-panel--opened .mm-navbar{display:flex;align-items:center;background-color:#f2f3f3;border:0} .mm-ocd.mm-ocd--left{top:50px} .mm-ocd.mm-ocd--left.mm-ocd--open .mm-ocd__content{width:100%} .mm-ocd.mm-ocd--left.mm-ocd--open .mm-ocd__content .mm-spn.mm-spn--light{background-color:#fff} .mm-ocd.mm-ocd--left.mm-ocd--open .mm-ocd__content .mm-spn.mm-spn--light li{color:#000;font-weight:400} .mm-spn li:after{border:0} .mm-spn a{padding:0} body:not(.deviceNavView).mm-ocd-opened nav{display:block !important} body.mob-visibleLoginFlyout .mm-ocd{z-index:100} .login-flyout{z-index:99 !important} .mm-ocd--open .mm-ocd__content{z-index:4} @media only screen and (max-width:991px){.desktop-search-container.h-full{position:relative;left:330px;bottom:40px} .mm-spn.mm-spn--navbar.mm-spn--main:after{display:none} .mm-spn li.nav-brand-logo:before,.mm-spn li.nav-brand-logo:after{content:none} .mm-spn li.nav-brand-logo{display:flex;justify-content:space-around;border-top:1px solid #e6e6e6;position:fixed;width:100%;bottom:0} .mm-spn li.nav-brand-logo>a{padding:1rem;text-align:center} .mm-spn li.nav-brand-logo>a:after{border:0} .mm-spn.mm-spn--navbar ul{top:calc(var(--mm-spn-item-height)1px);top:50px} .mm-spn.mm-spn--navbar.mm-spn--main:after{content:""} .mm-spn.mm-spn--navbar.mm-spn--main ul{top:0} .mm-spn.mm-spn--navbar:after{color:black;text-align:left;padding-left:48px;background:#f2f3f3;opacity:1} .mm-spn.mm-spn--navbar:before{opacity:1;z-index:1} .mm-spn.mm-spn--navbar ul:before{opacity:1;border-color:#f2f3f3;z-index:1} .deviceNavView .mm-ocd--open{width:100%;transition:width 1s} .mm-spn .nav-brand-logo a:not(:last-child){width:auto} .mm-spn ul{-webkit-transition-property:left;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease;-webkit-transition-delay:0;transition-property:left;transition-duration:.3s;transition-timing-function:ease;transition-delay:0} .mm-spn .list-reset.mm-spn--open li:before{opacity:1} #sticky-nav.sticky-head .subnav-item.active-subnav-item{display:block !important} .mainContainWrap #sticky-nav.mob-subnav-dropdown-open,.mainContainWrap #sticky-nav.sticky-stuck.mob-subnav-dropdown-open{max-height:fit-content} .subnav2-0 #sticky-nav{position:fixed} .mm-spn .mm-spn--open:not(.mm-spn--parent) li.border-grey-light:before{z-index:2} .mm-btn.mob-openLoginFlyout>span>span{padding:0;margin-top:3px} .mm-btn_next:after{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #000;border-bottom:0;border-right:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)} .mm-btn_next:after{inset-inline-end:23px} [dir="rtl"] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} #wdInterstitialb2cSignin.wd-modal,#wdInterstitialSupport.wd-modal,#wdInterstitialb2bBusiness.wd-modal,#wdInterstitialb2bSignin.wd-modal,#wdInterstitialb2bJoin.wd-modal,#wdInterstitialb2cJoin.wd-modal{z-index:104 !important} } @media only screen and (min-width:992px){.subnav2-0 .subnav-item ~ .slidingDiv{visibility:hidden} .subnav2-0 .subnav-item.active-subnav-item ~ .slidingDiv{visibility:visible} } .mm-wrapper{position:static} @media(max-height:420px){.mm-spn li.nav-brand-logo{position:relative} } .heroBannerCarousel .splide__arrow:focus{outline:#b58409 solid 3px} .heroBannerCarousel .splide__slide:focus{outline:#b58409 solid 3px;margin:0} .disabledOutine .heroBannerCarousel .splide__arrow:focus{outline:0} .disabledOutine .heroBannerCarousel .splide__slide:focus{outline:0} .middleMenu li{border:0} .splide__slide.is-active:focus{display:inline-block;margin:0} .splide.vertical-carousel .splide__slide.is-active:focus{display:block} .disabledOutine .slide-down,.disabledOutine .slide-up{outline:none !important} body:not(.disabledOutine) li:focus{outline:#b58409 solid 3px !important} @media(min-width:992px){.wd-modal-content .wd-modal-close:focus{outline:#b58409 solid 3px} .subnav2-0 #sticky-nav{position:fixed} body.brand .subnav2-0 #sticky-nav:not(.sticky-stuck){border-color:transparent} body [type="button"]:focus-visible,[type="reset"]:focus-visible,[type="submit"]:focus-visible,body button:focus-visible{outline:#b58409 solid 3px} } figure.zoom{background-position:50% 50%;position:relative;width:100%;height:100%;overflow:hidden;cursor:zoom-out} li.zoomContainer{cursor:zoom-in} _::-webkit-full-page-media,_:future,:root .carttotal a:focus{outline-offset:-2px} .mainContainWrap .subnav2-0{min-height:50px} @media(max-width:991px){body.brand .subnav2-0{margin:0} } .promo-carousel .splide__arrows .splide__arrow--prev,.promo-carousel-2-5 .splide__arrows .splide__arrow--prev{left:-10px} .promo-carousel .splide__arrows .splide__arrow--next,.promo-carousel-2-5 .splide__arrows .splide__arrow--next{right:-10px} .splide .splide__pagination__page{box-shadow:0 3px 6px rgba(0,0,0,0.29);border:.5px solid #6A6A6A80;margin:6px 4px;border-radius:4px;opacity:1;background-color:rgba(255,255,255,0.749);-webkit-transition:all .6es ease;transition:all .6s ease} .splide .splide__controls{width:fit-content;margin:0 auto} .splide .splide__controls .splide__pagination{bottom:auto;left:auto;position:relative;transform:none;width:auto;padding:0} .splide .splide__controls .splide__toggle{width:24px;height:24px;border-radius:12px;border:.5px solid transparent;display:flex;justify-content:center;align-items:center;-webkit-transition:all .3es ease;transition:all .3s ease} .splide .splide__controls button.splide__toggle:hover{background-color:rgba(255,255,255,0.749);box-shadow:0 3px 6px rgba(0,0,0,0.29);border-color:#6A6A6A80} .splide .splide__controls button.splide__toggle span{position:absolute;border:.5px solid transparent;border-radius:12px;font-size:12px;width:100px;padding:4px 12px;display:inline-flex;height:24px;justify-content:center;top:-8px;left:21px;align-items:center;line-height:12;visibility:hidden;color:transparent;-webkit-transition:all .3es ease;transition:all .3s ease} .splide button.splide__toggle:hover .splide__toggle__pause span{visibility:visible;background-color:rgba(255,255,255,0.749);box-shadow:0 3px 6px rgba(0,0,0,0.29);border-color:#6A6A6A80;color:#000} .splide button.splide__toggle:hover .splide__toggle__play span{visibility:visible;background-color:rgba(255,255,255,0.749);box-shadow:0 3px 6px rgba(0,0,0,0.29);border-color:#6A6A6A80;color:#000} .splide .splide__controls button.splide__toggle:hover svg,.splide .splide__controls button.splide__toggle:hover svg g{fill:rgba(0,0,0,0.749)} .splide .splide__toggle svg{display:block;fill:rgba(255,255,255,0.749);box-shadow:0 3px 6px rgba(0,0,0,0.29);-webkit-filter:drop-shadow(0 3px 6px rgba(0,0,0,.29));filter:drop-shadow(0 3px 6px rgba(0,0,0,.29))} .splide .splide__controls .splide__toggle__play{display:block} .splide .splide__controls .splide__toggle__pause{display:none} .splide .splide__controls .is-paused .splide__toggle__pause{display:none} .splide .splide__controls .is-paused .splide__toggle__play{display:block} .splide .splide__controls .splide__toggle__play,.splide .splide__controls .splide__toggle__pause{position:relative} @supports(-moz-appearance:none){.splide .splide__pagination li{line-height:.52} } .splide .splide__pagination__page.is-active{width:24px;transform:none;background-color:rgba(255,255,255,0.749)} .splide:not(.promo-carousel) button.splide__arrow{width:42px;height:42px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,0.29);opacity:.5;-webkit-transition:all .3s ease-out;transition:all .3s ease-out} .splide:not(.promo-carousel) button.splide__arrow:hover{opacity:.8} .splide:not(.promo-carousel) .splide__arrow svg{width:12px;height:12px} .splide:not(.promo-carousel) .splide__arrows{visibility:hidden;-webkit-transition:all .1s ease-out;transition:all .1s ease-out} .splide:hover .splide__arrows,.splide:focus-within .splide__arrows{visibility:visible} body:not(.disabledOutine){.splide .splide__arrows{visibility:visible} } .splide .splide__controls .splide__toggle{display:none} .splide.wd-hero-carousel .splide__controls .splide__toggle{display:flex} .splide.wd-hero-carousel .splide__controls .splide__toggle.hidden{display:none} .splide__arrow[disabled]{background-color:#ddd !important;pointer-events:none;opacity:.8} .splide__arrow[disabled] svg{fill:#b9b9b9;opacity:1} .txt-slid-up{position:relative;bottom:-24px;opacity:0;transition:all .6s ease} .is-active.is-visible .txt-slid-up{bottom:0;opacity:1} .dark-theme-pagination .splide .splide__pagination__page,.dark-theme-pagination .splide .splide__pagination__page.is-active{background-color:rgba(0,0,0,0.749);box-shadow:none;border:0} .dark-theme-pagination .splide .splide__toggle svg,.dark-theme-pagination .splide .splide__toggle svg g{fill:rgba(0,0,0,0.749)} .dark-theme-pagination .splide .splide__controls button.splide__toggle:hover{background-color:rgba(0,0,0,0.749);box-shadow:none;border:0} .dark-theme-pagination .splide .splide__controls button.splide__toggle:hover svg,.dark-theme-pagination .splide .splide__controls button.splide__toggle:hover svg g{fill:rgba(255,255,255,1)} body.brand .subnav2-0 .subnav-image-btn-img{right:16px;top:12px;left:auto} @media(min-width:991px){body.brand .subnav2-0 .subnav-image-btn-img{left:16px;right:auto;top:auto} } .aem-AuthorLayer-Edit .subnav2-0 #sticky-nav{position:relative} body.brand .product-cart .cartSignInBar .bg-blue{background-color:#000} body.brand .product-cart .mc-view-cart,body.brand .login-flyout .signInBTN{background-color:#000;border-color:#000} body.brand .product-cart .mc-checkout-cart,body.brand .login-flyout .signUpBTN{color:#000;border-color:#000} body.brand.sandisk .subnav2-0 .slidingDiv,body.brand.sandisk-professional .subnav2-0 .slidingDiv{background:#ed1c24} body.brand.sandisk .brand-dark-theme .subnav2-0 .subnav-item,body.brand.sandisk-professional .brand-dark-theme .subnav2-0 .subnav-item{color:#fff} body.brand.sandisk .subnav2-0 .subnav-image-btn-view,body.brand.sandisk-professional .subnav2-0 .subnav-image-btn-view{border-color:#ed1c24 !important;color:#ed1c24} body.brand.sandisk .brand-dark-theme .subnav2-0 #sticky-nav,body.brand.sandisk-professional .brand-dark-theme .subnav2-0 #sticky-nav{border-color:#000} body.brand.sandisk .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item,body.brand.sandisk-professional .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item{color:#ed1c24} @media(max-width:991px){body.brand.sandisk .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item a,body.brand.sandisk-professional .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item a{color:#fff} body.brand.sandisk .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item a:after,body.brand.sandisk-professional .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item a:after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20px'%20height='20px'%20viewBox='0%200%2024%2024'%20class='arrow%20md:hidden'%20fill='%23ffffff'%3E%3Cpath%20d='M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206l-6-6L7.41%208.59z'/%3E%3Cpath%20fill='none'%20d='M0%200h24v24H0V0z'/%3E%3C/svg%3E") !important} body.brand.sandisk .brand-dark-theme .subnav2-0 #sticky-nav.sticky-head .subnav-item,body.brand.sandisk-professional .brand-dark-theme .subnav2-0 #sticky-nav.sticky-head .subnav-item{border-bottom:1px solid rgba(255,255,255,0.2)} } @media(min-width:992px){body.brand.sandisk .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item,body.brand.sandisk-professional .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item{color:#ed1c24} body.brand.sandisk .productNavWrapper a:hover,body.brand.sandisk-professional .productNavWrapper a:hover{color:#ed1c24} body.brand.sandisk .login-flyout a:not(.btn):hover,body.brand.sandisk-professional .login-flyout a:not(.btn):hover{color:#ed1c24} } body.brand.sandisk .middleMenu .slidingDiv,body.brand.sandisk-professional .middleMenu .slidingDiv,body.brand.sandisk .carticon .nav-cart-count-placeholder,body.brand.sandisk-professional .carticon .nav-cart-count-placeholder{background:#ed1c24} body.brand.sandisk .productNavWrapper .title-style-blue-l-border,body.brand.sandisk-professional .productNavWrapper .title-style-blue-l-border{border-color:#ed1c24} body.brand.wd .subnav2-0 .slidingDiv{background:#ff7012} body.brand.wd .brand-dark-theme .subnav2-0 .subnav-item{color:#fff} body.brand.wd .brand-dark-theme .subnav2-0 .subnav-image-btn-view{border-color:#ff7012 !important;color:#ff7012} body.brand.wd .brand-dark-theme .subnav2-0 #sticky-nav{border-color:#000} body.brand.wd .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item{color:#ff7012} @media(max-width:991px){body.brand.wd .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item a{color:#fff} body.brand.wd .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item a:after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20px'%20height='20px'%20viewBox='0%200%2024%2024'%20class='arrow%20md:hidden'%20fill='%23ffffff'%3E%3Cpath%20d='M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206l-6-6L7.41%208.59z'/%3E%3Cpath%20fill='none'%20d='M0%200h24v24H0V0z'/%3E%3C/svg%3E") !important} body.brand.wd .brand-dark-theme .subnav2-0 #sticky-nav.sticky-head .subnav-item{border-bottom:1px solid rgba(255,255,255,0.2)} } @media(min-width:992px){body.brand.wd .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item{color:#ff7012} body.brand.wd .productNavWrapper a:hover{color:#ff7012} body.brand.wd .login-flyout a:not(.btn):hover{color:#ff7012} } body.brand.wd .middleMenu .slidingDiv,body.brand.wd .carticon .nav-cart-count-placeholder{background:#ff7012} body.brand.wd .productNavWrapper .title-style-blue-l-border{border-color:#ff7012} body.brand.wd .button svg{fill:#ff7012} body.brand.wd .store-tabview .active button{color:#ff7012;border-color:#ff7012} body.brand.wd-black .subnav2-0 .slidingDiv{background:#ff7012} body.brand.wd-black .brand-dark-theme .subnav2-0 .subnav-item{color:#fff} body.brand.wd-black .brand-dark-theme .subnav2-0 .subnav-image-btn-view{border-color:#ff7012 !important;color:#ff7012} body.brand.wd-black .brand-dark-theme .subnav2-0 #sticky-nav{border-color:#000} body.brand.wd-black .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item{color:#ff7012} @media(max-width:991px){body.brand.wd-black .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item a{color:#fff} body.brand.wd-black .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item a:after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20px'%20height='20px'%20viewBox='0%200%2024%2024'%20class='arrow%20md:hidden'%20fill='%23ffffff'%3E%3Cpath%20d='M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206l-6-6L7.41%208.59z'/%3E%3Cpath%20fill='none'%20d='M0%200h24v24H0V0z'/%3E%3C/svg%3E") !important} body.brand.wd-black .brand-dark-theme .subnav2-0 #sticky-nav.sticky-head .subnav-item{border-bottom:1px solid rgba(255,255,255,0.2)} } @media(min-width:992px){body.brand.wd-black .brand-dark-theme .subnav2-0 .subnav-item.active-subnav-item{color:#ff7012} body.brand.wd-black .productNavWrapper a:hover{color:#ff7012} body.brand.wd-black .login-flyout a:not(.btn):hover{color:#ff7012} } body.brand.wd-black .middleMenu .slidingDiv,body.brand.wd-black .carticon .nav-cart-count-placeholder{background:#ff7012} body.brand.wd-black .productNavWrapper .title-style-blue-l-border{border-color:#ff7012} body.brand.wd-black .button svg{fill:#ff7012} body.brand.wd-black .store-tabview .active button{color:#ff7012;border-color:#ff7012} body.business .subnav2-0 .slidingDiv{background:#824dd8} body.business #sticky-nav .subnav-item+.button>.btn{background:#824dd8;color:#fff;border-color:#824dd8} @media(min-width:992px){body.business #sticky-nav.sticky-stuck .link-cta.subnav-active-item,body.business #sticky-nav .link-cta.subnav-active-item{border-color:#824dd8;color:#824dd8} } html{background-color:#f6f6f6} body.page{max-width:1920px;margin:0 auto;background-color:#fff} .aem-AuthorLayer-Edit .wd-hero-carousel img.sm\:hidden{display:block} .mm-page{min-height:auto} .mm-menu .mm-panel:first-child .mm-listitem a{font-size:1.25rem} .mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding:0;line-height:22px} .mm-menu a{justify-content:start;white-space:nowrap} @media(max-width:768px){.hide-bg-image>.section-bg{background-image:none !important} } .mm-btn.mm-navbar__btn:focus-visible{outline:#b58409 solid 3px;height:18px;padding:5px;left:2px} .mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:#b58409 solid 3px !important} .mm-wrapper__blocker.mm-blocker{display:none} .mm-menu--opened .mm-panel{transition:all .4s ease} .mmenu-close-hamburger{z-index:2;width:18px;height:18px;position:fixed;top:7px;left:5px;padding:20px} .mm-wrapper--opened .mm-menu.mMenutoggleWidth{z-index:103} .deviceNavView.mm-wrapper--opened{width:100%} .mmenu-close-hamburgesr1{outline:none !important} .wd-card-carousel .splide__track.leftSpace,.wd-1col-carousel .splide__track.leftSpace,.wd-2col-carousel .splide__track.leftSpace,.wd-4col-carousel .splide__track.leftSpace,.wd-product-listing-carousel .splide__track.leftSpace,.relatedProduct .splide__track.leftSpace{padding-left:28% !important;padding-right:0 !important;transition:all .5s ease} .wd-card-carousel .splide__track.rightSpace,.wd-1col-carousel .splide__track.rightSpace,.wd-2col-carousel .splide__track.rightSpace,.wd-4col-carousel .splide__track.rightSpace,.wd-product-listing-carousel .splide__track.rightSpace,.relatedProduct .splide__track.rightSpace,.wd-1col-carousel .splide__track,.wd-2col-carousel .splide__track,.wd-4col-carousel .splide__track{padding-left:0 !important;padding-right:28% !important;transition:all .5s ease} @media(min-width:576px){.wd-card-carousel .splide__track.leftSpace,.wd-1col-carousel .splide__track.leftSpace,.wd-2col-carousel .splide__track.leftSpace,.wd-4col-carousel .splide__track.leftSpace,.wd-product-listing-carousel .splide__track.leftSpace,.relatedProduct .splide__track.leftSpace{padding-left:40% !important;padding-right:0 !important} .wd-card-carousel .splide__track.rightSpace,.wd-1col-carousel .splide__track.rightSpace,.wd-2col-carousel .splide__track.rightSpace,.wd-4col-carousel .splide__track.rightSpace,.wd-product-listing-carousel .splide__track.rightSpace,.relatedProduct .splide__track.rightSpace,.wd-1col-carousel .splide__track,.wd-2col-carousel .splide__track,.wd-4col-carousel .splide__track{padding-left:0 !important;padding-right:40% !important} } @media(min-width:768px){.wd-card-carousel .splide__track.leftSpace,.wd-1col-carousel .splide__track.leftSpace,.wd-2col-carousel .splide__track.leftSpace,.wd-4col-carousel .splide__track.leftSpace,.wd-product-listing-carousel .splide__track.leftSpace,.relatedProduct .splide__track.leftSpace{padding-left:28% !important;padding-right:0 !important} .wd-card-carousel .splide__track.rightSpace,.wd-1col-carousel .splide__track.rightSpace,.wd-2col-carousel .splide__track.rightSpace,.wd-4col-carousel .splide__track.rightSpace,.wd-product-listing-carousel .splide__track.rightSpace,.relatedProduct .splide__track.rightSpace,.wd-1col-carousel .splide__track,.wd-2col-carousel .splide__track,.wd-4col-carousel .splide__track{padding-left:0 !important;padding-right:28% !important} } @media(min-width:992px){.wd-card-carousel .splide__track.leftSpace,.wd-1col-carousel .splide__track.leftSpace,.wd-2col-carousel .splide__track.leftSpace,.wd-4col-carousel .splide__track.leftSpace,.wd-product-listing-carousel .splide__track.leftSpace,.relatedProduct .splide__track.leftSpace{padding-left:14% !important;padding-right:0 !important} .wd-card-carousel .splide__track.rightSpace,.wd-1col-carousel .splide__track.rightSpace,.wd-2col-carousel .splide__track.rightSpace,.wd-4col-carousel .splide__track.rightSpace,.wd-product-listing-carousel .splide__track.rightSpace,.relatedProduct .splide__track.rightSpace,.wd-1col-carousel .splide__track,.wd-2col-carousel .splide__track,.wd-4col-carousel .splide__track{padding-left:0 !important;padding-right:14% !important} } .header-2-5{color:white;z-index:1} .wd-header-2-5 .sign-in-2-5 .mob-openLoginFlyout{position:absolute;right:0;padding-right:16px;padding-top:16px} .wd-header-2-5 .nav-brand-logo{visibility:hidden} @media(max-width:991px){.mobile-nav-open .wd-header-2-5 .nav-brand-logo{position:fixed;bottom:0;display:flex;align-items:center;padding:14px 14px 14px 14px;z-index:100;visibility:visible;transition:all .4s ease;width:100%;height:48px} body.b2b.mobile-nav-open .wd-header-2-5 .nav-brand-logo.show-for-b2c{display:none} .wd-header-2-5 .mob-footer-banner{visibility:hidden;left:-100%} .mobile-nav-open .wd-header-2-5 .mob-footer-banner{position:fixed;z-index:100;bottom:3rem;visibility:visible;transition:all .3s ease;width:100%;left:0;min-height:120px} .mobile-nav-open .wd-header-2-5 .mob-footer-banner.hidden{display:none} .wd-header-2-5 .nav-brand-logo a{padding-right:14px} .wd-header-2-5 .middleMenu .dropDownItem{display:none;position:relative;flex-direction:column;text-align:left;font:normal normal normal 16px/21px Roboto;letter-spacing:0;color:#000;text-transform:capitalize;padding-left:16px;padding-right:16px;padding-bottom:14px;padding-top:14px} .wd-header-2-5 .mMenutoggleWidth .middleMenu .dropDownItem{display:block;width:100%;position:absolute} .wd-header-2-5 .mMenutoggleWidth .middleMenu .left-slide{display:flex;align-items:center} .wd-header-2-5 .middleMenu .left-slide{display:none} .wd-header-2-5 .mobile-nav-bar{height:100vh;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;width:0;top:50px;z-index:100;position:fixed;visibility:hidden !important;pointer-events:auto !important;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff} @media(max-height:420px){.wd-header-2-5 .mobile-nav-bar{height:calc(100vh - 48px)} .wd-header-2-5 .has-mob-footer-banner .mobile-nav-bar.mMenutoggleWidth{height:calc(100vh - 166px)} body.b2b .wd-header-2-5 .has-mob-footer-banner .mobile-nav-bar.mMenutoggleWidth{height:100vh} } .wd-header-2-5 .mobile-nav-bar.mMenutoggleWidth{top:0} .mobile-nav-open .wd-header-2-5 .hamburger-menu{top:0;margin-bottom:80px;z-index:103;position:fixed} .wd-header-2-5 .hamburger-menu .bar,.wd-header-2-5 .hamburger-menu .bar:after,.wd-header-2-5 .hamburger-menu .bar:before{height:1px} .mobile-nav-open .wd-header-2-5 .hamburger-menu .bar::before{width:17px} .mobile-nav-open .wd-header-2-5 .hamburger-menu .bar{width:17px} .mobile-nav-open .wd-header-2-5 .hamburger-menu .bar::after{width:17px} .wd-header-2-5 .hamburger-menu .bar::before{width:19px;bottom:7px} .wd-header-2-5 .hamburger-menu .bar{width:13px;top:-7px} .wd-header-2-5 .hamburger-menu .bar::after{width:8px;top:7px} .wd-header-2-5 .mobile-nav-bar.mMenutoggleWidth{width:100%;visibility:visible !important} .wd-header-2-5 .hamburger-menu{padding-left:16px;margin-bottom:0;transition:all .4s ease;z-index:11} .wd-header-2-5 .mobile-nav-bar .middleMenu li{position:relative;min-height:48px} .wd-header-2-5 .mobile-nav-bar .middleMenu .secondInheritWrapper li{min-height:auto} .wd-header-2-5 .mobile-nav-bar .middleMenu .secondInheritWrapper li a{min-height:48px} .dropDownItem::after{content:'';width:6px;height:6px;border:solid #000;border-width:0 1.5px 1.5px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;transition:all .4s ease;right:24px;top:19px} .dropDownItem.up-arrow::after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);top:19px} .dropDownContainer .left-slide:after{content:'';width:6px;height:6px;border:solid #000;border-width:0 1.5px 1.5px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;transition:all .4s ease;right:24px} ul.dropDownContainer.hidden{display:block} ul.dropDownContainer{position:relative;padding-top:16px;z-index:2;width:100%;max-height:0;margin:0;left:0;padding:0;margin-top:48px;margin-left:40px;color:#000;overflow:hidden;transition:max-height .3s ease-out} ul.dropDownContainer.fullWidth{max-height:500px} body:not(.has-header-container) .left-slide ul,.left-slide div.secondInheritWrapper{display:block;left:0;width:100%;height:calc(100vh - 80px);background-color:white;position:fixed;top:50px;margin-left:100%;transition:all .4s ease;z-index:1;overflow-y:scroll} .left-slide ul li{color:#000;margin:0;padding:0;margin-left:16px} .left-slide ul li:nth-child(2){margin-top:32px} body:not(.has-header-container) .left-slide ul.left,.left-slide .secondInheritWrapper.left{margin-left:0;transition:all .4s ease} .slide-left li{position:relative;top:15%;left:15%} @keyframes slide-left{from{margin-left:10%} to{margin-left:0} } .placeHolder{display:inline-block;width:100%;height:auto;padding:16px 0 16px 45px;background-color:#f2f3f3;color:#000;position:sticky;top:0;z-index:104} .placeHolder::before{content:'';width:6px;height:6px;border:solid #000;border-width:0 1.5px 1.5px 0;display:inline-block;padding:3px;transform:rotate(135deg);-webkit-transform:rotate(135deg);position:absolute;transition:all .4s ease;left:20px;margin-top:3px} .wd-header-2-5 .headerContainer .brand-logo-list-view{min-height:48px;width:100%;position:fixed;left:-100%;right:0;bottom:0;z-index:100;visibility:hidden !important;pointer-events:auto !important;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff} body.mobile-nav-open .wd-header-2-5 .headerContainer .brand-logo-list-view{left:0;visibility:visible !important} .wd-header-2-5 .headerContainer .brand-logo-list-view ul{min-height:40px} .wd-header-2-5 .headerContainer .brand-logo-list-view ul li{display:flex;align-items:center} .wd-header-2-5 .headerContainer .brand-logo-list-view ul li a{display:inline-block;background-position:center;background-repeat:no-repeat} .wd-header-2-5 .headerContainer .nav-promo-wrap{bottom:40px;position:fixed;visibility:hidden !important;pointer-events:auto !important;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease} body.mobile-nav-open .wd-header-2-5 .headerContainer .nav-promo-wrap{visibility:visible !important;opacity:1} body.mobile-nav-open.b2b .wd-header-2-5 .headerContainer .nav-promo-wrap{display:none} .wd-header-2-5 .headerContainer .brand-logo-wrap{position:absolute;width:100%;left:0;right:0;display:flex;justify-content:center;min-height:50px;align-items:center} body.mobile-nav-open .wd-header-2-5 .headerContainer .mobile-nav-div{height:100vh;width:100%;background:#fff} .wd-header-2-5 .headerContainer .closeBusiness{top:16px} .wd-header-2-5 .headerContainer .brand-logo-wrap a img{width:135px} .noncom-header .headerContainer .header-promo-bar{display:none} .mobile-nav-open .noncom-header .headerContainer .hamburger-menu{top:0} body.b2b .show-for-b2c+button.closeBusiness{display:none} .wd-header-2-5 .headerContainer .productNavWrapper a:hover{color:#000} } .wd-header-2-5 .headerContainer .brand-logo-list{min-height:auto} .wd-header-2-5 .header-2-5.dropdown{margin-left:-20px} .wd-header-2-5 svg.searchmag{display:none} .wd-header-2-5 svg.searchmag+svg#Search_Icon{display:block} .wd-header-2-5 #searchSummaryView{right:0} .wd-header-2-5 .searchSummaryViewInput~.btn-search{right:0} .wd-header-2-5 .searchSummaryViewInput.search-expanded~.svClearInput{right:48px} .wd-header-2-5 .searchSummaryViewInput.search-expanded{width:495px;padding-left:3rem;padding-right:6rem} .wd-header-2-5 .newCardWD{z-index:5;right:52px;top:21px;position:absolute} .wd-header-2-5 .carticon .nav-cart-count-placeholder{right:-6px;top:-6px;font-size:10px;width:18px;height:18px;font-weight:500} .wd-header-2-5 #openCartModal{background:transparent;position:relative;overflow:visible} .wd-header-2-5 #openCartModal>div{right:-28px;top:-13px;box-shadow:0 1px 4px rgba(0,0,0,0.29)} .wd-header-2-5 #openCartModal .cartTitleHeight{background-color:#fff} .wd-header-2-5 #openCartModal .cartTitleHeight .text-white{color:#000} .wd-header-2-5 #openCartModal .cartTitleHeight .closeCart svg>path{stroke:black} .wd-header-2-5 .login-flyout{top:6px} .wd-header-2-5 .login-flyout .login-tabs{overflow-y:auto;max-height:calc(100vh - 56px)} .wd-header-2-5 .commerce-user-info .login-btn-trigger{position:absolute;top:20px;right:96px} .b2b .wd-header-2-5 .btn-search-SummaryView{background-color:transparent} .b2b .wd-header-2-5 .newCartIcon>svg{fill:#000} @media only screen and (max-width:991px){.header-2-5.dropdown{display:none} .wd-header-2-5 .promo-carousel .splide__slider .splide__slide,.wd-header-2-5 .promo-carousel-2-5 .splide__slider .splide__slide{display:flex;align-items:center;justify-content:center;padding:0} .wd-header-2-5 .custSearchWrap .searchSummaryViewInput~.btn-search{right:0} .wd-header-2-5 .newCardWD{top:-32px;right:42px} .wd-header-2-5 .mobile-nav-bar .middleMenu>li:nth-child(2){margin-top:48px} .wd-header-2-5 .sign-in-2-5{position:fixed;top:0;left:0;width:100%;z-index:3} body.mobile-nav-open{overflow:hidden} .wd-header-2-5 .mob-brand-logo{position:absolute;top:20px;margin-left:0;left:50%} body.b2b .wd-header-2-5 .mob-brand-logo{top:13px} body.deviceNavView .wd-header-2-5 .login-flyout{right:0;z-index:103 !important} } .mm-wrapper--opened{overflow-y:visible !important;overflow-y:hidden} .mMenutoggleWidth .mm-listview{opacity:1} @media(max-width:767px){.wd-header-2-5 #openCartModal{background-color:rgba(255,255,255,.9)} } @media(max-width:991px){.wd-header-2-5 #openCartModal{position:fixed;width:100%;height:100%;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition-timing-function:ease-in;transition:.3s;display:block;overflow:scroll} body.mob-minicart-open .wd-header-2-5 #openCartModal{z-index:102;margin-top:0;transition:.3s;transition-timing-function:ease-out;-webkit-transform:translateY(0);transform:translateY(0);opacity:1;top:0} .wd-header-2-5 #openCartModal>div{right:0;top:0} .mob-minicart-open .wd-header-2-5 .hamburger-menu{z-index:0} .closeBusiness{position:absolute;top:8px;right:8px;height:24px;width:24px} .mobile-nav-open .wd-header-2-5 .wd-header-2-5-noncom .hamburger-menu{margin-bottom:0} #openCartModal.hidden a,#openCartModal.hidden button{display:none} .commerce-user-info .login-btn-trigger{display:none} } @media(min-width:992px){.wd-header-2-5 .productNavWrapper{opacity:1;visibility:visible;transition:all .3s ease} .wd-header-2-5 .productNavWrapper.hidden{opacity:0;display:block !important;z-index:1;visibility:hidden} .aem-AuthorLayer-Edit .wd-header-2-5 nav.navContainer .productNavWrapper.hidden{display:none !important} .wd-header-2-5 nav.navContainer .productNavWrapper{position:fixed;max-width:1920px;margin:0 auto} .wd-header-2-5 nav.navContainer .productNavWrapper.megaMenuOpen{position:absolute;left:57%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,0);width:100vw;overflow:hidden} body.has-header-container{overflow-x:hidden} .wd-header-2-5 nav.navContainer .productNavWrapper{display:none !important} .wd-header-2-5 nav.navContainer .productNavWrapper.megaMenuOpen{display:block !important} } @media(min-width:992px){.wd-header-2-5 nav.navContainer .productNavWrapper.megaMenuOpen{left:50%} } .wd-header-2-5 .searchSummaryViewInput{display:block;transition:opacity .3s ease;transition-delay:.1s;padding-left:12px;padding-right:12px} .wd-header-2-5 .searchSummaryViewInput~.btn-search{right:0;transition:right .2s ease} .wd-header-2-5 .searchSummaryViewInput.search-expanded ~ .btn-search{left:unset;right:93%} .wd-header-2-5 .search-main.z-20{background:#fff} @media(max-width:991px){.wd-header-2-5 .custSearchWrap .searchSummaryViewInput.search-expanded ~ .btn-search{right:95%} .wd-header-2-5 .searchSummaryViewInput.search-expanded{width:100%} } @media(max-width:768px){.wd-header-2-5 .custSearchWrap .searchSummaryViewInput.search-expanded ~ .btn-search{right:93%} } @media(max-width:540px){.wd-header-2-5 .custSearchWrap .searchSummaryViewInput.search-expanded ~ .btn-search{right:88%} } @media(max-width:991px){.wd-header-2-5 .wd-header-2-5-noncom .our-brands-bar-noncom{display:none} } .variant-category-container .active-variant-axis button.active{background-color:#000;color:#fff} .video.section-bg-video-view{height:100%;min-height:400px} .video.section-bg-video-view>div:first-child,.video.section-bg-video-view>div:first-child>.sbgv-main{height:100%;min-height:inherit} .view-sbgv-main{height:100%} .audioToggle-btn .sbgv_toggle_unmute,.audioToggle-btn .sbgv_toggle_mute{display:none} .audioToggle-btn.audio-is-active .sbgv_toggle_mute{display:flex;justify-content:center} .audioToggle-btn:not(.audio-is-active) .sbgv_toggle_unmute{display:flex;justify-content:center} .view-sbgv-main>div:first-child,.view-sbgv-main>div:first-child>.sbgv-main{height:100%;min-height:inherit} .sbgv-video,.sbgv-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center} .sbgv-text-contain{height:100%;min-height:inherit} @media(min-width:992px){.sbgv-img{display:none} } @media(max-width:992px){.sbgv-img+.sbgv-video,.sbgv-img+.sbgv-video+.sbgv_video_controls{display:none} } .sbgv_video_controls .sbgv_toggle_play{display:block} .pausePlay-btn.sbgv-is-active .sbgv_toggle_pause{display:inline} .sbgv-pausePlay-btn.sbgv-is-active .sbgv_toggle_pause{display:inline} .sbgv_video_controls .sbgv_toggle_pause{display:none} .pausePlay-btn.sbgv-is-active .sbgv_toggle_play,.sbgv_toggle_pause{display:none} .sbgv-pausePlay-btn.sbgv-is-active .sbgv_toggle_play,.sbgv_toggle_pause{display:none} .sbgv_video_controls button.pausePlay-btn:hover svg,.sbgv_video_controls button.pausePlay-btn:hover svg g{fill:rgba(0,0,0,0.749)} .sbgv_video_controls button.sbgv-pausePlay-btn:hover svg,.sbgv_video_controls button.sbgv-pausePlay-btn:hover svg g{fill:rgba(0,0,0,0.749)} .sbgv_video_controls button.pausePlay-btn:hover svg,.sbgv_video_controls button.pausePlay-btn:hover svg g{fill:rgba(0,0,0,0.749)} .sbgv_video_controls button.sbgv-pausePlay-btn:hover svg,.sbgv_video_controls button.sbgv-pausePlay-btn:hover svg g,.sbgv_video_controls button.audioToggle-btn:hover svg,.sbgv_video_controls button.audioToggle-btn:hover svg path{fill:rgba(0,0,0,1)} .pausePlay-btn svg{display:block;fill:rgba(255,255,255,0.749);box-shadow:0 3px 6pxrgba(0,0,0,0.29);-webkit-filter:drop-shadow(0 3px 6px rgba(0,0,0,.29));filter:drop-shadow(0 3px 6px rgba(0,0,0,.29))} .sbgv-pausePlay-btn svg,.audioToggle-btn svg{display:block;fill:rgba(255,255,255,0.749);box-shadow:0 3px 6pxrgba(0,0,0,0.29);-webkit-filter:drop-shadow(0 3px 6px rgba(0,0,0,.29));filter:drop-shadow(0 3px 6px rgba(0,0,0,.29))} .sbgv_video_controls button.pausePlay-btn:hover{background-color:rgba(255,255,255,0.749);box-shadow:0 3px 6pxrgba(0,0,0,0.29);border-color:#6A6A6A80} .sbgv_video_controls button.sbgv-pausePlay-btn:hover,.sbgv_video_controls button.audioToggle-btn:hover{background-color:rgba(255,255,255,0.749);box-shadow:0 3px 6pxrgba(0,0,0,0.29);border-color:#6A6A6A80} .sbgv_video_controls .pausePlay-btn{width:24px;height:24px;border-radius:12px;border:.5px solid transparent;display:flex;justify-content:center;align-items:center;-webkit-transition:all .3es ease;transition:all .3s ease} .sbgv_video_controls .sbgv-pausePlay-btn,.sbgv_video_controls .audioToggle-btn{width:24px;height:24px;border-radius:12px;border:.5px solid transparent;display:flex;justify-content:center;align-items:center;-webkit-transition:all .3es ease;transition:all .3s ease;position:relative} button.pausePlay-btn:hover .sbgv_toggle_pause span{visibility:visible;background-color:rgba(255,255,255,0.749);box-shadow:0 3px 6px rgb(0 0 0 / 29%);border-color:#6A6A6A80;color:#000} button.sbgv-pausePlay-btn:hover .sbgv_toggle_pause span,button.audioToggle-btn:hover .sbgv_toggle_unmute span{visibility:visible;background-color:rgba(255,255,255,0.749);box-shadow:0 3px 6px rgb(0 0 0 / 29%);border-color:#6A6A6A80;color:#000} button.pausePlay-btn:hover .sbgv_toggle_play span{visibility:visible;background-color:rgba(255,255,255,0.749);box-shadow:0 3px 6px rgb(0 0 0 / 29%);border-color:#6A6A6A80;color:#000} button.sbgv-pausePlay-btn:hover .sbgv_toggle_play span,button.audioToggle-btn:hover .sbgv_toggle_mute span{visibility:visible;background-color:rgba(255,255,255,0.749);box-shadow:0 3px 6px rgb(0 0 0 / 29%);border-color:#6A6A6A80;color:#000} .sbgv_video_controls button.pausePlay-btn span{position:absolute;border:.5px solid transparent;border-radius:12px;font-size:12px;width:100px;padding:4px 12px;display:inline-flex;height:24px;justify-content:center;top:0;right:28px;align-items:center;line-height:12;visibility:hidden;color:transparent;-webkit-transition:all .3es ease;transition:all .3s ease} .sbgv_video_controls button.sbgv-pausePlay-btn span,.sbgv_video_controls button.audioToggle-btn span{position:absolute;border:.5px solid transparent;border-radius:12px;font-size:12px;width:100px;padding:4px 12px;display:inline-flex;height:24px;justify-content:center;top:0;right:28px;align-items:center;line-height:12;visibility:hidden;color:transparent;-webkit-transition:all .3es ease;transition:all .3s ease} .sbgv_video_controls button.audioToggle-btn span{width:auto} @media(max-width:991px){.cartItemsWrap{height:calc(100vh - 286px);max-height:100% !important} .cartItemsWrap.promoViewWrap{height:calc(100vh - 159px)} .cr-product-list{height:calc(100vh - 279px) !important;max-height:100% !important} .wd-header-2-5-noncom .hamburger-menu[aria-expanded="true"]{position:fixed;top:0;left:0;overflow:hidden;background-color:white;width:100%} } @media(max-width:767px){.cartItemsWrap{height:calc(100vh - 348px);max-height:100% !important} .cartItemsWrap.promoViewWrap{height:calc(100vh - 224px)} .cr-product-list{height:calc(100vh - 323px) !important;max-height:100% !important} } @media(max-height:420px){.cartItemsWrap{max-height:100% !important;height:auto} .cr-product-list{height:auto !important} .cartItemsWrap.promoViewWrap{height:auto} } .skeletonLoading{position:relative;background-color:#e3e3e3;overflow:hidden} .skeletonLoading::after{display:block;content:"";position:absolute;width:90%;height:100%;padding-right:16px;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:skeletonLoading .8s infinite} @keyframes skeletonLoading{100%{transform:translateX(100%)} } @media(max-width:766px){.skeletonCardHide{display:none} .skeletonCardWidth{width:44.77%} } @media(min-width:767px){.skeletonCardWidth{width:calc(((100% + 16px) / 5) - 16px)} .skeletonCardAspect{aspect-ratio:1 / 1} } [v-cloak].text-skeleton{background:#ccc;display:inline-block !important;color:transparent} [v-cloak].box-skeleton{display:flex !important} [v-cloak].box-skeleton .svgBox{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%3E%3Crect%20width='50'%20height='50'%20fill='%23cccccc'/%3E%3C/svg%3E");background-repeat:no-repeat no-repeat;background-position:center center;background-size:cover;height:57px;width:74px;display:flex !important;margin-right:16px} [v-cloak].box-skeleton .svgColorBox{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%3E%3Crect%20width='50'%20height='50'%20fill='%23cccccc'/%3E%3C/svg%3E");background-repeat:no-repeat no-repeat;background-position:center center;background-size:cover;height:40px;width:40px;display:flex !important;margin-right:16px} .svgColorBox i{width:inherit} .box-skeleton{display:none} @media(min-width:992px){.left-filter-container{position:sticky;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 85px)} .aem-AuthorLayer-Edit .left-filter-container{height:auto} .clp-selected-filters-wrap{position:relative;left:5px} .login-btn-trigger span:first-child{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;width:auto} } .overflow-hidden .wd-header-2-5 .desktop-nav-wrap .newCardWD,.overflow-hidden .wd-header-2-5 .newCardWD{z-index:0} .overflow-hidden .wd-header-2-5 .desktop-nav-wrap #searchSummaryView,.overflow-hidden .wd-header-2-5 #searchSummaryView{z-index:0} .left-filter-container .clp-nav-item-warp .clp-nav-item{padding-right:10px;position:relative;left:5px} .left-filter-container .clp-filters-wrap .clp-filters-item,.filterTitle{padding-right:10px;position:relative;left:5px} @media(max-width:450px){.mob-shopBy-btn{margin-right:0} .sortByFilter{margin-left:0} } .productListItem .leading-tight{padding-bottom:0} .productListItem .bv_main_container{margin-top:16px !important} .header-2-5{min-height:40px} .subnav{min-height:50px} @media only screen and (max-width:991px){.subnav2-0 #sticky-nav{bottom:auto} .wd-header-2-5 .promo-carousel .splide__slider .splide__slide,.wd-header-2-5 .promo-carousel-2-5 .splide__slider .splide__slide{min-height:40px} .disable-splide-mobile.ng-cloak{visibility:visible} .disable-splide-mobile .splide__list{display:block} .disable-splide-mobile .splide__controls{display:none} .sortByFilter{min-width:90px} .mob-filters-btn{white-space:nowrap} .filterItemWrap{height:calc(100vh - 158.34px);overflow-y:auto} } .accordion-body.hidden li{max-height:0;padding:0;margin:0;opacity:0} .product-price-col,.product-price-col span{font-size:14px !important} .capacity-col{margin-bottom:8px} .productListItem .leading-tight.green-promotion-text{margin-top:16px;padding-top:0} .promo-carousel-2-5 .splide__list{height:auto} .promo-carousel-2-5 .splide__arrow{background:0} .promo-carousel-2-5 .splide__arrow svg{height:10px;width:10px} .promo-carousel-2-5 li.promo-slides{height:40px} .wd-header-2-5 .headerContainer .promo-carousel .splide__arrow{background:#ccc;border-radius:25px} .wd-header-2-5 .headerContainer .promo-carousel .splide__arrow:focus{outline:3px solid #b58409} .aem-AuthorLayer-Edit .header-2-5{max-height:100%} .header-2-5 .promo-carousel .splide__arrows{display:none} @media(min-width:992px){.brand-logo-list{min-height:40px} .dropdown{display:inline-block;position:absolute} .dd-button{display:inline-block;padding:12px 30px 12px 20px;cursor:pointer;white-space:nowrap;font-size:14px} .dd-button:after{content:'';background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20px'%20height='20px'%20viewBox='0%200%2024%2024'%20class='arrow%20md:hidden'%20style='%26%2310%3B%20fill:%20white%3B%26%2310%3B'%3E%3Cpath%20d='M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206l-6-6L7.41%208.59z'/%3E%3Cpath%20fill='none'%20d='M0%200h24v24H0V0z'/%3E%3C/svg%3E");position:absolute;background-repeat:no-repeat;background-position:center center;transition:.2s ease-out;width:20px;height:20px;top:10px;right:8px} .dd-button.dropDownOpen:after{transform:rotate(180deg)} .dd-menu{position:absolute;padding:0;margin:0;box-shadow:0 0 6px 0 rgba(0,0,0,0.1);background-color:#2b2b2b;list-style-type:none;width:100%;display:none} .dd-button+.dd-menu{display:block;max-height:0;overflow:hidden;transition:max-height .3s ease-out} .dropDownOpen~.dd-menu{background-color:#2b2b2b;top:100%;max-height:500px} .dd-menu li{cursor:pointer;display:flex;border-bottom:1px solid #3e3e3e} .dd-menu li a{display:inline-block;text-align:center;width:100%;box-shadow:0 1px 4px rgba(0,0,0,0.20);padding:10px 0 10px 0;white-space:nowrap;height:36px;background-repeat:no-repeat;background-position:center} .dd-menu li.divider{padding:0;border-bottom:1px solid #ccc;border-bottom:.5px solid lightgray;opacity:.2} .dd-menu li a:hover{background-color:#313131} .brand-wd-logo a{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='WD_Logo'%20data-name='WD%20Logo'%20transform='translate(27.225%206)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(-27.225%20-6)'%20fill='none'/%3e%3cpath%20id='path818'%20d='M5387.45,4780.667a1.449,1.449,0,0,1-1.451,1.449h-20.4a1.448,1.448,0,0,1-1.45-1.449v-10.693a1.45,1.45,0,0,1,1.45-1.448H5386a1.451,1.451,0,0,1,1.451,1.448v10.693'%20transform='translate(-5364.148%20-4768.526)'%20fill='%23fff'/%3e%3cg%20id='Group_19756'%20data-name='Group%2019756'%20transform='translate(2.913%203.113)'%3e%3cpath%20id='path822'%20d='M5774.058,4888.953l.539-1.568h-2.12l-.5,1.568h2.08'%20transform='translate(-5764.209%20-4887.358)'/%3e%3cpath%20id='path824'%20d='M5628.081,4888.953l-.166-1.568h-1.621l-.828,1.568h2.615'%20transform='translate(-5621.639%20-4887.358)'/%3e%3cpath%20id='path826'%20d='M5490.785,4959.994l-.8,2.508-.268-2.541-2.932-.107-1.317,2.489.374-2.524-2.036-.068-.592,5.324h2.8l2.136-4.323.435,4.323h2.514l1.725-5.008-2.039-.073'%20transform='translate(-5483.216%20-4957.852)'/%3e%3cpath%20id='path828'%20d='M5508.821,4887.922l.235-1.6h-2.119l-.176,1.59,2.06.006'%20transform='translate(-5506.128%20-4886.327)'/%3e%3cpath%20id='path830'%20d='M5805.863,4887.385h-4.009l-.522,1.521h3.616a1.231,1.231,0,0,1,1.15,1.795,2.776,2.776,0,0,1-2.483,1.8,4.2,4.2,0,0,1-.81.011l.987-2.821-2.7-.094-1.663,4.842h4.007a5.54,5.54,0,0,0,4.906-3.524,2.479,2.479,0,0,0-2.481-3.53'%20transform='translate(-5790.921%20-4887.299)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")} .brand-wd-logo a:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='WD_Logo'%20data-name='WD%20Logo'%20transform='translate(27.225%206)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(-27.225%20-6)'%20fill='none'/%3e%3cpath%20id='path818'%20d='M5387.45,4780.667a1.449,1.449,0,0,1-1.451,1.449h-20.4a1.448,1.448,0,0,1-1.45-1.449v-10.693a1.45,1.45,0,0,1,1.45-1.448H5386a1.451,1.451,0,0,1,1.451,1.448v10.693'%20transform='translate(-5364.148%20-4768.526)'%20fill='%23FF8200'/%3e%3cg%20id='Group_19756'%20data-name='Group%2019756'%20transform='translate(2.913%203.113)'%20style='&%2310;%20fill:%20%23fff;&%2310;'%3e%3cpath%20id='path822'%20d='M5774.058,4888.953l.539-1.568h-2.12l-.5,1.568h2.08'%20transform='translate(-5764.209%20-4887.358)'/%3e%3cpath%20id='path824'%20d='M5628.081,4888.953l-.166-1.568h-1.621l-.828,1.568h2.615'%20transform='translate(-5621.639%20-4887.358)'/%3e%3cpath%20id='path826'%20d='M5490.785,4959.994l-.8,2.508-.268-2.541-2.932-.107-1.317,2.489.374-2.524-2.036-.068-.592,5.324h2.8l2.136-4.323.435,4.323h2.514l1.725-5.008-2.039-.073'%20transform='translate(-5483.216%20-4957.852)'/%3e%3cpath%20id='path828'%20d='M5508.821,4887.922l.235-1.6h-2.119l-.176,1.59,2.06.006'%20transform='translate(-5506.128%20-4886.327)'/%3e%3cpath%20id='path830'%20d='M5805.863,4887.385h-4.009l-.522,1.521h3.616a1.231,1.231,0,0,1,1.15,1.795,2.776,2.776,0,0,1-2.483,1.8,4.2,4.2,0,0,1-.81.011l.987-2.821-2.7-.094-1.663,4.842h4.007a5.54,5.54,0,0,0,4.906-3.524,2.479,2.479,0,0,0-2.481-3.53'%20transform='translate(-5790.921%20-4887.299)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")} .brand-sandisk-logo a{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='Sandisk_Logo'%20data-name='Sandisk%20Logo'%20transform='translate(14%207.1)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(-14%20-7.1)'%20fill='none'/%3e%3cpath%20id='Path_1'%20data-name='Path%201'%20d='M30.754,1H29.068a.47.47,0,0,0-.2.4c0,.339.2.415.2.415h1.5c2.172,0,3.536,1.357,3.536,4.014,0,2.868-1.347,4.113-3.735,4.113H29.4a.311.311,0,0,1-.269-.251c0-.535-.006-3.894-.006-4.178,0-1.382-1.013-2.143-2.658-2.143a2.518,2.518,0,0,0-2.342,1.251V3.753a.189.189,0,0,0-.211-.2H21.135a.561.561,0,0,0-.181.415.458.458,0,0,0,.181.4h.621a.372.372,0,0,1,.339.357v4.97a.3.3,0,0,1-.258.235h-.6l-.275.71c1.809,0,3.969.006,3.969.006a.506.506,0,0,0,.143-.377.438.438,0,0,0-.134-.344h-.469a.238.238,0,0,1-.246-.219V5.834A2.22,2.22,0,0,1,26,4.262.942.942,0,0,1,26.969,5.3c0,.322-.006,3.786-.006,4.353a.264.264,0,0,1-.234.273h-.562a.414.414,0,0,0-.158.344.495.495,0,0,0,.158.377h4.666c4.648,0,5.848-2.6,5.848-4.817C36.7,2.344,34.1,1,30.754,1Z'%20transform='translate(-6.225%20-0.997)'%20fill='%23fff'/%3e%3cpath%20id='Path_2'%20data-name='Path%202'%20d='M18.613,10.661c-.505-.05-.564-.331-.576-.643V6.176a2.05,2.05,0,0,0-.714-1.607,3.831,3.831,0,0,0-2.338-.624,8.328,8.328,0,0,0-2.678.381c-.094.033-.117.116-.117.232,0,.392-.006.607-.006,1.06a.143.143,0,0,0,.143.149h.441a.327.327,0,0,0,.246-.133,2.813,2.813,0,0,1,.782-.674,2.119,2.119,0,0,1,.94-.243,1.135,1.135,0,0,1,1.2,1.26V7.049c-3.207-.176-4.523.714-4.523,2.132a2.2,2.2,0,0,0,2.361,2.3,2.8,2.8,0,0,0,2.3-.961c.094.508.412.857.834.857h1.674l.276-.718ZM15.94,9.6a1.934,1.934,0,0,1-1.429.74c-.74,0-1.152-.342-1.152-1.116,0-.889.447-1.381,2.579-1.381Z'%20transform='translate(-3.564%20-1.836)'%20fill='%23fff'/%3e%3cpath%20id='Path_3'%20data-name='Path%203'%20d='M47.626,10.941l-.869.006a.182.182,0,0,1-.079-.008.184.184,0,0,1-.068-.041.182.182,0,0,1-.056-.144s-.006-5.77-.006-5.94-.064-.28-.273-.28H43.6a.543.543,0,0,0,0,.807l.748.006a.1.1,0,0,1,.1.068.1.1,0,0,1,0,.042c0,.071-.006,5.282-.006,5.282a.214.214,0,0,1-.2.2h-.857a.4.4,0,0,0-.162.346.513.513,0,0,0,.162.368h4.25a.593.593,0,0,0,.139-.379.453.453,0,0,0-.146-.336Z'%20transform='translate(-12.518%20-2.006)'%20fill='%23fff'/%3e%3cpath%20id='Path_4'%20data-name='Path%204'%20d='M3.855,4.5C2.433,4.033,2.141,3.642,2.141,3.09,2.141,2.5,2.72,1.9,3.962,1.9a2.593,2.593,0,0,1,1.31.391,2.513,2.513,0,0,1,.842.919.214.214,0,0,0,.143.091h.455c.067-.005.09-.043.09-.118,0-.305.006-1.125.006-1.607a.194.194,0,0,0-.154-.181A8.676,8.676,0,0,0,3.882,1C1.855,1,.5,2.1.5,3.779c0,1.648,1.316,2.345,3.036,2.849,1.085.316,2.373.749,2.373,1.767C5.907,9,5.322,9.7,4.152,9.7A2.516,2.516,0,0,1,2.319,9.06a4.421,4.421,0,0,1-.984-1.28c-.034-.08-.09-.155-.163-.155H.65A.132.132,0,0,0,.6,7.637a.132.132,0,0,0-.075.138V9.649a.276.276,0,0,0,.124.225,7.287,7.287,0,0,0,3.429.771A3.21,3.21,0,0,0,7.532,7.428C7.527,5.305,5.486,5.038,3.855,4.5Z'%20transform='translate(-0.497%20-0.996)'%20fill='%23fff'/%3e%3cpath%20id='Path_5'%20data-name='Path%205'%20d='M53.386,7.237c-1.673-.357-2.015-.614-2.015-1.127,0-.437.436-.9,1.307-.9a2.611,2.611,0,0,1,2.046.972.251.251,0,0,0,.227.105h.411a.106.106,0,0,0,.114-.094V4.926a.2.2,0,0,0-.158-.2,11.3,11.3,0,0,0-2.658-.276c-1.415,0-2.949.707-2.949,2.233,0,1.3,1.206,2.012,2.242,2.261,1.762.414,2.267.636,2.267,1.294,0,.572-.512.912-1.4.912A2.533,2.533,0,0,1,50.61,9.554c-.076-.105-.126-.143-.209-.143-.247-.006-.492,0-.562,0a.129.129,0,0,0-.143.133v1.495c0,.116.183.243.183.243a6.585,6.585,0,0,0,1.08.448,6.248,6.248,0,0,0,1.875.254c2.078,0,3.072-1.127,3.072-2.443C55.9,8.337,55.127,7.6,53.386,7.237Z'%20transform='translate(-14.332%20-1.981)'%20fill='%23fff'/%3e%3cpath%20id='Path_6'%20data-name='Path%206'%20d='M45.114,2.675h2.03a.208.208,0,0,0,.221-.139l.467-1.363c.039-.116-.043-.174-.16-.174H45.545a.19.19,0,0,0-.191.143L44.96,2.4C44.911,2.554,44.985,2.675,45.114,2.675Z'%20transform='translate(-13.01%20-0.997)'%20fill='%23fff'/%3e%3cpath%20id='Path_7'%20data-name='Path%207'%20d='M67.3,9.941a1.157,1.157,0,0,1-1.005-.414C66.2,9.4,63.811,5.972,63.759,5.89a3.816,3.816,0,0,1,1.452-1.336,3.954,3.954,0,0,1,1.5-.305c.006,0,.116-.087.116-.338a.448.448,0,0,0-.122-.349H64.314a.41.41,0,0,0-.291.174c-.052.071-1.935,2.606-2.435,3.286V1.25A.242.242,0,0,0,61.319,1h-3a.443.443,0,0,0-.143.349.52.52,0,0,0,.143.371h.973a.147.147,0,0,1,.169.169V9.756c0,.114-.058.169-.143.169H58.39a.477.477,0,0,0-.151.349.559.559,0,0,0,.151.371l4.009-.006a.709.709,0,0,0,.111-.371.566.566,0,0,0-.111-.344h-.658a.158.158,0,0,1-.113-.049.157.157,0,0,1-.034-.053.159.159,0,0,1-.011-.062V7.935c.186-.185.529-.512.572-.556a.2.2,0,0,1,.319.027c.081.12,1.6,2.312,1.639,2.372.071.109.029.158-.058.158l-.477.006a.686.686,0,0,0-.116.349.733.733,0,0,0,.1.349l4,.006A.6.6,0,0,0,67.7,10.3a.616.616,0,0,0-.143-.357S67.437,9.941,67.3,9.941Z'%20transform='translate(-16.696%20-0.997)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e")} .brand-sandisk-logo a:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='Sandisk_Logo'%20data-name='Sandisk%20Logo'%20transform='translate(14%207.1)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(-14%20-7.1)'%20fill='none'/%3e%3cpath%20id='Path_1'%20data-name='Path%201'%20d='M30.754,1H29.068a.47.47,0,0,0-.2.4c0,.339.2.415.2.415h1.5c2.172,0,3.536,1.357,3.536,4.014,0,2.868-1.347,4.113-3.735,4.113H29.4a.311.311,0,0,1-.269-.251c0-.535-.006-3.894-.006-4.178,0-1.382-1.013-2.143-2.658-2.143a2.518,2.518,0,0,0-2.342,1.251V3.753a.189.189,0,0,0-.211-.2H21.135a.561.561,0,0,0-.181.415.458.458,0,0,0,.181.4h.621a.372.372,0,0,1,.339.357v4.97a.3.3,0,0,1-.258.235h-.6l-.275.71c1.809,0,3.969.006,3.969.006a.506.506,0,0,0,.143-.377.438.438,0,0,0-.134-.344h-.469a.238.238,0,0,1-.246-.219V5.834A2.22,2.22,0,0,1,26,4.262.942.942,0,0,1,26.969,5.3c0,.322-.006,3.786-.006,4.353a.264.264,0,0,1-.234.273h-.562a.414.414,0,0,0-.158.344.495.495,0,0,0,.158.377h4.666c4.648,0,5.848-2.6,5.848-4.817C36.7,2.344,34.1,1,30.754,1Z'%20transform='translate(-6.225%20-0.997)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2'%20data-name='Path%202'%20d='M18.613,10.661c-.505-.05-.564-.331-.576-.643V6.176a2.05,2.05,0,0,0-.714-1.607,3.831,3.831,0,0,0-2.338-.624,8.328,8.328,0,0,0-2.678.381c-.094.033-.117.116-.117.232,0,.392-.006.607-.006,1.06a.143.143,0,0,0,.143.149h.441a.327.327,0,0,0,.246-.133,2.813,2.813,0,0,1,.782-.674,2.119,2.119,0,0,1,.94-.243,1.135,1.135,0,0,1,1.2,1.26V7.049c-3.207-.176-4.523.714-4.523,2.132a2.2,2.2,0,0,0,2.361,2.3,2.8,2.8,0,0,0,2.3-.961c.094.508.412.857.834.857h1.674l.276-.718ZM15.94,9.6a1.934,1.934,0,0,1-1.429.74c-.74,0-1.152-.342-1.152-1.116,0-.889.447-1.381,2.579-1.381Z'%20transform='translate(-3.564%20-1.836)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_3'%20data-name='Path%203'%20d='M47.626,10.941l-.869.006a.182.182,0,0,1-.079-.008.184.184,0,0,1-.068-.041.182.182,0,0,1-.056-.144s-.006-5.77-.006-5.94-.064-.28-.273-.28H43.6a.543.543,0,0,0,0,.807l.748.006a.1.1,0,0,1,.1.068.1.1,0,0,1,0,.042c0,.071-.006,5.282-.006,5.282a.214.214,0,0,1-.2.2h-.857a.4.4,0,0,0-.162.346.513.513,0,0,0,.162.368h4.25a.593.593,0,0,0,.139-.379.453.453,0,0,0-.146-.336Z'%20transform='translate(-12.518%20-2.006)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_4'%20data-name='Path%204'%20d='M3.855,4.5C2.433,4.033,2.141,3.642,2.141,3.09,2.141,2.5,2.72,1.9,3.962,1.9a2.593,2.593,0,0,1,1.31.391,2.513,2.513,0,0,1,.842.919.214.214,0,0,0,.143.091h.455c.067-.005.09-.043.09-.118,0-.305.006-1.125.006-1.607a.194.194,0,0,0-.154-.181A8.676,8.676,0,0,0,3.882,1C1.855,1,.5,2.1.5,3.779c0,1.648,1.316,2.345,3.036,2.849,1.085.316,2.373.749,2.373,1.767C5.907,9,5.322,9.7,4.152,9.7A2.516,2.516,0,0,1,2.319,9.06a4.421,4.421,0,0,1-.984-1.28c-.034-.08-.09-.155-.163-.155H.65A.132.132,0,0,0,.6,7.637a.132.132,0,0,0-.075.138V9.649a.276.276,0,0,0,.124.225,7.287,7.287,0,0,0,3.429.771A3.21,3.21,0,0,0,7.532,7.428C7.527,5.305,5.486,5.038,3.855,4.5Z'%20transform='translate(-0.497%20-0.996)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_5'%20data-name='Path%205'%20d='M53.386,7.237c-1.673-.357-2.015-.614-2.015-1.127,0-.437.436-.9,1.307-.9a2.611,2.611,0,0,1,2.046.972.251.251,0,0,0,.227.105h.411a.106.106,0,0,0,.114-.094V4.926a.2.2,0,0,0-.158-.2,11.3,11.3,0,0,0-2.658-.276c-1.415,0-2.949.707-2.949,2.233,0,1.3,1.206,2.012,2.242,2.261,1.762.414,2.267.636,2.267,1.294,0,.572-.512.912-1.4.912A2.533,2.533,0,0,1,50.61,9.554c-.076-.105-.126-.143-.209-.143-.247-.006-.492,0-.562,0a.129.129,0,0,0-.143.133v1.495c0,.116.183.243.183.243a6.585,6.585,0,0,0,1.08.448,6.248,6.248,0,0,0,1.875.254c2.078,0,3.072-1.127,3.072-2.443C55.9,8.337,55.127,7.6,53.386,7.237Z'%20transform='translate(-14.332%20-1.981)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_6'%20data-name='Path%206'%20d='M45.114,2.675h2.03a.208.208,0,0,0,.221-.139l.467-1.363c.039-.116-.043-.174-.16-.174H45.545a.19.19,0,0,0-.191.143L44.96,2.4C44.911,2.554,44.985,2.675,45.114,2.675Z'%20transform='translate(-13.01%20-0.997)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_7'%20data-name='Path%207'%20d='M67.3,9.941a1.157,1.157,0,0,1-1.005-.414C66.2,9.4,63.811,5.972,63.759,5.89a3.816,3.816,0,0,1,1.452-1.336,3.954,3.954,0,0,1,1.5-.305c.006,0,.116-.087.116-.338a.448.448,0,0,0-.122-.349H64.314a.41.41,0,0,0-.291.174c-.052.071-1.935,2.606-2.435,3.286V1.25A.242.242,0,0,0,61.319,1h-3a.443.443,0,0,0-.143.349.52.52,0,0,0,.143.371h.973a.147.147,0,0,1,.169.169V9.756c0,.114-.058.169-.143.169H58.39a.477.477,0,0,0-.151.349.559.559,0,0,0,.151.371l4.009-.006a.709.709,0,0,0,.111-.371.566.566,0,0,0-.111-.344h-.658a.158.158,0,0,1-.113-.049.157.157,0,0,1-.034-.053.159.159,0,0,1-.011-.062V7.935c.186-.185.529-.512.572-.556a.2.2,0,0,1,.319.027c.081.12,1.6,2.312,1.639,2.372.071.109.029.158-.058.158l-.477.006a.686.686,0,0,0-.116.349.733.733,0,0,0,.1.349l4,.006A.6.6,0,0,0,67.7,10.3a.616.616,0,0,0-.143-.357S67.437,9.941,67.3,9.941Z'%20transform='translate(-16.696%20-0.997)'%20fill='%23C4022A'/%3e%3c/g%3e%3c/svg%3e")} .brand-sandisk-pro-logo a{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='SanDiskPro_Logo'%20data-name='SanDiskPro%20Logo'%20transform='translate(18.918%202.105)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(-18.918%20-2.105)'%20fill='none'/%3e%3cpath%20id='Path_2852'%20data-name='Path%202852'%20d='M4.956.9l.01-.07C-.006.232-.725,6.583,3.56,7.382c.113-.7.207-1.409.308-2.113C1.219,4.777,1.529.6,4.956.9Z'%20transform='translate(-0.746%201.206)'%20fill='%23fff'/%3e%3cpath%20id='Path_2853'%20data-name='Path%202853'%20d='M16.585,11.44h0c-.09.558-.168,1.119-.253,1.669a1.806,1.806,0,0,1-.458,3.581H15.8l-.25,1.682.127.014A3.5,3.5,0,0,0,16.585,11.44Z'%20transform='translate(-12.664%20-7.365)'%20fill='%23fff'/%3e%3cpath%20id='Path_2854'%20data-name='Path%202854'%20d='M49.58,15.367h1.033a1.339,1.339,0,0,0,1.45,1.17,1.17,1.17,0,0,0,1.318-1.086c0-.618-.558-.912-1.125-1.064l-.893-.222c-1.491-.376-1.733-1.257-1.733-1.836a2.132,2.132,0,0,1,2.322-2.008,2.074,2.074,0,0,1,2.24,2.059H53.159a1.257,1.257,0,0,0-2.485-.07c0,.222.072.69.953.912l.883.222c1.17.294,1.916.934,1.916,1.949a2.166,2.166,0,0,1-2.363,2.09A2.265,2.265,0,0,1,49.58,15.367Z'%20transform='translate(-40.06%20-6.463)'%20fill='%23fff'/%3e%3cpath%20id='Path_2855'%20data-name='Path%202855'%20d='M81.315,22.369v4.647H80.34v-.7a1.852,1.852,0,0,1-1.6.8,2.3,2.3,0,0,1-2.31-2.429,2.286,2.286,0,0,1,2.3-2.417,1.837,1.837,0,0,1,1.612.78v-.68Zm-.986,2.308A1.47,1.47,0,0,0,78.847,23.2,1.427,1.427,0,0,0,77.4,24.677a1.462,1.462,0,1,0,2.924,0Z'%20transform='translate(-61.676%20-16.083)'%20fill='%23fff'/%3e%3cpath%20id='Path_2856'%20data-name='Path%202856'%20d='M108.907,24.378v2.659h-.975V24.448a1.065,1.065,0,0,0-1.055-1.193,1.254,1.254,0,0,0-1.343,1.3v2.48h-.975V22.389h.975V23.1a1.732,1.732,0,0,1,1.513-.815C108.219,22.29,108.917,23.056,108.907,24.378Z'%20transform='translate(-84.323%20-16.1)'%20fill='%23fff'/%3e%3cpath%20id='Path_2857'%20data-name='Path%202857'%20d='M130,10.35h2.252c2.037,0,3.207,1.54,3.207,3.552s-1.17,3.523-3.2,3.523H130Zm2.252,6.109c1.417,0,2.144-1.119,2.144-2.558s-.727-2.587-2.144-2.587H130.98v5.144Z'%20transform='translate(-104.804%20-6.487)'%20fill='%23fff'/%3e%3cpath%20id='Path_2858'%20data-name='Path%202858'%20d='M160.14,11.849a.669.669,0,1,1,.667.618A.669.669,0,0,1,160.14,11.849Zm.177,1.637h.975v4.647h-.975Z'%20transform='translate(-129.068%20-7.197)'%20fill='%23fff'/%3e%3cpath%20id='Path_2859'%20data-name='Path%202859'%20d='M168.78,25.6h.906c0,.368.327.686.856.686s.866-.248.866-.6c0-.308-.249-.468-.6-.548l-.622-.148c-.866-.23-1.263-.678-1.263-1.365a1.494,1.494,0,0,1,1.651-1.365,1.472,1.472,0,0,1,1.651,1.394h-.936a.646.646,0,0,0-.7-.567.614.614,0,0,0-.686.567c0,.289.269.446.558.517l.706.17a1.357,1.357,0,0,1,1.214,1.365c0,.885-.875,1.4-1.83,1.4A1.652,1.652,0,0,1,168.78,25.6Z'%20transform='translate(-136.024%20-16.075)'%20fill='%23fff'/%3e%3cpath%20id='Path_2860'%20data-name='Path%202860'%20d='M193,18.092l-2.021-2.211v2.211H190V11.18h.975v3.846l1.522-1.581h1.324l-1.969,2.01,2.419,2.637Z'%20transform='translate(-153.107%20-7.155)'%20fill='%23fff'/%3e%3cpath%20id='Path_2862'%20data-name='Path%202862'%20d='M3.4,56.889a1.105,1.105,0,0,1-1.17,1.17H1.479V59.32H.75V55.712H2.222A1.115,1.115,0,0,1,3.4,56.889Zm-.733,0a.477.477,0,0,0-.474-.534H1.477V57.42h.708a.478.478,0,0,0,.483-.53Z'%20transform='translate(-0.749%20-43.005)'%20fill='%23fff'/%3e%3cpath%20id='Path_2863'%20data-name='Path%202863'%20d='M35.63,57.345a1.832,1.832,0,1,1,.529,1.3A1.836,1.836,0,0,1,35.63,57.345Zm2.94,0a1.113,1.113,0,1,0-.3.82,1.107,1.107,0,0,0,.3-.82Z'%20transform='translate(-28.83%20-42.852)'%20fill='%23fff'/%3e%3cpath%20id='Path_2864'%20data-name='Path%202864'%20d='M59.627,56.359v.877h1.195v.637H59.627v1.454H58.9V55.72h2.23v.639Z'%20transform='translate(-47.564%20-43.013)'%20fill='%23fff'/%3e%3cpath%20id='Path_2865'%20data-name='Path%202865'%20d='M78.2,58.685v.645H75.89V55.72h2.261v.639H76.615v.86H77.96v.655H76.617v.807Z'%20transform='translate(-61.242%20-43.013)'%20fill='%23fff'/%3e%3cpath%20id='Path_2866'%20data-name='Path%202866'%20d='M92.93,57.963h.729a.542.542,0,0,0,.585.478c.324,0,.538-.168.538-.425,0-.195-.146-.341-.456-.435l-.441-.125c-.791-.211-.932-.686-.932-1.012A1.134,1.134,0,0,1,94.2,55.37a1.1,1.1,0,0,1,1.207,1.1h-.729a.5.5,0,0,0-.99-.041c0,.088.025.277.4.39l.4.115c.546.152,1.021.439,1.023,1.053a1.156,1.156,0,0,1-1.294,1.1A1.173,1.173,0,0,1,92.93,57.963Z'%20transform='translate(-74.96%20-42.731)'%20fill='%23fff'/%3e%3cpath%20id='Path_2867'%20data-name='Path%202867'%20d='M110.92,57.963h.729a.544.544,0,0,0,.585.478c.326,0,.54-.168.54-.425,0-.195-.148-.341-.456-.435l-.441-.125c-.791-.211-.934-.686-.934-1.012a1.135,1.135,0,0,1,1.248-1.074,1.093,1.093,0,0,1,1.2,1.1h-.727a.5.5,0,0,0-.992-.041c0,.088.027.277.405.39l.4.115c.544.152,1.021.439,1.021,1.053a1.155,1.155,0,0,1-1.294,1.1A1.174,1.174,0,0,1,110.92,57.963Z'%20transform='translate(-89.443%20-42.731)'%20fill='%23fff'/%3e%3cpath%20id='Path_2868'%20data-name='Path%202868'%20d='M129.8,55.72h.721v3.61H129.8Z'%20transform='translate(-104.643%20-43.013)'%20fill='%23fff'/%3e%3cpath%20id='Path_2869'%20data-name='Path%202869'%20d='M138.42,57.328a1.834,1.834,0,1,1,.533,1.307A1.838,1.838,0,0,1,138.42,57.328Zm2.94,0a1.115,1.115,0,1,0-.3.819,1.107,1.107,0,0,0,.3-.819Z'%20transform='translate(-111.582%20-42.836)'%20fill='%23fff'/%3e%3cpath%20id='Path_2870'%20data-name='Path%202870'%20d='M201.09,55.72h.727v2.963h1.365v.647h-2.09Z'%20transform='translate(-162.036%20-43.013)'%20fill='%23fff'/%3e%3cpath%20id='Path_2871'%20data-name='Path%202871'%20d='M163.624,54.89h-.729v.1h0V57.13l-1.289-2.24h-.676l0,3.61h.729l0-2.261,1.312,2.263h.653Z'%20transform='translate(-129.56%20-42.185)'%20fill='%23fff'/%3e%3cpath%20id='Path_2872'%20data-name='Path%202872'%20d='M21.09,59.342l-.94-1.331a1.051,1.051,0,0,0,.875-1.1,1.111,1.111,0,0,0-1.185-1.17H18.4v3.6h.727V56.373h.639a.543.543,0,1,1-.06,1.084h-.273v.671l.8,1.209Z'%20transform='translate(-14.959%20-43.026)'%20fill='%23fff'/%3e%3cpath%20id='Path_2873'%20data-name='Path%202873'%20d='M180.749,54.9l-.786,0L178.62,58.51h.77l.961-2.856.462,1.357-.614,0-.214.634h1.049l.294.864h.766Z'%20transform='translate(-143.802%20-42.193)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e")} .brand-sandisk-pro-logo a:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='SanDiskPro_Logo'%20data-name='SanDiskPro%20Logo'%20transform='translate(18.918%202.105)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(-18.918%20-2.105)'%20fill='none'/%3e%3cpath%20id='Path_2852'%20data-name='Path%202852'%20d='M4.956.9l.01-.07C-.006.232-.725,6.583,3.56,7.382c.113-.7.207-1.409.308-2.113C1.219,4.777,1.529.6,4.956.9Z'%20transform='translate(-0.746%201.206)'%20fill='%23fff'/%3e%3cpath%20id='Path_2853'%20data-name='Path%202853'%20d='M16.585,11.44h0c-.09.558-.168,1.119-.253,1.669a1.806,1.806,0,0,1-.458,3.581H15.8l-.25,1.682.127.014A3.5,3.5,0,0,0,16.585,11.44Z'%20transform='translate(-12.664%20-7.365)'%20fill='%23fff'/%3e%3cpath%20id='Path_2854'%20data-name='Path%202854'%20d='M49.58,15.367h1.033a1.339,1.339,0,0,0,1.45,1.17,1.17,1.17,0,0,0,1.318-1.086c0-.618-.558-.912-1.125-1.064l-.893-.222c-1.491-.376-1.733-1.257-1.733-1.836a2.132,2.132,0,0,1,2.322-2.008,2.074,2.074,0,0,1,2.24,2.059H53.159a1.257,1.257,0,0,0-2.485-.07c0,.222.072.69.953.912l.883.222c1.17.294,1.916.934,1.916,1.949a2.166,2.166,0,0,1-2.363,2.09A2.265,2.265,0,0,1,49.58,15.367Z'%20transform='translate(-40.06%20-6.463)'%20fill='%23fff'/%3e%3cpath%20id='Path_2855'%20data-name='Path%202855'%20d='M81.315,22.369v4.647H80.34v-.7a1.852,1.852,0,0,1-1.6.8,2.3,2.3,0,0,1-2.31-2.429,2.286,2.286,0,0,1,2.3-2.417,1.837,1.837,0,0,1,1.612.78v-.68Zm-.986,2.308A1.47,1.47,0,0,0,78.847,23.2,1.427,1.427,0,0,0,77.4,24.677a1.462,1.462,0,1,0,2.924,0Z'%20transform='translate(-61.676%20-16.083)'%20fill='%23fff'/%3e%3cpath%20id='Path_2856'%20data-name='Path%202856'%20d='M108.907,24.378v2.659h-.975V24.448a1.065,1.065,0,0,0-1.055-1.193,1.254,1.254,0,0,0-1.343,1.3v2.48h-.975V22.389h.975V23.1a1.732,1.732,0,0,1,1.513-.815C108.219,22.29,108.917,23.056,108.907,24.378Z'%20transform='translate(-84.323%20-16.1)'%20fill='%23fff'/%3e%3cpath%20id='Path_2857'%20data-name='Path%202857'%20d='M130,10.35h2.252c2.037,0,3.207,1.54,3.207,3.552s-1.17,3.523-3.2,3.523H130Zm2.252,6.109c1.417,0,2.144-1.119,2.144-2.558s-.727-2.587-2.144-2.587H130.98v5.144Z'%20transform='translate(-104.804%20-6.487)'%20fill='%23fff'/%3e%3cpath%20id='Path_2858'%20data-name='Path%202858'%20d='M160.14,11.849a.669.669,0,1,1,.667.618A.669.669,0,0,1,160.14,11.849Zm.177,1.637h.975v4.647h-.975Z'%20transform='translate(-129.068%20-7.197)'%20fill='%23fff'/%3e%3cpath%20id='Path_2859'%20data-name='Path%202859'%20d='M168.78,25.6h.906c0,.368.327.686.856.686s.866-.248.866-.6c0-.308-.249-.468-.6-.548l-.622-.148c-.866-.23-1.263-.678-1.263-1.365a1.494,1.494,0,0,1,1.651-1.365,1.472,1.472,0,0,1,1.651,1.394h-.936a.646.646,0,0,0-.7-.567.614.614,0,0,0-.686.567c0,.289.269.446.558.517l.706.17a1.357,1.357,0,0,1,1.214,1.365c0,.885-.875,1.4-1.83,1.4A1.652,1.652,0,0,1,168.78,25.6Z'%20transform='translate(-136.024%20-16.075)'%20fill='%23fff'/%3e%3cpath%20id='Path_2860'%20data-name='Path%202860'%20d='M193,18.092l-2.021-2.211v2.211H190V11.18h.975v3.846l1.522-1.581h1.324l-1.969,2.01,2.419,2.637Z'%20transform='translate(-153.107%20-7.155)'%20fill='%23fff'/%3e%3cpath%20id='Path_2862'%20data-name='Path%202862'%20d='M3.4,56.889a1.105,1.105,0,0,1-1.17,1.17H1.479V59.32H.75V55.712H2.222A1.115,1.115,0,0,1,3.4,56.889Zm-.733,0a.477.477,0,0,0-.474-.534H1.477V57.42h.708a.478.478,0,0,0,.483-.53Z'%20transform='translate(-0.749%20-43.005)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2863'%20data-name='Path%202863'%20d='M35.63,57.345a1.832,1.832,0,1,1,.529,1.3A1.836,1.836,0,0,1,35.63,57.345Zm2.94,0a1.113,1.113,0,1,0-.3.82,1.107,1.107,0,0,0,.3-.82Z'%20transform='translate(-28.83%20-42.852)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2864'%20data-name='Path%202864'%20d='M59.627,56.359v.877h1.195v.637H59.627v1.454H58.9V55.72h2.23v.639Z'%20transform='translate(-47.564%20-43.013)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2865'%20data-name='Path%202865'%20d='M78.2,58.685v.645H75.89V55.72h2.261v.639H76.615v.86H77.96v.655H76.617v.807Z'%20transform='translate(-61.242%20-43.013)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2866'%20data-name='Path%202866'%20d='M92.93,57.963h.729a.542.542,0,0,0,.585.478c.324,0,.538-.168.538-.425,0-.195-.146-.341-.456-.435l-.441-.125c-.791-.211-.932-.686-.932-1.012A1.134,1.134,0,0,1,94.2,55.37a1.1,1.1,0,0,1,1.207,1.1h-.729a.5.5,0,0,0-.99-.041c0,.088.025.277.4.39l.4.115c.546.152,1.021.439,1.023,1.053a1.156,1.156,0,0,1-1.294,1.1A1.173,1.173,0,0,1,92.93,57.963Z'%20transform='translate(-74.96%20-42.731)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2867'%20data-name='Path%202867'%20d='M110.92,57.963h.729a.544.544,0,0,0,.585.478c.326,0,.54-.168.54-.425,0-.195-.148-.341-.456-.435l-.441-.125c-.791-.211-.934-.686-.934-1.012a1.135,1.135,0,0,1,1.248-1.074,1.093,1.093,0,0,1,1.2,1.1h-.727a.5.5,0,0,0-.992-.041c0,.088.027.277.405.39l.4.115c.544.152,1.021.439,1.021,1.053a1.155,1.155,0,0,1-1.294,1.1A1.174,1.174,0,0,1,110.92,57.963Z'%20transform='translate(-89.443%20-42.731)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2868'%20data-name='Path%202868'%20d='M129.8,55.72h.721v3.61H129.8Z'%20transform='translate(-104.643%20-43.013)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2869'%20data-name='Path%202869'%20d='M138.42,57.328a1.834,1.834,0,1,1,.533,1.307A1.838,1.838,0,0,1,138.42,57.328Zm2.94,0a1.115,1.115,0,1,0-.3.819,1.107,1.107,0,0,0,.3-.819Z'%20transform='translate(-111.582%20-42.836)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2870'%20data-name='Path%202870'%20d='M201.09,55.72h.727v2.963h1.365v.647h-2.09Z'%20transform='translate(-162.036%20-43.013)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2871'%20data-name='Path%202871'%20d='M163.624,54.89h-.729v.1h0V57.13l-1.289-2.24h-.676l0,3.61h.729l0-2.261,1.312,2.263h.653Z'%20transform='translate(-129.56%20-42.185)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2872'%20data-name='Path%202872'%20d='M21.09,59.342l-.94-1.331a1.051,1.051,0,0,0,.875-1.1,1.111,1.111,0,0,0-1.185-1.17H18.4v3.6h.727V56.373h.639a.543.543,0,1,1-.06,1.084h-.273v.671l.8,1.209Z'%20transform='translate(-14.959%20-43.026)'%20fill='%23C4022A'/%3e%3cpath%20id='Path_2873'%20data-name='Path%202873'%20d='M180.749,54.9l-.786,0L178.62,58.51h.77l.961-2.856.462,1.357-.614,0-.214.634h1.049l.294.864h.766Z'%20transform='translate(-143.802%20-42.193)'%20fill='%23C4022A'/%3e%3c/g%3e%3c/svg%3e")} .brand-westerndigital-logo a{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='Western_Digital_Logo'%20data-name='Western%20Digital%20Logo'%20transform='translate(6.275%206.455)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(-6.275%20-6.455)'%20fill='none'/%3e%3cpath%20id='Union_4'%20data-name='Union%204'%20d='M48.6,8.625s.847-.519.977-.592a1.218,1.218,0,0,0,1.094.642,1.1,1.1,0,0,0,1.07-1.184v-.6h-.024a1.438,1.438,0,0,1-1.376.728c-1.541,0-2.106-1.32-2.106-2.665s.565-2.665,2.106-2.665a1.466,1.466,0,0,1,1.376.728h.024V2.443H53.18V7.119c0,1.567-.8,2.678-2.458,2.678A2.069,2.069,0,0,1,48.6,8.625Zm1.2-3.677c0,.691.152,1.53.977,1.53.8,0,.964-.852.977-1.53,0-.777-.212-1.529-.977-1.529S49.8,4.17,49.8,4.948ZM56.591,6.1V1.11h1.436V2.443h1.129V3.492H58.027V6.07a.693.693,0,0,0,.694.777,2.358,2.358,0,0,0,.412-.037v.913a3.031,3.031,0,0,1-1,.16C56.956,7.884,56.591,7.095,56.591,6.1ZM22.564,5.083a2.515,2.515,0,1,1,5,0V5.54H24.011a1.19,1.19,0,0,0,1.13,1.246,1.142,1.142,0,0,0,1.105-.678l.964.6a2.143,2.143,0,0,1-2.082,1.172A2.56,2.56,0,0,1,22.564,5.083Zm1.458-.592h2.106a1.068,1.068,0,0,0-1.047-1.123C24.388,3.369,24.082,3.9,24.023,4.491ZM19.882,6.1l.011-4.984h1.436V2.443h1.129V3.492H21.329V6.07a.693.693,0,0,0,.694.777,2.127,2.127,0,0,0,.4-.037v.913a3.031,3.031,0,0,1-1,.16C20.247,7.884,19.882,7.095,19.882,6.1ZM9.647,5.083a2.515,2.515,0,1,1,5,0V5.54H11.094a1.19,1.19,0,0,0,1.129,1.246,1.142,1.142,0,0,0,1.106-.678l.964.6a2.144,2.144,0,0,1-2.083,1.172A2.56,2.56,0,0,1,9.647,5.083Zm1.447-.592h2.117a1.067,1.067,0,0,0-1.047-1.123A1.086,1.086,0,0,0,11.094,4.491ZM59.462,6.145c0-1.209.953-1.777,2.423-1.777h.635V4.244c0-.567-.411-.9-1.058-.9a1.231,1.231,0,0,0-1.035.531L59.6,3.22a2.241,2.241,0,0,1,1.976-.937c1.247,0,2.4.58,2.4,2.085V7.712H62.568V7.181h-.024a1.573,1.573,0,0,1-1.435.679A1.611,1.611,0,0,1,59.462,6.145Zm1.447-.074a.688.688,0,0,0,.729.716c.623,0,.882-.543.882-1.172v-.32h-.564C61.2,5.293,60.909,5.626,60.909,6.07ZM14.94,6.725l.977-.568a1.267,1.267,0,0,0,1.106.617c.529,0,.823-.2.823-.481,0-.309-.305-.42-.694-.556-.188-.061-.4-.123-.623-.2a1.7,1.7,0,0,1-1.388-1.654c0-1.024.894-1.6,1.977-1.6a2.158,2.158,0,0,1,2.059.987l-.93.654a1.146,1.146,0,0,0-1.011-.58c-.424,0-.659.161-.659.419,0,.346.365.444.717.556l.565.185a1.726,1.726,0,0,1,1.423,1.666c0,1.161-1,1.678-2.177,1.678A2.162,2.162,0,0,1,14.94,6.725Zm39.228,1V2.443h1.483V7.724Zm-8.082,0V2.443h1.482V7.724Zm-6.882,0V.124h2.47c2.247,0,3.659,1.159,3.659,3.8s-1.365,3.8-3.659,3.8Zm1.553-1.271h.823c1.882,0,2.153-1.32,2.153-2.529s-.294-2.529-2.153-2.529h-.823ZM31.765,7.724V2.443h1.447l-.012.642h.023a1.515,1.515,0,0,1,1.448-.8,1.7,1.7,0,0,1,1.8,1.9V7.712H35.011V4.541c0-.555-.258-1.048-.906-1.048-.576,0-.894.419-.894,1.048V7.724Zm-3.518,0V2.443H29.54v.852h.024a1.63,1.63,0,0,1,1.718-1.012V3.492a1.461,1.461,0,0,0-1.588,1.6V7.724Zm36.721-.012V.124H66.45V7.712ZM6.4,7.712,5.094,2.332,3.788,7.712H1.871L0,.124H1.53L2.882,5.688,4.235.124H6.047l1.317,5.4L8.682.124h1.4L8.212,7.712ZM54.1.852a.813.813,0,1,1,1.624,0,.813.813,0,1,1-1.624,0Zm-8.071,0a.813.813,0,1,1,1.624,0,.813.813,0,1,1-1.624,0Z'%20transform='translate(0%201)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e")} .brand-wd-black-logo a{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='WD_BLACK_Logo'%20data-name='WD_BLACK%20Logo'%20transform='translate(-281.905%20-288.055)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(281.905%20288.055)'%20fill='none'/%3e%3cg%20id='Group_17036'%20data-name='Group%2017036'%20transform='translate(287.617%20296.054)'%3e%3cg%20id='Group_17034'%20data-name='Group%2017034'%20transform='translate(0%200.006)'%3e%3cg%20id='Group_17033'%20data-name='Group%2017033'%3e%3cg%20id='Group_17031'%20data-name='Group%2017031'%3e%3cg%20id='Group_17030'%20data-name='Group%2017030'%3e%3cg%20id='Group_17029'%20data-name='Group%2017029'%3e%3crect%20id='Rectangle_672'%20data-name='Rectangle%20672'%20width='5.583'%20height='0.687'%20transform='translate(16.781%206.407)'%20fill='%23fff'/%3e%3cpath%20id='Path_4325'%20data-name='Path%204325'%20d='M318.52,295.07h-3.139v7.093h3.139a2,2,0,0,0,2-2V297.07a2,2,0,0,0-2-2Zm1.313,5.094a1.315,1.315,0,0,1-1.313,1.313h-2.452v-5.72h2.452a1.314,1.314,0,0,1,1.313,1.313Z'%20transform='translate(-306.699%20-295.07)'%20fill='%23fff'/%3e%3cpath%20id='Path_4326'%20data-name='Path%204326'%20d='M292.347,296.48a3.852,3.852,0,0,1-.078.774l-.742,3.637-.93-3.579h-.545l-.929,3.579-.742-3.637a3.874,3.874,0,0,1-.078-.774v-1.406h-.686v1.477a3.85,3.85,0,0,0,.078.774l.988,4.842h.819l.824-3.17.824,3.17h.819l.988-4.842a3.877,3.877,0,0,0,.078-.774v-1.477h-.687Z'%20transform='translate(-287.617%20-295.072)'%20fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='Group_17032'%20data-name='Group%2017032'%20transform='translate(25.312)'%3e%3cpath%20id='Path_4327'%20data-name='Path%204327'%20d='M396.315,302.164v-7.093h1.29v5.8h3.849v1.29Z'%20transform='translate(-387.633%20-295.07)'%20fill='%23fff'/%3e%3cpath%20id='Path_4328'%20data-name='Path%204328'%20d='M453.892,297.055a2,2,0,0,0-.068-.192c-.116-.327-.24-.5-.539-.5h-1.444a.538.538,0,0,0-.539.539v3.437a.538.538,0,0,0,.539.539h1.421c.3,0,.433-.173.548-.5.02-.077.058-.192.058-.192l1.214.319a1.893,1.893,0,0,1-1.877,1.665h-1.3a1.894,1.894,0,0,1-1.9-1.9v-3.3a1.894,1.894,0,0,1,1.9-1.9h1.309a1.91,1.91,0,0,1,1.887,1.656Z'%20transform='translate(-424.537%20-295.072)'%20fill='%23fff'/%3e%3cpath%20id='Path_4329'%20data-name='Path%204329'%20d='M427.794,302.164c0-1.068-.019-1.01-.106-1.3v-.01h0l-2.065-5.784h-1.24l-2.064,5.784h0v.01c-.087.289-.106.231-.106,1.3h1.242a5.7,5.7,0,0,1,.029-.76c.1-.375.144-.548.144-.548h2.754s.048.173.144.548a5.69,5.69,0,0,1,.029.76Zm-3.723-2.58.931-2.609.931,2.609Z'%20transform='translate(-405.431%20-295.07)'%20fill='%23fff'/%3e%3cpath%20id='Path_4330'%20data-name='Path%204330'%20d='M373.847,296.978a1.911,1.911,0,0,0-1.908-1.908h-3.387v1.386l1.214,1.521h-1.214v4.187h3.387a1.91,1.91,0,0,0,1.908-1.908v-.37a1.9,1.9,0,0,1,0-2.537Zm-3.745-.629h1.837a.629.629,0,0,1,.629.629v.37a.629.629,0,0,1-.629.629H371.4Zm2.465,3.906a.629.629,0,0,1-.629.629H369.83v-1.628h2.109a.629.629,0,0,1,.629.629Z'%20transform='translate(-368.552%20-295.07)'%20fill='%23fff'/%3e%3cpath%20id='Path_4331'%20data-name='Path%204331'%20d='M480.7,299.265h0l-.859-1.37,1.991-2.825h-1.5l-2.24,3.116V295.07H476.8v7.093h1.29v-1.784l.929-1.318.117.178h0l.163.249.27.413c.39.6.861,1.323.928,1.444a1.449,1.449,0,0,1,.095.592h0v.226h1.24a4.065,4.065,0,0,0-.178-1.38C481.529,300.538,481.1,299.9,480.7,299.265Z'%20transform='translate(-442.947%20-295.07)'%20fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='Group_17035'%20data-name='Group%2017035'%20transform='translate(65.512)'%3e%3cpath%20id='Path_4332'%20data-name='Path%204332'%20d='M497.1,295.194v-.142h.838v.142h-.348v1.16h-.143v-1.16Z'%20transform='translate(-497.1%20-295.052)'%20fill='%23fff'/%3e%3cpath%20id='Path_4333'%20data-name='Path%204333'%20d='M501.7,295.052h.147v1.3h-.137v-.969l-.21.619h-.145l-.21-.619v.969h-.137v-1.3h.147l.274.792Z'%20transform='translate(-499.786%20-295.052)'%20fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")} .brand-wd-black-logo a:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='WD_BLACK_Logo'%20data-name='WD_BLACK%20Logo'%20transform='translate(-281.905%20-288.055)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(281.905%20288.055)'%20fill='none'/%3e%3cg%20id='Group_17036'%20data-name='Group%2017036'%20transform='translate(287.617%20296.054)'%3e%3cg%20id='Group_17034'%20data-name='Group%2017034'%20transform='translate(0%200.006)'%3e%3cg%20id='Group_17033'%20data-name='Group%2017033'%3e%3cg%20id='Group_17031'%20data-name='Group%2017031'%3e%3cg%20id='Group_17030'%20data-name='Group%2017030'%3e%3cg%20id='Group_17029'%20data-name='Group%2017029'%3e%3crect%20id='Rectangle_672'%20data-name='Rectangle%20672'%20width='5.583'%20height='0.687'%20transform='translate(16.781%206.407)'%20fill='%23FF8200'/%3e%3cpath%20id='Path_4325'%20data-name='Path%204325'%20d='M318.52,295.07h-3.139v7.093h3.139a2,2,0,0,0,2-2V297.07a2,2,0,0,0-2-2Zm1.313,5.094a1.315,1.315,0,0,1-1.313,1.313h-2.452v-5.72h2.452a1.314,1.314,0,0,1,1.313,1.313Z'%20transform='translate(-306.699%20-295.07)'%20fill='%23FF8200'/%3e%3cpath%20id='Path_4326'%20data-name='Path%204326'%20d='M292.347,296.48a3.852,3.852,0,0,1-.078.774l-.742,3.637-.93-3.579h-.545l-.929,3.579-.742-3.637a3.874,3.874,0,0,1-.078-.774v-1.406h-.686v1.477a3.85,3.85,0,0,0,.078.774l.988,4.842h.819l.824-3.17.824,3.17h.819l.988-4.842a3.877,3.877,0,0,0,.078-.774v-1.477h-.687Z'%20transform='translate(-287.617%20-295.072)'%20fill='%23FF8200'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='Group_17032'%20data-name='Group%2017032'%20transform='translate(25.312)'%3e%3cpath%20id='Path_4327'%20data-name='Path%204327'%20d='M396.315,302.164v-7.093h1.29v5.8h3.849v1.29Z'%20transform='translate(-387.633%20-295.07)'%20fill='%23FF8200'/%3e%3cpath%20id='Path_4328'%20data-name='Path%204328'%20d='M453.892,297.055a2,2,0,0,0-.068-.192c-.116-.327-.24-.5-.539-.5h-1.444a.538.538,0,0,0-.539.539v3.437a.538.538,0,0,0,.539.539h1.421c.3,0,.433-.173.548-.5.02-.077.058-.192.058-.192l1.214.319a1.893,1.893,0,0,1-1.877,1.665h-1.3a1.894,1.894,0,0,1-1.9-1.9v-3.3a1.894,1.894,0,0,1,1.9-1.9h1.309a1.91,1.91,0,0,1,1.887,1.656Z'%20transform='translate(-424.537%20-295.072)'%20fill='%23FF8200'/%3e%3cpath%20id='Path_4329'%20data-name='Path%204329'%20d='M427.794,302.164c0-1.068-.019-1.01-.106-1.3v-.01h0l-2.065-5.784h-1.24l-2.064,5.784h0v.01c-.087.289-.106.231-.106,1.3h1.242a5.7,5.7,0,0,1,.029-.76c.1-.375.144-.548.144-.548h2.754s.048.173.144.548a5.69,5.69,0,0,1,.029.76Zm-3.723-2.58.931-2.609.931,2.609Z'%20transform='translate(-405.431%20-295.07)'%20fill='%23FF8200'/%3e%3cpath%20id='Path_4330'%20data-name='Path%204330'%20d='M373.847,296.978a1.911,1.911,0,0,0-1.908-1.908h-3.387v1.386l1.214,1.521h-1.214v4.187h3.387a1.91,1.91,0,0,0,1.908-1.908v-.37a1.9,1.9,0,0,1,0-2.537Zm-3.745-.629h1.837a.629.629,0,0,1,.629.629v.37a.629.629,0,0,1-.629.629H371.4Zm2.465,3.906a.629.629,0,0,1-.629.629H369.83v-1.628h2.109a.629.629,0,0,1,.629.629Z'%20transform='translate(-368.552%20-295.07)'%20fill='%23FF8200'/%3e%3cpath%20id='Path_4331'%20data-name='Path%204331'%20d='M480.7,299.265h0l-.859-1.37,1.991-2.825h-1.5l-2.24,3.116V295.07H476.8v7.093h1.29v-1.784l.929-1.318.117.178h0l.163.249.27.413c.39.6.861,1.323.928,1.444a1.449,1.449,0,0,1,.095.592h0v.226h1.24a4.065,4.065,0,0,0-.178-1.38C481.529,300.538,481.1,299.9,480.7,299.265Z'%20transform='translate(-442.947%20-295.07)'%20fill='%23FF8200'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='Group_17035'%20data-name='Group%2017035'%20transform='translate(65.512)'%3e%3cpath%20id='Path_4332'%20data-name='Path%204332'%20d='M497.1,295.194v-.142h.838v.142h-.348v1.16h-.143v-1.16Z'%20transform='translate(-497.1%20-295.052)'%20fill='%23FF8200'/%3e%3cpath%20id='Path_4333'%20data-name='Path%204333'%20d='M501.7,295.052h.147v1.3h-.137v-.969l-.21.619h-.145l-.21-.619v.969h-.137v-1.3h.147l.274.792Z'%20transform='translate(-499.786%20-295.052)'%20fill='%23FF8200'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")} } @media(max-width:992px){.brand-wd-logo a{width:24px;height:13.99px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='WD_Mobile_Logo'%20data-name='WD%20Mobile%20Logo'%20width='24px'%20height='14px'%20viewBox='0%200%2029.503%2016.987'%3e%3cpath%20id='path818'%20d='M5393.651,4783.7a1.822,1.822,0,0,1-1.837,1.81h-25.831a1.821,1.821,0,0,1-1.835-1.81v-13.367a1.825,1.825,0,0,1,1.835-1.81h25.831a1.826,1.826,0,0,1,1.837,1.81V4783.7'%20transform='translate(-5364.148%20-4768.526)'%3e%3c/path%3e%3cpath%20id='path822'%20d='M5774.578,4889.343l.673-1.959H5772.6l-.624,1.959h2.6'%20transform='translate(-5758.264%20-4883.458)'%20fill='%23fff'%3e%3c/path%3e%3cpath%20id='path824'%20d='M5628.733,4889.343l-.207-1.959H5626.5l-1.035,1.959h3.267'%20transform='translate(-5616.679%20-4883.458)'%20fill='%23fff'%3e%3c/path%3e%3cpath%20id='path826'%20d='M5492.678,4960.055l-1,3.134-.334-3.176-3.664-.134-1.647,3.113.468-3.156-2.544-.084-.739,6.656h3.5l2.67-5.4.543,5.4h3.143l2.156-6.26-2.547-.092'%20transform='translate(-5479.214%20-4953.486)'%20fill='%23fff'%3e%3c/path%3e%3cpath%20id='path828'%20d='M5509.336,4888.321l.295-1.995h-2.649l-.221,1.987,2.575.007'%20transform='translate(-5501.965%20-4882.436)'%20fill='%23fff'%3e%3c/path%3e%3cpath%20id='path830'%20d='M5807.469,4887.385h-5.01l-.652,1.9h4.52a1.54,1.54,0,0,1,1.438,2.243,3.468,3.468,0,0,1-3.1,2.251,5.225,5.225,0,0,1-1.012.014l1.233-3.526-3.373-.117-2.079,6.052h5.009a6.925,6.925,0,0,0,6.131-4.405c.85-2.483-.57-4.412-3.1-4.412'%20transform='translate(-5784.79%20-4883.388)'%20fill='%23fff'%3e%3c/path%3e%3c/svg%3e")} .brand-sandisk-logo a{width:51px;height:9.99px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Sandisk_Mobile_Logo'%20data-name='Sandisk%20Mobile%20Logo'%20width='51px'%20height='10px'%20viewBox='0%200%2070.269%2013.858'%3e%3cpath%20id='Path_1'%20data-name='Path%201'%20d='M34.529,1H32.194a.652.652,0,0,0-.276.552c0,.469.276.575.276.575h2.078c3.008,0,4.9,1.88,4.9,5.561,0,3.972-1.865,5.7-5.174,5.7h-1.34a.43.43,0,0,1-.373-.348c0-.741-.008-5.394-.008-5.787,0-1.914-1.4-2.969-3.681-2.969a3.488,3.488,0,0,0-3.244,1.733v-1.2a.262.262,0,0,0-.292-.28H21.206a.777.777,0,0,0-.251.575.634.634,0,0,0,.251.552h.86a.516.516,0,0,1,.47.495V13.04a.419.419,0,0,1-.357.326h-.827l-.381.984c2.506,0,5.5.008,5.5.008a.7.7,0,0,0,.2-.522.606.606,0,0,0-.186-.477h-.649a.33.33,0,0,1-.34-.3V7.7a3.075,3.075,0,0,1,2.457-2.177,1.305,1.305,0,0,1,1.338,1.438c0,.446-.008,5.245-.008,6.03a.365.365,0,0,1-.325.378h-.779a.573.573,0,0,0-.219.477.685.685,0,0,0,.219.523h6.463c6.438,0,8.1-3.6,8.1-6.673C42.761,2.862,39.169,1,34.529,1Z'%20transform='translate(-0.709%20-0.996)'%3e%3c/path%3e%3cpath%20id='Path_2'%20data-name='Path%202'%20d='M21.388,13.251c-.7-.069-.781-.459-.8-.891V7.039a2.84,2.84,0,0,0-.99-2.227,5.307,5.307,0,0,0-3.239-.865,11.537,11.537,0,0,0-3.71.527c-.131.046-.162.16-.162.322,0,.543-.008.841-.008,1.469a.2.2,0,0,0,.2.207h.611a.453.453,0,0,0,.341-.184,3.9,3.9,0,0,1,1.083-.933,2.936,2.936,0,0,1,1.3-.336,1.573,1.573,0,0,1,1.662,1.746V8.248c-4.442-.244-6.265.99-6.265,2.953a3.045,3.045,0,0,0,3.271,3.191,3.885,3.885,0,0,0,3.19-1.331c.131.7.57,1.188,1.156,1.188h2.319l.382-.995Zm-3.7-1.477A2.679,2.679,0,0,1,15.706,12.8c-1.025,0-1.6-.474-1.6-1.546,0-1.232.619-1.913,3.573-1.913Z'%20transform='translate(-0.611%20-1.027)'%3e%3c/path%3e%3cpath%20id='Path_3'%20data-name='Path%203'%20d='M49.324,13.409l-1.2.008a.252.252,0,0,1-.109-.011.254.254,0,0,1-.094-.056.252.252,0,0,1-.078-.2s-.008-7.993-.008-8.229-.088-.388-.378-.388H43.741a.752.752,0,0,0,0,1.118l1.036.008a.133.133,0,0,1,.132.095.135.135,0,0,1,0,.058c0,.1-.008,7.316-.008,7.316a.3.3,0,0,1-.273.281H43.445a.558.558,0,0,0-.225.479.71.71,0,0,0,.225.51h5.887a.822.822,0,0,0,.193-.525.627.627,0,0,0-.2-.465Z'%20transform='translate(-0.94%20-1.033)'%3e%3c/path%3e%3cpath%20id='Path_4'%20data-name='Path%204'%20d='M5.149,5.848C3.178,5.2,2.774,4.661,2.774,3.9c0-.823.8-1.655,2.524-1.655a3.591,3.591,0,0,1,1.815.541A3.482,3.482,0,0,1,8.279,4.057a.3.3,0,0,0,.2.126h.63c.093-.007.125-.059.125-.163,0-.423.008-1.558.008-2.226a.268.268,0,0,0-.213-.251A12.018,12.018,0,0,0,5.186,1C2.378,1,.5,2.522.5,4.852.5,7.135,2.32,8.1,4.7,8.8c1.5.437,3.288,1.038,3.288,2.448,0,.838-.811,1.81-2.431,1.81a3.485,3.485,0,0,1-2.539-.891,6.124,6.124,0,0,1-1.363-1.773c-.047-.111-.125-.215-.226-.215H.708a.182.182,0,0,0-.075.017.183.183,0,0,0-.1.191v2.6a.382.382,0,0,0,.171.312,10.094,10.094,0,0,0,4.75,1.068c2.7-.015,4.792-1.721,4.792-4.456C10.234,6.965,7.407,6.594,5.149,5.848Z'%20transform='translate(-0.497%20-0.996)'%3e%3c/path%3e%3cpath%20id='Path_5'%20data-name='Path%205'%20d='M54.808,8.312c-2.318-.495-2.791-.85-2.791-1.562,0-.6.6-1.248,1.811-1.248A3.617,3.617,0,0,1,56.663,6.85.347.347,0,0,0,56.977,7h.569a.147.147,0,0,0,.157-.131V5.112a.276.276,0,0,0-.219-.283A15.66,15.66,0,0,0,53.8,4.446c-1.959,0-4.085.98-4.085,3.094,0,1.807,1.671,2.787,3.105,3.132,2.441.574,3.14.881,3.14,1.792,0,.792-.709,1.264-1.933,1.264a3.509,3.509,0,0,1-3.068-2.2c-.1-.145-.175-.2-.289-.2-.342-.008-.682,0-.779,0a.179.179,0,0,0-.2.184v2.07c0,.16.253.336.253.336a9.121,9.121,0,0,0,1.5.621,8.655,8.655,0,0,0,2.6.352c2.878,0,4.255-1.562,4.255-3.385C58.29,9.837,57.219,8.818,54.808,8.312Z'%20transform='translate(-1.007%20-1.032)'%3e%3c/path%3e%3cpath%20id='Path_6'%20data-name='Path%206'%20d='M45.179,3.321h2.812a.288.288,0,0,0,.307-.192l.647-1.888C49,1.08,48.885,1,48.723,1H45.776a.263.263,0,0,0-.264.2l-.545,1.745C44.9,3.152,45,3.321,45.179,3.321Z'%20transform='translate(-0.958%20-0.996)'%3e%3c/path%3e%3cpath%20id='Path_7'%20data-name='Path%207'%20d='M70.812,13.386a1.6,1.6,0,0,1-1.392-.574c-.129-.174-3.437-4.924-3.509-5.038a5.285,5.285,0,0,1,2.012-1.851A5.478,5.478,0,0,1,70,5.5c.008,0,.16-.121.16-.468a.62.62,0,0,0-.169-.483H66.678a.568.568,0,0,0-.4.241C66.2,4.89,63.6,8.4,62.9,9.344v-8A.335.335,0,0,0,62.53,1H58.373a.613.613,0,0,0-.2.483.721.721,0,0,0,.2.514h1.348a.2.2,0,0,1,.234.235v10.9c0,.158-.08.235-.2.235H58.473a.66.66,0,0,0-.209.483.775.775,0,0,0,.209.514l5.554-.008a.982.982,0,0,0,.153-.514.783.783,0,0,0-.153-.476h-.911a.219.219,0,0,1-.157-.067.22.22,0,0,1-.061-.159v-2.53c.257-.256.732-.71.792-.77a.275.275,0,0,1,.442.038c.113.166,2.222,3.2,2.27,3.286.1.151.04.219-.08.219l-.66.008a.95.95,0,0,0-.161.483,1.016,1.016,0,0,0,.144.483l5.542.008a.837.837,0,0,0,.177-.483.854.854,0,0,0-.2-.495S71.005,13.386,70.812,13.386Z'%20transform='translate(-1.095%20-0.996)'%3e%3c/path%3e%3c/svg%3e")} .brand-sandisk-pro-logo a{width:41.16px;height:14.34px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='41.16px'%20height='14.35px'%20viewBox='0%200%2055.115%2019.214'%3e%3cg%20id='SanDiskPro_Mobile_Logo'%20data-name='SanDiskPro%20Mobile%20Logo'%20transform='translate(-0.006%200.026)'%3e%3cpath%20id='Path_2852'%20data-name='Path%202852'%20d='M6.382.942,6.4.848C-.26.041-1.223,8.545,4.513,9.615c.151-.934.277-1.887.412-2.829C1.379,6.128,1.794.532,6.382.942Z'%20transform='translate(-0.74%20-0.82)'%3e%3c/path%3e%3cpath%20id='Path_2853'%20data-name='Path%202853'%20d='M16.936,11.44h0c-.12.746-.224,1.5-.339,2.234a2.418,2.418,0,0,1-.613,4.795h-.1l-.334,2.252.17.018A4.691,4.691,0,0,0,16.936,11.44Z'%20transform='translate(-11.68%20-8.688)'%3e%3c/path%3e%3cpath%20id='Path_2854'%20data-name='Path%202854'%20d='M49.58,17.077h1.383a1.793,1.793,0,0,0,1.942,1.566A1.566,1.566,0,0,0,54.67,17.19c0-.827-.746-1.221-1.506-1.425l-1.2-.3c-2-.5-2.32-1.683-2.32-2.459a2.855,2.855,0,0,1,3.109-2.688,2.777,2.777,0,0,1,3,2.756H54.372a1.683,1.683,0,0,0-3.328-.094c0,.3.1.924,1.276,1.221l1.182.3c1.566.394,2.566,1.25,2.566,2.61a2.9,2.9,0,0,1-3.163,2.8A3.032,3.032,0,0,1,49.58,17.077Z'%20transform='translate(-36.828%20-7.86)'%3e%3c/path%3e%3cpath%20id='Path_2855'%20data-name='Path%202855'%20d='M82.971,22.4v6.222H81.666v-.932a2.479,2.479,0,0,1-2.143,1.065,3.077,3.077,0,0,1-3.093-3.252,3.06,3.06,0,0,1,3.077-3.236,2.46,2.46,0,0,1,2.159,1.044V22.4Zm-1.321,3.09a1.968,1.968,0,0,0-1.984-1.984,1.911,1.911,0,0,0-1.931,1.984,1.958,1.958,0,0,0,3.915,0Z'%20transform='translate(-56.67%20-16.691)'%3e%3c/path%3e%3cpath%20id='Path_2856'%20data-name='Path%202856'%20d='M110.38,25.085v3.56h-1.305V25.179a1.427,1.427,0,0,0-1.412-1.6,1.679,1.679,0,0,0-1.8,1.744v3.32H104.56V22.423h1.305v.958a2.319,2.319,0,0,1,2.025-1.091C109.459,22.29,110.393,23.316,110.38,25.085Z'%20transform='translate(-77.458%20-16.706)'%3e%3c/path%3e%3cpath%20id='Path_2857'%20data-name='Path%202857'%20d='M130,10.35h3.015c2.727,0,4.293,2.062,4.293,4.755s-1.566,4.716-4.283,4.716H130Zm3.015,8.18c1.9,0,2.871-1.5,2.871-3.424s-.974-3.464-2.871-3.464h-1.7V18.53Z'%20transform='translate(-96.258%20-7.882)'%3e%3c/path%3e%3cpath%20id='Path_2858'%20data-name='Path%202858'%20d='M160.14,12.059a.9.9,0,0,1,1.785,0,.9.9,0,0,1-1.785,0Zm.238,2.192h1.305v6.222h-1.305Z'%20transform='translate(-118.531%20-8.534)'%3e%3c/path%3e%3cpath%20id='Path_2859'%20data-name='Path%202859'%20d='M168.78,26.726h1.214c0,.493.439.919,1.146.919s1.159-.331,1.159-.8c0-.412-.334-.626-.8-.733l-.833-.2c-1.159-.308-1.691-.908-1.691-1.827a2,2,0,0,1,2.211-1.827,1.971,1.971,0,0,1,2.211,1.866h-1.253a.864.864,0,0,0-.932-.76.822.822,0,0,0-.919.76c0,.386.36.6.746.692l.945.227a1.817,1.817,0,0,1,1.626,1.827c0,1.185-1.172,1.879-2.451,1.879A2.212,2.212,0,0,1,168.78,26.726Z'%20transform='translate(-124.916%20-16.684)'%3e%3c/path%3e%3cpath%20id='Path_2860'%20data-name='Path%202860'%20d='M194.012,20.435l-2.707-2.96v2.96H190V11.18h1.305v5.15l2.038-2.117h1.772L192.48,16.9l3.239,3.531Z'%20transform='translate(-140.598%20-8.495)'%3e%3c/path%3e%3cpath%20id='Path_2862'%20data-name='Path%202862'%20d='M4.3,57.289a1.48,1.48,0,0,1-1.566,1.566H1.726v1.689H.75V55.713H2.721A1.493,1.493,0,0,1,4.3,57.289Zm-.981,0a.638.638,0,0,0-.634-.715h-.96V58h.947a.639.639,0,0,0,.647-.71Z'%20transform='translate(-0.743%20-41.403)'%3e%3c/path%3e%3cpath%20id='Path_2863'%20data-name='Path%202863'%20d='M35.63,57.963a2.453,2.453,0,1,1,.708,1.746A2.459,2.459,0,0,1,35.63,57.963Zm3.936,0a1.49,1.49,0,1,0-.4,1.1,1.483,1.483,0,0,0,.4-1.1Z'%20transform='translate(-26.519%20-41.263)'%3e%3c/path%3e%3cpath%20id='Path_2864'%20data-name='Path%202864'%20d='M59.874,56.576v1.175h1.6V58.6h-1.6v1.947H58.9V55.72h2.986v.856Z'%20transform='translate(-43.716%20-41.41)'%3e%3c/path%3e%3cpath%20id='Path_2865'%20data-name='Path%202865'%20d='M78.983,59.69v.864H75.89V55.72h3.028v.856H76.861v1.151h1.8V58.6h-1.8v1.081Z'%20transform='translate(-56.271%20-41.41)'%3e%3c/path%3e%3cpath%20id='Path_2866'%20data-name='Path%202866'%20d='M92.93,58.841h.976a.726.726,0,0,0,.783.639c.433,0,.72-.224.72-.569,0-.261-.2-.457-.611-.582l-.59-.167c-1.06-.282-1.248-.919-1.248-1.355a1.518,1.518,0,0,1,1.668-1.438,1.466,1.466,0,0,1,1.616,1.472h-.976a.668.668,0,0,0-1.326-.055c0,.117.034.371.54.522l.54.154c.731.2,1.368.587,1.37,1.409A1.547,1.547,0,0,1,94.66,60.34,1.57,1.57,0,0,1,92.93,58.841Z'%20transform='translate(-68.864%20-41.152)'%3e%3c/path%3e%3cpath%20id='Path_2867'%20data-name='Path%202867'%20d='M110.92,58.841h.976a.728.728,0,0,0,.783.639c.436,0,.723-.224.723-.569,0-.261-.2-.457-.611-.582l-.59-.167c-1.06-.282-1.25-.919-1.25-1.355a1.52,1.52,0,0,1,1.67-1.438,1.464,1.464,0,0,1,1.613,1.472h-.974a.671.671,0,0,0-1.329-.055c0,.117.037.371.543.522l.54.154c.728.2,1.368.587,1.368,1.409a1.546,1.546,0,0,1-1.733,1.467A1.572,1.572,0,0,1,110.92,58.841Z'%20transform='translate(-82.158%20-41.152)'%3e%3c/path%3e%3cpath%20id='Path_2868'%20data-name='Path%202868'%20d='M129.8,55.72h.966v4.834H129.8Z'%20transform='translate(-96.11%20-41.41)'%3e%3c/path%3e%3cpath%20id='Path_2869'%20data-name='Path%202869'%20d='M138.42,57.948a2.456,2.456,0,1,1,.714,1.749A2.461,2.461,0,0,1,138.42,57.948Zm3.936,0a1.493,1.493,0,1,0-.4,1.1,1.482,1.482,0,0,0,.4-1.1Z'%20transform='translate(-102.48%20-41.248)'%3e%3c/path%3e%3cpath%20id='Path_2870'%20data-name='Path%202870'%20d='M201.09,55.72h.974v3.967h1.827v.867h-2.8Z'%20transform='translate(-148.793%20-41.41)'%3e%3c/path%3e%3cpath%20id='Path_2871'%20data-name='Path%202871'%20d='M164.537,54.89h-.976v.128h0v2.871l-1.725-3h-.906l0,4.834h.976l0-3.028,1.757,3.03h.874Z'%20transform='translate(-118.922%20-40.583)'%3e%3c/path%3e%3cpath%20id='Path_2872'%20data-name='Path%202872'%20d='M22,60.564l-1.258-1.783a1.407,1.407,0,0,0,1.172-1.475,1.488,1.488,0,0,0-1.587-1.566H18.4v4.826h.974V56.588h.856a.727.727,0,1,1-.081,1.451h-.365v.9l1.075,1.618Z'%20transform='translate(-13.786%20-41.423)'%3e%3c/path%3e%3cpath%20id='Path_2873'%20data-name='Path%202873'%20d='M181.47,54.9l-1.052,0-1.8,4.831h1.031l1.287-3.824.619,1.817-.822,0-.287.848h1.4l.394,1.156h1.026Z'%20transform='translate(-131.995%20-40.59)'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")} .brand-westerndigital-logo a{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='24'%20viewBox='0%200%2080%2024'%3e%3cg%20id='Western_Digital_Logo'%20data-name='Western%20Digital%20Logo'%20transform='translate(6.275%206.455)'%3e%3crect%20id='box'%20width='80'%20height='24'%20transform='translate(-6.275%20-6.455)'%20fill='none'/%3e%3cpath%20id='Union_4'%20data-name='Union%204'%20d='M48.6,8.625s.847-.519.977-.592a1.218,1.218,0,0,0,1.094.642,1.1,1.1,0,0,0,1.07-1.184v-.6h-.024a1.438,1.438,0,0,1-1.376.728c-1.541,0-2.106-1.32-2.106-2.665s.565-2.665,2.106-2.665a1.466,1.466,0,0,1,1.376.728h.024V2.443H53.18V7.119c0,1.567-.8,2.678-2.458,2.678A2.069,2.069,0,0,1,48.6,8.625Zm1.2-3.677c0,.691.152,1.53.977,1.53.8,0,.964-.852.977-1.53,0-.777-.212-1.529-.977-1.529S49.8,4.17,49.8,4.948ZM56.591,6.1V1.11h1.436V2.443h1.129V3.492H58.027V6.07a.693.693,0,0,0,.694.777,2.358,2.358,0,0,0,.412-.037v.913a3.031,3.031,0,0,1-1,.16C56.956,7.884,56.591,7.095,56.591,6.1ZM22.564,5.083a2.515,2.515,0,1,1,5,0V5.54H24.011a1.19,1.19,0,0,0,1.13,1.246,1.142,1.142,0,0,0,1.105-.678l.964.6a2.143,2.143,0,0,1-2.082,1.172A2.56,2.56,0,0,1,22.564,5.083Zm1.458-.592h2.106a1.068,1.068,0,0,0-1.047-1.123C24.388,3.369,24.082,3.9,24.023,4.491ZM19.882,6.1l.011-4.984h1.436V2.443h1.129V3.492H21.329V6.07a.693.693,0,0,0,.694.777,2.127,2.127,0,0,0,.4-.037v.913a3.031,3.031,0,0,1-1,.16C20.247,7.884,19.882,7.095,19.882,6.1ZM9.647,5.083a2.515,2.515,0,1,1,5,0V5.54H11.094a1.19,1.19,0,0,0,1.129,1.246,1.142,1.142,0,0,0,1.106-.678l.964.6a2.144,2.144,0,0,1-2.083,1.172A2.56,2.56,0,0,1,9.647,5.083Zm1.447-.592h2.117a1.067,1.067,0,0,0-1.047-1.123A1.086,1.086,0,0,0,11.094,4.491ZM59.462,6.145c0-1.209.953-1.777,2.423-1.777h.635V4.244c0-.567-.411-.9-1.058-.9a1.231,1.231,0,0,0-1.035.531L59.6,3.22a2.241,2.241,0,0,1,1.976-.937c1.247,0,2.4.58,2.4,2.085V7.712H62.568V7.181h-.024a1.573,1.573,0,0,1-1.435.679A1.611,1.611,0,0,1,59.462,6.145Zm1.447-.074a.688.688,0,0,0,.729.716c.623,0,.882-.543.882-1.172v-.32h-.564C61.2,5.293,60.909,5.626,60.909,6.07ZM14.94,6.725l.977-.568a1.267,1.267,0,0,0,1.106.617c.529,0,.823-.2.823-.481,0-.309-.305-.42-.694-.556-.188-.061-.4-.123-.623-.2a1.7,1.7,0,0,1-1.388-1.654c0-1.024.894-1.6,1.977-1.6a2.158,2.158,0,0,1,2.059.987l-.93.654a1.146,1.146,0,0,0-1.011-.58c-.424,0-.659.161-.659.419,0,.346.365.444.717.556l.565.185a1.726,1.726,0,0,1,1.423,1.666c0,1.161-1,1.678-2.177,1.678A2.162,2.162,0,0,1,14.94,6.725Zm39.228,1V2.443h1.483V7.724Zm-8.082,0V2.443h1.482V7.724Zm-6.882,0V.124h2.47c2.247,0,3.659,1.159,3.659,3.8s-1.365,3.8-3.659,3.8Zm1.553-1.271h.823c1.882,0,2.153-1.32,2.153-2.529s-.294-2.529-2.153-2.529h-.823ZM31.765,7.724V2.443h1.447l-.012.642h.023a1.515,1.515,0,0,1,1.448-.8,1.7,1.7,0,0,1,1.8,1.9V7.712H35.011V4.541c0-.555-.258-1.048-.906-1.048-.576,0-.894.419-.894,1.048V7.724Zm-3.518,0V2.443H29.54v.852h.024a1.63,1.63,0,0,1,1.718-1.012V3.492a1.461,1.461,0,0,0-1.588,1.6V7.724Zm36.721-.012V.124H66.45V7.712ZM6.4,7.712,5.094,2.332,3.788,7.712H1.871L0,.124H1.53L2.882,5.688,4.235.124H6.047l1.317,5.4L8.682.124h1.4L8.212,7.712ZM54.1.852a.813.813,0,1,1,1.624,0,.813.813,0,1,1-1.624,0Zm-8.071,0a.813.813,0,1,1,1.624,0,.813.813,0,1,1-1.624,0Z'%20transform='translate(0%201)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e")} .brand-wd-black-logo a{width:67.58px;height:8.09px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='67.575px'%20height='7.103px'%20viewBox='0%200%2067.575%207.103'%3e%3cg%20id='WD_Black_Logo'%20data-name='WD_Black%20Logo'%20transform='translate(-287.617%20-295.052)'%3e%3cg%20id='Group_17036'%20data-name='Group%2017036'%20transform='translate(287.617%20295.052)'%3e%3cg%20id='Group_17034'%20data-name='Group%2017034'%20transform='translate(0%200.006)'%3e%3cg%20id='Group_17033'%20data-name='Group%2017033'%3e%3cg%20id='Group_17031'%20data-name='Group%2017031'%3e%3cg%20id='Group_17030'%20data-name='Group%2017030'%3e%3cg%20id='Group_17029'%20data-name='Group%2017029'%3e%3crect%20id='Rectangle_672'%20data-name='Rectangle%20672'%20width='5.583'%20height='0.687'%20transform='translate(16.781%206.407)'%20fill='%231a1818'%3e%3c/rect%3e%3cpath%20id='Path_4325'%20data-name='Path%204325'%20d='M318.52,295.07h-3.139v7.093h3.139a2,2,0,0,0,2-2V297.07a2,2,0,0,0-2-2Zm1.313,5.094a1.315,1.315,0,0,1-1.313,1.313h-2.452v-5.72h2.452a1.314,1.314,0,0,1,1.313,1.313Z'%20transform='translate(-306.699%20-295.07)'%20fill='%231a1818'%3e%3c/path%3e%3cpath%20id='Path_4326'%20data-name='Path%204326'%20d='M292.347,296.48a3.852,3.852,0,0,1-.078.774l-.742,3.637-.93-3.579h-.545l-.929,3.579-.742-3.637a3.874,3.874,0,0,1-.078-.774v-1.406h-.686v1.477a3.85,3.85,0,0,0,.078.774l.988,4.842h.819l.824-3.17.824,3.17h.819l.988-4.842a3.877,3.877,0,0,0,.078-.774v-1.477h-.687Z'%20transform='translate(-287.617%20-295.072)'%20fill='%231a1818'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='Group_17032'%20data-name='Group%2017032'%20transform='translate(25.312)'%3e%3cpath%20id='Path_4327'%20data-name='Path%204327'%20d='M396.315,302.164v-7.093h1.29v5.8h3.849v1.29Z'%20transform='translate(-387.633%20-295.07)'%20fill='%231a1818'%3e%3c/path%3e%3cpath%20id='Path_4328'%20data-name='Path%204328'%20d='M453.892,297.055a2,2,0,0,0-.068-.192c-.116-.327-.24-.5-.539-.5h-1.444a.538.538,0,0,0-.539.539v3.437a.538.538,0,0,0,.539.539h1.421c.3,0,.433-.173.548-.5.02-.077.058-.192.058-.192l1.214.319a1.893,1.893,0,0,1-1.877,1.665h-1.3a1.894,1.894,0,0,1-1.9-1.9v-3.3a1.894,1.894,0,0,1,1.9-1.9h1.309a1.91,1.91,0,0,1,1.887,1.656Z'%20transform='translate(-424.537%20-295.072)'%20fill='%231a1818'%3e%3c/path%3e%3cpath%20id='Path_4329'%20data-name='Path%204329'%20d='M427.794,302.164c0-1.068-.019-1.01-.106-1.3v-.01h0l-2.065-5.784h-1.24l-2.064,5.784h0v.01c-.087.289-.106.231-.106,1.3h1.242a5.7,5.7,0,0,1,.029-.76c.1-.375.144-.548.144-.548h2.754s.048.173.144.548a5.69,5.69,0,0,1,.029.76Zm-3.723-2.58.931-2.609.931,2.609Z'%20transform='translate(-405.431%20-295.07)'%20fill='%231a1818'%3e%3c/path%3e%3cpath%20id='Path_4330'%20data-name='Path%204330'%20d='M373.847,296.978a1.911,1.911,0,0,0-1.908-1.908h-3.387v1.386l1.214,1.521h-1.214v4.187h3.387a1.91,1.91,0,0,0,1.908-1.908v-.37a1.9,1.9,0,0,1,0-2.537Zm-3.745-.629h1.837a.629.629,0,0,1,.629.629v.37a.629.629,0,0,1-.629.629H371.4Zm2.465,3.906a.629.629,0,0,1-.629.629H369.83v-1.628h2.109a.629.629,0,0,1,.629.629Z'%20transform='translate(-368.552%20-295.07)'%20fill='%231a1818'%3e%3c/path%3e%3cpath%20id='Path_4331'%20data-name='Path%204331'%20d='M480.7,299.265h0l-.859-1.37,1.991-2.825h-1.5l-2.24,3.116V295.07H476.8v7.093h1.29v-1.784l.929-1.318.117.178h0l.163.249.27.413c.39.6.861,1.323.928,1.444a1.449,1.449,0,0,1,.095.592h0v.226h1.24a4.065,4.065,0,0,0-.178-1.38C481.529,300.538,481.1,299.9,480.7,299.265Z'%20transform='translate(-442.947%20-295.07)'%20fill='%231a1818'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='Group_17035'%20data-name='Group%2017035'%20transform='translate(65.512)'%3e%3cpath%20id='Path_4332'%20data-name='Path%204332'%20d='M497.1,295.194v-.142h.838v.142h-.348v1.16h-.143v-1.16Z'%20transform='translate(-497.1%20-295.052)'%20fill='%231a1818'%3e%3c/path%3e%3cpath%20id='Path_4333'%20data-name='Path%204333'%20d='M501.7,295.052h.147v1.3h-.137v-.969l-.21.619h-.145l-.21-.619v.969h-.137v-1.3h.147l.274.792Z'%20transform='translate(-499.786%20-295.052)'%20fill='%231a1818'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")} } .wd-header-2-5 .slidingDiv{min-width:64px;visibility:hidden} @media(min-width:992px){.nav-container .mobile-nav-div.hide{opacity:1;left:auto} [data-mx="secondInherit"].hidden{display:block} .sticky.self-start{top:100px} } @media only screen and (max-width:991px){.wd-header-2-5 .nav-container .mob-brand-logo{margin-left:-1rem;left:auto} .wd-header-2-5 .nav-container ul.dropDownContainer{margin-top:0;top:48px;padding-left:40px;margin-left:0} .wd-header-2-5 .nav-container ul.dropDownContainer.fullWidth{margin-bottom:48px} .wd-header-2-5 .nav-container ul.dropDownContainer>div.contain{padding:0} .left-slide [data-mx="secondInherit"] li:nth-child(2){margin-top:0} .wd-header-2-5 .headerContainer #searchSummaryView{top:3px} .wd-header-2-5 .headerContainer .newCardWD{top:19px} } @media only screen and (max-width:991px){.subnav-link-to-carousel .subnav2-0{margin:0} .sticky.self-start{top:50px} } @media only screen and (min-width:992px){.productListcontainer .sortByFilter{min-width:250px;white-space:nowrap} .productListcontainer .sortDropDown{width:74%} } @media only screen and (min-width:1464px){.productListcontainer .sortByFilter{min-width:265px} } @media(min-width:767px){.left-filter-container .list-reset.accordion-body{padding-left:.25rem} .sortDropDown{color:#0000009A} .sortByFilter.font-tight{color:#0000009A} .filter-more,.filter-less{margin-right:4px} } @media(max-width:768px){.mob-shopBy-btn,.mob-filters-btn,.sortByFilter{margin-bottom:8px} .sortDropDown{padding-top:.54rem;padding-bottom:.54rem} .newanchor.active-inner{color:#0074f3} .accordion-body .newanchor{display:block} .sortByFilter{padding-top:2px} .product-price-col{display:inherit !important} } @media(min-width:768px){.newanchor.active-inner{color:#0074f3;text-decoration:underline;text-underline-offset:4px} } body.overflow-hidden .carousel-quickView-modal .splide__list{transform:none !important} body.overflow-hidden .carousel-quickView-modal .splide__slider{position:relative;z-index:99} body.overflow-hidden .carousel-quickView-modal.splide .splide__controls,body.overflow-hidden .carousel-quickView-modal.splide .splide__arrows{z-index:-1;visibility:hidden} @media only screen and (max-width:800px) and (min-width:768px){#cardList{max-width:500px} } body #sticky-nav.sticky-stuck a.btn{border:1px solid} .aem-AuthorLayer-Edit body .show-for-b2b{display:block} .accordion-text>section:not(#ratings-and-reviews) .accordion-content.hidden{opacity:0;max-height:0} .accordion-text>section:not(#ratings-and-reviews) .accordion-content{opacity:1;max-height:6000px;transition:max-height .4s ease,opacity .4s ease;display:block;overflow:hidden} .accordion-text>section:not(#ratings-and-reviews)>.accordion-text-v1>.accordion-box>.accordion-content{overflow:visible} body:not(.disabledOutine) .accordion-text>section:not(#ratings-and-reviews) .accordion-content.hidden{display:none} .image-gallery #thumbnail-carousel{width:320px} .image-gallery #image-carousel{width:60%;margin:20px auto;height:auto} .image-gallery .splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #fff !important} #nextbtn span:hover,#prevbtn span:hover{text-decoration:underline;cursor:pointer} li.numb span:hover{background-color:#c3c3c3} .wd-compare-tray-wrap{box-shadow:0 -1px 6px #00000029;height:248px;position:fixed;bottom:-203px;width:100%;z-index:99;background:#fff;max-width:1920px;-webkit-transition:all .3s ease;transition:all .3s ease} body.mob-minicart-open .wd-compare-tray-wrap,body.mob-filters-open .wd-compare-tray-wrap,body.mob-shopBy-open .wd-compare-tray-wrap,body.compare-tray.search-open .wd-compare-tray-wrap,body.compare-tray.overflow-hidden .wd-compare-tray-wrap,body.compare-tray.mobile-nav-open .wd-compare-tray-wrap.tray-open{z-index:10} body.compare-tray,body.compare-tray #truste-consent-track>.bb-wrapper{margin-bottom:45px} .wd-compare-tray-wrap.tray-open{bottom:0;z-index:99999} .compare-tray-btn{height:45px} .wd-compare-tray-wrap .compare-tray-btn>svg{transform:rotate(180deg)} .wd-compare-tray-wrap.tray-open .compare-tray-btn>svg{transform:rotate(0)} .tray-item-empty{border:1px solid #e6e6e6;width:68px;height:68px;position:relative} .tray-has-item{width:68px;height:68px;position:relative} .tray-remove-item-btn>svg{width:24px;height:24px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out} @media(min-width:992px){.tray-item-empty{border:1px solid #e6e6e6;width:120px;height:120px;position:relative} .tray-has-item{width:120px;height:120px;position:relative} .tray-remove-item-btn>svg{width:32px;height:32px} .tray-remove-item-btn{right:-16px} .tray-remove-item-btn:hover>svg{width:36px;height:36px} } .tray-remove-item-btn{position:absolute;top:-16px;right:-10px} @supports(-webkit-touch-callout:none){button{color:inherit} } @media(max-height:412px),(max-width:915px){.store-image-gallery .wd-image-gallery .modal-body{height:400px} } .compare-table table{display:block;height:100%;border-collapse:collapse;width:100%;margin:0;font-size:16px;white-space:wrap;overflow-x:auto;overflow-y:auto;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;transition:max-height .15s ease-out;max-height:6000px;border-top:1px solid #eee} .compare-table-expanded.compare-table table{max-height:100%;overflow-y:auto;transition:max-height .25s ease-in} .specs-table table tbody tr:nth-child(n+12){display:none} .compare-table th,.compare-table td{background-clip:padding-box !important} .compare-table thead th:first-child{left:0;z-index:1;background:#f5f5f5;text-align:left} .compare-table thead th{position:sticky;z-index:1;top:0;width:288px} @media(min-width:1460px){.compare-table table{overflow-x:clip;overflow-y:clip} .compare-table thead th{top:56px} } @media(max-width:768px){.compare-table thead th:first-child>div,.compare-table tbody th:first-child>div{width:100px} .compare-table tr th:first-child{position:sticky;width:200px;left:0;background:#f5f5f5;text-align:left} .compare-table table{border-left:0;border-right:0;margin:0 -1px} } .compare-table thead>tr th{background:#fff;text-align:center;border-top:0;z-index:0} @media(min-width:768px){.compare-table tr th{position:sticky;left:0;background:#f5f5f5;text-align:left} } .compare-table tbody tr sup{position:static;vertical-align:super;top:0} @media (max-width:991px){ .compare-table tr th{ left:-1px; } } .compare-table td,.compare-table th{border:1px solid #e5e5e5} .compare-back-btn>img,.compare-back-btn>svg{rotate:90deg} .compare-table .show-toggle-btn{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0.9) 70%);height:144px;width:99.9%} .compare-table .show-toggle-btn.table-expanded{background:rgba(255,255,255,0.9);height:54px} .compare-table.specs-table .show-toggle-btn{position:absolute;bottom:1px} @media(min-width:1024px) and (max-width:1460px){.compare-table.specs-table .show-toggle-btn{position:absolute;bottom:20px} } .chart-tooltip-body{position:absolute;font-weight:normal;background:#000;color:#fff;font-size:14px;padding:1rem;width:242px;top:32px;left:-75px} .chart-tooltip-body i::after{content:'';position:absolute;width:12px;height:12px;left:36%;transform:translate(-36%,-36%) rotate(45deg);background-color:#000;top:0} .compare-table .table-loading{overflow:hidden} .table-loading table{overflow:hidden} .compare-table .table-loading td,.compare-table .table-loading th{border:1px solid #fff} .table-loading .loading{position:relative !important;background-color:#e3e3e3 !important} .table-loading .loading::after{display:block;content:"";position:absolute;width:90%;height:100%;padding-right:16px;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:loading .8s infinite;top:0} @keyframes loading{100%{transform:translateX(100%)} } .wd-compare-tray-wrap.fade-out{opacity:0;transition:opacity .8s ease-out} .compare-table thead>tr{position:relative;z-index:10} .compare-table tbody>tr.tooltip-open{position:relative;z-index:2} .compare-table tbody>tr.tooltip-open ~ tr.tooltip-open{z-index:1} .compare-table tbody>tr.tooltip-open:first-of-type:not(:only-of-type){z-index:2} .compareTable tbody td ul{display:flex;justify-content:center;flex-direction:column;text-align:left} .compare-table thead tr th picture{height:200px;width:200px;-webkit-transition:all .4s ease;transition:all .4s ease} .theadStick thead tr th picture{height:100px;width:100px} table thead th>.min-h-325px{min-height:325px;-webkit-transition:all .4s ease;transition:all .4s ease} table.theadStick thead th>.min-h-325px{min-height:225px} .compare-table table.theadStick thead th:after{position:absolute;content:'';width:100%;left:0;border-bottom:1px solid #e5e5e5;bottom:0} .max-h-24{max-height:6rem} .filterList .items>a .checkmark{top:4px;-webkit-transition:all .3s ease;transition:all .3s ease} .filterList .items{padding-left:7px} .filterList .items>a:hover .checkmark:before,.checkbox:hover .checkmark:before,.radioButton:hover .radioCheckmark:before{content:'';width:40px;height:40px;display:block;border-radius:25px;position:absolute;top:-12px;left:-12px;background:#000 0 0 no-repeat padding-box;opacity:.05} body:not(.disabledOutine) .filterList .items>a:focus .checkmark:before,body:not(.disabledOutine) .checkbox input:focus ~ .checkmark:before{content:'';width:40px;height:40px;display:block;border-radius:25px;position:absolute;top:-12px;left:-12px;background:#000 0 0 no-repeat padding-box;opacity:.1} .filterList .items>a:active .checkmark:before,.checkbox:active .checkmark:before{content:'';width:40px;height:40px;display:block;border-radius:25px;position:absolute;top:-12px;left:-12px;background:#000 0 0 no-repeat padding-box;opacity:.15} .filterList .items>a:hover input.checkbox-selected+.checkmark:before,.checkbox:hover input:checked ~ .checkmark:before{content:'';width:40px;height:40px;display:block;border-radius:25px;position:absolute;top:-12px;left:-12px;background:#0072ef 0 0 no-repeat padding-box;opacity:.05} body:not(.disabledOutine) .filterList .items>a:focus input.checkbox-selected+.checkmark:before,body:not(.disabledOutine) .checkbox input:checked:focus ~ .checkmark:before{content:'';width:40px;height:40px;display:block;border-radius:25px;position:absolute;top:-12px;left:-12px;background:#0072ef 0 0 no-repeat padding-box;opacity:.1} .filterList .items>a:active input.checkbox-selected+.checkmark:before,.checkbox:active input:checked ~ .checkmark:before{content:'';width:40px;height:40px;display:block;border-radius:25px;position:absolute;top:-12px;left:-12px;background:#0072ef 0 0 no-repeat padding-box;opacity:.15} .radioButton:hover .radioCheckmark:before{content:'';width:34px;height:34px;display:block;border-radius:25px;position:absolute;top:-8px;left:-8px;background:#000 0 0 no-repeat padding-box;opacity:.05} body:not(.disabledOutine) .radioButton input:focus ~ .radioCheckmark:before{content:'';width:34px;height:34px;display:block;border-radius:25px;position:absolute;top:-8px;left:-8px;background:#000 0 0 no-repeat padding-box;opacity:.1} .radioButton:active .radioCheckmark:before{content:'';width:34px;height:34px;display:block;border-radius:25px;position:absolute;top:-8px;left:-8px;background:#000 0 0 no-repeat padding-box;opacity:.15} .radioButton:hover input:checked ~ .radioCheckmark:before{content:'';width:34px;height:34px;display:block;border-radius:25px;position:absolute;top:-8px;left:-8px;background:#0072ef 0 0 no-repeat padding-box;opacity:.05} body:not(.disabledOutine) .radioButton input:focus:checked ~ .radioCheckmark:before{content:'';width:34px;height:34px;display:block;border-radius:25px;position:absolute;top:-8px;left:-8px;background:#0072ef 0 0 no-repeat padding-box;opacity:.1} .radioButton:active input:checked ~ .radioCheckmark:before{content:'';width:34px;height:34px;display:block;border-radius:25px;position:absolute;top:-8px;left:-8px;background:#0072ef 0 0 no-repeat padding-box;opacity:.15} .radioButton span{padding-top:0} @-moz-document url-prefix(){input[type=date].dp-validate{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20enable-background='new%200%200%2024%2024'%20height='24px'%20viewBox='0%200%2024%2024'%20width='24px'%20fill='%23000000'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'/%3E%3C/g%3E%3Cg%3E%3Cpath%20d='M19,4h-1V2h-2v2H8V2H6v2H5C3.89,4,3.01,4.9,3.01,6L3,20c0,1.1,0.89,2,2,2h14c1.1,0,2-0.9,2-2V6C21,4.9,20.1,4,19,4z%20M19,20%20H5V10h14V20z%20M9,14H7v-2h2V14z%20M13,14h-2v-2h2V14z%20M17,14h-2v-2h2V14z%20M9,18H7v-2h2V18z%20M13,18h-2v-2h2V18z%20M17,18h-2v-2h2V18z'/%3E%3C/g%3E%3C/svg%3E")no-repeat 99% 50%} } .form>.form-error{background:#fefafb;color:#df001f;border:1px solid #df001f;padding:8px 16px} .contact-support .contact-info>p{margin-bottom:0} .storeSearchResult .splide__slide .productCTAwrapShow{display:block} .oda-chat-wrapper .oda-chat-button:focus:enabled{outline:3px solid #b58409} .wd-img-btn-card .button{display:flex;align-items:center;justify-content:center} .wd-img-btn-card .button>a{position:absolute;left:auto;bottom:-28%;right:auto;transition:bottom .2s ease} .wd-img-btn-card:hover .button>a{bottom:45%} .wd-img-btn-card .button>a:focus{bottom:15%} .wd-img-btn-card .svg{position:absolute;left:0;bottom:38%;right:0;transition:bottom .2s ease} .wd-img-btn-card:hover .svg{bottom:-28%} .aem-AuthorLayer-Edit .wd-img-btn-card .button,.aem-AuthorLayer-Edit .wd-img-btn-card .svg{position:relative;bottom:auto} body.autosuggest-active{overflow:hidden} body.autosuggest-active #searchSuggestView:before,body.autosuggest-active .autoSuggestOuterWrap:before{content:"";background:rgba(255,255,255,1);position:fixed;width:100%;height:100%;left:0;top:0;z-index:99} body.autosuggest-active #searchSuggestView .autoSuggestWrap,body.autosuggest-active .autoSuggestOuterWrap .autoSuggestWrap{overflow:auto;height:calc(100vh - 48px)} body.autosuggest-active #searchSuggestView form,body.autosuggest-active .autoSuggestOuterWrap form{position:fixed;top:0;left:0;z-index:99;width:100%} body.autosuggest-active #searchSuggestView .support-search-field,body.autosuggest-active .autoSuggestOuterWrap .support-search-field{padding-right:6rem;outline:0} body.autosuggest-active #searchSuggestView .supportASClearInput,body.autosuggest-active #searchSuggestView .search-collapse,body.autosuggest-active .autoSuggestOuterWrap .supportASClearInput,body.autosuggest-active .autoSuggestOuterWrap .search-collapse{display:block} body.autosuggest-active #searchSuggestView .search-collapse,body.autosuggest-active .autoSuggestOuterWrap .search-collapse{top:16px} @supports(-webkit-touch-callout:none){.support-search-field{-webkit-appearance:none;border:1px solid;border-color:rgba(0,0,0,0.10)} } .support-category-item,.support-category-item .sc-item-img,.support-category-item .sc-item-title{transition:all .3s ease} .support-category-item:hover,.support-category-item:focus{padding:28px} .support-category-item:hover .sc-item-img,.support-category-item:focus .sc-item-img{width:72px;height:72px;margin-right:12px} .support-category-item:hover .sc-item-title,.support-category-item:focus .sc-item-title{text-decoration:underline} .rounded-8px{border-radius:.5rem} .rounded-12px{border-radius:.75rem} .rounded-16px{border-radius:1rem} .rounded-20px{border-radius:1.25rem} .rounded-24px{border-radius:1.5rem} @media(min-width:576px){.xs\:rounded-8px{border-radius:.5rem} .xs\:rounded-12px{border-radius:.75rem} .xs\:rounded-16px{border-radius:1rem} .xs\:rounded-20px{border-radius:1.25rem} .xs\:rounded-24px{border-radius:1.5rem} } @media(min-width:768px){.sm\:rounded-8px{border-radius:.5rem} .sm\:rounded-12px{border-radius:.75rem} .sm\:rounded-16px{border-radius:1rem} .sm\:rounded-20px{border-radius:1.25rem} .sm\:rounded-24px{border-radius:1.5rem} } @media(min-width:992px){.md\:rounded-8px{border-radius:.5rem} .md\:rounded-12px{border-radius:.75rem} .md\:rounded-16px{border-radius:1rem} .md\:rounded-20px{border-radius:1.25rem} .md\:rounded-24px{border-radius:1.5rem} } @media(min-width:1140px){.lg\:rounded-8px{border-radius:.5rem} .lg\:rounded-12px{border-radius:.75rem} .lg\:rounded-16px{border-radius:1rem} .lg\:rounded-20px{border-radius:1.25rem} .lg\:rounded-24px{border-radius:1.5rem} } @media(min-width:1464px){.xl\:rounded-8px{border-radius:.5rem} .xl\:rounded-12px{border-radius:.75rem} .xl\:rounded-16px{border-radius:1rem} .xl\:rounded-20px{border-radius:1.25rem} .xl\:rounded-24px{border-radius:1.5rem} } .ss-catalog-item{height:242px;box-shadow:0 3px 6px rgba(0,0,0,0.29)} .ss-catalog-item img{width:116px;height:116px} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:#b58409 solid 3px !important} .autoSuggestRightCol>div:last-child{margin-bottom:0} .section-hover{position:relative;overflow:hidden} .section-hover img{transition:transform .3s} .section-hover p{transition:text-decoration .3s} .section-hover:hover img{transform:scale(1.1)} .section-hover:hover p{text-decoration:underline} .shadow-sm{box-shadow:0 3px 8px 0 rgba(0,0,0,.15)} .wd-modal .modal-body{border-radius:1rem} @media(min-width:768px){.wd-modal .modal-body{border-radius:1.25rem} } .cascade-level-dropdown.cols-12.md\:cols-6.w-full{width:100%} @media only screen and (max-device-width:992px) and (-webkit-min-device-pixel-ratio:2){body:not(.has-header-container) .left-slide ul,.left-slide div.secondInheritWrapper{height:calc(100vh - 200px)} body.autosuggest-active #searchSuggestView .autoSuggestWrap,body.autosuggest-active .autoSuggestOuterWrap .autoSuggestWrap{overflow:auto;height:calc(100vh - 140px)} } .disabledOutine input[type=text]:focus,.disabledOutine input[type=email]:focus,.disabledOutine input[type=password]:focus,.disabledOutine textarea:focus{outline:1px solid #000 !important} .zrl_silver{color:#aaa} .zrl_platinum{color:#9db9d0} .zrl_gold{color:#deb038} body:not(.b2c) #loyalty-points-container{position:absolute;top:0;right:0;height:100%;display:flex;justify-content:end;align-items:center;width:100%;padding-right:16px;padding-left:16px;min-height:40px} @media(max-width:991px){body:not(.b2c) #loyalty-points-container{justify-content:center} } body:not(.b2c) #loyalty-points-container>span{position:relative;z-index:1} body:not(.b2c) .header-promo-bar .show-for-b2c{visibility:hidden} body.b2c .header-promo-bar .show-for-b2c{visibility:visible} a.recommendedProducts{margin:2px;padding:1px} .list-checkmark>li::before,.list-checkmark>div::before,.list-checkmark>p::before{content:'';display:inline-block;transform:rotate(45deg);height:14px;width:7px;border-bottom:3px;border-right:3px;border-style:solid;border-color:inherit;margin-right:12px} .list-checkmark>li,.list-checkmark>div,.list-checkmark>p{border-color:#000;text-indent:-20px;padding-left:20px;margin-left:4px} .list-checkmark[class*='border']>li,.list-checkmark[style*='border']>li,.list-checkmark[class*='border']>div,.list-checkmark[style*='border']>div,.list-checkmark[class*='border']>p,.list-checkmark[style*='border']>p{border-color:inherit} .loadingSkeleton{position:relative !important;background-color:#e3e3e3 !important;overflow:hidden} .loadingSkeleton::after{display:block;content:"";position:absolute;width:90%;height:100%;padding-right:16px;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:loading .8s infinite;top:0} @keyframes loading{100%{transform:translateX(100%)} } .parallax>div.aem-section-bgimage{background-attachment:fixed} .no-parallax>div.aem-section-bgimage{background-attachment:scroll} @media(min-width:576px){.xs\:parallax>div.aem-section-bgimage{background-attachment:fixed} .xs\:no-parallax>div.aem-section-bgimage{background-attachment:scroll} } @media(min-width:768px){.sm\:parallax>div.aem-section-bgimage{background-attachment:fixed} .sm\:no-parallax>div.aem-section-bgimage{background-attachment:scroll} } @media(min-width:992px){.md\:parallax>div.aem-section-bgimage{background-attachment:fixed} .md\:no-parallax>div.aem-section-bgimage{background-attachment:scroll} } @media(min-width:1140px){.lg\:parallax>div.aem-section-bgimage{background-attachment:fixed} .lg\:no-parallax>div.aem-section-bgimage{background-attachment:scroll} } @media(min-width:1464px){.xl\:parallax>div.aem-section-bgimage{background-attachment:fixed} .xl\:no-parallax>div.aem-section-bgimage{background-attachment:scroll} } .bg-business{background-color:#824dd8} .border-business{border-color:#824dd8} .text-business{color:#824dd8} body.armorlock-portable-ssd .editorial-listing-tile-svg-view .detail-block .expandSection path,body.armorlock-portable-ssd .editorial-listing-tile-svg-view .detail-block .collapseSection rect{fill:white !important} .b2c-pc-fields .accordion-content>div,.b2b-pc-fields .accordion-content>div{padding:4px 8px} body:not(.disabledOutine) section.section.bg-zoom>a:focus>.aem-section-bgimage{border:3px solid #b58409;border-radius:20px} body:not(.disabledOutine) section .expand-h-full section>a:focus{border:3px solid #b58409;border-radius:20px} .predictiveSearch .searchSummaryViewInput{box-shadow:none;line-height:21px;padding-top:15px;padding-bottom:14px} @media(min-width:992px){.wd-header-2-5 .predictiveSearch .searchSummaryViewInput.search-expanded{width:770px} .wd-header-2-5 .predictiveSearch .searchSummaryViewInput.search-expanded ~ .btn-search{left:unset;right:95%} } @media(min-width:1140px){.wd-header-2-5 .predictiveSearch .searchSummaryViewInput.search-expanded{width:940px} .wd-header-2-5 .predictiveSearch .searchSummaryViewInput.search-expanded ~ .btn-search{left:unset;right:96%} } @media(min-width:1464px){.wd-header-2-5 .predictiveSearch .searchSummaryViewInput.search-expanded{width:1230px} .wd-header-2-5 .predictiveSearch .searchSummaryViewInput.search-expanded ~ .btn-search{left:unset;right:97%} } @media(min-width:992px){#predictiveSearchContainer{position:absolute;left:42%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,0);width:100vw;overflow:hidden;top:54px} } .predictiveSearch .searchSummaryViewInput ~ #predictiveSearchContainer{display:none} .predictiveSearch .searchSummaryViewInput.search-expanded ~ #predictiveSearchContainer{display:block;max-height:calc(100vh - 100px);overflow-y:auto;max-width:1920px} @media(max-width:991px){.predictiveSearch .left-slide ul li,.predictiveResultView .left-slide ul li{margin-left:0} .predictiveSearch .left-slide ul li:nth-child(2),.predictiveResultView .left-slide ul li:nth-child(2){margin-top:0} .predictiveSearch .searchSummaryViewInput.search-expanded ~ #predictiveSearchContainer{position:fixed;left:0;border-top:1px solid #eee;top:50px;max-height:calc(100vh - 60px);width:100vw} .predictiveSearch .searchSummaryViewInput.search-expanded ~ #predictiveSearchContainer:after{content:"";background:rgba(255,255,255,.9);position:fixed;width:100%;height:100%;left:0;z-index:-1} body.search-open{overflow:hidden} .wd-header-2-5 .predictiveSearch .searchSummaryViewInput.search-expanded{padding-right:7rem} } @media only screen and (max-device-width:992px) and (-webkit-min-device-pixel-ratio:2){.predictiveSearch .searchSummaryViewInput.search-expanded ~ #predictiveSearchContainer{max-height:calc(100vh - 105px)} } .predictiveResultViewForm form #hero-input-field{box-shadow:0 3px 8px #00000040} .predictiveResultViewForm form #hero-input-field:focus{outline:none !important} .predictiveResultViewForm form .predictiveResultView,.predictiveResultViewForm form .skeleton-group{top:58px;box-shadow:0 3px 8px #00000040} .disabledOutine .predictive-search-form input[type=text]:focus{outline:none !important} #predictiveSearchContainer #popularSearches ul.list-reset li{font-size:16px} @media screen and (min-width:992px) and (max-width:1140px){#predictiveSearchContainer{left:290px;top:53px} } .predictiveResultViewForm .search-collapse,.predictiveResultViewForm .svClearInput{display:none} .predictiveResultViewForm .predictiveResultView ~ .svClearInput{display:block} .predictiveResultViewForm .predictiveResultView ~ .search-collapse{display:block;position:absolute;right:16px;top:18px} @media(max-width:540px){.wd-header-2-5 .custSearchWrap .predictiveSearch .searchSummaryViewInput.search-expanded ~ .btn-search{right:91%} } @media(max-width:450px){.wd-header-2-5 .custSearchWrap .predictiveSearch .searchSummaryViewInput.search-expanded ~ .btn-search{right:89%} } @media only screen and (max-width:991px){.pdp-redesign #sticky-nav .inner-wrap{max-height:50px} .pdp-redesign #sticky-nav.mob-subnav-dropdown-open .inner-wrap{max-height:fit-content} } .login-btn-trigger button.openLoginFlyout span{line-height:1.5} .xf-content-height{min-height:auto !important;margin:0 !important} .pdp-redesign .compare-table thead>tr{z-index:0} .pdp-redesign .compare-table thead th:first-child{position:relative;top:0;vertical-align:middle} .pdp-redesign .compare-table thead th{top:0} .pdp-redesign .compare-table thead tr th picture{transition:none;-webkit-transition:none;height:64px;width:64px} .pdp-redesign .theadStick thead tr th picture{height:64px;width:64px} .pdp-redesign .rd-compare-product-conatiner .compare-product-price{color:#000} .pdp-redesign .rd-compare-product-conatiner.rd-compare-first-product-conatiner .compare-product-price{color:#6d6d6d} .pdp-redesign .rd-compare-product-conatiner div.rd-compare-first-product.rd-compare-product{color:#616161} .pdp-redesign .rd-compare-product-conatiner div.rd-compare-product{color:#0072ef} .pdp-redesign .rd-compare-product-conatiner button.addToCartBtn{height:32px;color:#3072e7;font-size:14px;font-weight:700;color:#fff;background-color:#3072e7;line-height:16.41px} .pdp-redesign .compare-table thead tr th{background-color:#f8f8f8;border:1px solid rgba(0,0,0,0.08)} .pdp-redesign .compare-table tr th{background-color:#fff} .pdp-redesign .compare-table td,.pdp-redesign .compare-table th{border:1px solid #efefef} .pdp-redesign .compare-table table.theadStick{border:0} .pdp-redesign .compare-table thead th{vertical-align:top} .pdp-redesign .compare-table tbody ol{text-align:left} @media only screen and (min-width:992px){.pdp-redesign .compare-table thead th:first-child,.pdp-redesign .compare-table tbody th{min-width:144px} .pdp-redesign .compareTable table tr th div,.pdp-redesign .compareTable table tr td div span{line-height:18.75px} .pdp-redesign .compare-table thead th{min-width:325px} .pdp-redesign .rd-compare-product-conatiner select{width:220px;border:1px solid #d2d2d2;height:36px} .pdp-redesign .compare-table tr th{position:relative} .pdp-redesign .compareTable tbody td ul,.pdp-redesign .compareTable tbody td ol{line-height:24px} .pdp-redesign .rd-compare-link-container{list-style:18.75px} } @media only screen and (max-width:991px){.pdp-redesign .compare-table thead th:first-child,.pdp-redesign .compare-table tbody th{width:131px;padding-left:15px;position:sticky} .pdp-redesign .compare-table tr th{position:sticky} .pdp-redesign .rd-compare-product-conatiner select{width:162.57px;border:1px solid #d2d2d2;height:36px} .pdp-redesign .compare-table thead th{position:sticky;width:180px} .pdp-redesign .compare-table thead th .rd-compare-product-conatiner{width:180px} .pdp-redesign .compare-table table,.pdp-redesign .compare-table table p{font-size:14px;line-height:16.41px} .pdp-redesign .compareTable tbody td ul,.pdp-redesign .compareTable tbody td ol{line-height:21px} } .interstatial-modal{font-family:Proxima_Nova,sans-serif} .interstatial-modal .signIn-image-container .col-sm.col-lg:first-child{display:flex;justify-content:end;border-right:1px solid #666} .interstatial-modal .signIn-image-container .col-sm.col-lg:nth-child(2){display:flex;padding-left:16px} .interstatial-modal h2{font-size:48px} .interstatial-modal .interstatial-para{font-size:20px;font-weight:500;text-align:center} @media only screen and (min-width:1250px){#wdInterstitialb2cSignin .wd-modal-dialog,#wdInterstitialb2bBusiness .wd-modal-dialog,#wdInterstitialb2bSignin .wd-modal-dialog,#wdInterstitialb2bJoin .wd-modal-dialog,#wdInterstitialb2cJoin .wd-modal-dialog,#wdInterstitialSupport .wd-modal-dialog{width:1250px} } #wdInterstitialb2cSignin .wd-modal-dialog .modal-body,#wdInterstitialb2bBusiness .wd-modal-dialog .modal-body,#wdInterstitialb2bSignin .wd-modal-dialog .modal-body,#wdInterstitialb2bJoin .wd-modal-dialog .modal-body,#wdInterstitialb2cJoin .wd-modal-dialog .modal-body,#wdInterstitialSupport .wd-modal-dialog .modal-body{padding:0;padding-top:64px;padding-bottom:32px} #wdInterstitialb2cSignin .interstatial-border,#wdInterstitialb2bBusiness .interstatial-border,#wdInterstitialb2bSignin .interstatial-border,#wdInterstitialb2bJoin .interstatial-border,#wdInterstitialb2cJoin .interstatial-border,#wdInterstitialSupport .interstatial-border{border-right:1px solid #c3c3c3} ul.list-red-x{list-style:square outside url(../../../../content/dam/store/en-us/portal-assets/jumpstart-template-fpo-assets/topic-single-page/XRed.svg)} .default-produt-bundle{margin-bottom:40px} .default-produt-bundle:last-child{margin-bottom:0} .product-bundle-description>P{display:inline} .pin-l-2rem{left:2rem} .green-promo{background-color:#d0ffcf;color:#00740c;padding:6px 12px;font-size:16px;font-weight:bold;display:inline-block;border-radius:8px;margin-bottom:0} .grey-promo{background-color:#f5f3ef;color:#000;padding:6px 12px;font-size:16px;font-weight:bold;display:inline-block;border-radius:8px;margin-bottom:0 !important} .product-listing .green-promo,.productListItem .green-promo,.product-card .green-promo{background-color:#d0ffcf;color:#00740c;width:100%;padding:24px;font-size:16px;font-weight:bold;display:flex;text-align:left;border-radius:0} .product-listing .grey-promo,.productListItem .grey-promo,.product-card .grey-promo{background-color:#f5f3ef;color:#000;width:100%;padding:24px;font-size:16px;font-weight:bold;display:flex;text-align:left;border-radius:0} .product-price:has(.hide-valueProps) ~ .experiencefragment{display:none} /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} article,aside,footer,header,nav,section{display:block} h1{font-size:2em;margin:.67em 0} figcaption,figure,main{display:block} figure{margin:1em 40px} hr{box-sizing:content-box;height:0;overflow:visible} pre{font-family:monospace,monospace;font-size:1em} a{background-color:transparent;-webkit-text-decoration-skip:objects} abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted} b,strong{font-weight:inherit} b,strong{font-weight:bolder} code,kbd,samp{font-family:monospace,monospace;font-size:1em} dfn{font-style:italic} mark{background-color:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-0.25em} sup{top:-0.5em} audio,video{display:inline-block} audio:not([controls]){display:none;height:0} img{border-style:none} svg:not(:root){overflow:hidden} button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText} fieldset{padding:.35em .75em .625em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{display:inline-block;vertical-align:baseline} textarea{overflow:auto} [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px} [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details,menu{display:block} summary{display:list-item} canvas{display:inline-block} template{display:none} [hidden]{display:none} html{box-sizing:border-box;font-family:sans-serif} *,*::before,*::after{box-sizing:inherit} blockquote,dl,dd,h1,h2,h3,h4,h5,h6,figure,p,pre{margin:0} button{background:transparent;padding:0} button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color} fieldset{margin:0;padding:0} ol,ul{margin:0} [tabindex="-1"]:focus{outline:none !important} *,*::before,*::after{border-width:0;border-style:solid;border-color:#e6e6e6} img{border-style:solid} button,[type="button"],[type="reset"],[type="submit"]{border-radius:0} textarea{resize:vertical} img{max-width:100%} button,input,optgroup,select,textarea{font-family:inherit} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.5} input::-moz-placeholder,textarea::-moz-placeholder{color:inherit;opacity:.5} input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:inherit;opacity:.5} input::placeholder,textarea::placeholder{color:inherit;opacity:.5} button,[role=button]{cursor:pointer} .contain{width:100%;margin-right:auto;margin-left:auto;padding-right:16px;padding-left:16px} .contain-fluid{width:100%;max-width:1464px;margin-right:auto;margin-left:auto;padding-right:16px;padding-left:16px} @media(min-width:576px){.contain{max-width:576px} } @media(min-width:768px){.contain{max-width:768px} } @media(min-width:992px){.contain{max-width:992px} } @media(min-width:1140px){.contain{max-width:1140px} } @media(min-width:1464px){.contain{max-width:1464px} } .list-reset{list-style:none;padding:0} .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .bg-fixed{background-attachment:fixed} .bg-local{background-attachment:local} .bg-scroll{background-attachment:scroll} .bg-transparent{background-color:transparent} .bg-currentColor{background-color:currentColor} .bg-black{background-color:#000} .bg-black-10{background-color:rgba(0,0,0,.1)} .bg-black-20{background-color:rgba(0,0,0,.2)} .bg-black-30{background-color:rgba(0,0,0,.3)} .bg-black-40{background-color:rgba(0,0,0,.4)} .bg-black-50{background-color:rgba(0,0,0,.5)} .bg-black-60{background-color:rgba(0,0,0,.6)} .bg-black-70{background-color:rgba(0,0,0,.7)} .bg-black-80{background-color:rgba(0,0,0,.8)} .bg-black-90{background-color:rgba(0,0,0,.9)} .bg-black-1{background-color:#313131} .bg-white{background-color:#fff} .bg-blue{background-color:#0072ef} .bg-dark-blue{background-color:#0064d1} .bg-darker-blue{background-color:#00588d} .bg-d-blue{background-color:#0069a8} .bg-blue-1{background-color:#17214a} .bg-light-blue{background-color:#f0f7fb} .bg-red{background-color:#cb001c} .bg-green{background-color:#33803b} .bg-green-lighter{background-color:#00800005} .bg-purple{background-color:#5a80d1} .bg-orange{background-color:#c45c00} .bg-sd-red{background-color:#ed1c24} .bg-grey{background-color:#929a9d} .bg-grey-light{background-color:#e6e6e6} .bg-grey-1{background-color:#f2f3f3} .bg-grey-2{background-color:#7f7f7f} .bg-grey-3{background-color:#6a6a6a} .bg-grey-4{background-color:#465052} .bg-grey-5{background-color:#737779} .bg-border-gray-light{background-color:#e1e1e1} .bg-gray{background-color:#929a9d} .bg-gray-light{background-color:#e1e1e1} .bg-gray-1{background-color:#f6f6f6} .bg-gray-2{background-color:#bbb} .bg-gray-3{background-color:#8a8a8a} .bg-gray-4{background-color:#6b6b6b} .bg-light-blue-1{background-color:#21b8de} .bg-dark-blue-1{background-color:#0277bd} .bg-dark-orange{background-color:#df8403} .bg-darker-orange{background-color:#aa5d00} .bg-g-blue{background-color:#17214a} .bg-g-blue-1{background-color:#556d88} .bg-g-blue-2{background-color:#3c4c65} .bg-g-blue-3{background-color:#222e4d} .bg-black-orange{background-color:#ff7012} .bg-light-blue-2{background-color:#f7fafd} .bg-light-blue-3{background-color:#b4d5f8} .hover\:bg-transparent:hover{background-color:transparent} .hover\:bg-currentColor:hover{background-color:currentColor} .hover\:bg-black:hover{background-color:#000} .hover\:bg-black-10:hover{background-color:rgba(0,0,0,.1)} .hover\:bg-black-20:hover{background-color:rgba(0,0,0,.2)} .hover\:bg-black-30:hover{background-color:rgba(0,0,0,.3)} .hover\:bg-black-40:hover{background-color:rgba(0,0,0,.4)} .hover\:bg-black-50:hover{background-color:rgba(0,0,0,.5)} .hover\:bg-black-60:hover{background-color:rgba(0,0,0,.6)} .hover\:bg-black-70:hover{background-color:rgba(0,0,0,.7)} .hover\:bg-black-80:hover{background-color:rgba(0,0,0,.8)} .hover\:bg-black-90:hover{background-color:rgba(0,0,0,.9)} .hover\:bg-black-1:hover{background-color:#313131} .hover\:bg-white:hover{background-color:#fff} .hover\:bg-blue:hover{background-color:#0072ef} .hover\:bg-dark-blue:hover{background-color:#0064d1} .hover\:bg-darker-blue:hover{background-color:#00588d} .hover\:bg-d-blue:hover{background-color:#0069a8} .hover\:bg-blue-1:hover{background-color:#17214a} .hover\:bg-light-blue:hover{background-color:#f0f7fb} .hover\:bg-red:hover{background-color:#cb001c} .hover\:bg-green:hover{background-color:#33803b} .hover\:bg-green-lighter:hover{background-color:#00800005} .hover\:bg-purple:hover{background-color:#5a80d1} .hover\:bg-orange:hover{background-color:#c45c00} .hover\:bg-sd-red:hover{background-color:#ed1c24} .hover\:bg-grey:hover{background-color:#929a9d} .hover\:bg-grey-light:hover{background-color:#e6e6e6} .hover\:bg-grey-1:hover{background-color:#f2f3f3} .hover\:bg-grey-2:hover{background-color:#7f7f7f} .hover\:bg-grey-3:hover{background-color:#6a6a6a} .hover\:bg-grey-4:hover{background-color:#465052} .hover\:bg-grey-5:hover{background-color:#737779} .hover\:bg-border-gray-light:hover{background-color:#e1e1e1} .hover\:bg-gray:hover{background-color:#929a9d} .hover\:bg-gray-light:hover{background-color:#e1e1e1} .hover\:bg-gray-1:hover{background-color:#f6f6f6} .hover\:bg-gray-2:hover{background-color:#bbb} .hover\:bg-gray-3:hover{background-color:#8a8a8a} .hover\:bg-gray-4:hover{background-color:#6b6b6b} .hover\:bg-light-blue-1:hover{background-color:#21b8de} .hover\:bg-dark-blue-1:hover{background-color:#0277bd} .hover\:bg-dark-orange:hover{background-color:#df8403} .hover\:bg-darker-orange:hover{background-color:#aa5d00} .hover\:bg-g-blue:hover{background-color:#17214a} .hover\:bg-g-blue-1:hover{background-color:#556d88} .hover\:bg-g-blue-2:hover{background-color:#3c4c65} .hover\:bg-g-blue-3:hover{background-color:#222e4d} .hover\:bg-black-orange:hover{background-color:#ff7012} .hover\:bg-light-blue-2:hover{background-color:#f7fafd} .hover\:bg-light-blue-3:hover{background-color:#b4d5f8} .bg-bottom{background-position:bottom} .bg-center{background-position:center} .bg-left{background-position:left} .bg-left-bottom{background-position:left bottom} .bg-left-top{background-position:left top} .bg-right{background-position:right} .bg-right-bottom{background-position:right bottom} .bg-right-top{background-position:right top} .bg-top{background-position:top} .bg-repeat{background-repeat:repeat} .bg-no-repeat{background-repeat:no-repeat} .bg-repeat-x{background-repeat:repeat-x} .bg-repeat-y{background-repeat:repeat-y} .bg-auto{background-size:auto} .bg-cover{background-size:cover} .bg-contain{background-size:contain} .border-transparent{border-color:transparent} .border-currentColor{border-color:currentColor} .border-black{border-color:#000} .border-black-10{border-color:rgba(0,0,0,.1)} .border-black-20{border-color:rgba(0,0,0,.2)} .border-black-30{border-color:rgba(0,0,0,.3)} .border-black-40{border-color:rgba(0,0,0,.4)} .border-black-50{border-color:rgba(0,0,0,.5)} .border-black-60{border-color:rgba(0,0,0,.6)} .border-black-70{border-color:rgba(0,0,0,.7)} .border-black-80{border-color:rgba(0,0,0,.8)} .border-black-90{border-color:rgba(0,0,0,.9)} .border-black-1{border-color:#313131} .border-white{border-color:#fff} .border-blue{border-color:#0072ef} .border-dark-blue{border-color:#0064d1} .border-darker-blue{border-color:#00588d} .border-d-blue{border-color:#0069a8} .border-blue-1{border-color:#17214a} .border-light-blue{border-color:#f0f7fb} .border-red{border-color:#cb001c} .border-green{border-color:#33803b} .border-green-lighter{border-color:#00800005} .border-purple{border-color:#5a80d1} .border-orange{border-color:#c45c00} .border-sd-red{border-color:#ed1c24} .border-grey{border-color:#929a9d} .border-grey-light{border-color:#e6e6e6} .border-grey-1{border-color:#f2f3f3} .border-grey-2{border-color:#7f7f7f} .border-grey-3{border-color:#6a6a6a} .border-grey-4{border-color:#465052} .border-grey-5{border-color:#737779} .border-border-gray-light{border-color:#e1e1e1} .border-gray{border-color:#929a9d} .border-gray-light{border-color:#e1e1e1} .border-gray-1{border-color:#f6f6f6} .border-gray-2{border-color:#bbb} .border-gray-3{border-color:#8a8a8a} .border-gray-4{border-color:#6b6b6b} .border-light-blue-1{border-color:#21b8de} .border-dark-blue-1{border-color:#0277bd} .border-dark-orange{border-color:#df8403} .border-darker-orange{border-color:#aa5d00} .border-g-blue{border-color:#17214a} .border-g-blue-1{border-color:#556d88} .border-g-blue-2{border-color:#3c4c65} .border-g-blue-3{border-color:#222e4d} .border-black-orange{border-color:#ff7012} .border-light-blue-2{border-color:#f7fafd} .border-light-blue-3{border-color:#b4d5f8} .rounded-none{border-radius:0} .rounded-sm{border-radius:.125rem} .rounded{border-radius:.25rem} .rounded-lg{border-radius:.5rem} .rounded-full{border-radius:9999px} .rounded-t-none{border-top-left-radius:0;border-top-right-radius:0} .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0} .rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0} .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0} .rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem} .rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem} .rounded-b-sm{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem} .rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem} .rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem} .rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem} .rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem} .rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px} .rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px} .rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px} .rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px} .rounded-tl-none{border-top-left-radius:0} .rounded-tr-none{border-top-right-radius:0} .rounded-br-none{border-bottom-right-radius:0} .rounded-bl-none{border-bottom-left-radius:0} .rounded-tl-sm{border-top-left-radius:.125rem} .rounded-tr-sm{border-top-right-radius:.125rem} .rounded-br-sm{border-bottom-right-radius:.125rem} .rounded-bl-sm{border-bottom-left-radius:.125rem} .rounded-tl{border-top-left-radius:.25rem} .rounded-tr{border-top-right-radius:.25rem} .rounded-br{border-bottom-right-radius:.25rem} .rounded-bl{border-bottom-left-radius:.25rem} .rounded-tl-lg{border-top-left-radius:.5rem} .rounded-tr-lg{border-top-right-radius:.5rem} .rounded-br-lg{border-bottom-right-radius:.5rem} .rounded-bl-lg{border-bottom-left-radius:.5rem} .rounded-tl-full{border-top-left-radius:9999px} .rounded-tr-full{border-top-right-radius:9999px} .rounded-br-full{border-bottom-right-radius:9999px} .rounded-bl-full{border-bottom-left-radius:9999px} .border-solid{border-style:solid} .border-dashed{border-style:dashed} .border-dotted{border-style:dotted} .border-none{border-style:none} .border-0{border-width:0} .border-2{border-width:2px} .border-3{border-width:3px} .border-4{border-width:4px} .border-5{border-width:5px} .border-6{border-width:6px} .border-7{border-width:7px} .border-8{border-width:8px} .border-9{border-width:9px} .border-10{border-width:10px} .border{border-width:1px} .border-t-0{border-top-width:0} .border-r-0{border-right-width:0} .border-b-0{border-bottom-width:0} .border-l-0{border-left-width:0} .border-t-2{border-top-width:2px} .border-r-2{border-right-width:2px} .border-b-2{border-bottom-width:2px} .border-l-2{border-left-width:2px} .border-t-3{border-top-width:3px} .border-r-3{border-right-width:3px} .border-b-3{border-bottom-width:3px} .border-l-3{border-left-width:3px} .border-t-4{border-top-width:4px} .border-r-4{border-right-width:4px} .border-b-4{border-bottom-width:4px} .border-l-4{border-left-width:4px} .border-t-5{border-top-width:5px} .border-r-5{border-right-width:5px} .border-b-5{border-bottom-width:5px} .border-l-5{border-left-width:5px} .border-t-6{border-top-width:6px} .border-r-6{border-right-width:6px} .border-b-6{border-bottom-width:6px} .border-l-6{border-left-width:6px} .border-t-7{border-top-width:7px} .border-r-7{border-right-width:7px} .border-b-7{border-bottom-width:7px} .border-l-7{border-left-width:7px} .border-t-8{border-top-width:8px} .border-r-8{border-right-width:8px} .border-b-8{border-bottom-width:8px} .border-l-8{border-left-width:8px} .border-t-9{border-top-width:9px} .border-r-9{border-right-width:9px} .border-b-9{border-bottom-width:9px} .border-l-9{border-left-width:9px} .border-t-10{border-top-width:10px} .border-r-10{border-right-width:10px} .border-b-10{border-bottom-width:10px} .border-l-10{border-left-width:10px} .border-t{border-top-width:1px} .border-r{border-right-width:1px} .border-b{border-bottom-width:1px} .border-l{border-left-width:1px} .cursor-auto{cursor:auto} .cursor-default{cursor:default} .cursor-pointer{cursor:pointer} .cursor-wait{cursor:wait} .cursor-move{cursor:move} .cursor-not-allowed{cursor:not-allowed} .block{display:block} .inline-block{display:inline-block} .inline{display:inline} .table{display:table} .table-row{display:table-row} .table-cell{display:table-cell} .hidden{display:none} .flex{display:flex} .inline-flex{display:inline-flex} .flex-row{flex-direction:row} .flex-row-reverse{flex-direction:row-reverse} .flex-col{flex-direction:column} .flex-col-reverse{flex-direction:column-reverse} .flex-wrap{flex-wrap:wrap} .flex-wrap-reverse{flex-wrap:wrap-reverse} .flex-no-wrap{flex-wrap:nowrap} .items-start{align-items:flex-start} .items-end{align-items:flex-end} .items-center{align-items:center} .items-baseline{align-items:baseline} .items-stretch{align-items:stretch} .self-auto{align-self:auto} .self-start{align-self:flex-start} .self-end{align-self:flex-end} .self-center{align-self:center} .self-stretch{align-self:stretch} .justify-start{justify-content:flex-start} .justify-end{justify-content:flex-end} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .justify-around{justify-content:space-around} .content-center{align-content:center} .content-start{align-content:flex-start} .content-end{align-content:flex-end} .content-between{align-content:space-between} .content-around{align-content:space-around} .flex-1{flex:1} .flex-auto{flex:auto} .flex-initial{flex:initial} .flex-none{flex:none} .flex-grow{flex-grow:1} .flex-shrink{flex-shrink:1} .flex-no-grow{flex-grow:0} .flex-no-shrink{flex-shrink:0} .float-right{float:right} .float-left{float:left} .float-none{float:none} .clearfix:after{content:"";display:table;clear:both} .font-Roboto{font-family:Roboto} .font-light{font-weight:300} .font-normal{font-weight:400} .font-medium{font-weight:500} .font-semibold{font-weight:600} .font-bold{font-weight:700} .hover\:font-light:hover{font-weight:300} .hover\:font-normal:hover{font-weight:400} .hover\:font-medium:hover{font-weight:500} .hover\:font-semibold:hover{font-weight:600} .hover\:font-bold:hover{font-weight:700} .h-0{height:0} .h-1{height:.25rem} .h-2{height:.5rem} .h-3{height:.75rem} .h-4{height:1rem} .h-5{height:1.25rem} .h-6{height:1.5rem} .h-7{height:1.75rem} .h-8{height:2rem} .h-9{height:2.25rem} .h-10{height:2.5rem} .h-12{height:3rem} .h-14{height:3.5rem} .h-16{height:4rem} .h-18{height:4.5rem} .h-24{height:6rem} .h-32{height:8rem} .h-48{height:12rem} .h-64{height:16rem} .h-auto{height:auto} .h-px{height:1px} .h-2px{height:2px} .h-42px{height:2.625rem} .h-50px{height:50px} .h-100px{height:100px} .h-125px{height:125px} .h-150px{height:150px} .h-175px{height:175px} .h-200px{height:200px} .h-225px{height:225px} .h-250px{height:250px} .h-275px{height:275px} .h-300px{height:300px} .h-325px{height:325px} .h-350px{height:350px} .h-375px{height:375px} .h-400px{height:400px} .h-500px{height:500px} .h-576px{height:576px} .h-600px{height:600px} .h-half{height:50%} .h-full{height:100%} .leading-none{line-height:1} .leading-heading{line-height:1.1} .leading-tight{line-height:1.2} .leading-medium{line-height:22px} .leading-normal{line-height:1.5} .leading-loose{line-height:2} .m-0{margin:0} .m-1{margin:.25rem} .m-2{margin:.5rem} .m-3{margin:.75rem} .m-4{margin:1rem} .m-5{margin:1.25rem} .m-6{margin:1.5rem} .m-7{margin:1.75rem} .m-8{margin:2rem} .m-9{margin:2.25rem} .m-10{margin:2.5rem} .m-12{margin:3rem} .m-16{margin:4rem} .m-20{margin:5rem} .m-24{margin:6rem} .m-28{margin:7rem} .m-auto{margin:auto} .m-px{margin:1px} .my-0{margin-top:0;margin-bottom:0} .mx-0{margin-left:0;margin-right:0} .my-1{margin-top:.25rem;margin-bottom:.25rem} .mx-1{margin-left:.25rem;margin-right:.25rem} .my-2{margin-top:.5rem;margin-bottom:.5rem} .mx-2{margin-left:.5rem;margin-right:.5rem} .my-3{margin-top:.75rem;margin-bottom:.75rem} .mx-3{margin-left:.75rem;margin-right:.75rem} .my-4{margin-top:1rem;margin-bottom:1rem} .mx-4{margin-left:1rem;margin-right:1rem} .my-5{margin-top:1.25rem;margin-bottom:1.25rem} .mx-5{margin-left:1.25rem;margin-right:1.25rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem} .mx-6{margin-left:1.5rem;margin-right:1.5rem} .my-7{margin-top:1.75rem;margin-bottom:1.75rem} .mx-7{margin-left:1.75rem;margin-right:1.75rem} .my-8{margin-top:2rem;margin-bottom:2rem} .mx-8{margin-left:2rem;margin-right:2rem} .my-9{margin-top:2.25rem;margin-bottom:2.25rem} .mx-9{margin-left:2.25rem;margin-right:2.25rem} .my-10{margin-top:2.5rem;margin-bottom:2.5rem} .mx-10{margin-left:2.5rem;margin-right:2.5rem} .my-12{margin-top:3rem;margin-bottom:3rem} .mx-12{margin-left:3rem;margin-right:3rem} .my-16{margin-top:4rem;margin-bottom:4rem} .mx-16{margin-left:4rem;margin-right:4rem} .my-20{margin-top:5rem;margin-bottom:5rem} .mx-20{margin-left:5rem;margin-right:5rem} .my-24{margin-top:6rem;margin-bottom:6rem} .mx-24{margin-left:6rem;margin-right:6rem} .my-28{margin-top:7rem;margin-bottom:7rem} .mx-28{margin-left:7rem;margin-right:7rem} .my-auto{margin-top:auto;margin-bottom:auto} .mx-auto{margin-left:auto;margin-right:auto} .my-px{margin-top:1px;margin-bottom:1px} .mx-px{margin-left:1px;margin-right:1px} .mt-0{margin-top:0} .mr-0{margin-right:0} .mb-0{margin-bottom:0} .ml-0{margin-left:0} .mt-1{margin-top:.25rem} .mr-1{margin-right:.25rem} .mb-1{margin-bottom:.25rem} .ml-1{margin-left:.25rem} .mt-2{margin-top:.5rem} .mr-2{margin-right:.5rem} .mb-2{margin-bottom:.5rem} .ml-2{margin-left:.5rem} .mt-3{margin-top:.75rem} .mr-3{margin-right:.75rem} .mb-3{margin-bottom:.75rem} .ml-3{margin-left:.75rem} .mt-4{margin-top:1rem} .mr-4{margin-right:1rem} .mb-4{margin-bottom:1rem} .ml-4{margin-left:1rem} .mt-5{margin-top:1.25rem} .mr-5{margin-right:1.25rem} .mb-5{margin-bottom:1.25rem} .ml-5{margin-left:1.25rem} .mt-6{margin-top:1.5rem} .mr-6{margin-right:1.5rem} .mb-6{margin-bottom:1.5rem} .ml-6{margin-left:1.5rem} .mt-7{margin-top:1.75rem} .mr-7{margin-right:1.75rem} .mb-7{margin-bottom:1.75rem} .ml-7{margin-left:1.75rem} .mt-8{margin-top:2rem} .mr-8{margin-right:2rem} .mb-8{margin-bottom:2rem} .ml-8{margin-left:2rem} .mt-9{margin-top:2.25rem} .mr-9{margin-right:2.25rem} .mb-9{margin-bottom:2.25rem} .ml-9{margin-left:2.25rem} .mt-10{margin-top:2.5rem} .mr-10{margin-right:2.5rem} .mb-10{margin-bottom:2.5rem} .ml-10{margin-left:2.5rem} .mt-12{margin-top:3rem} .mr-12{margin-right:3rem} .mb-12{margin-bottom:3rem} .ml-12{margin-left:3rem} .mt-16{margin-top:4rem} .mr-16{margin-right:4rem} .mb-16{margin-bottom:4rem} .ml-16{margin-left:4rem} .mt-20{margin-top:5rem} .mr-20{margin-right:5rem} .mb-20{margin-bottom:5rem} .ml-20{margin-left:5rem} .mt-24{margin-top:6rem} .mr-24{margin-right:6rem} .mb-24{margin-bottom:6rem} .ml-24{margin-left:6rem} .mt-28{margin-top:7rem} .mr-28{margin-right:7rem} .mb-28{margin-bottom:7rem} .ml-28{margin-left:7rem} .mt-auto{margin-top:auto} .mr-auto{margin-right:auto} .mb-auto{margin-bottom:auto} .ml-auto{margin-left:auto} .mt-px{margin-top:1px} .mr-px{margin-right:1px} .mb-px{margin-bottom:1px} .ml-px{margin-left:1px} .max-h-0{max-height:0} .max-h-1{max-height:.25rem} .max-h-2{max-height:.5rem} .max-h-3{max-height:.75rem} .max-h-4{max-height:1rem} .max-h-5{max-height:1.25rem} .max-h-6{max-height:1.5rem} .max-h-7{max-height:1.75rem} .max-h-8{max-height:2rem} .max-h-9{max-height:2.25rem} .max-h-10{max-height:2.5rem} .max-h-12{max-height:3rem} .max-h-14{max-height:3.5rem} .max-h-16{max-height:4rem} .max-h-600{max-height:600px} .max-h-700{max-height:700px} .max-h-unset{max-height:unset} .max-h-none{max-height:none} .max-h-px{max-height:1px} .max-h-2px{max-height:2px} .max-h-100px{max-height:100px} .max-h-125px{max-height:125px} .max-h-150px{max-height:150px} .max-h-175px{max-height:175px} .max-h-200px{max-height:200px} .max-h-225px{max-height:225px} .max-h-250px{max-height:250px} .max-h-275px{max-height:275px} .max-h-300px{max-height:300px} .max-h-325px{max-height:325px} .max-h-350px{max-height:350px} .max-h-375px{max-height:375px} .max-h-400px{max-height:400px} .max-h-450px{max-height:450px} .max-h-475px{max-height:475px} .max-h-500px{max-height:500px} .max-h-768px{max-height:768px} .max-h-800px{max-height:800px} .max-h-900px{max-height:900px} .max-h-half{max-height:50%} .max-h-full{max-height:100%} .max-w-0{max-width:0} .max-w-1{max-width:.25rem} .max-w-2{max-width:.5rem} .max-w-3{max-width:.75rem} .max-w-4{max-width:1rem} .max-w-5{max-width:1.25rem} .max-w-6{max-width:1.5rem} .max-w-7{max-width:1.75rem} .max-w-8{max-width:2rem} .max-w-9{max-width:2.25rem} .max-w-10{max-width:2.5rem} .max-w-12{max-width:3rem} .max-w-14{max-width:3.5rem} .max-w-16{max-width:4rem} .max-w-600{max-width:600px} .max-w-700{max-width:700px} .max-w-none{max-width:none} .max-w-px{max-width:1px} .max-w-2px{max-width:2px} .max-w-100px{max-width:100px} .max-w-125px{max-width:125px} .max-w-150px{max-width:150px} .max-w-175px{max-width:175px} .max-w-200px{max-width:200px} .max-w-225px{max-width:225px} .max-w-250px{max-width:250px} .max-w-275px{max-width:275px} .max-w-300px{max-width:300px} .max-w-325px{max-width:325px} .max-w-350px{max-width:350px} .max-w-375px{max-width:375px} .max-w-400px{max-width:400px} .max-w-450px{max-width:450px} .max-w-475px{max-width:475px} .max-w-500px{max-width:500px} .max-w-768px{max-width:768px} .max-w-800px{max-width:800px} .max-w-900px{max-width:900px} .max-w-992px{max-width:992px} .max-w-1000px{max-width:1000px} .max-w-1140px{max-width:1140px} .max-w-1200px{max-width:1200px} .max-w-half{max-width:50%} .max-w-full{max-width:100%} .min-h-0{min-height:0} .min-h-1{min-height:.25rem} .min-h-2{min-height:.5rem} .min-h-3{min-height:.75rem} .min-h-4{min-height:1rem} .min-h-5{min-height:1.25rem} .min-h-6{min-height:1.5rem} .min-h-7{min-height:1.75rem} .min-h-8{min-height:2rem} .min-h-9{min-height:2.25rem} .min-h-10{min-height:2.5rem} .min-h-12{min-height:3rem} .min-h-14{min-height:3.5rem} .min-h-16{min-height:4rem} .min-h-600{min-height:600px} .min-h-700{min-height:700px} .min-h-px{min-height:1px} .min-h-2px{min-height:2px} .min-h-100px{min-height:100px} .min-h-125px{min-height:125px} .min-h-150px{min-height:150px} .min-h-175px{min-height:175px} .min-h-200px{min-height:200px} .min-h-225px{min-height:225px} .min-h-250px{min-height:250px} .min-h-275px{min-height:275px} .min-h-300px{min-height:300px} .min-h-325px{min-height:325px} .min-h-350px{min-height:350px} .min-h-375px{min-height:375px} .min-h-400px{min-height:400px} .min-h-450px{min-height:450px} .min-h-475px{min-height:475px} .min-h-500px{min-height:500px} .min-h-768px{min-height:768px} .min-h-half{min-height:50%} .min-h-full{min-height:100%} .min-w-0{min-width:0} .min-w-1{min-width:.25rem} .min-w-2{min-width:.5rem} .min-w-3{min-width:.75rem} .min-w-4{min-width:1rem} .min-w-5{min-width:1.25rem} .min-w-6{min-width:1.5rem} .min-w-7{min-width:1.75rem} .min-w-8{min-width:2rem} .min-w-9{min-width:2.25rem} .min-w-10{min-width:2.5rem} .min-w-12{min-width:3rem} .min-w-16{min-width:4rem} .min-w-auto{min-width:auto} .min-w-px{min-width:1px} .min-w-2px{min-width:2px} .min-w-100px{min-width:100px} .min-w-125px{min-width:125px} .min-w-150px{min-width:150px} .min-w-175px{min-width:175px} .min-w-200px{min-width:200px} .min-w-225px{min-width:225px} .min-w-250px{min-width:250px} .min-w-275px{min-width:275px} .min-w-300px{min-width:300px} .min-w-325px{min-width:325px} .min-w-350px{min-width:350px} .min-w-375px{min-width:375px} .min-w-400px{min-width:400px} .min-w-450px{min-width:450px} .min-w-475px{min-width:475px} .min-w-500px{min-width:500px} .min-w-576px{min-width:576px} .min-w-600px{min-width:600px} .-m-0{margin:0} .-m-1{margin:-0.25rem} .-m-2{margin:-0.5rem} .-m-3{margin:-0.75rem} .-m-4{margin:-1rem} .-m-5{margin:-1.25rem} .-m-6{margin:-1.5rem} .-m-7{margin:-1.75rem} .-m-8{margin:-2rem} .-m-9{margin:-2.25rem} .-m-10{margin:-2.5rem} .-m-12{margin:-3rem} .-m-16{margin:-4rem} .-m-20{margin:-5rem} .-m-auto{margin:-auto} .-m-px{margin:-1px} .-my-0{margin-top:0;margin-bottom:0} .-mx-0{margin-left:0;margin-right:0} .-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem} .-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .-my-2{margin-top:-0.5rem;margin-bottom:-0.5rem} .-mx-2{margin-left:-0.5rem;margin-right:-0.5rem} .-my-3{margin-top:-0.75rem;margin-bottom:-0.75rem} .-mx-3{margin-left:-0.75rem;margin-right:-0.75rem} .-my-4{margin-top:-1rem;margin-bottom:-1rem} .-mx-4{margin-left:-1rem;margin-right:-1rem} .-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem} .-mx-5{margin-left:-1.25rem;margin-right:-1.25rem} .-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem} .-mx-6{margin-left:-1.5rem;margin-right:-1.5rem} .-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem} .-mx-7{margin-left:-1.75rem;margin-right:-1.75rem} .-my-8{margin-top:-2rem;margin-bottom:-2rem} .-mx-8{margin-left:-2rem;margin-right:-2rem} .-my-9{margin-top:-2.25rem;margin-bottom:-2.25rem} .-mx-9{margin-left:-2.25rem;margin-right:-2.25rem} .-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem} .-mx-10{margin-left:-2.5rem;margin-right:-2.5rem} .-my-12{margin-top:-3rem;margin-bottom:-3rem} .-mx-12{margin-left:-3rem;margin-right:-3rem} .-my-16{margin-top:-4rem;margin-bottom:-4rem} .-mx-16{margin-left:-4rem;margin-right:-4rem} .-my-20{margin-top:-5rem;margin-bottom:-5rem} .-mx-20{margin-left:-5rem;margin-right:-5rem} .-my-auto{margin-top:-auto;margin-bottom:-auto} .-mx-auto{margin-left:-auto;margin-right:-auto} .-my-px{margin-top:-1px;margin-bottom:-1px} .-mx-px{margin-left:-1px;margin-right:-1px} .-mt-0{margin-top:0} .-mr-0{margin-right:0} .-mb-0{margin-bottom:0} .-ml-0{margin-left:0} .-mt-1{margin-top:-0.25rem} .-mr-1{margin-right:-0.25rem} .-mb-1{margin-bottom:-0.25rem} .-ml-1{margin-left:-0.25rem} .-mt-2{margin-top:-0.5rem} .-mr-2{margin-right:-0.5rem} .-mb-2{margin-bottom:-0.5rem} .-ml-2{margin-left:-0.5rem} .-mt-3{margin-top:-0.75rem} .-mr-3{margin-right:-0.75rem} .-mb-3{margin-bottom:-0.75rem} .-ml-3{margin-left:-0.75rem} .-mt-4{margin-top:-1rem} .-mr-4{margin-right:-1rem} .-mb-4{margin-bottom:-1rem} .-ml-4{margin-left:-1rem} .-mt-5{margin-top:-1.25rem} .-mr-5{margin-right:-1.25rem} .-mb-5{margin-bottom:-1.25rem} .-ml-5{margin-left:-1.25rem} .-mt-6{margin-top:-1.5rem} .-mr-6{margin-right:-1.5rem} .-mb-6{margin-bottom:-1.5rem} .-ml-6{margin-left:-1.5rem} .-mt-7{margin-top:-1.75rem} .-mr-7{margin-right:-1.75rem} .-mb-7{margin-bottom:-1.75rem} .-ml-7{margin-left:-1.75rem} .-mt-8{margin-top:-2rem} .-mr-8{margin-right:-2rem} .-mb-8{margin-bottom:-2rem} .-ml-8{margin-left:-2rem} .-mt-9{margin-top:-2.25rem} .-mr-9{margin-right:-2.25rem} .-mb-9{margin-bottom:-2.25rem} .-ml-9{margin-left:-2.25rem} .-mt-10{margin-top:-2.5rem} .-mr-10{margin-right:-2.5rem} .-mb-10{margin-bottom:-2.5rem} .-ml-10{margin-left:-2.5rem} .-mt-12{margin-top:-3rem} .-mr-12{margin-right:-3rem} .-mb-12{margin-bottom:-3rem} .-ml-12{margin-left:-3rem} .-mt-16{margin-top:-4rem} .-mr-16{margin-right:-4rem} .-mb-16{margin-bottom:-4rem} .-ml-16{margin-left:-4rem} .-mt-20{margin-top:-5rem} .-mr-20{margin-right:-5rem} .-mb-20{margin-bottom:-5rem} .-ml-20{margin-left:-5rem} .-mt-auto{margin-top:-auto} .-mr-auto{margin-right:-auto} .-mb-auto{margin-bottom:-auto} .-ml-auto{margin-left:-auto} .-mt-px{margin-top:-1px} .-mr-px{margin-right:-1px} .-mb-px{margin-bottom:-1px} .-ml-px{margin-left:-1px} .opacity-0{opacity:0} .opacity-25{opacity:.25} .opacity-50{opacity:.5} .opacity-75{opacity:.75} .opacity-85{opacity:.85} .opacity-100{opacity:1} .overflow-auto{overflow:auto} .overflow-hidden{overflow:hidden} .overflow-visible{overflow:visible} .overflow-scroll{overflow:scroll} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-scroll{overflow-x:scroll} .overflow-y-scroll{overflow-y:scroll} .scrolling-touch{-webkit-overflow-scrolling:touch} .scrolling-auto{-webkit-overflow-scrolling:auto} .p-0{padding:0} .p-1{padding:.25rem} .p-2{padding:.5rem} .p-3{padding:.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-7{padding:1.75rem} .p-8{padding:2rem} .p-9{padding:2.25rem} .p-10{padding:2.5rem} .p-12{padding:3rem} .p-16{padding:4rem} .p-20{padding:5rem} .p-24{padding:6rem} .p-28{padding:7rem} .p-32{padding:8rem} .p-px{padding:1px} .p-10\%{padding:10%} .p-20\%{padding:20%} .p-30\%{padding:30%} .p-40\%{padding:40%} .p-50\%{padding:50%} .p-60\%{padding:60%} .p-70\%{padding:70%} .p-80\%{padding:80%} .p-90\%{padding:90%} .py-0{padding-top:0;padding-bottom:0} .px-0{padding-left:0;padding-right:0} .py-1{padding-top:.25rem;padding-bottom:.25rem} .px-1{padding-left:.25rem;padding-right:.25rem} .py-2{padding-top:.5rem;padding-bottom:.5rem} .px-2{padding-left:.5rem;padding-right:.5rem} .py-3{padding-top:.75rem;padding-bottom:.75rem} .px-3{padding-left:.75rem;padding-right:.75rem} .py-4{padding-top:1rem;padding-bottom:1rem} .px-4{padding-left:1rem;padding-right:1rem} .py-5{padding-top:1.25rem;padding-bottom:1.25rem} .px-5{padding-left:1.25rem;padding-right:1.25rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .px-6{padding-left:1.5rem;padding-right:1.5rem} .py-7{padding-top:1.75rem;padding-bottom:1.75rem} .px-7{padding-left:1.75rem;padding-right:1.75rem} .py-8{padding-top:2rem;padding-bottom:2rem} .px-8{padding-left:2rem;padding-right:2rem} .py-9{padding-top:2.25rem;padding-bottom:2.25rem} .px-9{padding-left:2.25rem;padding-right:2.25rem} .py-10{padding-top:2.5rem;padding-bottom:2.5rem} .px-10{padding-left:2.5rem;padding-right:2.5rem} .py-12{padding-top:3rem;padding-bottom:3rem} .px-12{padding-left:3rem;padding-right:3rem} .py-16{padding-top:4rem;padding-bottom:4rem} .px-16{padding-left:4rem;padding-right:4rem} .py-20{padding-top:5rem;padding-bottom:5rem} .px-20{padding-left:5rem;padding-right:5rem} .py-24{padding-top:6rem;padding-bottom:6rem} .px-24{padding-left:6rem;padding-right:6rem} .py-28{padding-top:7rem;padding-bottom:7rem} .px-28{padding-left:7rem;padding-right:7rem} .py-32{padding-top:8rem;padding-bottom:8rem} .px-32{padding-left:8rem;padding-right:8rem} .py-px{padding-top:1px;padding-bottom:1px} .px-px{padding-left:1px;padding-right:1px} .py-10\%{padding-top:10%;padding-bottom:10%} .px-10\%{padding-left:10%;padding-right:10%} .py-20\%{padding-top:20%;padding-bottom:20%} .px-20\%{padding-left:20%;padding-right:20%} .py-30\%{padding-top:30%;padding-bottom:30%} .px-30\%{padding-left:30%;padding-right:30%} .py-40\%{padding-top:40%;padding-bottom:40%} .px-40\%{padding-left:40%;padding-right:40%} .py-50\%{padding-top:50%;padding-bottom:50%} .px-50\%{padding-left:50%;padding-right:50%} .py-60\%{padding-top:60%;padding-bottom:60%} .px-60\%{padding-left:60%;padding-right:60%} .py-70\%{padding-top:70%;padding-bottom:70%} .px-70\%{padding-left:70%;padding-right:70%} .py-80\%{padding-top:80%;padding-bottom:80%} .px-80\%{padding-left:80%;padding-right:80%} .py-90\%{padding-top:90%;padding-bottom:90%} .px-90\%{padding-left:90%;padding-right:90%} .pt-0{padding-top:0} .pr-0{padding-right:0} .pb-0{padding-bottom:0} .pl-0{padding-left:0} .pt-1{padding-top:.25rem} .pr-1{padding-right:.25rem} .pb-1{padding-bottom:.25rem} .pl-1{padding-left:.25rem} .pt-2{padding-top:.5rem} .pr-2{padding-right:.5rem} .pb-2{padding-bottom:.5rem} .pl-2{padding-left:.5rem} .pt-3{padding-top:.75rem} .pr-3{padding-right:.75rem} .pb-3{padding-bottom:.75rem} .pl-3{padding-left:.75rem} .pt-4{padding-top:1rem} .pr-4{padding-right:1rem} .pb-4{padding-bottom:1rem} .pl-4{padding-left:1rem} .pt-5{padding-top:1.25rem} .pr-5{padding-right:1.25rem} .pb-5{padding-bottom:1.25rem} .pl-5{padding-left:1.25rem} .pt-6{padding-top:1.5rem} .pr-6{padding-right:1.5rem} .pb-6{padding-bottom:1.5rem} .pl-6{padding-left:1.5rem} .pt-7{padding-top:1.75rem} .pr-7{padding-right:1.75rem} .pb-7{padding-bottom:1.75rem} .pl-7{padding-left:1.75rem} .pt-8{padding-top:2rem} .pr-8{padding-right:2rem} .pb-8{padding-bottom:2rem} .pl-8{padding-left:2rem} .pt-9{padding-top:2.25rem} .pr-9{padding-right:2.25rem} .pb-9{padding-bottom:2.25rem} .pl-9{padding-left:2.25rem} .pt-10{padding-top:2.5rem} .pr-10{padding-right:2.5rem} .pb-10{padding-bottom:2.5rem} .pl-10{padding-left:2.5rem} .pt-12{padding-top:3rem} .pr-12{padding-right:3rem} .pb-12{padding-bottom:3rem} .pl-12{padding-left:3rem} .pt-16{padding-top:4rem} .pr-16{padding-right:4rem} .pb-16{padding-bottom:4rem} .pl-16{padding-left:4rem} .pt-20{padding-top:5rem} .pr-20{padding-right:5rem} .pb-20{padding-bottom:5rem} .pl-20{padding-left:5rem} .pt-24{padding-top:6rem} .pr-24{padding-right:6rem} .pb-24{padding-bottom:6rem} .pl-24{padding-left:6rem} .pt-28{padding-top:7rem} .pr-28{padding-right:7rem} .pb-28{padding-bottom:7rem} .pl-28{padding-left:7rem} .pt-32{padding-top:8rem} .pr-32{padding-right:8rem} .pb-32{padding-bottom:8rem} .pl-32{padding-left:8rem} .pt-px{padding-top:1px} .pr-px{padding-right:1px} .pb-px{padding-bottom:1px} .pl-px{padding-left:1px} .pt-10\%{padding-top:10%} .pr-10\%{padding-right:10%} .pb-10\%{padding-bottom:10%} .pl-10\%{padding-left:10%} .pt-20\%{padding-top:20%} .pr-20\%{padding-right:20%} .pb-20\%{padding-bottom:20%} .pl-20\%{padding-left:20%} .pt-30\%{padding-top:30%} .pr-30\%{padding-right:30%} .pb-30\%{padding-bottom:30%} .pl-30\%{padding-left:30%} .pt-40\%{padding-top:40%} .pr-40\%{padding-right:40%} .pb-40\%{padding-bottom:40%} .pl-40\%{padding-left:40%} .pt-50\%{padding-top:50%} .pr-50\%{padding-right:50%} .pb-50\%{padding-bottom:50%} .pl-50\%{padding-left:50%} .pt-60\%{padding-top:60%} .pr-60\%{padding-right:60%} .pb-60\%{padding-bottom:60%} .pl-60\%{padding-left:60%} .pt-70\%{padding-top:70%} .pr-70\%{padding-right:70%} .pb-70\%{padding-bottom:70%} .pl-70\%{padding-left:70%} .pt-80\%{padding-top:80%} .pr-80\%{padding-right:80%} .pb-80\%{padding-bottom:80%} .pl-80\%{padding-left:80%} .pt-90\%{padding-top:90%} .pr-90\%{padding-right:90%} .pb-90\%{padding-bottom:90%} .pl-90\%{padding-left:90%} .pointer-events-none{pointer-events:none} .pointer-events-auto{pointer-events:auto} .static{position:static} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .sticky{position:sticky} .pin-none{top:auto;right:auto;bottom:auto;left:auto} .pin{top:0;right:0;bottom:0;left:0} .pin-y{top:0;bottom:0} .pin-x{right:0;left:0} .pin-t{top:0} .pin-r{right:0} .pin-b{bottom:0} .pin-l{left:0} .resize-none{resize:none} .resize-y{resize:vertical} .resize-x{resize:horizontal} .resize{resize:both} .shadow{box-shadow:0 2px 4px 0 rgba(0,0,0,.1)} .shadow-md{box-shadow:0 0 20px rgba(0,0,0,.15)} .shadow-lg{box-shadow:0 0 100px rgba(0,0,0,.15)} .shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)} .shadow-none{box-shadow:none} .fill-current{fill:currentColor} .stroke-current{stroke:currentColor} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} .text-justify{text-align:justify} .text-transparent{color:transparent} .text-currentColor{color:currentColor} .text-black{color:#000} .text-black-10{color:rgba(0,0,0,.1)} .text-black-20{color:rgba(0,0,0,.2)} .text-black-30{color:rgba(0,0,0,.3)} .text-black-40{color:rgba(0,0,0,.4)} .text-black-50{color:rgba(0,0,0,.5)} .text-black-60{color:rgba(0,0,0,.6)} .text-black-70{color:rgba(0,0,0,.7)} .text-black-80{color:rgba(0,0,0,.8)} .text-black-90{color:rgba(0,0,0,.9)} .text-black-1{color:#313131} .text-white{color:#fff} .text-blue{color:#0072ef} .text-dark-blue{color:#0064d1} .text-darker-blue{color:#00588d} .text-d-blue{color:#0069a8} .text-blue-1{color:#17214a} .text-light-blue{color:#f0f7fb} .text-red{color:#cb001c} .text-green{color:#33803b} .text-green-lighter{color:#00800005} .text-purple{color:#5a80d1} .text-orange{color:#c45c00} .text-sd-red{color:#ed1c24} .text-grey{color:#929a9d} .text-grey-light{color:#e6e6e6} .text-grey-1{color:#f2f3f3} .text-grey-2{color:#7f7f7f} .text-grey-3{color:#6a6a6a} .text-grey-4{color:#465052} .text-grey-5{color:#737779} .text-border-gray-light{color:#e1e1e1} .text-gray{color:#929a9d} .text-gray-light{color:#e1e1e1} .text-gray-1{color:#f6f6f6} .text-gray-2{color:#bbb} .text-gray-3{color:#8a8a8a} .text-gray-4{color:#6b6b6b} .text-light-blue-1{color:#21b8de} .text-dark-blue-1{color:#0277bd} .text-dark-orange{color:#df8403} .text-darker-orange{color:#aa5d00} .text-g-blue{color:#17214a} .text-g-blue-1{color:#556d88} .text-g-blue-2{color:#3c4c65} .text-g-blue-3{color:#222e4d} .text-black-orange{color:#ff7012} .text-light-blue-2{color:#f7fafd} .text-light-blue-3{color:#b4d5f8} .hover\:text-transparent:hover{color:transparent} .hover\:text-currentColor:hover{color:currentColor} .hover\:text-black:hover{color:#000} .hover\:text-black-10:hover{color:rgba(0,0,0,.1)} .hover\:text-black-20:hover{color:rgba(0,0,0,.2)} .hover\:text-black-30:hover{color:rgba(0,0,0,.3)} .hover\:text-black-40:hover{color:rgba(0,0,0,.4)} .hover\:text-black-50:hover{color:rgba(0,0,0,.5)} .hover\:text-black-60:hover{color:rgba(0,0,0,.6)} .hover\:text-black-70:hover{color:rgba(0,0,0,.7)} .hover\:text-black-80:hover{color:rgba(0,0,0,.8)} .hover\:text-black-90:hover{color:rgba(0,0,0,.9)} .hover\:text-black-1:hover{color:#313131} .hover\:text-white:hover{color:#fff} .hover\:text-blue:hover{color:#0072ef} .hover\:text-dark-blue:hover{color:#0064d1} .hover\:text-darker-blue:hover{color:#00588d} .hover\:text-d-blue:hover{color:#0069a8} .hover\:text-blue-1:hover{color:#17214a} .hover\:text-light-blue:hover{color:#f0f7fb} .hover\:text-red:hover{color:#cb001c} .hover\:text-green:hover{color:#33803b} .hover\:text-green-lighter:hover{color:#00800005} .hover\:text-purple:hover{color:#5a80d1} .hover\:text-orange:hover{color:#c45c00} .hover\:text-sd-red:hover{color:#ed1c24} .hover\:text-grey:hover{color:#929a9d} .hover\:text-grey-light:hover{color:#e6e6e6} .hover\:text-grey-1:hover{color:#f2f3f3} .hover\:text-grey-2:hover{color:#7f7f7f} .hover\:text-grey-3:hover{color:#6a6a6a} .hover\:text-grey-4:hover{color:#465052} .hover\:text-grey-5:hover{color:#737779} .hover\:text-border-gray-light:hover{color:#e1e1e1} .hover\:text-gray:hover{color:#929a9d} .hover\:text-gray-light:hover{color:#e1e1e1} .hover\:text-gray-1:hover{color:#f6f6f6} .hover\:text-gray-2:hover{color:#bbb} .hover\:text-gray-3:hover{color:#8a8a8a} .hover\:text-gray-4:hover{color:#6b6b6b} .hover\:text-light-blue-1:hover{color:#21b8de} .hover\:text-dark-blue-1:hover{color:#0277bd} .hover\:text-dark-orange:hover{color:#df8403} .hover\:text-darker-orange:hover{color:#aa5d00} .hover\:text-g-blue:hover{color:#17214a} .hover\:text-g-blue-1:hover{color:#556d88} .hover\:text-g-blue-2:hover{color:#3c4c65} .hover\:text-g-blue-3:hover{color:#222e4d} .hover\:text-black-orange:hover{color:#ff7012} .hover\:text-light-blue-2:hover{color:#f7fafd} .hover\:text-light-blue-3:hover{color:#b4d5f8} .text-xxxs{font-size:.625rem} .text-xxs{font-size:.75rem} .text-xs{font-size:.875rem} .text-sm{font-size:1rem} .text-base{font-size:1.125rem} .text-lg{font-size:1.25rem} .text-2lg{font-size:1.25rem} .text-xl{font-size:1.5rem} .text-1-5xl{font-size:1.625rem} .text-2xl{font-size:1.75rem} .text-2-5xl{font-size:1.875rem} .text-3xl{font-size:2rem} .text-4xl{font-size:2.125rem} .text-5xl{font-size:2.25rem} .text-5-5xl{font-size:2.625rem} .text-5-6xl{font-size:3rem} .text-6xl{font-size:3.5rem} .text-7xl{font-size:4.125rem} .italic{font-style:italic} .roman{font-style:normal} .uppercase{text-transform:uppercase} .lowercase{text-transform:lowercase} .capitalize{text-transform:capitalize} .normal-case{text-transform:none} .underline{text-decoration:underline} .line-through{text-decoration:line-through} .no-underline{text-decoration:none} .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} .hover\:italic:hover{font-style:italic} .hover\:roman:hover{font-style:normal} .hover\:uppercase:hover{text-transform:uppercase} .hover\:lowercase:hover{text-transform:lowercase} .hover\:capitalize:hover{text-transform:capitalize} .hover\:normal-case:hover{text-transform:none} .hover\:underline:hover{text-decoration:underline} .hover\:line-through:hover{text-decoration:line-through} .hover\:no-underline:hover{text-decoration:none} .hover\:antialiased:hover{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .hover\:subpixel-antialiased:hover{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} .tracking-tight{letter-spacing:-0.05em} .tracking-normal{letter-spacing:0} .tracking-wide{letter-spacing:.05em} .select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text} .align-baseline{vertical-align:baseline} .align-top{vertical-align:top} .align-middle{vertical-align:middle} .align-bottom{vertical-align:bottom} .align-text-top{vertical-align:text-top} .align-text-bottom{vertical-align:text-bottom} .visible{visibility:visible} .invisible{visibility:hidden} .whitespace-normal{white-space:normal} .whitespace-no-wrap{white-space:nowrap} .whitespace-pre{white-space:pre} .whitespace-pre-line{white-space:pre-line} .whitespace-pre-wrap{white-space:pre-wrap} .break-words{word-wrap:break-word} .break-normal{word-wrap:normal} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .w-0{width:0} .w-1{width:.25rem} .w-2{width:.5rem} .w-3{width:.75rem} .w-4{width:1rem} .w-5{width:1.25rem} .w-6{width:1.5rem} .w-7{width:1.75rem} .w-8{width:2rem} .w-9{width:2.25rem} .w-10{width:2.5rem} .w-12{width:3rem} .w-14{width:3.5rem} .w-16{width:4rem} .w-21{width:5.25rem} .w-auto{width:auto} .w-px{width:1px} .w-full{width:100%} .w-half{width:50%} .w-100px{width:100px} .w-200px{width:200px} .w-300px{width:300px} .w-400px{width:400px} .w-500px{width:500px} .w-576px{width:576px} .w-600px{width:600px} .w-700px{width:700px} .w-768px{width:768px} .w-800px{width:800px} .w-900px{width:900px} .w-992px{width:992px} .w-1000px{width:1000px} .z-0{z-index:0} .z-1{z-index:1} .z-4{z-index:4} .z-10{z-index:10} .z-20{z-index:20} .z-30{z-index:30} .z-40{z-index:40} .z-50{z-index:50} .z-60{z-index:60} .z-70{z-index:70} .z-80{z-index:80} .z-90{z-index:90} .z-100{z-index:100} .z-auto{z-index:auto} .grid-14>.cols-1{width:7.14286%} .grid-14>.cols-14{width:100%} .grid-14>.offs-1{margin-left:7.14286%} .grid-14>.offs-0{margin-left:0} .grid-14>.cols-2{width:14.28571%} .grid-14>.offs-2{margin-left:14.28571%} .grid-14>.cols-3{width:21.42857%} .grid-14>.offs-3{margin-left:21.42857%} .grid-14>.cols-4{width:28.57143%} .grid-14>.offs-4{margin-left:28.57143%} .grid-14>.cols-5{width:35.71429%} .grid-14>.offs-5{margin-left:35.71429%} .grid-14>.cols-6{width:42.85714%} .grid-14>.offs-6{margin-left:42.85714%} .grid-14>.cols-7{width:50%} .grid-14>.offs-7{margin-left:50%} .grid-14>.cols-8{width:57.14286%} .grid-14>.offs-8{margin-left:57.14286%} .grid-14>.cols-9{width:64.28571%} .grid-14>.offs-9{margin-left:64.28571%} .grid-14>.cols-10{width:71.42857%} .grid-14>.offs-10{margin-left:71.42857%} .grid-14>.cols-11{width:78.57143%} .grid-14>.offs-11{margin-left:78.57143%} .grid-14>.cols-12{width:85.71429%} .grid-14>.offs-12{margin-left:85.71429%} .grid-14>.cols-13{width:92.85714%} .grid-14>.offs-13{margin-left:92.85714%} .grid-12>.cols-1{width:8.33333%} .grid-12>.cols-12{width:100%} .grid-12>.offs-1{margin-left:8.33333%} .grid-12>.offs-0{margin-left:0} .grid-12>.cols-2{width:16.66667%} .grid-12>.offs-2{margin-left:16.66667%} .grid-12>.cols-3{width:25%} .grid-12>.offs-3{margin-left:25%} .grid-12>.cols-4{width:33.33333%} .grid-12>.offs-4{margin-left:33.33333%} .grid-12>.cols-5{width:41.66667%} .grid-12>.offs-5{margin-left:41.66667%} .grid-12>.cols-6{width:50%} .grid-12>.offs-6{margin-left:50%} .grid-12>.cols-7{width:58.33333%} .grid-12>.offs-7{margin-left:58.33333%} .grid-12>.cols-8{width:66.66667%} .grid-12>.offs-8{margin-left:66.66667%} .grid-12>.cols-9{width:75%} .grid-12>.offs-9{margin-left:75%} .grid-12>.cols-10{width:83.33333%} .grid-12>.offs-10{margin-left:83.33333%} .grid-12>.cols-11{width:91.66667%} .grid-12>.offs-11{margin-left:91.66667%} .grid-10>.cols-1{width:10%} .grid-10>.cols-10{width:100%} .grid-10>.offs-1{margin-left:10%} .grid-10>.offs-0{margin-left:0} .grid-10>.cols-2{width:20%} .grid-10>.offs-2{margin-left:20%} .grid-10>.cols-3{width:30%} .grid-10>.offs-3{margin-left:30%} .grid-10>.cols-4{width:40%} .grid-10>.offs-4{margin-left:40%} .grid-10>.cols-5{width:50%} .grid-10>.offs-5{margin-left:50%} .grid-10>.cols-6{width:60%} .grid-10>.offs-6{margin-left:60%} .grid-10>.cols-7{width:70%} .grid-10>.offs-7{margin-left:70%} .grid-10>.cols-8{width:80%} .grid-10>.offs-8{margin-left:80%} .grid-10>.cols-9{width:90%} .grid-10>.offs-9{margin-left:90%} .order-first{order:-1} .order-0{order:0} .order-1{order:1} .order-2{order:2} .order-3{order:3} .order-4{order:4} .order-5{order:5} .order-6{order:6} .order-7{order:7} .order-8{order:8} .order-9{order:9} .order-10{order:10} .order-11{order:11} .order-12{order:12} .order-13{order:13} .order-14{order:14} .order-last{order:15} @media(min-width:576px){.xs\:grid-14>.xs\:cols-1{width:7.14286%} .grid-14>.xs\:cols-14{width:100%} .xs\:grid-14>.xs\:offs-1{margin-left:7.14286%} .grid-14>.xs\:offs-0{margin-left:0} .xs\:grid-14>.xs\:cols-2{width:14.28571%} .xs\:grid-14>.xs\:offs-2{margin-left:14.28571%} .xs\:grid-14>.xs\:cols-3{width:21.42857%} .xs\:grid-14>.xs\:offs-3{margin-left:21.42857%} .xs\:grid-14>.xs\:cols-4{width:28.57143%} .xs\:grid-14>.xs\:offs-4{margin-left:28.57143%} .xs\:grid-14>.xs\:cols-5{width:35.71429%} .xs\:grid-14>.xs\:offs-5{margin-left:35.71429%} .xs\:grid-14>.xs\:cols-6{width:42.85714%} .xs\:grid-14>.xs\:offs-6{margin-left:42.85714%} .xs\:grid-14>.xs\:cols-7{width:50%} .xs\:grid-14>.xs\:offs-7{margin-left:50%} .xs\:grid-14>.xs\:cols-8{width:57.14286%} .xs\:grid-14>.xs\:offs-8{margin-left:57.14286%} .xs\:grid-14>.xs\:cols-9{width:64.28571%} .xs\:grid-14>.xs\:offs-9{margin-left:64.28571%} .xs\:grid-14>.xs\:cols-10{width:71.42857%} .xs\:grid-14>.xs\:offs-10{margin-left:71.42857%} .xs\:grid-14>.xs\:cols-11{width:78.57143%} .xs\:grid-14>.xs\:offs-11{margin-left:78.57143%} .xs\:grid-14>.xs\:cols-12{width:85.71429%} .xs\:grid-14>.xs\:offs-12{margin-left:85.71429%} .xs\:grid-14>.xs\:cols-13{width:92.85714%} .xs\:grid-14>.xs\:offs-13{margin-left:92.85714%} .xs\:grid-12>.xs\:cols-1{width:8.33333%} .grid-12>.xs\:cols-12{width:100%} .xs\:grid-12>.xs\:offs-1{margin-left:8.33333%} .grid-12>.xs\:offs-0{margin-left:0} .xs\:grid-12>.xs\:cols-2{width:16.66667%} .xs\:grid-12>.xs\:offs-2{margin-left:16.66667%} .xs\:grid-12>.xs\:cols-3{width:25%} .xs\:grid-12>.xs\:offs-3{margin-left:25%} .xs\:grid-12>.xs\:cols-4{width:33.33333%} .xs\:grid-12>.xs\:offs-4{margin-left:33.33333%} .xs\:grid-12>.xs\:cols-5{width:41.66667%} .xs\:grid-12>.xs\:offs-5{margin-left:41.66667%} .xs\:grid-12>.xs\:cols-6{width:50%} .xs\:grid-12>.xs\:offs-6{margin-left:50%} .xs\:grid-12>.xs\:cols-7{width:58.33333%} .xs\:grid-12>.xs\:offs-7{margin-left:58.33333%} .xs\:grid-12>.xs\:cols-8{width:66.66667%} .xs\:grid-12>.xs\:offs-8{margin-left:66.66667%} .xs\:grid-12>.xs\:cols-9{width:75%} .xs\:grid-12>.xs\:offs-9{margin-left:75%} .xs\:grid-12>.xs\:cols-10{width:83.33333%} .xs\:grid-12>.xs\:offs-10{margin-left:83.33333%} .xs\:grid-12>.xs\:cols-11{width:91.66667%} .xs\:grid-12>.xs\:offs-11{margin-left:91.66667%} .xs\:grid-10>.xs\:cols-1{width:10%} .grid-10>.xs\:cols-10{width:100%} .xs\:grid-10>.xs\:offs-1{margin-left:10%} .grid-10>.xs\:offs-0{margin-left:0} .xs\:grid-10>.xs\:cols-2{width:20%} .xs\:grid-10>.xs\:offs-2{margin-left:20%} .xs\:grid-10>.xs\:cols-3{width:30%} .xs\:grid-10>.xs\:offs-3{margin-left:30%} .xs\:grid-10>.xs\:cols-4{width:40%} .xs\:grid-10>.xs\:offs-4{margin-left:40%} .xs\:grid-10>.xs\:cols-5{width:50%} .xs\:grid-10>.xs\:offs-5{margin-left:50%} .xs\:grid-10>.xs\:cols-6{width:60%} .xs\:grid-10>.xs\:offs-6{margin-left:60%} .xs\:grid-10>.xs\:cols-7{width:70%} .xs\:grid-10>.xs\:offs-7{margin-left:70%} .xs\:grid-10>.xs\:cols-8{width:80%} .xs\:grid-10>.xs\:offs-8{margin-left:80%} .xs\:grid-10>.xs\:cols-9{width:90%} .xs\:grid-10>.xs\:offs-9{margin-left:90%} .xs\:order-first{order:-1} .xs\:order-0{order:0} .xs\:order-1{order:1} .xs\:order-2{order:2} .xs\:order-3{order:3} .xs\:order-4{order:4} .xs\:order-5{order:5} .xs\:order-6{order:6} .xs\:order-7{order:7} .xs\:order-8{order:8} .xs\:order-9{order:9} .xs\:order-10{order:10} .xs\:order-11{order:11} .xs\:order-12{order:12} .xs\:order-13{order:13} .xs\:order-14{order:14} .xs\:order-last{order:15} } @media(min-width:768px){.sm\:grid-14>.sm\:cols-1{width:7.14286%} .grid-14>.sm\:cols-14{width:100%} .sm\:grid-14>.sm\:offs-1{margin-left:7.14286%} .grid-14>.sm\:offs-0{margin-left:0} .sm\:grid-14>.sm\:cols-2{width:14.28571%} .sm\:grid-14>.sm\:offs-2{margin-left:14.28571%} .sm\:grid-14>.sm\:cols-3{width:21.42857%} .sm\:grid-14>.sm\:offs-3{margin-left:21.42857%} .sm\:grid-14>.sm\:cols-4{width:28.57143%} .sm\:grid-14>.sm\:offs-4{margin-left:28.57143%} .sm\:grid-14>.sm\:cols-5{width:35.71429%} .sm\:grid-14>.sm\:offs-5{margin-left:35.71429%} .sm\:grid-14>.sm\:cols-6{width:42.85714%} .sm\:grid-14>.sm\:offs-6{margin-left:42.85714%} .sm\:grid-14>.sm\:cols-7{width:50%} .sm\:grid-14>.sm\:offs-7{margin-left:50%} .sm\:grid-14>.sm\:cols-8{width:57.14286%} .sm\:grid-14>.sm\:offs-8{margin-left:57.14286%} .sm\:grid-14>.sm\:cols-9{width:64.28571%} .sm\:grid-14>.sm\:offs-9{margin-left:64.28571%} .sm\:grid-14>.sm\:cols-10{width:71.42857%} .sm\:grid-14>.sm\:offs-10{margin-left:71.42857%} .sm\:grid-14>.sm\:cols-11{width:78.57143%} .sm\:grid-14>.sm\:offs-11{margin-left:78.57143%} .sm\:grid-14>.sm\:cols-12{width:85.71429%} .sm\:grid-14>.sm\:offs-12{margin-left:85.71429%} .sm\:grid-14>.sm\:cols-13{width:92.85714%} .sm\:grid-14>.sm\:offs-13{margin-left:92.85714%} .sm\:grid-12>.sm\:cols-1{width:8.33333%} .grid-12>.sm\:cols-12{width:100%} .sm\:grid-12>.sm\:offs-1{margin-left:8.33333%} .grid-12>.sm\:offs-0{margin-left:0} .sm\:grid-12>.sm\:cols-2{width:16.66667%} .sm\:grid-12>.sm\:offs-2{margin-left:16.66667%} .sm\:grid-12>.sm\:cols-3{width:25%} .sm\:grid-12>.sm\:offs-3{margin-left:25%} .sm\:grid-12>.sm\:cols-4{width:33.33333%} .sm\:grid-12>.sm\:offs-4{margin-left:33.33333%} .sm\:grid-12>.sm\:cols-5{width:41.66667%} .sm\:grid-12>.sm\:offs-5{margin-left:41.66667%} .sm\:grid-12>.sm\:cols-6{width:50%} .sm\:grid-12>.sm\:offs-6{margin-left:50%} .sm\:grid-12>.sm\:cols-7{width:58.33333%} .sm\:grid-12>.sm\:offs-7{margin-left:58.33333%} .sm\:grid-12>.sm\:cols-8{width:66.66667%} .sm\:grid-12>.sm\:offs-8{margin-left:66.66667%} .sm\:grid-12>.sm\:cols-9{width:75%} .sm\:grid-12>.sm\:offs-9{margin-left:75%} .sm\:grid-12>.sm\:cols-10{width:83.33333%} .sm\:grid-12>.sm\:offs-10{margin-left:83.33333%} .sm\:grid-12>.sm\:cols-11{width:91.66667%} .sm\:grid-12>.sm\:offs-11{margin-left:91.66667%} .sm\:grid-10>.sm\:cols-1{width:10%} .grid-10>.sm\:cols-10{width:100%} .sm\:grid-10>.sm\:offs-1{margin-left:10%} .grid-10>.sm\:offs-0{margin-left:0} .sm\:grid-10>.sm\:cols-2{width:20%} .sm\:grid-10>.sm\:offs-2{margin-left:20%} .sm\:grid-10>.sm\:cols-3{width:30%} .sm\:grid-10>.sm\:offs-3{margin-left:30%} .sm\:grid-10>.sm\:cols-4{width:40%} .sm\:grid-10>.sm\:offs-4{margin-left:40%} .sm\:grid-10>.sm\:cols-5{width:50%} .sm\:grid-10>.sm\:offs-5{margin-left:50%} .sm\:grid-10>.sm\:cols-6{width:60%} .sm\:grid-10>.sm\:offs-6{margin-left:60%} .sm\:grid-10>.sm\:cols-7{width:70%} .sm\:grid-10>.sm\:offs-7{margin-left:70%} .sm\:grid-10>.sm\:cols-8{width:80%} .sm\:grid-10>.sm\:offs-8{margin-left:80%} .sm\:grid-10>.sm\:cols-9{width:90%} .sm\:grid-10>.sm\:offs-9{margin-left:90%} .sm\:order-first{order:-1} .sm\:order-0{order:0} .sm\:order-1{order:1} .sm\:order-2{order:2} .sm\:order-3{order:3} .sm\:order-4{order:4} .sm\:order-5{order:5} .sm\:order-6{order:6} .sm\:order-7{order:7} .sm\:order-8{order:8} .sm\:order-9{order:9} .sm\:order-10{order:10} .sm\:order-11{order:11} .sm\:order-12{order:12} .sm\:order-13{order:13} .sm\:order-14{order:14} .sm\:order-last{order:15} } @media(min-width:992px){.md\:grid-14>.md\:cols-1{width:7.14286%} .grid-14>.md\:cols-14{width:100%} .md\:grid-14>.md\:offs-1{margin-left:7.14286%} .grid-14>.md\:offs-0{margin-left:0} .md\:grid-14>.md\:cols-2{width:14.28571%} .md\:grid-14>.md\:offs-2{margin-left:14.28571%} .md\:grid-14>.md\:cols-3{width:21.42857%} .md\:grid-14>.md\:offs-3{margin-left:21.42857%} .md\:grid-14>.md\:cols-4{width:28.57143%} .md\:grid-14>.md\:offs-4{margin-left:28.57143%} .md\:grid-14>.md\:cols-5{width:35.71429%} .md\:grid-14>.md\:offs-5{margin-left:35.71429%} .md\:grid-14>.md\:cols-6{width:42.85714%} .md\:grid-14>.md\:offs-6{margin-left:42.85714%} .md\:grid-14>.md\:cols-7{width:50%} .md\:grid-14>.md\:offs-7{margin-left:50%} .md\:grid-14>.md\:cols-8{width:57.14286%} .md\:grid-14>.md\:offs-8{margin-left:57.14286%} .md\:grid-14>.md\:cols-9{width:64.28571%} .md\:grid-14>.md\:offs-9{margin-left:64.28571%} .md\:grid-14>.md\:cols-10{width:71.42857%} .md\:grid-14>.md\:offs-10{margin-left:71.42857%} .md\:grid-14>.md\:cols-11{width:78.57143%} .md\:grid-14>.md\:offs-11{margin-left:78.57143%} .md\:grid-14>.md\:cols-12{width:85.71429%} .md\:grid-14>.md\:offs-12{margin-left:85.71429%} .md\:grid-14>.md\:cols-13{width:92.85714%} .md\:grid-14>.md\:offs-13{margin-left:92.85714%} .md\:grid-12>.md\:cols-1{width:8.33333%} .grid-12>.md\:cols-12{width:100%} .md\:grid-12>.md\:offs-1{margin-left:8.33333%} .grid-12>.md\:offs-0{margin-left:0} .md\:grid-12>.md\:cols-2{width:16.66667%} .md\:grid-12>.md\:offs-2{margin-left:16.66667%} .md\:grid-12>.md\:cols-3{width:25%} .md\:grid-12>.md\:offs-3{margin-left:25%} .md\:grid-12>.md\:cols-4{width:33.33333%} .md\:grid-12>.md\:offs-4{margin-left:33.33333%} .md\:grid-12>.md\:cols-5{width:41.66667%} .md\:grid-12>.md\:offs-5{margin-left:41.66667%} .md\:grid-12>.md\:cols-6{width:50%} .md\:grid-12>.md\:offs-6{margin-left:50%} .md\:grid-12>.md\:cols-7{width:58.33333%} .md\:grid-12>.md\:offs-7{margin-left:58.33333%} .md\:grid-12>.md\:cols-8{width:66.66667%} .md\:grid-12>.md\:offs-8{margin-left:66.66667%} .md\:grid-12>.md\:cols-9{width:75%} .md\:grid-12>.md\:offs-9{margin-left:75%} .md\:grid-12>.md\:cols-10{width:83.33333%} .md\:grid-12>.md\:offs-10{margin-left:83.33333%} .md\:grid-12>.md\:cols-11{width:91.66667%} .md\:grid-12>.md\:offs-11{margin-left:91.66667%} .md\:grid-10>.md\:cols-1{width:10%} .grid-10>.md\:cols-10{width:100%} .md\:grid-10>.md\:offs-1{margin-left:10%} .grid-10>.md\:offs-0{margin-left:0} .md\:grid-10>.md\:cols-2{width:20%} .md\:grid-10>.md\:offs-2{margin-left:20%} .md\:grid-10>.md\:cols-3{width:30%} .md\:grid-10>.md\:offs-3{margin-left:30%} .md\:grid-10>.md\:cols-4{width:40%} .md\:grid-10>.md\:offs-4{margin-left:40%} .md\:grid-10>.md\:cols-5{width:50%} .md\:grid-10>.md\:offs-5{margin-left:50%} .md\:grid-10>.md\:cols-6{width:60%} .md\:grid-10>.md\:offs-6{margin-left:60%} .md\:grid-10>.md\:cols-7{width:70%} .md\:grid-10>.md\:offs-7{margin-left:70%} .md\:grid-10>.md\:cols-8{width:80%} .md\:grid-10>.md\:offs-8{margin-left:80%} .md\:grid-10>.md\:cols-9{width:90%} .md\:grid-10>.md\:offs-9{margin-left:90%} .md\:order-first{order:-1} .md\:order-0{order:0} .md\:order-1{order:1} .md\:order-2{order:2} .md\:order-3{order:3} .md\:order-4{order:4} .md\:order-5{order:5} .md\:order-6{order:6} .md\:order-7{order:7} .md\:order-8{order:8} .md\:order-9{order:9} .md\:order-10{order:10} .md\:order-11{order:11} .md\:order-12{order:12} .md\:order-13{order:13} .md\:order-14{order:14} .md\:order-last{order:15} } @media(min-width:1140px){.lg\:grid-14>.lg\:cols-1{width:7.14286%} .grid-14>.lg\:cols-14{width:100%} .lg\:grid-14>.lg\:offs-1{margin-left:7.14286%} .grid-14>.lg\:offs-0{margin-left:0} .lg\:grid-14>.lg\:cols-2{width:14.28571%} .lg\:grid-14>.lg\:offs-2{margin-left:14.28571%} .lg\:grid-14>.lg\:cols-3{width:21.42857%} .lg\:grid-14>.lg\:offs-3{margin-left:21.42857%} .lg\:grid-14>.lg\:cols-4{width:28.57143%} .lg\:grid-14>.lg\:offs-4{margin-left:28.57143%} .lg\:grid-14>.lg\:cols-5{width:35.71429%} .lg\:grid-14>.lg\:offs-5{margin-left:35.71429%} .lg\:grid-14>.lg\:cols-6{width:42.85714%} .lg\:grid-14>.lg\:offs-6{margin-left:42.85714%} .lg\:grid-14>.lg\:cols-7{width:50%} .lg\:grid-14>.lg\:offs-7{margin-left:50%} .lg\:grid-14>.lg\:cols-8{width:57.14286%} .lg\:grid-14>.lg\:offs-8{margin-left:57.14286%} .lg\:grid-14>.lg\:cols-9{width:64.28571%} .lg\:grid-14>.lg\:offs-9{margin-left:64.28571%} .lg\:grid-14>.lg\:cols-10{width:71.42857%} .lg\:grid-14>.lg\:offs-10{margin-left:71.42857%} .lg\:grid-14>.lg\:cols-11{width:78.57143%} .lg\:grid-14>.lg\:offs-11{margin-left:78.57143%} .lg\:grid-14>.lg\:cols-12{width:85.71429%} .lg\:grid-14>.lg\:offs-12{margin-left:85.71429%} .lg\:grid-14>.lg\:cols-13{width:92.85714%} .lg\:grid-14>.lg\:offs-13{margin-left:92.85714%} .lg\:grid-12>.lg\:cols-1{width:8.33333%} .grid-12>.lg\:cols-12{width:100%} .lg\:grid-12>.lg\:offs-1{margin-left:8.33333%} .grid-12>.lg\:offs-0{margin-left:0} .lg\:grid-12>.lg\:cols-2{width:16.66667%} .lg\:grid-12>.lg\:offs-2{margin-left:16.66667%} .lg\:grid-12>.lg\:cols-3{width:25%} .lg\:grid-12>.lg\:offs-3{margin-left:25%} .lg\:grid-12>.lg\:cols-4{width:33.33333%} .lg\:grid-12>.lg\:offs-4{margin-left:33.33333%} .lg\:grid-12>.lg\:cols-5{width:41.66667%} .lg\:grid-12>.lg\:offs-5{margin-left:41.66667%} .lg\:grid-12>.lg\:cols-6{width:50%} .lg\:grid-12>.lg\:offs-6{margin-left:50%} .lg\:grid-12>.lg\:cols-7{width:58.33333%} .lg\:grid-12>.lg\:offs-7{margin-left:58.33333%} .lg\:grid-12>.lg\:cols-8{width:66.66667%} .lg\:grid-12>.lg\:offs-8{margin-left:66.66667%} .lg\:grid-12>.lg\:cols-9{width:75%} .lg\:grid-12>.lg\:offs-9{margin-left:75%} .lg\:grid-12>.lg\:cols-10{width:83.33333%} .lg\:grid-12>.lg\:offs-10{margin-left:83.33333%} .lg\:grid-12>.lg\:cols-11{width:91.66667%} .lg\:grid-12>.lg\:offs-11{margin-left:91.66667%} .lg\:grid-10>.lg\:cols-1{width:10%} .grid-10>.lg\:cols-10{width:100%} .lg\:grid-10>.lg\:offs-1{margin-left:10%} .grid-10>.lg\:offs-0{margin-left:0} .lg\:grid-10>.lg\:cols-2{width:20%} .lg\:grid-10>.lg\:offs-2{margin-left:20%} .lg\:grid-10>.lg\:cols-3{width:30%} .lg\:grid-10>.lg\:offs-3{margin-left:30%} .lg\:grid-10>.lg\:cols-4{width:40%} .lg\:grid-10>.lg\:offs-4{margin-left:40%} .lg\:grid-10>.lg\:cols-5{width:50%} .lg\:grid-10>.lg\:offs-5{margin-left:50%} .lg\:grid-10>.lg\:cols-6{width:60%} .lg\:grid-10>.lg\:offs-6{margin-left:60%} .lg\:grid-10>.lg\:cols-7{width:70%} .lg\:grid-10>.lg\:offs-7{margin-left:70%} .lg\:grid-10>.lg\:cols-8{width:80%} .lg\:grid-10>.lg\:offs-8{margin-left:80%} .lg\:grid-10>.lg\:cols-9{width:90%} .lg\:grid-10>.lg\:offs-9{margin-left:90%} .lg\:order-first{order:-1} .lg\:order-0{order:0} .lg\:order-1{order:1} .lg\:order-2{order:2} .lg\:order-3{order:3} .lg\:order-4{order:4} .lg\:order-5{order:5} .lg\:order-6{order:6} .lg\:order-7{order:7} .lg\:order-8{order:8} .lg\:order-9{order:9} .lg\:order-10{order:10} .lg\:order-11{order:11} .lg\:order-12{order:12} .lg\:order-13{order:13} .lg\:order-14{order:14} .lg\:order-last{order:15} } @media(min-width:1464px){.xl\:grid-14>.xl\:cols-1{width:7.14286%} .grid-14>.xl\:cols-14{width:100%} .xl\:grid-14>.xl\:offs-1{margin-left:7.14286%} .grid-14>.xl\:offs-0{margin-left:0} .xl\:grid-14>.xl\:cols-2{width:14.28571%} .xl\:grid-14>.xl\:offs-2{margin-left:14.28571%} .xl\:grid-14>.xl\:cols-3{width:21.42857%} .xl\:grid-14>.xl\:offs-3{margin-left:21.42857%} .xl\:grid-14>.xl\:cols-4{width:28.57143%} .xl\:grid-14>.xl\:offs-4{margin-left:28.57143%} .xl\:grid-14>.xl\:cols-5{width:35.71429%} .xl\:grid-14>.xl\:offs-5{margin-left:35.71429%} .xl\:grid-14>.xl\:cols-6{width:42.85714%} .xl\:grid-14>.xl\:offs-6{margin-left:42.85714%} .xl\:grid-14>.xl\:cols-7{width:50%} .xl\:grid-14>.xl\:offs-7{margin-left:50%} .xl\:grid-14>.xl\:cols-8{width:57.14286%} .xl\:grid-14>.xl\:offs-8{margin-left:57.14286%} .xl\:grid-14>.xl\:cols-9{width:64.28571%} .xl\:grid-14>.xl\:offs-9{margin-left:64.28571%} .xl\:grid-14>.xl\:cols-10{width:71.42857%} .xl\:grid-14>.xl\:offs-10{margin-left:71.42857%} .xl\:grid-14>.xl\:cols-11{width:78.57143%} .xl\:grid-14>.xl\:offs-11{margin-left:78.57143%} .xl\:grid-14>.xl\:cols-12{width:85.71429%} .xl\:grid-14>.xl\:offs-12{margin-left:85.71429%} .xl\:grid-14>.xl\:cols-13{width:92.85714%} .xl\:grid-14>.xl\:offs-13{margin-left:92.85714%} .xl\:grid-12>.xl\:cols-1{width:8.33333%} .grid-12>.xl\:cols-12{width:100%} .xl\:grid-12>.xl\:offs-1{margin-left:8.33333%} .grid-12>.xl\:offs-0{margin-left:0} .xl\:grid-12>.xl\:cols-2{width:16.66667%} .xl\:grid-12>.xl\:offs-2{margin-left:16.66667%} .xl\:grid-12>.xl\:cols-3{width:25%} .xl\:grid-12>.xl\:offs-3{margin-left:25%} .xl\:grid-12>.xl\:cols-4{width:33.33333%} .xl\:grid-12>.xl\:offs-4{margin-left:33.33333%} .xl\:grid-12>.xl\:cols-5{width:41.66667%} .xl\:grid-12>.xl\:offs-5{margin-left:41.66667%} .xl\:grid-12>.xl\:cols-6{width:50%} .xl\:grid-12>.xl\:offs-6{margin-left:50%} .xl\:grid-12>.xl\:cols-7{width:58.33333%} .xl\:grid-12>.xl\:offs-7{margin-left:58.33333%} .xl\:grid-12>.xl\:cols-8{width:66.66667%} .xl\:grid-12>.xl\:offs-8{margin-left:66.66667%} .xl\:grid-12>.xl\:cols-9{width:75%} .xl\:grid-12>.xl\:offs-9{margin-left:75%} .xl\:grid-12>.xl\:cols-10{width:83.33333%} .xl\:grid-12>.xl\:offs-10{margin-left:83.33333%} .xl\:grid-12>.xl\:cols-11{width:91.66667%} .xl\:grid-12>.xl\:offs-11{margin-left:91.66667%} .xl\:grid-10>.xl\:cols-1{width:10%} .grid-10>.xl\:cols-10{width:100%} .xl\:grid-10>.xl\:offs-1{margin-left:10%} .grid-10>.xl\:offs-0{margin-left:0} .xl\:grid-10>.xl\:cols-2{width:20%} .xl\:grid-10>.xl\:offs-2{margin-left:20%} .xl\:grid-10>.xl\:cols-3{width:30%} .xl\:grid-10>.xl\:offs-3{margin-left:30%} .xl\:grid-10>.xl\:cols-4{width:40%} .xl\:grid-10>.xl\:offs-4{margin-left:40%} .xl\:grid-10>.xl\:cols-5{width:50%} .xl\:grid-10>.xl\:offs-5{margin-left:50%} .xl\:grid-10>.xl\:cols-6{width:60%} .xl\:grid-10>.xl\:offs-6{margin-left:60%} .xl\:grid-10>.xl\:cols-7{width:70%} .xl\:grid-10>.xl\:offs-7{margin-left:70%} .xl\:grid-10>.xl\:cols-8{width:80%} .xl\:grid-10>.xl\:offs-8{margin-left:80%} .xl\:grid-10>.xl\:cols-9{width:90%} .xl\:grid-10>.xl\:offs-9{margin-left:90%} .xl\:order-first{order:-1} .xl\:order-0{order:0} .xl\:order-1{order:1} .xl\:order-2{order:2} .xl\:order-3{order:3} .xl\:order-4{order:4} .xl\:order-5{order:5} .xl\:order-6{order:6} .xl\:order-7{order:7} .xl\:order-8{order:8} .xl\:order-9{order:9} .xl\:order-10{order:10} .xl\:order-11{order:11} .xl\:order-12{order:12} .xl\:order-13{order:13} .xl\:order-14{order:14} .xl\:order-last{order:15} } .bg-gradient-blue-green{background-image:linear-gradient(to right,#0072ef,#33803b)} .bg-gradient-blue-purple{background-image:linear-gradient(to right,#0072ef,#5a80d1)} .bg-gradient-green-blue{background-image:linear-gradient(to right,#33803b,#0072ef)} .bg-gradient-purple-blue{background-image:linear-gradient(to right,#5a80d1,#0072ef)} .bg-gradient-red-orange{background-image:linear-gradient(to right,#cb001c,#c45c00)} .pin-t-0{top:0} .pin-r-0{right:0} .pin-b-0{bottom:0} .pin-l-0{left:0} .pin-t-1{top:1px} .pin-r-1{right:1px} .pin-b-1{bottom:1px} .pin-l-1{left:1px} .pin-t-3{top:3px} .pin-r-3{right:3px} .pin-b-3{bottom:3px} .pin-l-3{left:3px} .pin-t-5{top:5px} .pin-r-5{right:5px} .pin-b-5{bottom:5px} .pin-l-5{left:5px} .pin-t-6{top:6px} .pin-r-6{right:6px} .pin-b-6{bottom:6px} .pin-l-6{left:6px} .pin-t-10{top:10px} .pin-r-10{right:10px} .pin-b-10{bottom:10px} .pin-l-10{left:10px} .pin-t-11{top:11px} .pin-r-11{right:11px} .pin-b-11{bottom:11px} .pin-l-11{left:11px} .pin-t-12{top:3rem} .pin-r-12{right:3rem} .pin-b-12{bottom:3rem} .pin-l-12{left:3rem} .pin-t-15{top:15px} .pin-r-15{right:15px} .pin-b-15{bottom:15px} .pin-l-15{left:15px} .pin-t-16{top:4rem} .pin-r-16{right:4rem} .pin-b-16{bottom:4rem} .pin-l-16{left:4rem} .pin-t-20{top:20px} .pin-r-20{right:20px} .pin-b-20{bottom:20px} .pin-l-20{left:20px} .pin-t-25{top:25px} .pin-r-25{right:25px} .pin-b-25{bottom:25px} .pin-l-25{left:25px} .pin-t-50{top:50px} .pin-r-50{right:50px} .pin-b-50{bottom:50px} .pin-l-50{left:50px} .pin-t-64{top:64px} .pin-r-64{right:64px} .pin-b-64{bottom:64px} .pin-l-64{left:64px} .pin-t-75{top:75px} .pin-r-75{right:75px} .pin-b-75{bottom:75px} .pin-l-75{left:75px} .pin-t-80{top:80px} .pin-r-80{right:80px} .pin-b-80{bottom:80px} .pin-l-80{left:80px} .pin-t-100{top:100px} .pin-r-100{right:100px} .pin-b-100{bottom:100px} .pin-l-100{left:100px} .pin-t-150{top:150px} .pin-r-150{right:150px} .pin-b-150{bottom:150px} .pin-l-150{left:150px} .pin-t-200{top:150px} .pin-r-200{right:150px} .pin-b-200{bottom:150px} .pin-l-200{left:150px} .pin-t-250{top:250px} .pin-r-250{right:250px} .pin-b-250{bottom:250px} .pin-l-250{left:250px} .pin-t-300{top:300px} .pin-r-300{right:300px} .pin-b-300{bottom:300px} .pin-l-300{left:300px} .pin-t-400{top:400px} .pin-r-400{right:400px} .pin-b-400{bottom:400px} .pin-l-400{left:400px} .pin-t-500{top:500px} .pin-r-500{right:500px} .pin-b-500{bottom:500px} .pin-l-500{left:500px} .-pin-t-5{top:-5px} .-pin-r-5{right:-5px} .-pin-b-5{bottom:-5px} .-pin-l-5{left:-5px} .-pin-t-6{top:-6px} .-pin-r-6{right:-6px} .-pin-b-6{bottom:-6px} .-pin-l-6{left:-6px} .-pin-t-10{top:-10px} .-pin-r-10{right:-10px} .-pin-b-10{bottom:-10px} .-pin-l-10{left:-10px} .-pin-t-11{top:-11px} .-pin-r-11{right:-11px} .-pin-b-11{bottom:-11px} .-pin-l-11{left:-11px} .-pin-t-15{top:-15px} .-pin-r-15{right:-15px} .-pin-b-15{bottom:-15px} .-pin-l-15{left:-15px} .-pin-t-20{top:-20px} .-pin-r-20{right:-20px} .-pin-b-20{bottom:-20px} .-pin-l-20{left:-20px} .-pin-t-12{top:-3rem} .-pin-r-12{right:-3rem} .-pin-b-12{bottom:-3rem} .-pin-l-12{left:-3rem} .-pin-t-16{top:-4rem} .-pin-r-16{right:-4rem} .-pin-b-16{bottom:-4rem} .-pin-l-16{left:-4rem} .-pin-t-25{top:-25px} .-pin-r-25{right:-25px} .-pin-b-25{bottom:-25px} .-pin-l-25{left:-25px} .-pin-t-50{top:-50px} .-pin-r-50{right:-50px} .-pin-b-50{bottom:-50px} .-pin-l-50{left:-50px} .-pin-t-75{top:75px} .-pin-r-75{right:75px} .-pin-b-75{bottom:75px} .-pin-l-75{left:75px} .-pin-t-80{top:-80px} .-pin-r-80{right:-80px} .-pin-b-80{bottom:-80px} .-pin-l-80{left:-80px} .-pin-t-100{top:-100px} .-pin-r-100{right:-100px} .-pin-b-100{bottom:-100px} .-pin-l-100{left:-100px} .-pin-t-150{top:-150px} .-pin-r-150{right:-150px} .-pin-b-150{bottom:-150px} .-pin-l-150{left:-150px} .-pin-t-200{top:-200px} .-pin-r-200{right:-200px} .-pin-b-200{bottom:-200px} .-pin-l-200{left:-200px} .-pin-t-250{top:-250px} .-pin-r-250{right:-250px} .-pin-b-250{bottom:-250px} .-pin-l-250{left:-250px} .-pin-t-300{top:-300px} .-pin-r-300{right:-300px} .-pin-b-300{bottom:-300px} .-pin-l-300{left:-300px} .-pin-t-400{top:-400px} .-pin-r-400{right:-400px} .-pin-b-400{bottom:-400px} .-pin-l-400{left:-400px} .-pin-t-500{top:-500px} .-pin-r-500{right:-500px} .-pin-b-500{bottom:-500px} .-pin-l-500{left:-500px} .pin-t-half{top:50%} .pin-r-half{right:50%} .pin-b-half{bottom:50%} .pin-l-half{left:50%} .-pin-t-half{top:-50%} .-pin-r-half{right:-50%} .-pin-b-half{bottom:-50%} .-pin-l-half{left:-50%} .rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)} .rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)} .rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .-rotate-45{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .-rotate-90{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .-rotate-180{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} .-translateX-50{-webkit-transform:translateX(-50%);transform:translateX(-50%)} .-translateY-50{-webkit-transform:translateY(-50%);transform:translateY(-50%)} @font-face{font-family:"Roboto";font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/roboto/roboto-v18-latin-300.woff2") format("woff2"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/roboto/roboto-v18-latin-300.woff") format("woff");font-display:fallback} @font-face{font-family:"Roboto";font-style:normal;src:local("Roboto Regular"),local("Roboto-Regular"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/roboto/roboto-v18-latin-regular.woff2") format("woff2"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/roboto/roboto-v18-latin-regular.woff") format("woff");font-display:block} @font-face{font-family:"Roboto";font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/roboto/roboto-v18-latin-500.woff2") format("woff2"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/roboto/roboto-v18-latin-500.woff") format("woff");font-display:fallback} @font-face{font-family:"Roboto";font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/roboto/roboto-v18-latin-700.woff2") format("woff2"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/roboto/roboto-v18-latin-700.woff") format("woff");font-display:fallback} @font-face{font-family:"Glyphicons Halflings";src:url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/glyphicons/glyphicons-halflings-regular.eot") format("eot"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/glyphicons/glyphicons-halflings-regular.woff") format("woff"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/glyphicons/glyphicons-halflings-regular.woff2") format("woff2"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/glyphicons/glyphicons-halflings-regular.woff2") format("svg"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/glyphicons/glyphicons-halflings-regular.ttf") format("ttf");font-weight:400;font-style:normal} body{font-family:Roboto;font-weight:400;font-size:1rem;line-height:1.5;background-color:#fff;color:#000;font-family:Roboto,sans-serif} @media(min-width:768px){body{font-size:1rem} } @media(min-width:992px){body{font-size:1rem} } .h1-hero{font-weight:500;line-height:1.1;margin-bottom:1rem} h1,h2,h4,h6{font-weight:700;line-height:1.1;margin-bottom:1rem} h3,h5{font-weight:500;line-height:1.1;margin-bottom:1rem} .heading1,.heading2,.heading3,.heading4,.heading5,.heading6{line-height:1.1;margin-bottom:1rem;font-weight:500} .h1-hero{font-size:2.125rem} .h1-hero sup{font-size:1.25rem;top:-0.75em} @media(min-width:768px){.h1-hero{font-size:3.5rem} .h1-hero sup{font-size:2rem} } @media(min-width:992px){.h1-hero{font-size:4.125rem} .h1-hero sup{font-size:2.25rem} } .h2-hero{font-size:2rem;font-weight:500} .h2-hero sup{font-size:1.125rem;top:-0.75em} @media(min-width:768px){.h2-hero{font-size:2.625rem} .h2-hero sup{font-size:1.5rem} } @media(min-width:992px){.h2-hero{font-size:3rem} .h2-hero sup{font-size:1.75rem} } h1,.heading1{font-size:2rem} @media(min-width:768px){h1,.heading1{font-size:2.125rem} } @media(min-width:992px){h1,.heading1{font-size:2.25rem} } h2,.heading2{font-size:1.75rem} @media(min-width:768px){h2,.heading2{font-size:2rem} } @media(min-width:992px){h2,.heading2{font-size:2.125rem} } h3,.heading3{font-size:1.625rem} @media(min-width:768px){h3,.heading3{font-size:1.875rem} } @media(min-width:992px){h3,.heading3{font-size:2rem} } h4,.heading4{font-size:1.5rem} @media(min-width:768px){h4,.heading4{font-size:1.625rem} } @media(min-width:992px){h4,.heading4{font-size:1.75rem} } h5,.heading5{font-size:1.25rem} @media(min-width:768px){h5,.heading5{font-size:1.25rem} } @media(min-width:992px){h5,.heading5{font-size:1.5rem} } h6,.subtitle,.heading6{font-size:1.125rem} @media(min-width:768px){h6,.subtitle,.heading6{font-size:1.25rem} } @media(min-width:992px){h6,.subtitle,.heading6{font-size:1.25rem} } .subtitle{line-height:1.1} .subtitle2{font-size:1.125rem;font-weight:500} .caption{font-size:.875rem;font-weight:400} @media(min-width:768px){.caption{font-size:.75rem} } .overline{font-size:.875rem;font-weight:400;text-transform:uppercase} @media(min-width:768px){.overline{font-size:.75rem} } a{text-decoration:none;line-height:1;color:inherit;transition:all .2s ease;outline:0} .lsit-roman,ol.lsit-roman{list-style-type:upper-roman} @media(max-width:992px){.textcolumn{-webkit-column-count:1 !important;-moz-column-count:1 !important;column-count:1 !important;-webkit-column-gap:0 !important;-moz-column-gap:0 !important;column-gap:0 !important;-webkit-column-rule-style:none;-moz-column-rule-style:none;column-rule-style:none;-webkit-column-rule-width:0 !important;-moz-column-rule-width:0 !important;column-rule-width:0 !important} } .disableParagraphStyle p{font-size:inherit !important;color:inherit !important;font-weight:inherit !important;line-height:inherit !important;word-break:break-word} .a-font-normal a{font-weight:300} blockquote{font-weight:300;margin-bottom:0;margin-top:0;position:relative;text-align:center} blockquote p{color:#6b6b6b;position:relative} blockquote p:first-of-type:before,blockquote p:last-of-type:after{content:url('data:image/svg+xml;%20utf8,%20<svg%20viewBox="0%200%2041%2044"%20xmlns="http://www.w3.org/2000/svg"><path%20d="M0%2024.4586L13.8476%200H20.142L15.1065%2015.8262C12.5888%2023.0199%2011.3299%2027.3361%2011.3299%2030.2136V43.1623H0V24.4586ZM20.142%2024.4586L33.9896%200H40.284L35.2485%2015.8262C32.7308%2023.0199%2031.4719%2027.3361%2031.4719%2030.2136V43.1623H20.142V24.4586Z"/></svg>');opacity:.3;position:absolute;width:2rem;z-index:0} blockquote p:first-of-type:before{-webkit-transform:translateX(-90%) translateY(-50%);transform:translateX(-90%) translateY(-50%)} blockquote p:last-of-type:after{-webkit-transform:translateX(50%) rotate(180deg);right:0;transform:translateX(50%) rotate(180deg)} blockquote footer span{display:block} @media(min-width:992px){blockquote p:first-of-type:before,blockquote p:last-of-type:after{width:3rem} } @media(min-width:992px){blockquote p:last-of-type:after{-webkit-transform:translateX(70%) rotate(180deg);transform:translateX(70%) rotate(180deg)} } @media(min-width:1140px){blockquote p:last-of-type:after{-webkit-transform:translateX(90%) rotate(180deg);transform:translateX(90%) rotate(180deg)} } .inheritPara p,.inheritPara ul{font-size:inherit;font-weight:inherit} .inheritPara ul{padding-left:18px} .inheritPara.list-view li{margin-bottom:.5rem} .free-text>p:first-child,.free-text>ol:first-child,.free-text ul:first-child{padding-top:0;margin-top:0} .free-text .text .textcolumn>p{padding-top:0;margin-top:0} .free-text p{padding-top:1.25rem} .free-text li p{margin-bottom:1.25rem;padding-top:0} .free-text ol,.free-text ul{margin-top:1.25rem;margin-bottom:1.25rem;padding-left:1rem} .free-text ol li:first-child p:first-child,.free-text ul li:first-child p:first-child{padding-top:0} .free-text ol li:list-child p:list-child,.free-text ul li:list-child p:list-child{margin-bottom:0} .free-text ol li,.free-text ul li{margin-bottom:.75rem} .free-text ol ol,.free-text ol ul,.free-text ul ol,.free-text ul ul{list-style-type:disc;font-weight:300} .free-text ol.bold-list{font-weight:500} .free-text a{color:#0072ef;text-decoration:underline} .free-text h4,.free-text h5,.free-text h6,.free-text .subtitle{margin-bottom:.5rem} .free-text table{margin-bottom:1rem;max-width:100%;width:100%;border-width:1px;border-color:#929a9d;background-color:transparent;border-collapse:collapse} .free-text table thead th{border-bottom-width:2px;border-color:#929a9d} .free-text table td,.free-text table th{padding:.5rem;border-width:1px;border-color:#929a9d;vertical-align:top} .free-text p a{color:#0074f3;text-decoration:underline;position:relative} .link-flex a{display:flex;display:-webkit-flex} .link-h-text-blue a:hover{color:#0072ef} @font-face{font-family:"SimplonMono";font-style:normal;src:local("SimplonMono Regular"),local("SimplonMono-Regular"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/SimplonMono/SimplonMono-Regular.woff2") format("woff2"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/SimplonMono/SimplonMono-Regular.woff") format("woff")} .wdblack-font{font-family:SimplonMono,sans-serif} .text-normal{font-weight:400 !important} .text-medium{font-weight:500 !important} .text-bold{font-weight:700 !important} .heading-mb-0{margin-bottom:0 !important} .heading-mb-1{margin-bottom:4px !important} .heading-mb-2{margin-bottom:8px !important} .heading-mb-3{margin-bottom:12px !important} .heading-mb-4{margin-bottom:16px !important} .hero-title{font-size:1.5rem;font-weight:700;line-height:1.1;margin-bottom:1rem} @media(min-width:576px){.hero-title{font-size:1.75rem} } @media(min-width:992px){.hero-title{font-size:3rem} } .hero-subtitle{font-size:1rem} @media(min-width:576px){.hero-subtitle{font-size:1.125rem} } input:focus,select:focus,textarea:focus,button:focus{outline:0} .checkbox{display:flex;position:relative;padding-left:18px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0} .checkmark{position:absolute;top:4px;left:0;height:17px;width:17px;border:1px solid #9b9999;border-radius:2px} @media(min-width:768px){.checkmark{top:2px} } .checkbox input:checked ~ .checkmark{color:#fff;background-color:#0072ef;border-color:#0072ef} .checkmark:after{content:"";position:absolute;display:none} .checkbox input:checked ~ .checkmark:after{display:block} .checkbox .checkmark:after{left:5px;top:1px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)} .radioButton{display:flex;position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:500;line-height:1.2} .radioButton input{position:absolute;opacity:0;cursor:pointer;height:0;width:0} .radioCheckmark{position:absolute;top:0;left:0} .top2px{top:2px} .top4px{top:4px} .radioButton .radioCheckmark:after{background-image:url("data:image/svg+xml,%3Csvg%20width='18'%20height='18'%20viewBox='0%200%2020%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20x='1.12183'%20y='0.5'%20width='17.4034'%20height='17'%20rx='8.5'%20fill='white'%20stroke='%237f7f7f'/%3E%3Crect%20x='3.67224'%20y='3'%20width='12.3025'%20height='12'%20rx='6'%20fill='%23ffffff'/%3E%3C/svg%3E%0A");width:18px;height:18px;display:block} .radioButton input:checked ~ .radioCheckmark:after{background-image:url("data:image/svg+xml,%3Csvg%20width='18'%20height='18'%20viewBox='0%200%2020%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20x='1.12183'%20y='0.5'%20width='17.4034'%20height='17'%20rx='8.5'%20fill='none'%20stroke='%230072ef'/%3E%3Crect%20x='3.67224'%20y='3'%20width='12.3025'%20height='12'%20rx='6'%20fill='%230072ef'/%3E%3C/svg%3E%0A");width:18px;height:18px;display:block} .radioCheckmark:after{content:""} .invalid{border-color:#cb001c;border-top-width:5px;border-style:solid} select{border-radius:0} input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset !important} .store-form .form-group:not(.focused):not(.filled):not(.invalidField) input[type=email],.store-form .form-group:not(.focused):not(.filled):not(.invalidField) input[type=text],.store-form .form-group:not(.focused):not(.filled):not(.invalidField) input[type=number],.store-form .form-group:not(.focused):not(.filled):not(.invalidField) input[type=password],.store-form .form-group:not(.focused):not(.filled):not(.invalidField) input[type=date],.store-form .form-group:not(.focused):not(.filled):not(.invalidField) select{border-color:rgba(0,0,0,.5)} .store-form .form-group{position:relative;margin-bottom:1.75rem} .store-form .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background:#fff} .store-form .form-group.invalidField input{border:1px solid #cb001c} .store-form .form-group.invalidField select{padding-top:.25rem} .store-form .form-group.invalidField .error-message{display:block} .store-form .form-group .error-message{display:none;padding-left:1rem;padding-top:.5rem} .store-form .form-group input[type=email],.store-form .form-group input[type=text],.store-form .form-group input[type=number],.store-form .form-group input[type=password],.store-form .form-group input[type=date],.store-form .form-group input[type=file],.store-form .form-group select{height:56px;font-size:14px;font-weight:300} .store-form .form-group select.filled ~ .floatingLabelTop{left:17px;font-size:12px;color:#000;display:block;line-height:18px;padding:0 5px} .store-form .form-group select ~ .floatingLabelTop{display:none} .store-form .form-group .floatingLabelTop{position:absolute;pointer-events:none;left:1.125rem;font-size:.75rem;top:-1.125rem;color:#000;transition:.2s ease all;font-weight:300} @media(min-width:992px){.store-form .form-group input[type=email],.store-form .form-group input[type=text],.store-form .form-group input[type=number],.store-form .form-group input[type=password],.store-form .form-group input[type=date],.store-form .form-group input[type=file],.store-form .form-group select{height:48px;font-size:16px;font-weight:300} .store-form .form-group .floatingLabelTop{font-size:.75rem;top:-1.125rem} } .store-form .form-group.invalidField select{border:1px solid #cb001c} .selection{position:relative} @media(min-width:992px){.selection .select-dropdown::before{top:37px} } .selection label{top:-18px;bottom:10px;left:12px;font-size:12px;color:#6b7375;opacity:1} .selection select{width:100%;line-height:normal;font-size:1rem;padding:.75rem 1.75rem .75rem .75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none} .selection select::-ms-expand{display:none} .selection select::-ms-expand{display:block} .selection .select-dropdown:before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2013%208'%20fill='none'%3E%3Cpath%20d='M12%201L6.5%206L1%201'%20stroke='%23000000'%20stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;top:20px;position:absolute;width:20px;height:10px;right:12px;z-index:0;pointer-events:none} .selection .select-dropdown select{background-color:transparent} .dark-theme-form#age-validation-form .wd-modal-close{z-index:10} .dark-theme-form#age-validation-form .wd-modal-close svg path{stroke:#fff} .warning-icon-r{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23AA5D00'%20width='20px'%20height='20px'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") no-repeat 97% center} .store-form .form-group.invalidField input{border:2px solid #df001f} .store-form .form-group.invalidField input+.error-message:before{content:"";background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23DF001F'%20width='20px'%20height='20px'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") no-repeat;position:absolute;z-index:0;right:1rem;padding:.625rem;top:.9rem} .store-form .form-group.invalidField input[type=date]+.error-message:before{content:"";background:0;padding:0} .store-form .form-group.invalidField .dp-validate+.error-message:before{display:none} .store-form .form-group.invalidField select{border:2px solid #df001f} .store-form .form-group.invalidField .error-arrow{top:-1.25rem} #worldpayCsePaymentForm .form-group.invalidField .error-arrow{top:-2.25rem} .store-form .form-group.invalidField svg path{fill:#df001f} #worldpayCsePaymentForm .form-group.invalidField .cvcNumber,#worldpayCsePaymentForm .form-group.invalidField #cvc,#worldpayMyAccountCsePaymentForm .form-group.invalidField #cvc,.newCardFormField .form-group.invalidField #error_cvc:before{background:0} #worldpayCsePaymentForm .form-group.invalidField .custom-down-arrw{display:none} #customWdAddressForm .form-group.invalidField input{border:2px solid #df001f} #customWdAddressForm .form-group.invalidField input+.error-message:before{content:"";background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23DF001F'%20width='20px'%20height='20px'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") no-repeat 98% center} .form-error>.alert.alert-danger{background:#fefafb;color:#df001f;border:1px solid #df001f} .form-error>.alert button.close{color:#df001f} .form-error>.alert.alert-info button.close{color:#0074f3} .form-error>.alert.alert-info{background:#fafcfe;color:#0074f3;border:1px solid #0074f3} .form-error>.alert.alert-warning button.close{color:#fff} .form-error>.alert.alert-success{background:#fafdfa;color:#008000;border:1px solid #008000} .form-error>.alert.alert-success button.close,.form-error>.alert.alert-success button span{color:#008000} .form-error>.alert button.close{right:.8125rem} .loginForm .errorcontent.bg-orange{color:#aa5d00;background-color:#fdfcfa;border:1px solid #aa5d00;word-break:break-word} .loginForm .errorcontent.bg-orange:before{content:"";background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23AA5D00'%20width='20px'%20height='20px'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") no-repeat 2% 7%;position:absolute;height:20px;width:20px;left:.9rem} .loginForm .errorcontent.bg-orange button{color:#aa5d00} .loginForm .errorcontent.bg-red,.errorcontent.bg-red{color:#df001f;background-color:#fefafb;border:1px solid #df001f;word-break:break-word} .loginForm .errorcontent.bg-red:before,.errorcontent.bg-red:before{content:"";background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'%3E%3C/path%3E%3Cpath%20xmlns='http://www.w3.org/2000/svg'%20fill='%23DF001F'%20d='M1%2021h22L12%202%201%2021zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'%3E%3C/path%3E%3C/svg%3E") no-repeat 2% 7%;position:absolute;height:20px;width:24px;left:.9rem} .loginForm .errorcontent.bg-red button{color:#df001f} .store-form .form-group.invalidField input+#error_orderNumber:before{background:0} .login-error a span{color:#df001f} .form-group.focused>input:focus ~ div{border:3px solid #b58409} .fileUploadFieldSpan{text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap} input[type=date]::-webkit-calendar-picker-indicator:focus{outline:3px solid #b58409} form .invalid-coupon{border:2px solid #df001f} .aem-AuthorLayer-Edit header{height:auto} .search-box1{border:1px solid #c4c4c4;padding:.45rem .35rem .35rem 2rem;font-size:14px} .sfc-search-btn{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='15'%20height='14'%20viewBox='0%200%2015%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.1431%205.6C10.1431%208.14532%208.09156%2010.2%205.57156%2010.2C3.05155%2010.2%201%208.14532%201%205.6C1%203.05468%203.05155%201%205.57156%201C8.09156%201%2010.1431%203.05468%2010.1431%205.6Z'%20stroke='%23C4C4C4'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='6.58297'%20y2='-1'%20transform='matrix(0.705307%200.708902%20-0.705307%200.708902%208.35718%209.33331)'%20stroke='%23C4C4C4'%20stroke-width='2'/%3e%3c/svg%3e");background-repeat:no-repeat;position:absolute;left:10px;top:9px;padding:.5rem} .header .navbar-nav .nav-item:first-child{padding-left:0} .header .svg a{display:block} .user-profile{position:relative} .user-profile>a{padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:.7rem} @media(min-width:1140px){.user-profile:hover>a{font-weight:600;box-shadow:0 0 4px 0 rgba(0,0,0,.2)} .user-profile:hover>.user-profile-dropdown{display:block} } .user-profile-dropdown{display:none;position:absolute;background:#fff;box-shadow:0 6px 4px 0 rgba(0,0,0,.2);z-index:1;padding:1.5rem;white-space:nowrap;top:28px} .user-profile-dropdown ul li{padding-bottom:1rem} .user-profile-dropdown ul li:last-child{padding-bottom:0} .hamburger-menu{z-index:2;position:absolute;top:0;left:0;cursor:pointer;width:56px;height:50px} .hamburger-menu .bar,.hamburger-menu .bar:after,.hamburger-menu .bar:before{width:24px;height:2px} .hamburger-menu .bar{position:relative;-webkit-transform:translateY(8px);transform:translateY(8px);background:#000;transition:all 0 300ms} .hamburger-menu .bar.animate{background:rgba(0,0,0,0)} .hamburger-menu .bar:before{content:"";position:absolute;left:0;bottom:8px;background:#000;transition:bottom 300ms 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms cubic-bezier(.23,1,.32,1);transition:bottom 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);transition:bottom 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms cubic-bezier(.23,1,.32,1)} .hamburger-menu .bar:after{content:"";position:absolute;left:0;top:8px;background:#000;transition:top 300ms 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms cubic-bezier(.23,1,.32,1);transition:top 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);transition:top 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms cubic-bezier(.23,1,.32,1)} .hamburger-menu .bar.animate:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:top 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1);transition:top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);transition:top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1)} .hamburger-menu .bar.animate:before{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:bottom 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1);transition:bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);transition:bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1)} .mobile-nav.show.fixed{position:relative} .mobile-nav.show nav{width:90%;overflow-y:auto;top:50px;position:fixed;left:0} @media(max-width:992px){.mobile-nav.show nav{max-height:calc(100vh - 28%)} } .show{left:0;opacity:1} .header .mobile-nav.show:before{background-color:#000;bottom:0;content:"";left:0;opacity:.75;position:fixed;right:0;right:-100%;top:0;top:50px;z-index:-1} .hide{opacity:0;left:-100%} .deviceNavView{position:fixed;overflow:hidden} @media(min-width:992px){.deviceNavView{position:static;overflow:auto} } .mobile-nav{transition:.2s ease} @media(min-width:992px){.mobile-nav-wrap{display:none} } .mobile-header{box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 4px 8px 0 rgba(0,0,0,.08)} .trans-transform{text-align:center} .trans-transform:before{content:"+";font-size:1.8rem;color:#0074f3;font-weight:400} .trans-transform.open:before{content:"‒"} .mobile-nav nav>ul li>.cursor-pointer ~ ul{background:#f3f3f3} .mobile-nav nav>ul li>.cursor-pointer ~ ul li>.cursor-pointer ~ ul{background:#f7f7f7} .aem-AuthorLayer-Edit .header-edit-mode .megaMenu-edit-mode{display:block} .aem-AuthorLayer-Edit .productNavWrapper{position:relative} .aem-AuthorLayer-Edit .visibleAuthorMode{display:block} .categoriesWrapper>div{display:none} .categoriesWrapper .menuItemWrap.active{display:block} .brandNavStoreItem{height:60px} .brandNavStoreItem.active{background-color:white;position:relative} .brandNavStoreItem.active:after{content:"";background-image:url("data:image/svg+xml,%3Csvg%20width='14'%20height='22'%20viewBox='0%200%2014%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M1%201L12%2011L1%2021'%20stroke='%230277BD'%20stroke-width='2'/%3E%3C/svg%3E%0A");width:16px;height:26px;background-repeat:no-repeat;right:0;top:20px;position:absolute} @media(min-width:1460px){.brandNavStoreItem.active:after{right:23px} } header.header .desktop-nav-wrap .bg-banner-blue.fixed{position:relative} .brandNavStore .brandNavStoreItem>div{width:100%} .middleMenu li:hover,.middleMenuActiveBorder{border-right:1px solid #c4c4c4;border-left:1px solid #c4c4c4;color:#0074f3} .productNavWrapper{width:100%;position:absolute;top:auto} .productNavWrapper>.container>.responsive-columns-flexbox{border-top:1px solid #e6e6e6} .brandNavStoreItem:not(.active) svg{-webkit-filter:grayscale(100%);filter:grayscale(100%)} .header .searchbutton{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;color:#000;cursor:pointer;display:inline-block;padding-left:1.5rem;padding-right:1.5rem;text-align:center;text-decoration:none} .header .searchbutton:hover{transition-duration:.4s;-webkit-transition-duration:.4s;color:#000} .header .desktop-search-container{margin-right:-12px;position:relative;vertical-align:bottom;width:1.5rem} .header .searchbutton{margin:0;padding:0;position:relative;width:100%;z-index:1;font-size:22px;top:1px} .header .search:focus+.searchbutton{color:#000} .header .search,.header .search:focus+.searchbutton{transition-duration:.4s} .header .search{background-color:#fff;border-width:0;font-size:1rem;opacity:0;padding:0;position:absolute;z-index:1;height:35px;left:24px;width:1px} .header .search:focus{padding-top:0;padding-bottom:0;padding-right:1rem;padding-left:0;opacity:1;width:13rem} .header .expandright{border-width:1px;border-color:#000;right:0;padding-right:30px !important;left:auto} .header .expandright:focus{padding:0 0 0 10px} .header #searchnav::-webkit-input-placeholder{color:#f6f6f6} .header #searchnav:-ms-input-placeholder{color:#f6f6f6} .header #searchnav::-ms-input-placeholder{color:#f6f6f6} .header #searchnav::-moz-placeholder{color:#f6f6f6} .header #searchnav::placeholder{color:#f6f6f6} header.header{position:relative;width:100%;background-color:#fff;z-index:11;left:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease} main header.header{height:auto;position:relative} main header.header ~ section:first-of-type{padding-top:0} @media(min-width:992px){header.header.header-loaded ~ section[role=main]:first-of-type{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease} main header.header{height:auto} } .aem-AuthorLayer-Edit header.header{position:relative} .aem-AuthorLayer-Edit header.header ~ section:first-of-type{padding-top:0} .header-compressed:not(.wd-header-2-0) .desktop-nav-wrap .carticon svg{width:20px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease} .header-compressed:not(.wd-header-2-0) .desktop-nav-wrap .flagImage{width:28px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease} .header-compressed:not(.wd-header-2-0) .desktop-nav-wrap .storeBrandLogo svg{width:150px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease} .header-compressed:not(.wd-header-2-0) .desktop-nav-wrap .commerce-user-info.parbase ul>li a{font-size:.875rem;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease} .header-compressed:not(.wd-header-2-0) .middleMenu li{padding-top:1rem;padding-bottom:1rem;font-size:.875rem;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease} .middleMenu li,.desktop-nav-wrap .carticon svg,.desktop-nav-wrap .flagImage,.desktop-nav-wrap .storeBrandLogo svg,.desktop-nav-wrap .commerce-user-info.parbase ul>li a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease} @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#productNavStore>.relative>.responsive-columns-flexbox:first-child>.row{height:325px} #exploreNavGtec>.relative>.responsive-columns-flexbox:first-child>.row{height:325px} } a:focus.skipBTN{position:absolute;left:4px;top:4px;outline:5px auto -webkit-focus-ring-color;transition:top .1s ease-in} a.skipBTN{padding:12px;position:absolute;top:-43px;left:4px;color:#21759b;background:#f1f1f1;transition:top 1s ease-out;z-index:100} @media(max-width:991px){.header .searchBTN:focus,.header .searchBTN{border-color:transparent !important} .searchExpanded.header .expandright:focus,.searchExpanded.header .expandright{position:fixed;width:100%;padding:0 32px 0 12%;border:0;height:50px;top:0;background:#fff;opacity:1} .searchExpanded.header .searchbutton:before{content:"";background:rgba(0,0,0,.8);position:fixed;width:100%;top:50px;z-index:9;height:100%;bottom:0;left:0;right:0;pointer-events:auto;cursor:default} .searchExpanded.header .carticon,.searchExpanded.header .openLoginFlyout,.searchExpanded.header .myAccountMenu{display:none} .searchbutton{transition:.3s ease-in-out;right:0} .searchExpanded.header .searchbutton{position:fixed;right:90%;width:auto;top:11px} .searchCloseBTN{display:none} .searchExpanded.header .searchCloseBTN{display:block;position:fixed;top:0} } .login-tabs button.btn{position:relative;border:0} button.btn:before{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#0074f3;visibility:hidden;transition:all .06s ease-in} button.btn.border-b-2.border-blue:before{visibility:visible;width:100%} section.section.fixed-height-banner{padding:0} .fixed-height-banner>.container.wrap>.parbase.div{width:100%} .fixed-height-banner .wrap{height:500px} .fixed-height-banner .wrap>div{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .fixed-height-banner .wrap h1{margin-top:0} @media only screen and (max-width:75em){.fixed-height-banner .wrap>div{left:1rem} } @media only screen and (max-width:64em){.fixed-height-banner .wrap{height:425px} } @media only screen and (max-width:50em){.fixed-height-banner .wrap{height:390px} .fixed-height-banner .wrap h1{font-size:2.125rem} } @media only screen and (max-width:40em){.fixed-height-banner .wrap{height:325px} .fixed-height-banner .wrap>div{left:0;padding:0 1rem} .fixed-height-banner .wrap h1{margin-top:0;font-size:1.625rem} } @media only screen and (max-width:25em){.fixed-height-banner .wrap{height:275px;color:#fff !important} .fixed-height-banner .wrap h1{margin-top:0;font-size:1.5rem} .fixed-height-banner .wrap p{display:none} .fixed-height-banner .wrap .btn{color:#fff;border-color:#fff} .fixed-height-banner .wrap .btn.red{border-color:#ed1c24} } @media only screen and (max-width:40em){.fixed-height-banner{background:#000} .fixed-height-banner .section{background-color:#000} .fixed-height-banner .section h1,.fixed-height-banner .section p{color:#fff !important} .fixed-height-banner .section-bg{opacity:.35} } .zoomWindowContainer .zoomWindow{background-color:#fff;border:none !important;cursor:inherit !important} @media(min-width:768px){.zoomWindowContainer .zoomWindow{background-color:#f7f7f7} } @media(min-width:992px){.product-slider-single .slick-current.slick-active.zoomImageBox{cursor:url("../../../../content/dam/store/en-us/portal-assets/icons/zoom_in.svg"),auto} .ZoomContainer{cursor:url("../../../../content/dam/store/en-us/portal-assets/icons/zoom_out.svg"),auto;z-index:1 !important} } @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){body .product-slider-single .slick-current.slick-active{cursor:crosshair !important} body .ZoomContainer{cursor:crosshair !important} } @supports(-ms-ime-align:auto) and (-webkit-text-stroke:initial){body .product-slider-single .slick-current.slick-active{cursor:zoom-in !important} body .ZoomContainer{cursor:zoom-out !important} } .text-hide{position:absolute;top:-9999px;left:-9999px} .ps-widget.ps-disabled .ps-button-label,.ps-enabled small{display:none} .ps-widget.ps-enabled .ps-button-label,.ps-widget.ps-enabled small,.ps-widget.ps-disabled .ps-button-label,.ps-widget.ps-disabled small{font-size:inherit} .ps-widget.ps-disabled,.slick-disabled{pointer-events:none} .wtbBtbwWithIcon.ps-widget.ps-enabled .ps-button-label,.wtbBtbwWithIcon.ps-widget.ps-enabled small,.wtbBtbwWithIcon.ps-widget.ps-disabled .ps-button-label,.wtbBtbwWithIcon.ps-widget.ps-disabled small{position:relative;top:-6px;left:5px} .quickViewSlider .slick-list{min-height:500px} .active-variant-axis{pointer-events:none} .productQty input[type=number]::-webkit-outer-spin-button,.productQty input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .productQty input[type=number]{-moz-appearance:textfield} .qty-list ul li:nth-child(even){background:#fff} .qty-list ul li:nth-child(odd){background:#f8f8f8} .qty-list li.qty-selected,.qty-list li.qty-selected:focus{outline:2px solid #000;font-weight:700} .splide__container{box-sizing:border-box;position:relative} .splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0 !important;padding:0 !important} .splide.is-initialized:not(.is-active) .splide__list{display:block} .splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none} .splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto} .splide__progress__bar{width:0} .splide{position:relative;visibility:hidden} .splide.is-initialized,.splide.is-rendered{visibility:visible} .splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none !important;margin:0;position:relative} .splide__slide img{vertical-align:bottom} .splide__spinner{-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px} .splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none} .splide__toggle.is-active .splide__toggle__pause{display:inline} .splide__track{overflow:hidden;position:relative;z-index:0} @-webkit-keyframes splide-loading{0{-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } @keyframes splide-loading{0{-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } .splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none} .splide__track--fade>.splide__list{display:block} .splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0} .splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1} .splide--rtl{direction:rtl} .splide__track--ttb>.splide__list{display:block} .splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2em;z-index:1} .splide__arrow svg{fill:#000;height:1.2em;width:1.2em} .splide__arrow:hover:not(:disabled){opacity:.9} .splide__arrow:disabled{opacity:.3} .splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px} .splide__arrow--prev{left:1em} .splide__arrow--prev svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)} .splide__arrow--next{right:1em} .splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px} .splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1} .splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:8px} .splide__pagination__page.is-active{background:#fff;-webkit-transform:scale(1.4);transform:scale(1.4);z-index:1} .splide__pagination__page:hover{cursor:pointer;opacity:.9} .splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px} .splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px} .splide__progress__bar{background:#ccc;height:3px} .splide__slide{-webkit-tap-highlight-color:transparent} .splide__slide:focus{outline:0} @supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px} } @media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf} } @supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px} } @media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf} .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf} } .splide__toggle{cursor:pointer} .splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px} .splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px} .splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer} .splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000} .splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em} .splide__arrows--rtl .splide__arrow--prev svg{-webkit-transform:scaleX(1);transform:scaleX(1)} .splide__arrows--rtl .splide__arrow--next{left:1em;right:auto} .splide__arrows--rtl .splide__arrow--next svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)} .splide__arrows--ttb .splide__arrow{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)} .splide__arrows--ttb .splide__arrow--prev{top:1em} .splide__arrows--ttb .splide__arrow--prev svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto} .splide__arrows--ttb .splide__arrow--next svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)} .splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} .default-variant-axis li{margin-right:1.25rem;margin-bottom:.5rem;line-height:1;border-width:1px;border-color:#000;border-style:solid} .default-variant-axis li:last-child{margin-right:0} .default-variant-axis li a,.default-variant-axis li button{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:1rem;font-size:.875rem;font-family:Roboto;font-weight:500;display:block} .default-variant-axis li.active-variant-axis{color:#fff;background-color:#0072ef;border-style:none;pointer-events:none} .default-variant-axis li.active-variant-axis button{color:#fff;background-color:#0072ef;border-style:none;pointer-events:none} @media(min-width:768px){.default-variant-axis li{border-style:none;margin-right:.5rem;margin-bottom:.5rem;border-style:none} .default-variant-axis li:last-child{margin-right:0} .default-variant-axis li a,.default-variant-axis li button{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:1rem;font-size:1.125rem;font-weight:700} .default-variant-axis li:hover,.default-variant-axis li.active-variant-axis{color:#0072ef;box-shadow:0 0 20px rgba(0,0,0,.15);background-color:#fff} } @media(min-width:1140px){.default-variant-axis li{margin-right:1.5rem;margin-bottom:1.5rem} .default-variant-axis li a,.default-variant-axis li button{padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem;font-size:1.5rem} } .defaultBtn{padding:1rem;font-size:1rem;line-height:1.5;font-weight:500} .button-blue{padding-top:1.25rem;padding-bottom:1.25rem;padding-left:5rem;padding-right:5rem;font-size:1.5rem;background-color:#21b8de;color:#fff;border-width:1px;border-color:#21b8de} .button-blue:hover{background-color:#0064d1;border-color:#0064d1} .button-orange{padding-top:1.25rem;padding-bottom:1.25rem;padding-left:5rem;padding-right:5rem;font-size:1.5rem;background-color:#c45c00;color:#fff;border-width:1px;border-color:#c45c00} .button-orange:hover{background-color:#df8403;border-color:#df8403} .button-black{padding-top:1.25rem;padding-bottom:1.25rem;padding-left:5rem;padding-right:5rem;font-size:1.5rem;background-color:#000;color:#fff;border-width:1px;border-color:#000} .button-black:hover{background-color:#465052;border-color:#465052} .button-outline-black{padding-top:1.25rem;padding-bottom:1.25rem;padding-left:5rem;padding-right:5rem;font-size:1.5rem;border-width:1px;border-color:#000} .button-outline-black:hover{border-color:#737779;color:#737779} .button-outline-blue{padding-top:1.25rem;padding-bottom:1.25rem;padding-left:5rem;padding-right:5rem;font-size:1.5rem;color:#21b8de;border-width:1px;border-color:#21b8de} .button-outline-blue:hover{border-color:#0064d1;color:#0064d1} .link-linkedIn{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20fill='%23ffffff'%20viewBox='0%200%2098%2098'%20style='shape-rendering:geometricPrecision;%20text-rendering:geometricPrecision;%20image-rendering:optimizeQuality;%20fill-rule:evenodd;%20clip-rule:evenodd'%20%20%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Ebene_x0020_1'%3e%3cpath%20class='fil0'%20d='M19.0643%2080.9358c-17.0852,-17.0854%20-17.0852,-44.786%200.0001,-61.8715%2017.0854,-17.0851%2044.786,-17.0851%2061.8714,0%2017.0852,17.0854%2017.0851,44.786%20-0.0001,61.8713%20-17.0855,17.0853%20-44.786,17.0854%20-61.8714,0.0002zm2.2094%20-2.2097c-15.8649,-15.8649%20-15.8648,-41.5873%200.0003,-57.4523%2015.8648,-15.865%2041.5872,-15.865%2057.452,0%2015.8651,15.865%2015.8651,41.5873%200.0001,57.4522%20-15.8649,15.865%20-41.5874,15.8652%20-57.4524,0.0001zm17.7791%20-9.9761l0.0096%20-25.0001%20-7.8029%200%20-0.0096%2025.0001%207.8029%200zm-3.9195%20-29.6876c2.4214,0%203.9289,-1.7372%203.9289,-3.9064%20-0.0449,-2.2178%20-1.5075,-3.906%20-3.8831,-3.906%20-2.3761,0%20-3.9292,1.6883%20-3.9292,3.906%200,2.1692%201.5073,3.9064%203.8381,3.9064l0.0453%200zm8.6167%2029.6876l7.8126%200%200%20-14.1299c0,-0.7561%200.0523,-1.5124%200.2641,-2.0517%200.5799,-1.5116%202.6203,-3.077%204.8362,-3.077%202.9038,0%204.2745,2.3215%204.2745,5.722l0.0001%2013.5367%207.8124%20-0.0001%200%20-14.5081c0,-7.7719%20-3.9577,-11.3879%20-9.2367,-11.3879%20-4.3283,-0.0001%20-6.9482,2.5362%20-8.0038,4.263l0.0532%200%200.0098%20-3.3671%20-7.8126%200c0.1052,2.3739%20-0.0098,25.0001%20-0.0098,25.0001l0%200z'/%3e%3c/g%3e%3c/svg%3e")} .link-twitter{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.026%2C34.053C7.638%2C34.053%2C0%2C26.415%2C0%2C17.027C0%2C7.639%2C7.638%2C0%2C17.026%2C0%0D%0A%09%09%09c9.389%2C0%2C17.026%2C7.639%2C17.026%2C17.027C34.053%2C26.415%2C26.415%2C34.053%2C17.026%2C34.053z%20M17.026%2C1C8.189%2C1%2C1%2C8.19%2C1%2C17.027%0D%0A%09%09%09c0%2C8.836%2C7.189%2C16.025%2C16.026%2C16.025c8.837%2C0%2C16.026-7.189%2C16.026-16.025C33.053%2C8.19%2C25.863%2C1%2C17.026%2C1z%22%2F%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M24.301%2C12.516c-0.535%2C0.237-1.11%2C0.396-1.715%2C0.469c0.618-0.368%2C1.091-0.953%2C1.313-1.65%0D%0A%09%09%09c-0.577%2C0.342-1.215%2C0.591-1.896%2C0.725c-0.544-0.58-1.319-0.943-2.178-0.943c-1.647%2C0-2.984%2C1.337-2.984%2C2.984%0D%0A%09%09%09c0%2C0.235%2C0.024%2C0.462%2C0.077%2C0.681c-2.481-0.126-4.679-1.312-6.152-3.119c-0.258%2C0.442-0.404%2C0.955-0.404%2C1.501%0D%0A%09%09%09c0%2C1.036%2C0.527%2C1.949%2C1.327%2C2.484c-0.487-0.016-0.949-0.15-1.352-0.371v0.035c0%2C1.447%2C1.029%2C2.653%2C2.396%2C2.927%0D%0A%09%09%09c-0.249%2C0.071-0.513%2C0.104-0.786%2C0.104c-0.192%2C0-0.38-0.018-0.561-0.051c0.38%2C1.184%2C1.481%2C2.047%2C2.788%2C2.07%0D%0A%09%09%09c-1.021%2C0.801-2.31%2C1.277-3.707%2C1.277c-0.24%2C0-0.479-0.014-0.712-0.041c1.321%2C0.846%2C2.89%2C1.341%2C4.574%2C1.341%0D%0A%09%09%09c5.491%2C0%2C8.492-4.547%2C8.492-8.491c0-0.13-0.002-0.26-0.008-0.387C23.396%2C13.64%2C23.902%2C13.113%2C24.301%2C12.516%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .link-website{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.027%2C34.053C7.639%2C34.053%2C0%2C26.415%2C0%2C17.027C0%2C7.639%2C7.639%2C0%2C17.027%2C0s17.026%2C7.639%2C17.026%2C17.027%0D%0A%09%09%09C34.053%2C26.415%2C26.415%2C34.053%2C17.027%2C34.053z%20M17.027%2C1C8.19%2C1%2C1%2C8.19%2C1%2C17.027c0%2C8.836%2C7.19%2C16.025%2C16.027%2C16.025%0D%0A%09%09%09s16.026-7.189%2C16.026-16.025C33.053%2C8.19%2C25.864%2C1%2C17.027%2C1z%22%2F%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M21.878%2C20.761c-0.023%2C1.884-1.351%2C3.304-2.936%2C3.633c-1.937%2C0.402-3.896-0.854-4.32-2.789%0D%0A%09%09%09c-0.054-0.245-0.081-0.5-0.082-0.749c-0.008-1.262%2C0-2.524-0.007-3.788c-0.001-0.177%2C0.052-0.222%2C0.224-0.221%0D%0A%09%09%09c1.148%2C0.006%2C2.298%2C0.004%2C3.446%2C0.004c1.143%2C0%2C2.286%2C0%2C3.428%2C0c0.25%2C0%2C0.251%2C0.001%2C0.251%2C0.253%0D%0A%09%09%09C21.881%2C18.324%2C21.893%2C19.542%2C21.878%2C20.761z%20M21.706%2C15.977c-0.985-0.005-1.969-0.002-2.955-0.002%0D%0A%09%09%09c-0.029%2C0-0.061-0.007-0.105-0.011c-0.007-0.049-0.017-0.099-0.017-0.146c-0.001-0.991-0.001-1.981%2C0-2.972%0D%0A%09%09%09c0-0.049%2C0.013-0.096%2C0.018-0.144h-0.004c0-0.002%2C0-0.003%2C0-0.004c-0.199%2C0.005-0.399%2C0.023-0.598%2C0.014%0D%0A%09%09%09c-0.174-0.009-0.229%2C0.047-0.228%2C0.224c0.008%2C0.923%2C0.004%2C1.843%2C0.004%2C2.765c0%2C0.274%2C0%2C0.274-0.268%2C0.274%0D%0A%09%09%09c-0.922%2C0-1.842%2C0-2.764%2C0c-0.076%2C0-0.149%2C0-0.245%2C0c-0.004-0.082-0.01-0.15-0.01-0.217c-0.002-0.858-0.002-1.716%2C0-2.575%0D%0A%09%09%09c0-0.338%2C0.16-0.499%2C0.496-0.499c0.835-0.001%2C1.668%2C0%2C2.501%2C0c0.066%2C0%2C0.132-0.007%2C0.214-0.011%0D%0A%09%09%09c-0.145-0.872-0.55-1.542-1.312-1.972c-0.567-0.319-1.177-0.36-1.814-0.308c-0.685%2C0.056-1.231%2C0.346-1.661%2C0.866%0D%0A%09%09%09c-0.369%2C0.444-0.581%2C0.957-0.628%2C1.534c-0.055%2C0.692-0.098%2C1.386-0.39%2C2.028c-0.53%2C1.161-1.412%2C1.865-2.695%2C2.025%0D%0A%09%09%09c-0.167%2C0.021-0.338%2C0.025-0.508%2C0.038c-0.111%2C0.009-0.159-0.03-0.155-0.148c0.007-0.257%2C0.003-0.515%2C0.003-0.768%0D%0A%09%09%09c0.3-0.042%2C0.585-0.06%2C0.859-0.124c0.98-0.231%2C1.775-1.177%2C1.87-2.192c0.057-0.62%2C0.074-1.247%2C0.293-1.841%0D%0A%09%09%09c0.451-1.228%2C1.277-2.056%2C2.589-2.283c1.135-0.195%2C2.233-0.079%2C3.174%2C0.683c0.715%2C0.58%2C1.068%2C1.37%2C1.247%2C2.249%0D%0A%09%09%09c0.017%2C0.079%2C0.016%2C0.16%2C0.022%2C0.239h0.004c0%2C0.001%2C0%2C0.002%2C0%2C0.004c0.067-0.007%2C0.134-0.02%2C0.203-0.02c0.825%2C0%2C1.652%2C0%2C2.479%2C0%0D%0A%09%09%09c0.352%2C0%2C0.549%2C0.183%2C0.552%2C0.526c0.002%2C0.858-0.002%2C1.717%2C0.002%2C2.575C21.882%2C15.913%2C21.857%2C15.979%2C21.706%2C15.977z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .link-blog{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%2279%202%20477%20477%22%20enable-background%3D%22new%2079%202%20477%20477%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1_1_%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M317.5%2C479C186%2C479%2C79%2C372%2C79%2C240.5C79%2C109%2C186%2C2%2C317.5%2C2C449%2C2%2C556%2C109%2C556%2C240.5%0D%0A%09%09C556%2C372%2C449%2C479%2C317.5%2C479z%20M317.5%2C16C193.7%2C16%2C93%2C116.7%2C93%2C240.5C93%2C364.3%2C193.7%2C465%2C317.5%2C465C441.3%2C465%2C542%2C364.3%2C542%2C240.5%0D%0A%09%09C542%2C116.7%2C441.3%2C16%2C317.5%2C16z%22%2F%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M302.8%2C221.3c-9.6-0.1-15.5%2C4.7-17.9%2C13.2%0D%0A%09%09%09c-3.3%2C11.6%2C4.9%2C24.3%2C18.5%2C23.8c9.6-0.3%2C18.2%2C3.2%2C22.1%2C13c4.1%2C10.3%2C2.3%2C20.1-5.2%2C28.3c-6.9%2C7.5-15.5%2C10.1-25.4%2C6.9%0D%0A%09%09%09c-10.3-3.4-17.1-13.4-17.2-25.6c-0.1-29.6-0.1-59.2%2C0-88.9c0-7.1-1.7-13.2-8-17.1c-6.3-4-13-4.1-19.5-0.7%0D%0A%09%09%09c-6.8%2C3.5-9.3%2C6.3-9.3%2C13.6c-0.1%2C15.3%2C0%2C38%2C0%2C42.5c0.2%2C0-0.2%2C0%2C0%2C0c0%2C18.1-0.7%2C38.8%2C1%2C56.2c2.5%2C26%2C17.3%2C46.1%2C42.2%2C54.2%0D%0A%09%09%09c24.8%2C8%2C46.8%2C2.5%2C63.9-17.4c17.9-20.9%2C21.1-44.6%2C10-69.2C347.7%2C231%2C327.7%2C221.5%2C302.8%2C221.3z%22%2F%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M313%2C121.5c0%2C8.8%2C0%2C17.7%2C0%2C27.1c0%2C0.1%2C5.5%2C0.2%2C6.5%2C0.2%0D%0A%09%09%09c39.5%2C2.4%2C72.3%2C19.6%2C94.9%2C52.2c12.5%2C18.1%2C19.8%2C38.4%2C20.9%2C60.5c0.1%2C2%2C2.1%2C5.5%2C3.2%2C5.6c8.4%2C0.5%2C14.3%2C0.3%2C22.6%2C0.3%0D%0A%09%09%09C462.4%2C179.7%2C386%2C116.9%2C313%2C121.5z%22%2F%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M313%2C171.2c0%2C8.8%2C0%2C17.6%2C0%2C27c0%2C0.7%2C12.2%2C1.1%2C16.6%2C2%0D%0A%09%09%09c29.8%2C6.3%2C53.1%2C31.6%2C55.2%2C62c0.1%2C1.8%2C2.5%2C4.9%2C3.5%2C4.9c8.4%2C0.4%2C14.4%2C0.2%2C22.8%2C0.2C413.3%2C214.1%2C375%2C168.2%2C313%2C171.2z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .link-youtube{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.026%2C34.053C7.638%2C34.053%2C0%2C26.415%2C0%2C17.027C0%2C7.639%2C7.638%2C0%2C17.026%2C0%0D%0A%09%09%09c9.389%2C0%2C17.026%2C7.639%2C17.026%2C17.027C34.053%2C26.415%2C26.415%2C34.053%2C17.026%2C34.053z%20M17.026%2C1C8.189%2C1%2C1%2C8.19%2C1%2C17.027%0D%0A%09%09%09c0%2C8.836%2C7.189%2C16.025%2C16.026%2C16.025c8.837%2C0%2C16.026-7.189%2C16.026-16.025C33.053%2C8.19%2C25.863%2C1%2C17.026%2C1z%22%2F%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M19.853%2C17.034l-4.764%2C2.798v-5.595L19.853%2C17.034z%20M24.301%2C19.629v-5.201c0%2C0%2C0-2.508-2.507-2.508H12.26%0D%0A%09%09%09%09c0%2C0-2.508%2C0-2.508%2C2.508v5.201c0%2C0%2C0%2C2.506%2C2.508%2C2.506h9.534C21.794%2C22.135%2C24.301%2C22.135%2C24.301%2C19.629%22%2F%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .link-facebook{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.026%2C34.053C7.638%2C34.053%2C0%2C26.415%2C0%2C17.026S7.638%2C0%2C17.026%2C0c9.389%2C0%2C17.026%2C7.638%2C17.026%2C17.026%0D%0A%09%09%09S26.415%2C34.053%2C17.026%2C34.053z%20M17.026%2C1C8.189%2C1%2C1%2C8.189%2C1%2C17.026s7.189%2C16.026%2C16.026%2C16.026c8.837%2C0%2C16.026-7.19%2C16.026-16.026%0D%0A%09%09%09S25.863%2C1%2C17.026%2C1z%22%2F%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.517%2C15.515h1.504v-1.461c0-0.645%2C0.017-1.64%2C0.484-2.254c0.493-0.653%2C1.171-1.096%2C2.335-1.096%0D%0A%09%09%09c1.897%2C0%2C2.696%2C0.271%2C2.696%2C0.271l-0.376%2C2.228c0%2C0-0.627-0.182-1.211-0.182c-0.585%2C0-1.109%2C0.21-1.109%2C0.795v1.699h2.398%0D%0A%09%09%09l-0.167%2C2.178H17.84v7.56H15.02v-7.56h-1.504V15.515z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .link-vimeo{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.027%2C34.053C7.639%2C34.053%2C0%2C26.415%2C0%2C17.027C0%2C7.639%2C7.639%2C0%2C17.027%2C0s17.026%2C7.639%2C17.026%2C17.027%0D%0A%09%09C34.053%2C26.415%2C26.415%2C34.053%2C17.027%2C34.053z%20M17.027%2C1C8.19%2C1%2C1%2C8.19%2C1%2C17.027c0%2C8.836%2C7.19%2C16.025%2C16.027%2C16.025%0D%0A%09%09s16.026-7.189%2C16.026-16.025C33.053%2C8.19%2C25.864%2C1%2C17.027%2C1z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M25.114%2C14.906c-0.072%2C1.579-1.173%2C3.741-3.302%2C6.486c-2.201%2C2.867-4.064%2C4.3-5.587%2C4.3%0D%0A%09%09c-0.943%2C0-1.742-0.873-2.395-2.619c-0.436-1.6-0.871-3.201-1.307-4.801c-0.484-1.745-1.004-2.619-1.56-2.619%0D%0A%09%09c-0.121%2C0-0.545%2C0.255-1.271%2C0.764l-0.762-0.983c0.799-0.703%2C1.587-1.407%2C2.363-2.111c1.066-0.923%2C1.866-1.408%2C2.399-1.457%0D%0A%09%09c1.26-0.121%2C2.036%2C0.742%2C2.327%2C2.589c0.314%2C1.993%2C0.532%2C3.233%2C0.655%2C3.718c0.363%2C1.654%2C0.763%2C2.479%2C1.199%2C2.479%0D%0A%09%09c0.339%2C0%2C0.848-0.536%2C1.527-1.609c0.678-1.073%2C1.041-1.889%2C1.09-2.45c0.097-0.926-0.267-1.39-1.09-1.39%0D%0A%09%09c-0.388%2C0-0.787%2C0.089-1.198%2C0.266c0.796-2.611%2C2.316-3.88%2C4.56-3.807C24.426%2C11.712%2C25.21%2C12.793%2C25.114%2C14.906z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .link-instagram{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.026%2C34.053C7.638%2C34.053%2C0%2C26.415%2C0%2C17.027C0%2C7.639%2C7.638%2C0%2C17.026%2C0%0D%0A%09%09%09c9.389%2C0%2C17.026%2C7.639%2C17.026%2C17.027C34.053%2C26.415%2C26.415%2C34.053%2C17.026%2C34.053z%20M17.026%2C1C8.189%2C1%2C1%2C8.19%2C1%2C17.027%0D%0A%09%09%09c0%2C8.836%2C7.189%2C16.025%2C16.026%2C16.025c8.837%2C0%2C16.026-7.189%2C16.026-16.025C33.053%2C8.19%2C25.863%2C1%2C17.026%2C1z%22%2F%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M21.489%2C9.758h-8.926c-1.55%2C0-2.811%2C1.261-2.811%2C2.81v2.966v5.952c0%2C1.549%2C1.262%2C2.81%2C2.811%2C2.81h8.926%0D%0A%09%09%09%09c1.549%2C0%2C2.81-1.262%2C2.81-2.81v-5.952v-2.966C24.3%2C11.018%2C23.038%2C9.758%2C21.489%2C9.758z%20M22.294%2C11.434l0.322-0.001v0.321v2.142%0D%0A%09%09%09%09l-2.458%2C0.008l-0.008-2.465L22.294%2C11.434z%20M14.951%2C15.534c0.465-0.645%2C1.22-1.067%2C2.075-1.067c0.854%2C0%2C1.611%2C0.422%2C2.075%2C1.067%0D%0A%09%09%09%09c0.304%2C0.421%2C0.486%2C0.935%2C0.486%2C1.492c0%2C1.411-1.15%2C2.558-2.561%2C2.558c-1.413%2C0-2.561-1.146-2.561-2.558%0D%0A%09%09%09%09C14.466%2C16.469%2C14.648%2C15.955%2C14.951%2C15.534z%20M22.883%2C21.486c0%2C0.768-0.625%2C1.393-1.393%2C1.393h-8.926%0D%0A%09%09%09%09c-0.768%2C0-1.394-0.624-1.394-1.393v-5.952h2.173c-0.188%2C0.462-0.294%2C0.964-0.294%2C1.492c0%2C2.192%2C1.785%2C3.974%2C3.979%2C3.974%0D%0A%09%09%09%09c2.193%2C0%2C3.977-1.781%2C3.977-3.974c0-0.528-0.106-1.03-0.293-1.492h2.172V21.486z%22%2F%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .link-google-plus{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.026%2C34.053C7.638%2C34.053%2C0%2C26.415%2C0%2C17.027C0%2C7.639%2C7.638%2C0%2C17.026%2C0%0D%0A%09%09%09c9.389%2C0%2C17.026%2C7.639%2C17.026%2C17.027C34.053%2C26.415%2C26.415%2C34.053%2C17.026%2C34.053z%20M17.026%2C1C8.189%2C1%2C1%2C8.19%2C1%2C17.027%0D%0A%09%09%09c0%2C8.836%2C7.189%2C16.025%2C16.026%2C16.025c8.837%2C0%2C16.026-7.189%2C16.026-16.025C33.053%2C8.19%2C25.863%2C1%2C17.026%2C1z%22%2F%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M14.888%2C24.272c-1.73%2C0-2.977-1.095-2.977-2.409c0-1.289%2C1.548-2.362%2C3.276-2.343%0D%0A%09%09%09%09c0.404%2C0.004%2C0.781%2C0.069%2C1.121%2C0.179c0.938%2C0.654%2C1.611%2C1.023%2C1.802%2C1.767c0.035%2C0.151%2C0.056%2C0.306%2C0.056%2C0.465%0D%0A%09%09%09%09C18.165%2C23.244%2C17.318%2C24.272%2C14.888%2C24.272%20M15.341%2C16.56c-1.158-0.035-2.263-1.297-2.463-2.822%0D%0A%09%09%09%09c-0.199-1.523%2C0.579-2.69%2C1.739-2.656c1.158%2C0.034%2C2.263%2C1.257%2C2.463%2C2.781C17.28%2C15.389%2C16.502%2C16.596%2C15.341%2C16.56%0D%0A%09%09%09%09%20M17.747%2C18.819c-0.407-0.288-1.185-0.991-1.185-1.403c0-0.482%2C0.138-0.72%2C0.864-1.288c0.744-0.582%2C1.271-1.401%2C1.271-2.353%0D%0A%09%09%09%09c0-1.133-0.504-2.238-1.451-2.602h1.428l1.008-0.728h-4.504c-2.018%2C0-3.919%2C1.53-3.919%2C3.301c0%2C1.813%2C1.377%2C3.273%2C3.431%2C3.273%0D%0A%09%09%09%09c0.142%2C0%2C0.281-0.004%2C0.418-0.01c-0.134%2C0.252-0.23%2C0.541-0.23%2C0.84c0%2C0.502%2C0.271%2C0.911%2C0.612%2C1.244%0D%0A%09%09%09%09c-0.258%2C0-0.508%2C0.008-0.78%2C0.008c-2.5%2C0-4.425%2C1.592-4.425%2C3.246c0%2C1.628%2C2.109%2C2.644%2C4.609%2C2.644%0D%0A%09%09%09%09c2.852%2C0%2C4.427-1.617%2C4.427-3.246C19.322%2C20.441%2C18.938%2C19.658%2C17.747%2C18.819%20M24.301%2C16.695h-1.755V14.94h-1.41v1.755h-1.753%0D%0A%09%09%09%09v1.411h1.753v1.754h1.41v-1.754h1.755V16.695z%22%2F%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .socialmedia a{width:25px;display:block;height:25px;text-indent:100%;white-space:nowrap;background-position:center center;background-repeat:no-repeat;float:left;margin-right:1rem;margin-bottom:.25rem;overflow:hidden} @media screen and (min-width:768px){.socialmedia a{width:35px;height:35px;margin-right:1.25rem;margin-bottom:.25rem} } .extremeTeam-socialIcons .link-linkedIn{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2068%2067'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(store-vue/css/%23clip0)'%3e%3cpath%20d='M34.057%200C15.5566%200%200.557007%2014.9996%200.557007%2033.5C0.557007%2052.0004%2015.5566%2067%2034.057%2067C52.5574%2067%2067.557%2052.0004%2067.557%2033.5C67.557%2014.9996%2052.5574%200%2034.057%200ZM28.4737%2044.6667H22.8903V27.9167H28.4737V44.6667ZM25.682%2025.4293C23.9875%2025.4293%2022.6112%2024.0446%2022.6112%2022.3333C22.6112%2020.6248%2023.9847%2019.2374%2025.682%2019.2374C27.3793%2019.2374%2028.7528%2020.6248%2028.7528%2022.3333C28.7528%2024.0446%2027.3765%2025.4293%2025.682%2025.4293ZM48.0153%2044.6667H42.4376V36.6797C42.4376%2031.4286%2036.8487%2031.8725%2036.8487%2036.6797V44.6667H31.2653V27.9167H36.8487V30.968C39.283%2026.4566%2048.0153%2026.1216%2048.0153%2035.2895V44.6667Z'%20fill='%2317214A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0'%3e%3crect%20width='67'%20height='67'%20fill='white'%20transform='translate(0.557007)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e%20")} .extremeTeam-socialIcons .link-twitter{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2068%2067'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M38.2001%2020.239C36.7977%2020.7125%2035.5917%2021.6251%2034.7665%2022.8372C33.9414%2024.0492%2033.5427%2025.4939%2033.6315%2026.95L33.7016%2028.092L32.5297%2027.952C28.3025%2027.4281%2024.3761%2025.5242%2021.3788%2022.545L19.8329%2021.028L19.4345%2022.147C19.0054%2023.3169%2018.914%2024.5809%2019.1704%2025.7988C19.4267%2027.0167%2020.0209%2028.141%2020.8869%2029.047C21.824%2030.026%2021.6126%2030.166%2019.9965%2029.583C19.6513%2029.4245%2019.2766%2029.3373%2018.8958%2029.327C18.9679%2030.412%2019.2541%2031.4727%2019.7384%2032.4501C20.4832%2033.7362%2021.6006%2034.7747%2022.9481%2035.4331L24.0967%2035.9691L22.7378%2035.9921C21.4266%2035.9921%2021.3788%2036.0151%2021.5181%2036.5061C21.9866%2038.0211%2023.8365%2039.6291%2025.8987%2040.3291L27.3512%2040.8171L26.0868%2041.5631C24.1741%2042.6477%2022.0146%2043.2406%2019.8075%2043.2871C19.1611%2043.2602%2018.514%2043.3232%2017.8855%2043.4741C17.8855%2043.7061%2020.7446%2045.0111%2022.4064%2045.5241C24.9544%2046.2679%2027.6288%2046.4985%2030.2695%2046.2021C32.9102%2045.9057%2035.463%2045.0884%2037.7753%2043.7991C41.2345%2041.6179%2043.9515%2038.4686%2045.5771%2034.7561C46.4598%2032.5177%2046.9966%2030.1619%2047.1698%2027.767C47.1698%2026.694%2047.2399%2026.555%2048.5521%2025.273C49.1464%2024.7188%2049.695%2024.1189%2050.1926%2023.479C50.4274%2023.036%2050.403%2023.036%2049.2087%2023.432C47.2176%2024.132%2046.936%2024.038%2047.9209%2022.99C48.6312%2022.2834%2049.1752%2021.4321%2049.5146%2020.496C49.5146%2020.427%2049.164%2020.542%2048.7645%2020.752C48.1017%2021.0734%2047.4121%2021.3384%2046.7033%2021.544L45.4389%2021.944L44.2904%2021.174C43.6701%2020.7562%2043.0018%2020.4122%2042.2993%2020.149C40.9481%2019.8283%2039.5354%2019.8593%2038.2001%2020.239ZM33.541%2066.1282C26.9072%2066.1282%2020.4224%2064.1927%2014.9066%2060.5667C9.39084%2056.9406%205.09181%2051.7866%202.55317%2045.7567C0.0145328%2039.7267%20-0.649691%2033.0914%200.644496%2026.6901C1.93868%2020.2887%205.13315%2014.4086%209.82394%209.79345C14.5147%205.17831%2020.4912%202.03535%2026.9975%200.762033C33.5038%20-0.511284%2040.2478%200.142228%2046.3766%202.63993C52.5054%205.13763%2057.7438%209.36734%2061.4293%2014.7942C65.1148%2020.221%2067.082%2026.6013%2067.082%2033.1281C67.082%2041.8802%2063.5482%2050.2739%2057.258%2056.4627C50.9679%2062.6514%2042.4366%2066.1282%2033.541%2066.1282Z'%20fill='%2317214A'/%3e%3c/svg%3e%20")} .extremeTeam-socialIcons .link-website{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M17.027%2C34.053C7.639%2C34.053%2C0%2C26.415%2C0%2C17.027C0%2C7.639%2C7.639%2C0%2C17.027%2C0s17.026%2C7.639%2C17.026%2C17.027%0D%0A%09%09%09C34.053%2C26.415%2C26.415%2C34.053%2C17.027%2C34.053z%20M17.027%2C1C8.19%2C1%2C1%2C8.19%2C1%2C17.027c0%2C8.836%2C7.19%2C16.025%2C16.027%2C16.025%0D%0A%09%09%09s16.026-7.189%2C16.026-16.025C33.053%2C8.19%2C25.864%2C1%2C17.027%2C1z%22%2F%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M21.878%2C20.761c-0.023%2C1.884-1.351%2C3.304-2.936%2C3.633c-1.937%2C0.402-3.896-0.854-4.32-2.789%0D%0A%09%09%09c-0.054-0.245-0.081-0.5-0.082-0.749c-0.008-1.262%2C0-2.524-0.007-3.788c-0.001-0.177%2C0.052-0.222%2C0.224-0.221%0D%0A%09%09%09c1.148%2C0.006%2C2.298%2C0.004%2C3.446%2C0.004c1.143%2C0%2C2.286%2C0%2C3.428%2C0c0.25%2C0%2C0.251%2C0.001%2C0.251%2C0.253%0D%0A%09%09%09C21.881%2C18.324%2C21.893%2C19.542%2C21.878%2C20.761z%20M21.706%2C15.977c-0.985-0.005-1.969-0.002-2.955-0.002%0D%0A%09%09%09c-0.029%2C0-0.061-0.007-0.105-0.011c-0.007-0.049-0.017-0.099-0.017-0.146c-0.001-0.991-0.001-1.981%2C0-2.972%0D%0A%09%09%09c0-0.049%2C0.013-0.096%2C0.018-0.144h-0.004c0-0.002%2C0-0.003%2C0-0.004c-0.199%2C0.005-0.399%2C0.023-0.598%2C0.014%0D%0A%09%09%09c-0.174-0.009-0.229%2C0.047-0.228%2C0.224c0.008%2C0.923%2C0.004%2C1.843%2C0.004%2C2.765c0%2C0.274%2C0%2C0.274-0.268%2C0.274%0D%0A%09%09%09c-0.922%2C0-1.842%2C0-2.764%2C0c-0.076%2C0-0.149%2C0-0.245%2C0c-0.004-0.082-0.01-0.15-0.01-0.217c-0.002-0.858-0.002-1.716%2C0-2.575%0D%0A%09%09%09c0-0.338%2C0.16-0.499%2C0.496-0.499c0.835-0.001%2C1.668%2C0%2C2.501%2C0c0.066%2C0%2C0.132-0.007%2C0.214-0.011%0D%0A%09%09%09c-0.145-0.872-0.55-1.542-1.312-1.972c-0.567-0.319-1.177-0.36-1.814-0.308c-0.685%2C0.056-1.231%2C0.346-1.661%2C0.866%0D%0A%09%09%09c-0.369%2C0.444-0.581%2C0.957-0.628%2C1.534c-0.055%2C0.692-0.098%2C1.386-0.39%2C2.028c-0.53%2C1.161-1.412%2C1.865-2.695%2C2.025%0D%0A%09%09%09c-0.167%2C0.021-0.338%2C0.025-0.508%2C0.038c-0.111%2C0.009-0.159-0.03-0.155-0.148c0.007-0.257%2C0.003-0.515%2C0.003-0.768%0D%0A%09%09%09c0.3-0.042%2C0.585-0.06%2C0.859-0.124c0.98-0.231%2C1.775-1.177%2C1.87-2.192c0.057-0.62%2C0.074-1.247%2C0.293-1.841%0D%0A%09%09%09c0.451-1.228%2C1.277-2.056%2C2.589-2.283c1.135-0.195%2C2.233-0.079%2C3.174%2C0.683c0.715%2C0.58%2C1.068%2C1.37%2C1.247%2C2.249%0D%0A%09%09%09c0.017%2C0.079%2C0.016%2C0.16%2C0.022%2C0.239h0.004c0%2C0.001%2C0%2C0.002%2C0%2C0.004c0.067-0.007%2C0.134-0.02%2C0.203-0.02c0.825%2C0%2C1.652%2C0%2C2.479%2C0%0D%0A%09%09%09c0.352%2C0%2C0.549%2C0.183%2C0.552%2C0.526c0.002%2C0.858-0.002%2C1.717%2C0.002%2C2.575C21.882%2C15.913%2C21.857%2C15.979%2C21.706%2C15.977z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .extremeTeam-socialIcons .link-blog{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%2279%202%20477%20477%22%20enable-background%3D%22new%2079%202%20477%20477%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1_1_%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M317.5%2C479C186%2C479%2C79%2C372%2C79%2C240.5C79%2C109%2C186%2C2%2C317.5%2C2C449%2C2%2C556%2C109%2C556%2C240.5%0D%0A%09%09C556%2C372%2C449%2C479%2C317.5%2C479z%20M317.5%2C16C193.7%2C16%2C93%2C116.7%2C93%2C240.5C93%2C364.3%2C193.7%2C465%2C317.5%2C465C441.3%2C465%2C542%2C364.3%2C542%2C240.5%0D%0A%09%09C542%2C116.7%2C441.3%2C16%2C317.5%2C16z%22%2F%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23000000%22%20d%3D%22M302.8%2C221.3c-9.6-0.1-15.5%2C4.7-17.9%2C13.2%0D%0A%09%09%09c-3.3%2C11.6%2C4.9%2C24.3%2C18.5%2C23.8c9.6-0.3%2C18.2%2C3.2%2C22.1%2C13c4.1%2C10.3%2C2.3%2C20.1-5.2%2C28.3c-6.9%2C7.5-15.5%2C10.1-25.4%2C6.9%0D%0A%09%09%09c-10.3-3.4-17.1-13.4-17.2-25.6c-0.1-29.6-0.1-59.2%2C0-88.9c0-7.1-1.7-13.2-8-17.1c-6.3-4-13-4.1-19.5-0.7%0D%0A%09%09%09c-6.8%2C3.5-9.3%2C6.3-9.3%2C13.6c-0.1%2C15.3%2C0%2C38%2C0%2C42.5c0.2%2C0-0.2%2C0%2C0%2C0c0%2C18.1-0.7%2C38.8%2C1%2C56.2c2.5%2C26%2C17.3%2C46.1%2C42.2%2C54.2%0D%0A%09%09%09c24.8%2C8%2C46.8%2C2.5%2C63.9-17.4c17.9-20.9%2C21.1-44.6%2C10-69.2C347.7%2C231%2C327.7%2C221.5%2C302.8%2C221.3z%22%2F%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23000000%22%20d%3D%22M313%2C121.5c0%2C8.8%2C0%2C17.7%2C0%2C27.1c0%2C0.1%2C5.5%2C0.2%2C6.5%2C0.2%0D%0A%09%09%09c39.5%2C2.4%2C72.3%2C19.6%2C94.9%2C52.2c12.5%2C18.1%2C19.8%2C38.4%2C20.9%2C60.5c0.1%2C2%2C2.1%2C5.5%2C3.2%2C5.6c8.4%2C0.5%2C14.3%2C0.3%2C22.6%2C0.3%0D%0A%09%09%09C462.4%2C179.7%2C386%2C116.9%2C313%2C121.5z%22%2F%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23000000%22%20d%3D%22M313%2C171.2c0%2C8.8%2C0%2C17.6%2C0%2C27c0%2C0.7%2C12.2%2C1.1%2C16.6%2C2%0D%0A%09%09%09c29.8%2C6.3%2C53.1%2C31.6%2C55.2%2C62c0.1%2C1.8%2C2.5%2C4.9%2C3.5%2C4.9c8.4%2C0.4%2C14.4%2C0.2%2C22.8%2C0.2C413.3%2C214.1%2C375%2C168.2%2C313%2C171.2z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .extremeTeam-socialIcons .link-youtube{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2067%2067'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33.5%2067C52.0015%2067%2067%2052.0015%2067%2033.5C67%2014.9985%2052.0015%200%2033.5%200C14.9985%200%200%2014.9985%200%2033.5C0%2052.0015%2014.9985%2067%2033.5%2067Z'%20fill='%2317214A'/%3e%3cpath%20d='M33.8926%2031.3147C33.7094%2031.3147%2033.5393%2031.3147%2033.3561%2031.3147C29.9406%2031.3147%2026.5906%2031.3801%2023.3061%2031.511C20.8852%2031.511%2018.9223%2033.4477%2018.9223%2035.8424C18.7783%2037.7399%2018.7129%2039.6374%2018.7129%2041.5217C18.7129%2043.4192%2018.7652%2045.3036%2018.9223%2047.2141C18.9223%2049.6088%2020.8852%2051.5456%2023.3061%2051.5456C26.7607%2051.6895%2030.2939%2051.7549%2033.8926%2051.7549C37.4912%2051.7549%2041.0244%2051.7026%2044.4791%2051.5456C46.9%2051.5456%2048.8629%2049.6088%2048.8629%2047.2141C49.0068%2045.3167%2049.0723%2043.4192%2049.0723%2041.5217C49.0723%2039.6243%2049.0199%2037.7399%2048.8629%2035.8424C48.8629%2033.4477%2046.9%2031.511%2044.4791%2031.511C41.1945%2031.367%2037.8445%2031.3147%2034.4291%2031.3147C34.259%2031.3147%2034.0758%2031.3147%2033.8926%2031.3147Z'%20fill='white'/%3e%3cpath%20d='M28.2133%2015.3499L26.9178%2020.7151H26.7869L25.4521%2015.3499H23.3584L25.8316%2023.45V28.776H27.8992V23.2014L30.3201%2015.3499H28.2133Z'%20fill='white'/%3e%3cpath%20d='M32.3091%2027.0879C32.1783%2026.944%2032.1129%2026.7215%2032.1129%2026.4598V21.0684C32.1129%2020.8459%2032.1783%2020.6758%2032.3222%2020.545C32.4662%2020.4141%2032.6494%2020.3487%2032.8718%2020.3487C33.1205%2020.3487%2033.3168%2020.4141%2033.4607%2020.545C33.6046%2020.6758%2033.6832%2020.8459%2033.6832%2021.0684V26.4598C33.6832%2026.7215%2033.6177%2026.9309%2033.4607%2027.0879C33.3168%2027.245%2033.1205%2027.3104%2032.8588%2027.3104C32.6363%2027.3104%2032.44%2027.2319%2032.3091%2027.0879ZM30.9613%2019.3018C30.464%2019.7598%2030.2154%2020.3618%2030.2154%2021.1338V26.2766C30.2154%2027.1141%2030.4509%2027.7815%2030.9351%2028.2788C31.4193%2028.776%2032.0605%2029.0247%2032.8718%2029.0247C33.7093%2029.0247%2034.3636%2028.776%2034.8478%2028.3049C35.3189%2027.8208%2035.5675%2027.1534%2035.5675%2026.3028V21.1862C35.5675%2020.4272%2035.3189%2019.8122%2034.8347%2019.3411C34.3505%2018.8569%2033.7224%2018.6213%2032.9634%2018.6213C32.1259%2018.6213%2031.4586%2018.8438%2030.9613%2019.3018Z'%20fill='white'/%3e%3cpath%20d='M40.5402%2018.8701V26.3814C40.3701%2026.6039%2040.1738%2026.774%2039.9775%2026.918C39.7681%2027.0619%2039.598%2027.1273%2039.4671%2027.1273C39.297%2027.1273%2039.1662%2027.075%2039.0876%2026.9703C39.0091%2026.8656%2038.9699%2026.6955%2038.9699%2026.46V18.8701H37.1248V27.1535C37.1248%2027.7424%2037.2294%2028.1873%2037.4388%2028.4752C37.6613%2028.7631%2037.9753%2028.9201%2038.4072%2028.9201C38.7474%2028.9201%2039.1138%2028.8154%2039.4802%2028.6061C39.8466%2028.3967%2040.1999%2028.0826%2040.5402%2027.69V28.7893H42.3853V18.8832H40.5402V18.8701Z'%20fill='white'/%3e%3cpath%20d='M26.643%2033.9319H20.2832V35.8817H22.4293V47.3581H24.4969V35.8817H26.643V33.9319V33.9319ZM30.0322%2044.9764C29.8621%2045.1989%2029.6789%2045.369%2029.4565%2045.5129C29.2471%2045.6569%2029.077%2045.7223%2028.9461%2045.7223C28.776%2045.7223%2028.6451%2045.67%2028.5797%2045.5653C28.5012%2045.4606%2028.4619%2045.2905%2028.4619%2045.0549V37.4651H26.6168V45.7485C26.6168%2046.3374%2026.7215%2046.7823%2026.9439%2047.0702C27.1664%2047.3581%2027.4805%2047.5151%2027.9123%2047.5151C28.2525%2047.5151%2028.6189%2047.4104%2028.9854%2047.201C29.3518%2046.9916%2029.7051%2046.6776%2030.0453%2046.285V47.3842H31.8904V37.4782H30.0453V44.9764H30.0322ZM37.1641%2037.3342C36.8762%2037.3342%2036.6014%2037.4127%2036.3135%2037.5698C36.0387%2037.7268%2035.777%2037.9493%2035.5283%2038.2633V33.945H33.6701V47.3711H35.5283V46.6122C35.7639%2046.9131%2036.0256%2047.1356%2036.3135%2047.2795C36.6014%2047.4235%2036.9154%2047.502%2037.2818%2047.502C37.8315%2047.502%2038.2502%2047.3188%2038.5381%2046.9393C38.826%2046.5598%2038.9699%2046.0233%2038.9699%2045.3166V39.8206C38.9699%2039.0092%2038.8129%2038.3942%2038.5119%2037.9754C38.1979%2037.5436%2037.7529%2037.3342%2037.1641%2037.3342ZM37.0725%2045.0418C37.0725%2045.3559%2037.0201%2045.5915%2036.9154%2045.7223C36.8108%2045.8663%2036.6406%2045.9317%2036.4182%2045.9317C36.2611%2045.9317%2036.1172%2045.8924%2035.9732%2045.827C35.8293%2045.7616%2035.6854%2045.6438%2035.5414%2045.4737V39.2971C35.6723%2039.1532%2035.79%2039.0616%2035.9209%2038.9961C36.0518%2038.9307%2036.1826%2038.8915%2036.3135%2038.8915C36.5621%2038.8915%2036.7453%2038.9831%2036.8893%2039.1532C37.0201%2039.3233%2037.0856%2039.585%2037.0856%2039.9122V45.0418H37.0725ZM45.7746%2042.6471V40.1215C45.7746%2039.1793%2045.5522%2038.4596%2045.0942%2037.9624C44.6361%2037.4651%2043.9949%2037.2165%2043.1574%2037.2165C42.333%2037.2165%2041.6656%2037.4913%2041.1422%2038.0278C40.6188%2038.5643%2040.357%2039.2709%2040.357%2040.1346V44.5838C40.357%2045.5391%2040.5926%2046.285%2041.0637%2046.8346C41.5348%2047.3842%2042.1891%2047.6459%2043.0135%2047.6459C43.9295%2047.6459%2044.6231%2047.3842%2045.0811%2046.8739C45.5391%2046.3635%2045.7746%2045.5915%2045.7746%2044.5838V43.8379H43.8772V44.5315C43.8772%2045.1204%2043.8117%2045.4868%2043.694%2045.6569C43.5762%2045.827%2043.3537%2045.9186%2043.0527%2045.9186C42.7649%2045.9186%2042.5555%2045.8139%2042.4377%2045.6176C42.3068%2045.4213%2042.2545%2045.0549%2042.2545%2044.5315V42.6602H45.7746V42.6471ZM42.2545%2040.1084C42.2545%2039.6897%2042.3199%2039.4018%2042.4508%2039.2186C42.5816%2039.0354%2042.791%2038.9569%2043.0789%2038.9569C43.3668%2038.9569%2043.5631%2039.0485%2043.694%2039.2186C43.8248%2039.4018%2043.8902%2039.6897%2043.8902%2040.1084V41.1161H42.2676V40.1084H42.2545Z'%20fill='%2317214A'/%3e%3c/svg%3e%20")} .extremeTeam-socialIcons .link-facebook{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2066%2065'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M65.9019%2032.6279C65.9019%2014.6768%2051.353%200.12793%2033.4019%200.12793C15.4507%200.12793%200.901855%2014.6768%200.901855%2032.6279C0.901855%2048.8525%2012.7847%2062.2969%2028.3237%2064.7344V42.0225H20.0718V32.6279H28.3237V25.4678C28.3237%2017.3237%2033.1733%2012.8232%2040.6001%2012.8232C44.1548%2012.8232%2047.8745%2013.458%2047.8745%2013.458V21.4561H43.7739C39.7368%2021.4561%2038.48%2023.9634%2038.48%2026.5342V32.6279H47.4937L46.0527%2042.0225H38.48V64.7344C54.019%2062.2969%2065.9019%2048.8525%2065.9019%2032.6279Z'%20fill='%2317214A'/%3e%3c/svg%3e%20")} .extremeTeam-socialIcons .link-vimeo{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%09%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M17.027%2C34.053C7.639%2C34.053%2C0%2C26.415%2C0%2C17.027C0%2C7.639%2C7.639%2C0%2C17.027%2C0s17.026%2C7.639%2C17.026%2C17.027%0D%0A%09%09C34.053%2C26.415%2C26.415%2C34.053%2C17.027%2C34.053z%20M17.027%2C1C8.19%2C1%2C1%2C8.19%2C1%2C17.027c0%2C8.836%2C7.19%2C16.025%2C16.027%2C16.025%0D%0A%09%09s16.026-7.189%2C16.026-16.025C33.053%2C8.19%2C25.864%2C1%2C17.027%2C1z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M25.114%2C14.906c-0.072%2C1.579-1.173%2C3.741-3.302%2C6.486c-2.201%2C2.867-4.064%2C4.3-5.587%2C4.3%0D%0A%09%09c-0.943%2C0-1.742-0.873-2.395-2.619c-0.436-1.6-0.871-3.201-1.307-4.801c-0.484-1.745-1.004-2.619-1.56-2.619%0D%0A%09%09c-0.121%2C0-0.545%2C0.255-1.271%2C0.764l-0.762-0.983c0.799-0.703%2C1.587-1.407%2C2.363-2.111c1.066-0.923%2C1.866-1.408%2C2.399-1.457%0D%0A%09%09c1.26-0.121%2C2.036%2C0.742%2C2.327%2C2.589c0.314%2C1.993%2C0.532%2C3.233%2C0.655%2C3.718c0.363%2C1.654%2C0.763%2C2.479%2C1.199%2C2.479%0D%0A%09%09c0.339%2C0%2C0.848-0.536%2C1.527-1.609c0.678-1.073%2C1.041-1.889%2C1.09-2.45c0.097-0.926-0.267-1.39-1.09-1.39%0D%0A%09%09c-0.388%2C0-0.787%2C0.089-1.198%2C0.266c0.796-2.611%2C2.316-3.88%2C4.56-3.807C24.426%2C11.712%2C25.21%2C12.793%2C25.114%2C14.906z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .extremeTeam-socialIcons .link-instagram{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2067%2067'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='33.8032'%20cy='33.1279'%20r='33'%20fill='%2317214A'/%3e%3cg%20clip-path='url(store-vue/css/%23clip0)'%3e%3cpath%20d='M33.8032%2017.5523C38.8795%2017.5523%2039.4753%2017.5749%2041.4817%2017.6654C43.3372%2017.7484%2044.3404%2018.0577%2045.0117%2018.3217C45.9017%2018.6686%2046.5353%2019.0759%2047.199%2019.7397C47.8628%2020.4034%2048.2776%2021.037%2048.6171%2021.9271C48.8735%2022.5984%2049.1903%2023.6015%2049.2733%2025.457C49.3638%2027.4634%2049.3864%2028.0593%2049.3864%2033.1355C49.3864%2038.2117%2049.3638%2038.8076%2049.2733%2040.8139C49.1903%2042.6694%2048.8811%2043.6726%2048.6171%2044.3439C48.2701%2045.2339%2047.8628%2045.8675%2047.199%2046.5313C46.5353%2047.195%2045.9017%2047.6099%2045.0117%2047.9493C44.3404%2048.2057%2043.3372%2048.5225%2041.4817%2048.6055C39.4753%2048.696%2038.8795%2048.7186%2033.8032%2048.7186C28.727%2048.7186%2028.1311%2048.696%2026.1248%2048.6055C24.2693%2048.5225%2023.2661%2048.2133%2022.5948%2047.9493C21.7048%2047.6023%2021.0712%2047.195%2020.4074%2046.5313C19.7437%2045.8675%2019.3288%2045.2339%2018.9894%2044.3439C18.733%2043.6726%2018.4162%2042.6694%2018.3332%2040.8139C18.2427%2038.8076%2018.2201%2038.2117%2018.2201%2033.1355C18.2201%2028.0593%2018.2427%2027.4634%2018.3332%2025.457C18.4162%2023.6015%2018.7254%2022.5984%2018.9894%2021.9271C19.3364%2021.037%2019.7437%2020.4034%2020.4074%2019.7397C21.0712%2019.0759%2021.7048%2018.6611%2022.5948%2018.3217C23.2661%2018.0652%2024.2693%2017.7484%2026.1248%2017.6654C28.1311%2017.5674%2028.7346%2017.5523%2033.8032%2017.5523ZM33.8032%2014.1279C28.644%2014.1279%2027.9954%2014.1506%2025.9664%2014.2411C23.945%2014.3316%2022.5646%2014.6559%2021.3578%2015.1236C20.1057%2015.6063%2019.0498%2016.2625%2017.9938%2017.3185C16.9378%2018.3745%2016.2891%2019.438%2015.7989%2020.6825C15.3312%2021.8893%2015.0069%2023.2697%2014.9164%2025.2986C14.8259%2027.3201%2014.8032%2027.9687%2014.8032%2033.1279C14.8032%2038.2871%2014.8259%2038.9358%2014.9164%2040.9648C15.0069%2042.9862%2015.3312%2044.3665%2015.7989%2045.5809C16.2816%2046.833%2016.9378%2047.8889%2017.9938%2048.9449C19.0498%2050.0009%2020.1133%2050.6496%2021.3578%2051.1398C22.5646%2051.6075%2023.945%2051.9318%2025.9739%2052.0223C28.0029%2052.1128%2028.644%2052.1355%2033.8108%2052.1355C38.9775%2052.1355%2039.6186%2052.1128%2041.6476%2052.0223C43.6691%2051.9318%2045.0494%2051.6075%2046.2637%2051.1398C47.5158%2050.6571%2048.5718%2050.0009%2049.6278%2048.9449C50.6838%2047.8889%2051.3324%2046.8254%2051.8227%2045.5809C52.2903%2044.3741%2052.6147%2042.9937%2052.7052%2040.9648C52.7957%2038.9358%2052.8183%2038.2947%2052.8183%2033.1279C52.8183%2027.9612%2052.7957%2027.3201%2052.7052%2025.2911C52.6147%2023.2697%2052.2903%2021.8893%2051.8227%2020.675C51.34%2019.4229%2050.6838%2018.3669%2049.6278%2017.3109C48.5718%2016.255%2047.5083%2015.6063%2046.2637%2015.116C45.0569%2014.6484%2043.6766%2014.324%2041.6476%2014.2335C39.6111%2014.1506%2038.9624%2014.1279%2033.8032%2014.1279Z'%20fill='white'/%3e%3cpath%20d='M33.8032%2023.3752C28.4177%2023.3752%2024.043%2027.7425%2024.043%2033.1355C24.043%2038.5285%2028.4102%2042.8957%2033.8032%2042.8957C39.1962%2042.8957%2043.5634%2038.5285%2043.5634%2033.1355C43.5634%2027.7425%2039.1962%2023.3752%2033.8032%2023.3752ZM33.8032%2039.4638C30.3034%2039.4638%2027.4673%2036.6277%2027.4673%2033.1279C27.4673%2029.6281%2030.3034%2026.7921%2033.8032%2026.7921C37.303%2026.7921%2040.139%2029.6281%2040.139%2033.1279C40.139%2036.6277%2037.303%2039.4638%2033.8032%2039.4638Z'%20fill='white'/%3e%3cpath%20d='M43.9482%2025.261C45.2062%2025.261%2046.2261%2024.2411%2046.2261%2022.9831C46.2261%2021.725%2045.2062%2020.7052%2043.9482%2020.7052C42.6901%2020.7052%2041.6703%2021.725%2041.6703%2022.9831C41.6703%2024.2411%2042.6901%2025.261%2043.9482%2025.261Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0'%3e%3crect%20width='38'%20height='38'%20fill='white'%20transform='translate(14.8032%2014.1279)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e%20")} .extremeTeam-socialIcons .link-google-plus{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2034.053%2034.053%22%20enable-background%3D%22new%200%200%2034.053%2034.053%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M17.026%2C34.053C7.638%2C34.053%2C0%2C26.415%2C0%2C17.027C0%2C7.639%2C7.638%2C0%2C17.026%2C0%0D%0A%09%09%09c9.389%2C0%2C17.026%2C7.639%2C17.026%2C17.027C34.053%2C26.415%2C26.415%2C34.053%2C17.026%2C34.053z%20M17.026%2C1C8.189%2C1%2C1%2C8.19%2C1%2C17.027%0D%0A%09%09%09c0%2C8.836%2C7.189%2C16.025%2C16.026%2C16.025c8.837%2C0%2C16.026-7.189%2C16.026-16.025C33.053%2C8.19%2C25.863%2C1%2C17.026%2C1z%22%2F%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M14.888%2C24.272c-1.73%2C0-2.977-1.095-2.977-2.409c0-1.289%2C1.548-2.362%2C3.276-2.343%0D%0A%09%09%09%09c0.404%2C0.004%2C0.781%2C0.069%2C1.121%2C0.179c0.938%2C0.654%2C1.611%2C1.023%2C1.802%2C1.767c0.035%2C0.151%2C0.056%2C0.306%2C0.056%2C0.465%0D%0A%09%09%09%09C18.165%2C23.244%2C17.318%2C24.272%2C14.888%2C24.272%20M15.341%2C16.56c-1.158-0.035-2.263-1.297-2.463-2.822%0D%0A%09%09%09%09c-0.199-1.523%2C0.579-2.69%2C1.739-2.656c1.158%2C0.034%2C2.263%2C1.257%2C2.463%2C2.781C17.28%2C15.389%2C16.502%2C16.596%2C15.341%2C16.56%0D%0A%09%09%09%09%20M17.747%2C18.819c-0.407-0.288-1.185-0.991-1.185-1.403c0-0.482%2C0.138-0.72%2C0.864-1.288c0.744-0.582%2C1.271-1.401%2C1.271-2.353%0D%0A%09%09%09%09c0-1.133-0.504-2.238-1.451-2.602h1.428l1.008-0.728h-4.504c-2.018%2C0-3.919%2C1.53-3.919%2C3.301c0%2C1.813%2C1.377%2C3.273%2C3.431%2C3.273%0D%0A%09%09%09%09c0.142%2C0%2C0.281-0.004%2C0.418-0.01c-0.134%2C0.252-0.23%2C0.541-0.23%2C0.84c0%2C0.502%2C0.271%2C0.911%2C0.612%2C1.244%0D%0A%09%09%09%09c-0.258%2C0-0.508%2C0.008-0.78%2C0.008c-2.5%2C0-4.425%2C1.592-4.425%2C3.246c0%2C1.628%2C2.109%2C2.644%2C4.609%2C2.644%0D%0A%09%09%09%09c2.852%2C0%2C4.427-1.617%2C4.427-3.246C19.322%2C20.441%2C18.938%2C19.658%2C17.747%2C18.819%20M24.301%2C16.695h-1.755V14.94h-1.41v1.755h-1.753%0D%0A%09%09%09%09v1.411h1.753v1.754h1.41v-1.754h1.755V16.695z%22%2F%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22Guides%22%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")} .extremeTeam-socialIcons .socialmedia a{width:50px;display:block;height:50px;text-indent:100%;white-space:nowrap;background-position:inherit;background-repeat:no-repeat;float:left;margin-right:1rem;margin-bottom:.25rem;overflow:hidden} .preheading{font-size:.875rem;font-weight:300;line-height:1;margin-bottom:.75rem} .postheading{font-weight:300;font-size:1.25rem;line-height:2} .component-breadcrumb{display:inline;padding:0} .component-breadcrumb a:first-of-type:before{display:inline;padding:0;content:""} .component-breadcrumb a:before{display:inline;padding-left:.5rem;padding-right:.5rem;color:#fff;content:"| "} .component-breadcrumb a{font-size:.875rem} header.header{transition:.3s ease-in-out;min-height:50px} header.header.headerHidden ~ .mainContainWrap .sticky.pin-t-100{top:0} header.header ~ .mainContainWrap .sticky.pin-t-100{transition:.5s ease-in-out;max-height:calc(100vh - 100px);overflow-y:auto} @media(min-width:992px){header.header{min-height:auto} header.header ~ .mainContainWrap .sticky.pin-t-100{max-height:100vh} } .content-listing .navbar-nav.cust-max-h{max-height:calc(100vh - 170px);overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none} .content-listing .navbar-nav.cust-max-h::-webkit-scrollbar{width:0;height:0} @media(min-width:992px){.aside-scroll{max-height:calc(100vh - 170px);overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none} .aside-scroll::-webkit-scrollbar{width:0;height:0} } .carousel .slider.wd-custom-carousel{padding:0} .carousel .slider.wd-custom-carousel ul.slick-dots{background-color:none;display:flex;justify-content:center;align-items:center;padding:0} .wd-custom-carousel ul.slick-dots li.slick-active button{outline:3px solid #b58409} @media(min-width:992px){.carousel .slider.wd-custom-carousel.dots-right ul.slick-dots,.carousel .slider.wd-custom-carousel.dots-left ul.slick-dots{flex-direction:column;background-color:rgba(0,0,0,.5)} } @media(max-width:991px){.wd-custom-carousel .slick-slide .row>.cols-12:first-child>.section>section.section{min-height:210px;margin-bottom:56px} } .carousel .slider.wd-custom-carousel ul.slick-dots,.carousel .slider.wd-custom-carousel.dots-top ul.slick-dots,.carousel .slider.wd-custom-carousel.dots-bottom ul.slick-dots{height:58px;width:calc(100% - 2px)} .carousel .slider.wd-custom-carousel.dots-top ul.slick-dots{top:0} .carousel .slider.wd-custom-carousel.dots-bottom ul.slick-dots{bottom:0} @media(min-width:992px){.carousel .slider.wd-custom-carousel.dots-right ul.slick-dots,.carousel .slider.wd-custom-carousel.dots-left ul.slick-dots{width:58px;height:calc(100% - 2px);margin:1px 0;left:auto} .carousel .slider.wd-custom-carousel.dots-right ul.slick-dots li,.carousel .slider.wd-custom-carousel.dots-left ul.slick-dots li{margin:0 10px} .carousel .slider.wd-custom-carousel.dots-right ul.slick-dots{right:0;-webkit-transform:none;transform:none} .carousel .slider.wd-custom-carousel.dots-left ul.slick-dots{left:0;-webkit-transform:none;transform:none} .carousel .slider.wd-custom-carousel.dots-right ul.slick-dots li,.carousel .slider.wd-custom-carousel.dots-left ul.slick-dots li{margin:10px 0} } .carousel .slider.wd-custom-carousel ul.slick-dots li{width:10px;height:13px;border-radius:0} .carousel .slider.wd-custom-carousel ul.slick-dots li button{width:8px;height:8px} .carousel .slider.wd-custom-carousel ul.slick-dots li button:before{width:13px;height:13px;content:""} .carousel .slider.wd-custom-carousel.dots-white ul.slick-dots li button{background-color:#fff;border:1px solid #fff} .carousel .slider.wd-custom-carousel.dots-white ul.slick-dots li.slick-active button{border:1px solid #fff;background:transparent} .carousel .slider.wd-custom-carousel.dots-black ul.slick-dots li button{background-color:#000;border:1px solid #000} .carousel .slider.wd-custom-carousel.dots-black ul.slick-dots li.slick-active button{border:1px solid #000;background:transparent} .carousel .slider.wd-custom-carousel.dots-white ul.slick-dots li.wd-carousel-pauses button{border:0;background:transparent;width:auto;height:auto;text-indent:0;padding:0;border-radius:0;position:relative;top:-1px} .carousel .slider.wd-custom-carousel.hidePauseBtn .wd-carousel-pauses{display:none} .input.acceptTerms .error-message.show{display:block} .login-flyout .login-tabs{box-shadow:0 1px 4px rgba(0,0,0,.2)} @media(max-width:991px){.login-flyout .login-tabs{max-height:calc(100vh - 60px);overflow-y:scroll} } @media(max-width:991px){body.deviceNavView.mob-visibleLoginFlyout .login-flyout{z-index:102;margin-top:0;transition:.3s;transition-timing-function:ease-out;-webkit-transform:translateY(0);transform:translateY(0);opacity:1;top:0} body.deviceNavView .login-flyout{position:fixed;width:100%;height:100%;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition-timing-function:ease-in;transition:.3s;display:block} body.deviceNavView .login-flyout:after{content:"";background-color:rgba(0,0,0,.3);width:100%;height:100%;position:fixed} body.deviceNavView .login-flyout>div:first-child{border:0} body.deviceNavView .loginFlyoutClose{z-index:2;background-color:rgba(255,255,255,.9)} body.deviceNavView .login-tabs>div:first-child{position:fixed;background:#fff;z-index:1} body.deviceNavView .login-tabs .tabview-box{top:0;position:relative;z-index:0;height:100vh;overflow:scroll} body.deviceNavView header.header{z-index:102} body.deviceNavView header.header .personalized-container{height:0;visibility:hidden;overflow:hidden} body.deviceNavView header.header .personalized-container .carousel .slider.promo-carousel.slick-initialized{height:0;visibility:hidden;overflow:hidden} body.deviceNavView header.header>.iparys_inherited>.reference .main-par>.section+.reference{height:0;visibility:hidden;overflow:hidden} body.deviceNavView header.header>.iparys_inherited>.reference .main-par>.section+.reference .carousel .slider.promo-carousel.slick-initialized{height:0;visibility:hidden;overflow:hidden} body.deviceNavView header.header>.reference .main-par>.section+.reference{height:0;visibility:hidden;overflow:hidden} body.deviceNavView header.header>.reference .main-par>.section+.reference .carousel .slider.promo-carousel.slick-initialized{height:0;visibility:hidden;overflow:hidden} .mob-brand-logo{position:fixed;width:100%;margin-left:-1rem;display:flex;justify-content:center} } .table{display:block} .wd-table-default table{width:100%;max-width:100%;background-color:transparent} .wd-table-default table tbody tr th{font-size:16px;font-weight:bold;box-shadow:inset 0 -1px 0 #6a6a6a} .wd-table-default table tbody tr td{font-size:14px} .wd-table-default table tbody tr th,.wd-table-default table tbody tr td{padding:.5rem;vertical-align:top;border-top:0;text-align:left} .wd-table-default table tbody tr th>svg,.wd-table-default table tbody tr td>svg{margin:0 0 1rem;display:block;width:56px;height:56px} .wd-table-default table tbody tr th>.th-img-thumb,.wd-table-default table tbody tr td>.th-img-thumb{width:124px;height:76px;overflow:hidden;display:flex;align-items:center;margin-bottom:1rem} .wd-table-default table tbody tr th>.th-img-thumb>picture,.wd-table-default table tbody tr td>.th-img-thumb>picture{width:124px;height:76px} .wd-table-default table tbody tr th>.th-img-thumb>picture>img,.wd-table-default table tbody tr td>.th-img-thumb>picture>img{max-height:100%;max-width:100%} @media(min-width:768px){.wd-table-default table tbody tr th,.wd-table-default table tbody tr td{padding:1rem} .wd-table-default table tbody tr th>svg,.wd-table-default table tbody tr td>svg{margin:0 0 1.5rem} .wd-table-default table tbody tr th>.th-img-thumb,.wd-table-default table tbody tr td>.th-img-thumb{width:248px;height:152px;margin-bottom:1.5rem} .wd-table-default table tbody tr th>.th-img-thumb>picture,.wd-table-default table tbody tr td>.th-img-thumb>picture{width:248px;height:152px} .wd-table-default table tbody tr th>.th-img-thumb>picture>img,.wd-table-default table tbody tr td>.th-img-thumb>picture>img{max-height:100%;max-width:100%} } .wd-table-default.wd-table-striped table tbody tr:nth-child(odd){background:#fff} .wd-table-default.wd-table-striped table tbody tr:nth-child(even){background:#f2f3f3} .wd-table-default.wd-table-hover table tbody tr:hover{background:#f2f3f3} .wd-table-default.wd-table-fixed table tbody tr th{position:sticky;top:0;z-index:1;background:#fff} .wd-table-default.wd-table-bordered table tbody tr td{border-bottom-width:1px;border-color:#c3c3c3} .wd-table-default.wd-table-head-bg-grey table tbody tr th{background:#f2f3f3} .wd-table-default.wd-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;background-color:transparent} .wd-table-default.wd-table-responsive table tbody tr th,.wd-table-default.wd-table-responsive table tbody tr td{min-width:148px} @media(min-width:768px){.wd-table-default.wd-table-responsive table tbody tr th,.wd-table-default.wd-table-responsive table tbody tr td{min-width:200px} } .wd-table-default.wd-table-numerical table tbody tr th,.wd-table-default.wd-table-numerical table tbody tr td{text-align:right} .wd-table-default.wd-table-numerical table tbody tr th:first-child,.wd-table-default.wd-table-numerical table tbody tr td:first-child{text-align:left;font-weight:700} .wd-table-default.wd-table-fixed.wd-table-col-fixed table tbody tr>th:first-of-type{left:0;position:sticky;z-index:2;box-shadow:none} .wd-table-default.wd-table-fixed.wd-table-col-fixed table tbody tr:nth-child(odd)>th:first-of-type{background:#fff} .wd-table-default.wd-table-fixed.wd-table-col-fixed table tbody tr:nth-child(even)>th:first-of-type{background:#f2f3f3} .wd-table-default.wd-table-fixed.wd-table-col-fixed table tbody tr:first-child>th{box-shadow:inset 0 -1px 0 #6a6a6a} .wd-table-default.wd-table-dark table tbody tr th{color:#fff;box-shadow:inset 0 -1px 0 #fff} .wd-table-default.wd-table-dark table tbody tr td{color:#dedddd} .wd-table-default.wd-table-dark table tbody tr th>svg,.wd-table-default.wd-table-dark table tbody tr td>svg{fill:#fff} .wd-table-default.wd-table-dark.wd-table-striped table tbody tr:nth-child(odd){background:#313131} .wd-table-default.wd-table-dark.wd-table-striped table tbody tr:nth-child(even){background:#242424} .wd-table-default.wd-table-dark.wd-table-hover table tbody tr:hover{background:#414040} .wd-table-default.wd-table-dark.wd-table-fixed table tbody tr th{background:#313131} .wd-table-default.wd-table-dark.wd-table-bordered table tbody tr td{border-bottom-width:1px;border-color:#4d4d4d} .newsroomSearch{position:relative;height:35px} .newsroomSearch input{background:#f2f2f2;position:absolute;height:35px;left:auto;width:100%;right:0;padding-left:10px;transition-duration:.4s} .newsroomSearch #newsroomSearchBTN{cursor:pointer} @media(min-width:992px){.newsroomSearch input{opacity:0;outline:0;padding:0;width:1px;padding-right:30px;z-index:1;cursor:pointer} .newsroomSearch input:focus{opacity:1;width:100%;padding-left:10px;padding-right:30px;cursor:text} .newsroomSearch input:focus ~ #newsroomSearchBTN{z-index:1} .pin-t-px{top:1px} } .nrTile a:hover .nrDataTitle,a.ngFeatured:hover .nrDataTitle{text-decoration:underline} .nrImgThumb .responsive-image{height:200px;background-size:cover;background-position:50%} .nrDataTitle{max-height:125px;overflow:hidden} .nrDataTag{height:18px;display:block;overflow:hidden} .checkbox{display:flex;position:relative;padding-left:18px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0} .checkmark{position:absolute;top:4px;left:0;height:17px;width:17px;border:1px solid #7f7f7f;border-radius:2px;background:#fff} @media(min-width:768px){.checkmark{top:2px} } .checkbox input:checked ~ .checkmark{color:#fff;background-color:#0074f3;border-color:#0074f3} .checkmark:after{content:"";position:absolute;display:none} .checkbox input:checked ~ .checkmark:after{display:block} .checkbox .checkmark:after{left:5px;top:1px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)} .nrSpotLightsAll .nrSpotLightsAllPR .nrImgThumb .responsive-image,.nrSpotLightsAll .nrSpotLightsAllMK .nrImgThumb .responsive-image,.nrSpotLightsAll .nrSpotLightsAllEvent .nrImgThumb .responsive-image,.nrSpotLightsAll .nrSpotLightsAllBlog .nrImgThumb .responsive-image{height:100%} .nrSpotLightsPRnBlog .nrSpotLightsPR .nrImgThumb .responsive-image,.nrSpotLightsPRnBlog .nrSpotLightsBlog .nrImgThumb .responsive-image{height:100%} .nrSpotLightsPRnMK .nrImgThumb .responsive-image,.nrSpotLightsPR .nrImgThumb .responsive-image{height:100%} select#editorial-list-dropdown{height:48px} .contain-arrow-b::after{content:"";width:0;height:0;border-left:5rem solid transparent;border-right:5rem solid transparent;border-top:40px solid;border-top-color:#333;bottom:-40px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)} .mob-tab>svg{transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s} .mob-tab.mob-tab-active>svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)} section.section.right-50 .section-bg{width:50%;left:auto;display:block} section.section.left-50 .section-bg{width:50%;right:initial;display:block} @media(max-width:992px){section.section.right-50 .section-bg,section.section.left-50 .section-bg{display:none} } #sticky-nav{-ms-flex-pack:start;-webkit-box-pack:start;background-color:#fff;bottom:0;color:#000;left:0;overflow-y:hidden;position:relative;width:100%;z-index:10;border-bottom:1px solid #ebebeb} @media(min-width:992px){#sticky-nav,#sticky-nav.sticky-stuck{height:50px} } #sticky-nav.sticky-stuck .active{-webkit-transition:color .2s ease;color:#0377bd;position:relative;transition:color .2s ease;font-weight:500;border-bottom:2px solid #0377bd;bottom:1px} #sticky-nav.sticky-stuck a{border-bottom:2px solid transparent;border:0} #sticky-nav.sticky-stuck a.subnav-image-btn-view{border:1px solid #000} #sticky-nav.sticky-stuck{-webkit-transition:top .5s ease-in-out;bottom:inherit;display:flex;position:fixed;top:100px;transition:top .5s ease-in-out} @media(min-width:992px){#sticky-nav{background-color:#fff;color:#000;height:50px;overflow-x:auto;top:0;width:100%;position:relative} #sticky-nav.sticky-stuck{-ms-flex-pack:center;-webkit-box-pack:center;height:auto;margin-top:0;max-width:1920px;width:100%;top:154px;left:0;right:0;margin:0 auto} #sticky-nav.sticky-stuck svg{display:none} #sticky-nav.sticky-stuck>div{flex:unset} #sticky-nav.sticky-stuck>div p{margin-top:0} #sticky-nav:after,#sticky-nav:before{display:none} } @media(min-width:992px) and (-ms-high-contrast:none),(-ms-high-contrast:active){.subnav{position:relative;z-index:1} .subnav #sticky-nav{position:static;left:0;-webkit-transform:none;transform:none;max-width:1100px;min-width:600px;justify-content:space-around} .subnav #sticky-nav.sticky-stuck{position:fixed;max-width:none} .subnav #sticky-nav .flex-1{flex:none} .subnav+.section{margin-top:-75px} } @media(min-width:992px) and (max-width:1140px) and (-ms-high-contrast:none),(min-width:992px) and (max-width:1140px) and (-ms-high-contrast:active){.subnav #sticky-nav p.responsive-text-base,.subnav #sticky-nav p.responsive-text-base a{font-size:1rem} } @media(max-width:991px) and (-ms-high-contrast:none),(-ms-high-contrast:active){.subnav #sticky-nav{justify-content:space-around} .subnav #sticky-nav .flex-1{flex:none} } @supports(-ms-ime-align:auto){@media(min-width:992px){.subnav{position:relative;z-index:1} .subnav #sticky-nav{position:static;left:0;-webkit-transform:none;transform:none;max-width:1100px;min-width:600px} .subnav #sticky-nav.sticky-stuck{position:fixed;max-width:none} .subnav+.section{margin-top:-75px} } @media(min-width:992px) and (max-width:1140px){.subnav #sticky-nav p.responsive-text-base,.subnav #sticky-nav p.responsive-text-base a{font-size:1rem} } } header .sticky-head{height:50px} header .sticky-head:before{-moz-user-select:none;-ms-user-select:none;-webkit-transition:background-color .2s ease;-webkit-user-select:none;background-color:transparent;content:"";height:50px;left:-100%;pointer-events:none;position:fixed;right:-100%;top:0;transition:background-color .2s ease;user-select:none;z-index:-14354} header .sticky-stuck:before{background-color:#000} header .sticky-head.sticky-stuck:before{opacity:1;top:0} header .sticky-stuck{bottom:0;height:50px;left:0;margin-left:auto;margin-right:auto;max-width:1460px;position:fixed;right:0;top:0;width:100%} @media(min-width:992px){header .sticky-stuck{align-items:center;padding-left:2rem;padding-right:2rem;padding-top:0} header .sticky-stuck .header-nav-item{padding-bottom:0} header .sticky-stuck .header-logo{padding-top:.5rem} header{background:0} header .sticky-head:before{top:0} } header.headerHidden ~ .mainContainWrap #sticky-nav.sticky-stuck{top:0} @media(min-width:992px){#sticky-nav.sticky-stuck .link-cta.subnav-active-item,#sticky-nav .link-cta.subnav-active-item{border-bottom:4px solid #0074f3;padding-bottom:12px;color:#0074f3} } @media(max-width:991px){.subnav2-0{margin:0 -16px} #sticky-nav{max-height:50px;overflow:hidden;transition:all .2s ease-out} #sticky-nav.mob-subnav-dropdown-open,#sticky-nav.sticky-stuck.mob-subnav-dropdown-open{max-height:500px;box-shadow:0 3px 6px rgba(0,0,0,.29);border-bottom:0;opacity:1} #sticky-nav.sticky-head .subnav-item:first-child{display:flex} #sticky-nav.sticky-head .subnav-item:first-child:not(.active-subnav-item){display:block} #sticky-nav.sticky-head .subnav-item{order:1} #sticky-nav.sticky-head .subnav-item.active-subnav-item{display:flex;order:0} #sticky-nav.sticky-head .subnav-item.active-subnav-item a:after{content:"";background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='20px'%20height='20px'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20class='arrow%20md:hidden'%3e%3cpath%20d='M7.41,8.59L12,13.17l4.59-4.58L18,10l-6,6l-6-6L7.41,8.59z'%3e%3c/path%3e%3cpath%20fill='none'%20d='M0,0h24v24H0V0z'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;width:18px;height:18px;top:1px;position:relative;margin-left:8px;display:block;transition:all .2s ease-out} #sticky-nav.sticky-head.mob-subnav-dropdown-open .subnav-item.active-subnav-item a:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)} #sticky-nav.sticky-head .subnav-item.active-subnav-item a{display:flex;align-items:center} #sticky-nav.sticky-head .inner-wrap{width:100%} #sticky-nav.sticky-head .inner-wrap>.slidingDiv{display:none} #sticky-nav.sticky-head .subnav-item{border-bottom:1px solid rgba(0,0,0,.1)} } .subnav2-0 .inner-wrap{max-width:1464px;position:relative;width:100%;margin-right:auto;margin-left:auto} @media(min-width:992px){.subnav2-0 .inner-wrap{justify-content:center;align-items:center} } .wd-custom-carousel:not(.slick-initialized){display:none} .wd-custom-carousel .slick-slide{opacity:0;transition:.5s ease-in-out !important} .wd-custom-carousel .slick-slide .row>.cols-12:first-child section.section{opacity:0;transition:2s ease-out;transition-delay:.4s} .wd-custom-carousel .slick-slide.slick-current.slick-active{opacity:1} .wd-custom-carousel .slick-slide.slick-current.slick-active .row>.cols-12:first-child section.section{opacity:1} body.b2c .show-for-b2b{display:none} body.b2b .show-for-b2c{display:none} body.b2b .show-for-b2b{display:block} body .show-for-b2b{display:none} .header .searchbutton{top:5px} .header .search{height:37px} .hamburger-menu .bar,.hamburger-menu .bar:after,.hamburger-menu .bar:before{width:17px;height:2px} .hamburger-menu .bar:after{top:6px} .hamburger-menu .bar:before{bottom:6px} .wd-header-2-5 .title-style-blue-l-border{border:0;border:0;margin-left:0;padding-left:0} .title-style-blue-l-border{border-color:#0074f3;font-size:1.125rem;padding-left:.5rem;border-left-width:4px;font-weight:700;line-height:1.1;margin-left:-0.75rem} @media(max-width:991px){.carousel .slider.promo-carousel .slick-prev{display:none !important} .carousel .slider.promo-carousel .slick-next{display:none !important} .header .searchbutton{top:9px} .header .search{height:39px} .title-style-blue-l-border{font-size:1rem} .openLoginFlyout{padding-right:15px} .mobSearch{right:86px} .newCardWD{top:-32px;right:20px} } .newCardWD .carticon{margin-right:0 !important} .newCardWD .newCartIcon{display:block} .newCardWD .oldCartIcon{display:none} .middleMenu li,.middleMenuActiveBorder{border-right:0;border-left:0} .middleMenu li:hover,.middleMenuActiveBorder{border:0;color:#0074f3} .wd-header-2-5 .middleMenu li:hover,.wd-header-2-5 middleMenuActiveBorder{border:0;color:#000} .wd-header-2-5 .productNavWrapper a{line-height:160%} .productNavWrapper>.container>.responsive-columns-flexbox{border-top:0} .mobile-nav.show nav,.header .mobile-nav.show:before{top:50px !important} .carousel .slider.promo-carousel .slick-prev{content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2013%208'%20fill='none'%3E%3Cpath%20d='M12%201L6.5%206L1%201'%20stroke='%23000000'%20stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;margin-right:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0;left:-30px;opacity:1} .carousel .slider.promo-carousel .slick-next{content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2013%208'%20fill='none'%3E%3Cpath%20d='M12%201L6.5%206L1%201'%20stroke='%23000000'%20stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;margin-right:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:0;right:-30px;background-position:center center;opacity:1} .slidingDiv{height:.25rem;width:0;margin:0;background:#0074f3;border:0;transition:.2s ease-in-out;list-style:none;position:absolute;bottom:0;z-index:-1} .flexNowrap{flex-wrap:nowrap;padding-left:20px;padding-right:20px} .mm-menu_offcanvas{width:100%;top:50px;z-index:100;min-width:auto} .mm-panels>.mm-panel>.mm-listview{width:auto} .mm-navbar,.mm-panel{background-color:white} .mm-listitem__btn:not(.mm-listitem__text),.mm-listitem:after{border:0} .mm-listitem a{color:#000} .mm-btn:after,.mm-btn:before{border-color:#000} .mm-listitem__btn,.mm-listitem__text{display:flex} .mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{color:#000;font-weight:400} .mm-navbar{text-align:left} .mm-panel_has-navbar .mm-navbar{display:flex;align-items:center;padding:0 48px;background-color:#f2f3f3;border:0} .mm-listitem__text{padding-left:48px;white-space:normal} #mm-2{padding-top:0} #mm-2 .mm-listitem__text{padding-left:16px;padding-right:16px} #mm-2>.mm-navbar{display:none} .mm-listitem.nav-brand-logo{border-top:1px solid #e6e6e6;position:fixed;width:100%;bottom:0} .mm-listitem.nav-brand-logo>a.mm-listitem__text{justify-content:center} @media(max-height:420px){.mm-listitem.nav-brand-logo{position:relative} .mm-panels>.mm-panel>.mm-listview{margin-bottom:0} body.deviceNavView .login-tabs>div:first-child{height:100%} } nav#mainNav #mm-1>.mm-navbar{display:none} nav#mainNav #mm-2>.mm-navbar{display:flex !important} nav#mainNav .mm-panels>.mm-panel#mm-1{padding-top:0} nav#mainNav .mm-panels>.mm-panel#mm-1>.mm-navbar+.mm-listview{margin-top:-20px} nav#mainNav #mm-2{padding-top:44px} nav#mainNav #mm-2 .mm-listitem__text{padding-left:48px;padding-right:48px} .cr-product-list{max-height:calc(100vh - 450px);overflow:auto} .cr-product-list .cr-product-item:nth-child(odd){background:#fff} .cr-product-list .cr-product-item:nth-child(even){background:#f9fafa} @font-face{font-family:"FK Grotesk Neue";font-style:normal;font-weight:500;src:local("FK Grotesk Neue Regular"),local("FKGroteskNeue-Regular"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/FK-Grotesk-Neue/FKGroteskNeue-Bold.woff2") format("woff2"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/FK-Grotesk-Neue/FKGroteskNeue-Bold.woff") format("woff")} @font-face{font-family:"FK Grotesk Neue Regular";font-style:normal;font-weight:500;src:local("FK Grotesk Neue Regular"),local("FKGroteskNeue-Regular"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/FK-Grotesk-Neue/FKGroteskNeue-Regular.woff2") format("woff2"),url("https://static.sandisk.com/etc.clientlibs/wd-static/designs/fonts/FK-Grotesk-Neue/FKGroteskNeue-Regular.woff") format("woff")} .carouselTopNav .move-down{position:relative;top:-24px;opacity:.2;transition:all .9s ease} .carouselTopNav.heroBannerCarousel{padding:0} .carouselTopNav .move-up{position:relative;bottom:-24px;opacity:.2;transition:all .9s ease} .carouselTopNav .fade-in{position:relative;opacity:.1;transition:all 1s ease} .carouselTopNav .slick-current.slick-active .move-down{top:0;opacity:1} .carouselTopNav .slick-current.slick-active .move-up{bottom:0;opacity:1} .carouselTopNav .slick-current.slick-active .fade-in{opacity:1} .carousel .slider.heroBannerCarousel.carouselTopNav ul.slick-dots{top:0;bottom:auto;background:transparent;padding:0;padding-top:30px} .carousel .slider.heroBannerCarousel.carouselTopNav ul.slick-dots li{width:48px;height:4px;border-radius:0} .carousel .slider.heroBannerCarousel.carouselTopNav ul.slick-dots li button{border-radius:0;padding:0;border:0;background:#9a9a9a;width:55px;height:3px} .carousel .slider.heroBannerCarousel.carouselTopNav ul.slick-dots li button:before{width:55px;top:-9px} .carousel .slider.heroBannerCarousel.carouselTopNav ul.slick-dots li.slick-active button{background-color:#fc1859} .custom-slide-1{background-image:linear-gradient(to right,#000245,#a60834)} .custom-slide-2{background-image:linear-gradient(to right,#4d0112,#63648b)} body.overflow-hidden .carouselTopNav .slide.slick-slide{z-index:unset !important} #CTAVideo .wd-modal-close{bottom:100%;left:90%} @media(min-width:992px){#CTAVideo .wd-modal-close{bottom:100%;left:100%} } .VideoConatiner video{width:100%} .wd-modal-content{top:1rem} .skipButton{display:block;padding:15px;right:36px;bottom:33px;border:1px solid #fff;color:white;opacity:.5;z-index:20} .skipButton span{position:static;left:14.74px;top:14.74px;font-family:FK Grotesk Neue;font-style:normal;font-weight:bold;font-size:12px;line-height:15px;display:flex;align-items:center;text-align:center;letter-spacing:-0.02em;color:#fff;flex:none;order:0;flex-grow:0;margin:0} .muteUnmuteBtn{display:block;padding:12px;width:auto;height:auto;right:36px;top:30%;border:1px solid #fff;color:white;opacity:.5;z-index:20} .muteUnmuteBtn span{position:static;width:26px;height:15px;left:14.74px;top:14.74px;font-family:FK Grotesk Neue;font-style:normal;font-weight:bold;font-size:12px;line-height:15px;display:flex;align-items:center;text-align:center;letter-spacing:-0.02em;color:#fff;flex:none;order:0;flex-grow:0;margin:0} .aem-AuthorLayer-Edit .promotionalParent{height:auto} .promotionalParent{z-index:10;background-color:black;height:calc(100vh - 105px);bottom:0} .loadingPromotionIcon{background-image:url("../../../../content/dam/store/en-us/assets/home-page/intoVideo-pre-loader.gif");width:100%;height:calc(100vh - 105px);position:fixed;z-index:10;bottom:0;background-repeat:no-repeat;background-position:center;background-color:black} .loadedPromotionIcon{background-image:url("../../../../content/dam/store/en-us/assets/home-page/inroVideo-loaded.gif");width:100%;height:calc(100vh - 105px);position:fixed;z-index:10;bottom:0;background-repeat:no-repeat;background-position:center;background-color:black} .carousel-heading{font-family:FK Grotesk Neue;margin:0} .carousel-para{padding-top:21px} .carousel-para p{font-family:FK Grotesk Neue Regular} .stopcarousel{padding-top:18px} body.y-overflow{overflow-y:hidden} .loadedPromotionIcon.hidden{display:none} .promotionalParent.fadeOut{visibility:hidden;opacity:0;transition:visibility 0 .2s,opacity 2s linear} .promotionalParent .promotionVideoCOnatiner{height:100vh} .promotionalParent .promotionVideoCOnatiner #promotionVideo{-o-object-fit:cover;object-fit:cover} @media only screen and (max-width:992px){.promotionalParent{z-index:10;background-color:#000;height:calc(100vh - 50px);bottom:0} } body header.header .reference .hide-promo-carousel{-webkit-transition:opacity 1s ease-in;-moz-transition:opacity 1s ease-in;-o-transition:opacity 1s ease-in;opacity:1} body.intro-video header.header .reference .hide-promo-carousel{visibility:hidden;height:0;overflow:hidden;min-height:0;padding:0;margin:0;border:0;opacity:0} .intro-video .move-up-section{bottom:-24px;opacity:.2} .move-up-section{position:relative;bottom:0;opacity:1;transition:all .9s ease} .aem-AuthorLayer-Edit .promotionVideoCOnatiner.hidden{display:block;height:auto} .aem-AuthorLayer-Edit .promotionalParent{position:relative;bottom:auto} body.overflow-hidden .carouselTopNav.slick-slider .slick-track,body.overflow-hidden .carouselTopNav.slick-slider .slick-list{-webkit-transform:none;transform:none} .rc-tooltip-wrap{width:24px;height:24px;cursor:auto} .rc-tooltip{bottom:32px;width:242px;right:-38px;display:none} .store-form .form-group.invalidField .rc-tooltip>svg path,.rc-tooltip>svg path{fill:#000 !important} .rc-tooltip-wrap:hover .rc-tooltip{display:block} .rc-tooltip>svg{position:absolute;bottom:-26px;right:26px} @media(min-width:992px){.rc-tooltip{right:-60px} .rc-tooltip>svg{right:48px} } .store-form .form-group.invalidField .rc-tooltip-wrap>span svg path{fill:#818181} .store-form .form-group.invalidField .rc-tooltip-wrap>span:first-child svg path:first-child{fill:none} @media(max-width:991px){.resourceLibraryComp .rl_filter_wrap{height:calc(100vh - 160px)} .selected-filter-wrap+.rl_filter_wrap{height:calc(100vh - 350px)} .selected-filter-wrap{max-height:200px;overflow:scroll} } @media print{.printInvisible{visibility:hidden} .printHidden{display:none} .mobile-nav-wrap .fixed{position:relative} .printBlock{display:block} .printFlexRow{flex-direction:row} .printAbsolute{position:absolute !important} } .remove-border{border:0 !important} .section-bg-top>.section-bg{background-position-y:top !important} .inherit-bg-position-x>.section-bg{background-position-x:inherit !important} .inherit-bg-position-y>.section-bg{background-position-y:inherit !important} select::-ms-expand{display:none} html{box-sizing:border-box} img{vertical-align:middle} [v-cloak],.v-cloak{display:none !important} *,:after,:before{box-sizing:inherit} *,:after,:before{border:0 solid #f6f6f6} body{margin:0} .outline-none{outline:0} .cursor-pointer,a,button,select,input,textarea{outline:0} .focus\:outline-none:focus{outline:0} .word-break{word-break:break-word} .word-wrap{word-wrap:break-word} .disabledOutine input:focus,.disabledOutine input[type=checkbox]:focus,.disabledOutine span:focus,.disabledOutine select:focus,.disabledOutine textarea:focus,.disabledOutine button:focus,.disabledOutine a:focus,.disabledOutine li:focus,.disabledOutine div:focus,.disabledOutine .checkbox input:focus ~ .checkmark,.disabledOutine .radioButton input:focus ~ .radioCheckmark,.disabledOutine .product-slider-single .slick-active:focus,.disabledOutine .wd-custom-carousel ul.slick-dots li.slick-active button{outline:0} input:focus,input[type=checkbox]:focus,span:focus,select:focus,textarea:focus,button:focus,a:focus,li:focus,div:focus,.checkbox input:focus ~ .checkmark,.radioButton input:focus ~ .radioCheckmark,.product-slider-single .slick-active:focus,.cursor-pointer:focus,input#show_password:focus ~ .showHidePassTxt{outline:3px solid #b58409} .product-slider-single .slick-active:focus{border:3px solid #b58409} .brandNavStoreItem.cursor-pointer:focus{position:relative;z-index:1} .product-cart ~ .image>a{display:block} input::-ms-reveal,input::-ms-clear{display:none} .numAppearanceNone input[type=number]::-webkit-outer-spin-button,.numAppearanceNone input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .numAppearanceNone input[type=number]{-moz-appearance:textfield} .expand-h-full>.section,.expand-h-full>div.relative,.expand-h-full .responsive-columns-flexbox{height:100%} .justify-evenly{justify-content:space-evenly} @media(min-width:576px){.xs\:justify-evenly{justify-content:space-evenly} } @media(min-width:768px){.sm\:justify-evenly{justify-content:space-evenly} } @media(min-width:992px){.md\:justify-evenly{justify-content:space-evenly} } @media(min-width:1140px){.lg\:justify-evenly{justify-content:space-evenly} } @media(min-width:1464px){.xl\:justify-evenly{justify-content:space-evenly} } .svg>div>a{display:block} b,strong{font-weight:700} p{font-size:1rem;line-height:1.5;margin-bottom:1.25rem} p:last-child{margin-bottom:0} @media(min-width:768px){p{font-size:1rem} } @media(min-width:992px){p{font-size:1rem} } .font-normal p{font-weight:400} .font-medium p{font-weight:500} .bg-size-contain>.section-bg{background-size:contain !important} .bg-position-top>.section-bg{background-position:top !important} .bg-position-bottom>.section-bg{background-position:bottom !important} @media(min-width:576px) and (max-width:992px){.contain{max-width:100%} } @media(min-width:768px) and (max-width:992px){.contain{max-width:100%} } .last-mb-0:last-child{margin-bottom:0} .last-pb-0:last-child{padding-bottom:0} .last-mt-0:last-child{margin-top:0} .last-pt-0:last-child{padding-top:0} .last-border-b-0:last-child{border-bottom:0} .first-mb-0:first-child{margin-bottom:0} .first-pb-0:first-child{padding-bottom:0} .first-mt-0:first-child{margin-top:0} .first-pt-0:first-child{padding-top:0} .last-border-b-0:last-child{border-bottom:0} .last-border-t-0:last-child{border-top:0} .first-border-b-0:first-child{border-bottom:0} .first-border-t-0:first-child{border-top:0} table{border-collapse:collapse;word-break:break-word} .table{width:100%;max-width:100%;background-color:transparent} .table th,.table td{padding:.75rem;vertical-align:top;border-top-width:1px;border-color:#e6e6e6} .table thead{background-color:#f2f3f3} .table thead th{vertical-align:bottom;border-bottom-width:2px;border-color:#e6e6e6;text-align:inherit} .table tbody+tbody{border-bottom-width:2px;border-color:#e6e6e6} .table .table{background-color:#fff} .table-bordered{border-width:1px;border-color:#e6e6e6} .table-bordered th,.table-bordered td{border-width:1px;border-color:#e6e6e6} .table-bordered thead th,.table-bordered thead td{border-bottom-width:2px} ul.list-view li{margin-bottom:.5rem} .aem-AuthorLayer-Edit .visibleonly-sm .sm\:block.hidden{display:block} .visibleonly-sm .sm\:block.hidden{display:block} @media(min-width:768px){.visibleonly-sm .sm\:block.hidden{display:none} } .aem-AuthorLayer-Edit .visible-edit-mode{visibility:visible} .d-block-edit-mode{display:none} .aem-AuthorLayer-Edit .d-block-edit-mode{display:flex} .aem-AuthorLayer-Edit .h-auto-edit-mode{height:auto} .aem-AuthorLayer-Edit .reference .header-edit-mode .megaMenu-edit-mode{display:none} .wd-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:#000;overflow-y:auto;overflow-x:hidden;background-color:rgba(0,0,0,.7)} .wd-modal .wd-modal-dialog{left:0;top:0;bottom:0;right:0;display:flex;align-items:center;min-height:calc(100% - 3.5rem)} .wd-modal .wd-modal-dialog .wd-modal-content{position:relative;display:flex;width:100%;background-clip:padding-box} .wd-modal .wd-modal-dialog .wd-modal-content .embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden} .wd-modal .wd-modal-dialog .wd-modal-content .embed-responsive::before{display:block;content:""} .wd-modal .wd-modal-dialog .wd-modal-content .embed-responsive.embed-responsive-21by9::before{padding-top:42.857143%} .wd-modal .wd-modal-dialog .wd-modal-content .embed-responsive.embed-responsive-16by9::before{padding-top:56.25%} .wd-modal .wd-modal-dialog .wd-modal-content .embed-responsive.embed-responsive-4by3::before{padding-top:75%} .wd-modal .wd-modal-dialog .wd-modal-content .embed-responsive.embed-responsive-1by1::before{padding-top:100%} .wd-modal.login-modal{z-index:999} body.modal-open{overflow:hidden} .slick-track,.slick-list{padding:0 !important} .product-slider-nav .slick-track{padding:2px 0 !important} .striketPriceTag{position:relative;color:#929a9d;width:auto} .striketPriceTag:before{position:absolute;content:"";left:0;top:9px;right:0;border-top:1px solid;border-color:#929a9d;-webkit-transform:rotate(0);transform:rotate(0)} @media(min-width:768px){.striketPriceTag:before{top:12px} } .product-color .line-through{position:relative} .product-color .line-through:before{position:absolute;content:"";left:0;top:50%;right:-6px;border-top:2px solid;border-color:#929a9d;-webkit-transform:rotate(0);transform:rotate(0);padding:0 26px;margin-left:-6px} .myAccount-nav a{cursor:pointer} .myAccount-nav.active-myAccount-nav a{border-bottom-width:3px;border-color:#0072ef} .wd-table table thead tr th{font-weight:inherit;padding-left:.25rem;padding-right:.25rem} .wd-table table tbody tr td{padding-top:1rem;padding-bottom:1rem;padding-left:.25rem;padding-right:.25rem} .wd-table table tbody tr:nth-child(even){background:#f8f8f8} .play-btn{opacity:.8} .play-btn,.play-btn:after{transition:border-color .25s ease} .play-btn:after{-webkit-transform:translate(-50%,-50%);border-bottom:.875rem solid transparent;border-left:1.25rem solid #fff;border-top:.875rem solid transparent;content:"";left:53%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));filter:drop-shadow(0 1px 4px rgba(0,0,0,.2))} .play-btn:hover{background-color:rgba(216,216,216,.4);opacity:1} @media(min-width:992px){.wd-video-thumb .md\:pb-30\%{padding-bottom:40%} .md.wd-video-thumb .md\:pb-30\%{padding-bottom:50%} .featured.wd-video-thumb .md\:pb-30\%{padding-bottom:47.5%} .wd-video-thumb .play-btn{width:3.3rem;height:3.3rem} .wd-video-thumb.full{position:relative} .wd-video-thumb.full .responsive-image{position:absolute;width:100%;height:100%;padding:0} } .embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden} .embed-responsive::before{display:block;content:""} .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .embed-responsive-21by9::before{padding-top:42.857143%} .embed-responsive-16by9::before{padding-top:56.25%} .embed-responsive-4by3::before{padding-top:75%} .embed-responsive-1by1::before{padding-top:100%} .play-btn.play-btn-new:after{content:"";border:0} .play-btn.play-btn-new{opacity:1} .play-btn.play-btn-new:hover{background-color:transparent} .play-btn.play-btn-new>svg{-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));filter:drop-shadow(0 1px 4px rgba(0,0,0,.2))} .play-btn.play-btn-new>svg:hover{background:rgba(255,255,255,.5);border-radius:100%} @media(max-width:991px){.member-image{position:absolute;right:-4%} .member-bio{padding-right:30%;z-index:1} } @media(max-width:600px){.member-image{right:-24%} } @media(min-width:992px){.CatThumbnail:hover .openQuickViewBtn,.CatThumbnail:hover .hoverVariant,.CatThumbnail:hover .hoverVariant>.hoverVisible{display:block !important} .CatThumbnail:hover{position:relative} .CatThumbnail:hover .openQuickViewBtn,.productListItem a:focus ~ .openQuickViewBtn,.openQuickViewBtn:focus{visibility:visible} } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.CatThumbnail:hover{position:absolute} } .accordionUpArrow:before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20width='13'%20height='8'%20viewBox='0%200%2013%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M1%207L6.5%202L12%207'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;width:13px;height:8px;padding:0;float:right;margin-right:32px;margin-top:8px} .accordionDownArrow:before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20width='13'%20height='8'%20viewBox='0%200%2013%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%201L6.5%206L1%201'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;width:13px;height:8px;padding:0;float:right;margin-right:32px;margin-top:8px} @media(min-width:768px){.accordionUpArrow:before,.accordionDownArrow:before{content:"";margin-right:1px} } .filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow-y:auto;overflow-x:hidden;background-color:rgba(0,0,0,.7);display:none} .filter-overlay.z-2{z-index:2} .darken,.darkenBg .section-bg::before{top:0;right:0;bottom:0;left:0;position:absolute;z-index:1} .darkenBg .section-bg::before{content:"";width:100%;height:100%;z-index:0} .darken-left .darken,.darken-left.darkenBg .section-bg::before{background-image:linear-gradient(90deg,rgba(0,0,0,.75),transparent)} .darken-right .darken,.darken-right.darkenBg .section-bg::before{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.75))} .darken-full .darken,.darken-full.darkenBg .section-bg::before{background-color:rgba(0,0,0,.5)} .lighter-full.darkenBg .section-bg::before{background-color:rgba(0,0,0,.1)} .loadingdots:after{content:" .";-webkit-animation:dots 2s steps(5,end) infinite;animation:dots 2s steps(5,end) infinite} @-webkit-keyframes dots{0,20%{color:#000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)} 40%{color:#000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)} 60%{text-shadow:.25em 0 0 #000,.5em 0 0 rgba(0,0,0,0)} 80%,100%{text-shadow:.25em 0 0 #000,.5em 0 0 #000} } @keyframes dots{0,20%{color:#000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)} 40%{color:#000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)} 60%{text-shadow:.25em 0 0 #000,.5em 0 0 rgba(0,0,0,0)} 80%,100%{text-shadow:.25em 0 0 #000,.5em 0 0 #000} } .disclaimer{font-size:.75rem;line-height:1.4} .disclaimer p{font-size:.75rem;margin-bottom:1rem;line-height:1.4} .community-filter-wrap .search-field::after{content:"";background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='7.5'%20cy='7.5'%20r='6.5'%20stroke='currentColor'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='8.60821'%20y2='-1'%20transform='matrix(0.705307%200.708902%20-0.705307%200.708902%2010.9286%2012.2049)'%20stroke='currentColor'%20stroke-width='2'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;color:#000;position:absolute;top:0;right:0;z-index:4;padding:25px;display:block;cursor:pointer} .community-filter-wrap .select-wrap:before{content:"";background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2013%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L6.5%206L12%201'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e%20");background-repeat:no-repeat;background-position:center;right:16px;position:absolute;top:10px;pointer-events:none;padding:16px} .community-filter-wrap .select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none} .community-filter-wrap .select-wrap select::-ms-expand{display:none} .sidebar-inner-wrap{z-index:99999;position:fixed;right:350px;top:0;width:0;height:100%;margin-right:-350px;background:#f7f7f7;transition:all .5s ease;overflow-y:auto;overflow-x:hidden;opacity:.1} .sidebar-inner-wrap>.bg-white{display:none;width:auto} .toggled .sidebar-inner-wrap{width:100%;opacity:1} .toggled .sidebar-inner-wrap>.bg-white{display:block} @media(min-width:768px){.toggled .sidebar-inner-wrap{width:478px;opacity:1} .sidebar-inner-wrap>div{width:478px} .sidebar-inner-wrap{right:310px;margin-right:-310px} } @media(min-width:992px){.toggled .sidebar-inner-wrap{width:620px;opacity:1} .sidebar-inner-wrap>div{width:620px} .sidebar-inner-wrap{right:310px;margin-right:-310px} } #sidebar-wrapper.toggled:before{content:"";background-color:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:111} .disclosures p{font-size:.875rem} .accordionTile-contain .detail-block{padding-top:100%;background-size:cover;height:auto} .accordionTile-contain .selected-block.contain-arrow-t::after{content:"";width:0;height:0;border-left:5rem solid transparent;border-right:5rem solid transparent;border-bottom:2.5rem solid #f2f3f3;position:absolute;bottom:-58px;left:calc(50% - 78px)} .accordionTile-contain .detail-block-title{padding-bottom:16px;font-size:18px} .editorial-listing-tile-svg-view .detail-block img{transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s} .editorial-listing-tile-svg-view .detail-block:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .editorial-listing-tile-svg-view .detail-block.selected-block{border:0} .editorial-listing-tile-svg-view .detail-block.selected-block img{-webkit-transform:scale(1.4);transform:scale(1.4)} .editorial-listing-tile-svg-view .detail-block.selected-block .tile-text{display:none} .editorial-listing-tile-svg-view .detail-block.selected-block .expandSection{display:none} .editorial-listing-tile-svg-view .detail-block.selected-block .collapseSection{display:block} .editorial-listing-tile-svg-view .accordionTile-contain .detail-block{padding-top:0} .editorial-listing-tile-svg-view .accordionTile-contain .accordionTile-box{padding-left:8px;padding-right:8px} @media(max-width:992px){.editorial-listing-tile-svg-view .detail-block.selected-block .tile-text{display:block} .editorial-listing-tile-svg-view .accordionTile-contain .detail-block{background-image:none !important} } @media(min-width:992px){.editorial-listing-tile-svg-view .accordionTile-contain .selected-block.contain-arrow-t::after{content:"";width:0;height:0;border-left:2.5rem solid transparent;border-right:2.5rem solid transparent;border-top:1.5rem solid #465052;border-bottom:0;position:absolute;bottom:-24px;left:calc(50% - 40px);z-index:1} .editorial-listing-tile-svg-view .accordionTile-contain .accordionTile-box{padding-left:8px;padding-right:9px} } .detail-block svg.el-arrow-t,.accordion-contain>button svg.el-arrow-t{display:none} .detail-block.selected-block svg.el-arrow-t,.accordion-contain.active>button svg.el-arrow-t{display:block} .editorial-listing .store-tabview .tabview-contain button{text-transform:none} .relatedItemWrap .slick-list{margin:0 -6px} .relatedItemWrap .slick-track{display:flex} .relatedItemWrap .slick-track .slick-slide{flex:1;margin:0 6px} @media(min-width:768px){.relatedItemWrap .slick-prev,.relatedItemWrap .slick-next{top:55px} } @media(min-width:800px){.relatedItemWrap .slick-prev,.relatedItemWrap .slick-next{top:68px} } @media(min-width:992px){.relatedItemWrap .slick-prev,.relatedItemWrap .slick-next{top:55px} } @media(min-width:1140px){.relatedItemWrap{overflow:hidden} .relatedItemWrap .slick-list{margin:0 -10px !important} .relatedItemWrap .slick-track .slick-slide{margin:0 10px !important} .relatedItemWrap .slick-prev,.relatedItemWrap .slick-next{top:60px} } @media(min-width:1460px){.relatedItemWrap{overflow:hidden} .relatedItemWrap .slick-list{margin:0 -10px !important} .relatedItemWrap .slick-track .slick-slide{margin:0 10px !important} .relatedItemWrap .slick-prev,.relatedItemWrap .slick-next{top:92px} } .relatedItemWrap .slick-list.draggable{display:flex} .relatedItemWrap .slick-list>.slick-track{margin-left:0} .relatedItemWrap a.itemsWrap{display:flex !important;height:100%;flex-direction:column} @media all and (-ms-high-contrast:none){.relatedItemWrap a.itemsWrap{display:inline-block !important;height:100%;flex-direction:column} .relatedItemWrap a.itemsWrap img{width:100%} } @media(min-width:768px){.relatedItemWrap.relatedItemWrap-v1 .slick-prev,.relatedItemWrap.relatedItemWrap-v1 .slick-next{top:115px} } @media(min-width:800px){.relatedItemWrap.relatedItemWrap-v1 .slick-prev,.relatedItemWrap.relatedItemWrap-v1 .slick-next{top:115px} } @media(min-width:992px){.relatedItemWrap.relatedItemWrap-v1 .slick-prev,.relatedItemWrap.relatedItemWrap-v1 .slick-next{top:90px} } @media(min-width:1140px){.relatedItemWrap.relatedItemWrap-v1 .slick-prev,.relatedItemWrap.relatedItemWrap-v1 .slick-next{top:102px} } @media(min-width:1464px){.relatedItemWrap.relatedItemWrap-v1 .slick-prev,.relatedItemWrap.relatedItemWrap-v1 .slick-next{top:135px} } .priceSliderFilter slider{display:inline-block;position:relative;height:4px;width:100%;margin:25px 0;vertical-align:middle} .priceSliderFilter slider span{white-space:nowrap;position:absolute;display:inline-block} .priceSliderFilter slider span.base{width:100%;height:100%;padding:0} .priceSliderFilter slider span.bar{width:100%;height:100%;z-index:0;background:#d8eef4} .priceSliderFilter slider span.bar.selection{width:0;z-index:1;box-shadow:none;background:#21b8de} .priceSliderFilter slider span.pointer{cursor:pointer;width:15px;height:15px;top:-6px;background:#21b8de;z-index:2;border-radius:1em/1em} .priceSliderFilter slider span.pointer:hover{box-shadow:0 0 0 5px rgba(33,184,222,.4)} .priceSliderFilter slider span.pointer.active{width:17px;height:17px;top:-6px;box-shadow:0 0 0 3px rgba(33,184,222,.4)} .priceSliderFilter slider span.bubble{cursor:default;top:-22px;padding:1px 3px 1px 3px;font-size:.7em;font-family:sans-serif} .priceSliderFilter slider span.bubble.selection{top:15px} .priceSliderFilter slider span.bubble.limit{color:gray} .store-search-wrapper label{width:1.5rem;position:absolute;z-index:10;right:0;cursor:pointer;top:10px} .store-search-wrapper .search-box{width:100%;color:#000;border-radius:0;padding:10px 32px 10px 8px;cursor:text;border:1px solid #caccd1} @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.storeSearchWrapper{display:block !important;height:auto !important} } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){body .flex-1{-ms-flex:1 1 auto} } @media(-ms-high-contrast:none) and (min-width:576px),(-ms-high-contrast:active) and (min-width:576px){body .xs\:flex-1{-ms-flex:1 1 auto} } @media(-ms-high-contrast:none) and (min-width:768px),(-ms-high-contrast:active) and (min-width:768px){body .sm\:flex-1{-ms-flex:1 1 auto} } @media(-ms-high-contrast:none) and (min-width:992px),(-ms-high-contrast:active) and (min-width:992px){body .md\:flex-1{-ms-flex:1 1 auto} } @media(-ms-high-contrast:none) and (min-width:1140px),(-ms-high-contrast:active) and (min-width:1140px){body .lg\:flex-1{-ms-flex:1 1 auto} } @media(-ms-high-contrast:none) and (min-width:1460px),(-ms-high-contrast:active) and (min-width:1460px){body .xl\:flex-1{-ms-flex:1 1 auto} } .storeSearchResult .slick-slide{cursor:default} @media(min-width:992px){.storeSearchResult .productCTAwrap{display:none} .storeSearchResult .slick-slide:hover .productCTAwrapShow{display:block} } .storeSearchResult .slick-track{display:flex !important} .storeSearchResult .slick-slide{height:inherit !important;display:flex !important} @media(min-width:768px){.storeSearchResult .slick-prev{left:-12px} .storeSearchResult .slick-next{right:-14px} } @media(min-width:1140px){.storeSearchResult .slick-prev{left:-22px;width:30px;height:30px;background-image:url("data:image/svg+xml;charset=utf8,%3C?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3E%3C!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='30px'%20height='30px'%20viewBox='0%200%2030%2030'%20enable-background='new%200%200%2041%2041'%20xml:space='preserve'%3E%3Cimage%20id='image0'%20width='30'%20height='30'%20x='0'%20y='0'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAAAAACNC18qAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%20AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ%20cwAAAGAAAABgAPBrQs8AAAAHdElNRQfjAQ8UHyGjG+8GAAAASUlEQVQ4y2NgGAWjgDQg4MVEnEKx%20y/99iFV4WZAYhRLX/18SHeQKGU7/RwfIskSGHRqQJNr2gVdKdGySkEIYGAR9yAu5UTA8AQDq7DMk%20wgTv/wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMS0xNlQwMzozMTozMy0wNzowMOjEmNsAAAAl%20dEVYdGRhdGU6bW9kaWZ5ADIwMTktMDEtMTZUMDM6MzE6MzMtMDc6MDCZmSBnAAAAAElFTkSuQmCC'%20/%3E%3C/svg%3E")} .storeSearchResult .slick-next{right:-24px;width:30px;height:30px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20width='30'%20height='30'%20viewBox='0%200%2041%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='41'%20height='41'%20fill='black'/%3E%3Cpath%20d='M29.7071%2020.7071C30.0976%2020.3166%2030.0976%2019.6834%2029.7071%2019.2929L23.3431%2012.9289C22.9526%2012.5384%2022.3195%2012.5384%2021.9289%2012.9289C21.5384%2013.3195%2021.5384%2013.9526%2021.9289%2014.3431L27.5858%2020L21.9289%2025.6569C21.5384%2026.0474%2021.5384%2026.6805%2021.9289%2027.0711C22.3195%2027.4616%2022.9526%2027.4616%2023.3431%2027.0711L29.7071%2020.7071ZM12%2021H29V19H12V21Z'%20fill='white'/%3E%3C/svg%3E")} } @media(min-width:1460px){.storeSearchResult .slick-prev{left:-22px;width:30px;height:30px} .storeSearchResult .slick-next{right:-23px;width:30px;height:30px} } .storeSearchResult .slick-prev{min-height:auto} .storeSearchResult .slick-next{min-height:auto} @media(min-width:992px){.quickViewSlider .slick-next,.quickViewSlider .slick-prev{width:40px;height:40px} .quickViewSlider .slick-next{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='22'%20height='42'%20viewBox='0%200%2022%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1.47729'%20y='0.96875'%20width='28.5973'%20height='1.42987'%20transform='rotate(45%201.47729%200.96875)'%20fill='%23C4C4C4'/%3e%3crect%20x='21.6992'%20y='21.2832'%20width='28.5973'%20height='1.42987'%20transform='rotate(135%2021.6992%2021.2832)'%20fill='%23C4C4C4'/%3e%3c/svg%3e");right:-38px} .quickViewSlider .slick-prev{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='22'%20height='42'%20viewBox='0%200%2022%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='20.6882'%20y='41.5045'%20width='28.5973'%20height='1.42987'%20transform='rotate(-135%2020.6882%2041.5045)'%20fill='%23C4C4C4'/%3e%3crect%20x='0.466248'%20y='21.1901'%20width='28.5973'%20height='1.42987'%20transform='rotate(-45%200.466248%2021.1901)'%20fill='%23C4C4C4'/%3e%3c/svg%3e");left:-20px} } .expand-h-full .product-card{height:auto} .product-card{height:100%} @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.flex.flex-col.img-h-fix>div{flex:0 0 auto} } .equal-cal-flex-item{display:flex;flex-direction:column} .equal-cal-flex-item>.product-card{margin-top:auto;height:auto} .equal-cal-flex-item>.product-card .row{padding:0} .equal-cal-flex-item .text{flex:1} .equal-cal-flex-item .image{flex:1;height:300px} .equal-cal-flex-item .image img{height:100%} .equal-cal-flex-item>.button{margin-top:auto} @media(max-width:1460px){.equal-cal-flex-item>.product-card .row .btn{padding-right:1.25rem;padding-left:1.25rem} } .active .contain-arrow-t::after{content:"";width:0;height:0;border-left:5rem solid transparent;border-right:5rem solid transparent;border-bottom:2.5rem solid #f2f3f3;position:absolute;bottom:0} .active .contain-arrow-t.center::after{-webkit-transform:translateX(-50%);transform:translateX(-50%)} .wd-table-odd table thead tr th{font-weight:inherit;padding-left:.25rem;padding-right:.25rem} .wd-table-odd table tbody tr td{padding-top:1rem;padding-bottom:1rem;padding-left:.25rem;padding-right:.25rem} .wd-table-odd table tbody tr:nth-child(odd){background-color:#f2f3f3} #vvc-color-FFFFFF span{border:1px solid #e2e2e2} .img-grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)} .img-grayscale:hover{-webkit-filter:grayscale(0);filter:none} h1.theme1{font-size:3.55556em;line-height:1;letter-spacing:-0.5px} h2.theme1{font-size:1.88889em} h3.theme1{font-size:1.66667em} h4.theme1{font-size:1em} @media(min-width:768px){h1.theme1{font-size:5.55556em} h2.theme1{font-size:2.77778em} h3.theme1{font-size:1.38889em} } @media(min-width:992px){h1.theme1{font-size:7.22222em} h2.theme1{font-size:66px;font-size:3.66667em} h3.theme1{font-size:30px;font-size:1.66667em} h4.theme1{font-size:18px;font-size:1em} } .productCarouselVideo .slick-dots{background:#000;text-align:left;padding-left:10px;padding-bottom:14px;position:relative;bottom:0} .productCarouselVideo .slick-dots li.slick-active button{background:#fff} .productCarouselVideo .slick-dots li button{background:#929a9d} .image-gallery-thumb{height:177px;width:100%} @media(min-width:576px){.image-gallery-thumb{height:231px} } @media(min-width:768px){.image-gallery-thumb{height:171px} } @media(min-width:992px){.image-gallery-thumb{height:178px} } @media(min-width:1140px){.image-gallery-thumb{height:210px} } @media(min-width:1460px){.image-gallery-thumb{height:277px} } .store-image-gallery .slick-slide img{display:block;margin:0 auto} .heroBannerCarousel.slick-dotted.slick-slider,.image-gallery-carousel.slick-dotted.slick-slider{margin-bottom:0} .slider.img-gallery-anchor{height:0;visibility:hidden} .slider.img-gallery-anchor.slick-initialized{height:auto;visibility:visible} .store-image-gallery-full-view .wd-modal{background-color:rgba(0,0,0,.88)} .full-img-gallery.slider{display:none;padding:64px 3px} .full-img-gallery.slider.slick-initialized{display:block} .full-img-gallery-details{width:82%} @media(min-width:768px){.full-img-gallery .slick-next{right:3px;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'width='44'height='44'viewBox='004444'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:%23c3c3c3;%7D.a%7Bstroke:%23707070;%7D.b%7Bclip-path:url(store-vue/css/%23a);%7D%3C/style%3E%3CclipPathid='a'%3E%3Crectclass='a'width='44'height='44'transform='translate(1350508)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cgclass='b'transform='translate(1394552)rotate(180)'%3E%3Cpathclass='c'd='M15.125,22,33,4.125V0L11,22,33,44V39.875Z'transform='translate(1350508)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;width:41px;height:41px} .full-img-gallery .slick-prev{left:3px;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'width='44'height='44'viewBox='004444'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:%23c3c3c3;%7D.a%7Bstroke:%23707070;%7D.b%7Bclip-path:url(store-vue/css/%23a);%7D%3C/style%3E%3CclipPathid='a'%3E%3Crectclass='a'width='44'height='44'transform='translate(1350508)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cgclass='b'transform='translate(1394552)rotate(180)'%3E%3Cpathclass='c'd='M15.125,22,33,4.125V0L11,22,33,44V39.875Z'transform='translate(1350508)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;width:41px;height:41px;-webkit-transform:rotate(180deg);transform:rotate(180deg)} } .store-image-gallery .wd-modal .wd-modal-dialog{min-height:auto;height:50%;width:50%} .heroBannerCarousel .slick-dots,.image-gallery .store-carousel .slick-dots{bottom:1.5rem} .slick-dots li button{width:15px;height:15px;border:1px solid #f7f7f7} .carousel .slider.heroBannerCarousel ul.slick-dots{background-color:rgba(0,0,0,.7);bottom:0;padding:6px 0 16px 0} .carousel .slider.heroBannerCarousel ul.slick-dots li.slick-active button{background-color:#fff;border:0} .carousel .slider.heroBannerCarousel ul.slick-dots li button{background:#c4c4c4;border:0} .carousel .slider.heroBannerCarousel ul.slick-dots li:hover{background:0} .carousel .slider.promo-carousel{height:0;visibility:hidden} .carousel .slider.promo-carousel.slick-initialized{height:auto;visibility:visible} .carousel .slider.promo-carousel .slick-prev{content:"";background-image:url("data:image/svg+xml,%3Csvg%20width='18'%20height='13'%20viewBox='0%200%2013%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%201L6.5%206L1%201'%20stroke='white'%20stroke-width='2'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center center;width:40px;height:40px;margin-right:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0;left:-16px;opacity:.4} .carousel .slider.promo-carousel .slick-next{content:"";background-image:url("data:image/svg+xml,%3Csvg%20width='18'%20height='13'%20viewBox='0%200%2013%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%201L6.5%206L1%201'%20stroke='white'%20stroke-width='2'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;width:40px;height:40px;margin-right:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:0;right:-16px;background-position:center center;opacity:.4} .carousel .slider.promo-carousel .slick-prev:hover,.carousel .slider.promo-carousel .slick-next:hover{opacity:1} .carousel .slider.promo-carousel .slick-current.slick-active{cursor:default} .carousel .slider.promo-carousel .slick-current.slick-active section{margin:0 24px} .carousel .slider.promo-carousel .slick-slide{opacity:.25} .carousel .slider.promo-carousel .slick-slide.slick-active{opacity:1 !important;transition:opacity .4s ease-in-out !important} .carousel .slider.promo-carousel .slick-slide.slick-cloned{opacity:.25} .aem-AuthorLayer-Edit .carousel .slider.promo-carousel{height:auto;visibility:visible} .store-carousel .store-carousel-slide ul.slick-dots{background-color:rgba(0,0,0,.7);bottom:0;padding:6px 0 16px 0} .store-carousel .store-carousel-slide ul.slick-dots li.slick-active button{background-color:#fff;border:0} .store-carousel .store-carousel-slide ul.slick-dots li button{background:#c4c4c4;border:0} .store-carousel .store-carousel-slide ul.slick-dots li:hover{background:0} .potential-promotion-item{margin-bottom:1px} @media(min-width:768px){.tab-border-l::after{content:"";display:block;border-left:1px solid #ccc;height:28px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} } .aem-AuthorLayer-Edit .tabview-box{display:none !important} .boxView>.accordion-text .accordion-box .accordion-title{width:100%;padding:1rem 10px;margin-bottom:0;border:1px solid #737779;border-left:0} .boxView>.accordion-text .accordion-box .accordion-title svg{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px} .boxView>.accordion-text .accordion-box .accordion-content{margin-left:-8px} .boxView>.accordion-text .accordion-box .accordion-content>.mb-6{margin-bottom:0} a:focus.backToContant{height:auto;overflow:visible;margin-top:1.25rem;outline:5px auto -webkit-focus-ring-color;transition:top .1s ease-in;padding:2px 5px} a.backToContant{position:absolute;right:0;color:#0072ef;height:0;overflow:hidden;font-size:.875rem;font-weight:700;z-index:100;bottom:-12px;transition:top 1s ease-out} .disclosures li{margin-bottom:1rem;position:relative} .disclosures-v1{line-height:26px;font-size:.875rem;padding-left:.25rem} .disclosures-v1 ol{padding-left:1rem} .disclosures-v1 ol li{margin-bottom:0} .disclosures-v1 ol+p{margin-top:20px} .grecaptcha-badge{visibility:hidden} section[dir=ltr] .dropdownSelectOption .caret-icon{right:0;left:auto} section[dir=rtl] .dropdownSelectOption .caret-icon{right:auto;left:0} section[dir=rtl] .dropdownSelectOption .selectedOption>a>img{margin-left:8px;margin-right:0} section[dir=rtl].region-selection-bar .dropdownSelectOption+a.btn{margin-left:0;margin-right:16px} .onOffBtn.button{position:relative;top:50%;width:74px;height:36px;margin:-4px auto 0 auto;overflow:hidden} .onOffBtn .checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3} .onOffBtn .knobs{z-index:2} .onOffBtn .layer{width:100%;background-color:#ebf7fc;transition:.3s ease all;z-index:1} .onOffBtn .knobs:before{content:"ON";position:absolute;top:3px;left:40px;width:30px;height:29px;color:#fff;font-size:10px;font-weight:bold;text-align:center;line-height:1;padding:9px 4px;background-color:#03a9f4;border-radius:50%;transition:.3s cubic-bezier(.18,.89,.35,1.15) all} .onOffBtn .checkbox:checked+.knobs:before{content:"OFF";left:4px;background-color:#ccc} .onOffBtn .checkbox:checked ~ .layer{background-color:#f1f1f1} .onOffBtn .knobs,.onOffBtn .knobs:before,.onOffBtn .layer{transition:.3s ease all} body.wd header .brand-logo-list li{margin-right:0;margin-left:0} body.wd header .brand-logo-list li .brand-SanDisk,body.wd header .brand-logo-list li .brand-g-technology{display:none} body.wd header .brand-logo-list li .brand-wd svg path:first-of-type{fill:#ff8600} body.sandisk header .brand-logo-list li{margin-right:0;margin-left:0} body.sandisk header .brand-logo-list li .brand-wd,body.sandisk header .brand-logo-list li .brand-g-technology{display:none} body.sandisk header .brand-logo-list li .brand-SanDisk svg path{fill:#ed1c24} body.g-technology header .brand-logo-list li{margin-right:0;margin-left:0} body.g-technology header .brand-logo-list li .brand-SanDisk,body.g-technology header .brand-logo-list li .brand-wd{display:none} body.g-technology header .brand-logo-list li .brand-g-technology svg path{fill:#17214a} .spinPopUpModal .wd-modal-dialog{top:-800px;transition:top .5s;position:relative} .spinPopUpModal.spinModalOpen .wd-modal-dialog{top:0} @media(max-width:420px){canvas.fortuneCanvas{width:320px} } .product-filter button[disabled=disabled],button[disabled=disabled].btn-disabled{background:#ddd;border-color:#ddd;color:#afafaf;cursor:default} @media(max-width:992px){.find-your-drive .modal-body{padding:24px} } .accordianText-showless{position:relative} .accordianText-showless .accordianText-content{overflow:hidden;transition:all linear .3s;-webkit-transition:all linear .3s} .accordianText-showless .accordianText-trigger{background:#cdcdcd} .product-details-v1 .digital-commerce-attributes>.active p,.product-details-v1 .digital-commerce-attributes>.active ul{line-height:28px} @media(min-width:768px){.product-details-v1 .digital-commerce-attributes>.active .inheritPara{display:flex;flex-wrap:wrap;width:100%;margin:0 -24px -48px} .product-details-v1 .digital-commerce-attributes>.active .inheritPara p,.product-details-v1 .digital-commerce-attributes>.active .inheritPara ul,.product-details-v1 .digital-commerce-attributes>.active .inheritPara div{width:33%;margin-bottom:3rem;line-height:28px;padding:0 24px} .product-details-v1 .digital-commerce-attributes>.active .inheritPara ul{padding-left:2.5rem;width:100%} } .bg-even-odd .target-even-odd:nth-of-type(odd){background-color:#f8f8f8} .bg-even-odd .target-even-odd:nth-of-type(even){background-color:rbga(0,0,0,.49)} .vertical-carousel .slick-prev{left:50%;-webkit-transform:translate(-50%,0) rotate(90deg);transform:translate(-50%,0) rotate(90deg);position:absolute;top:0} .vertical-carousel .slick-next{left:50%;-webkit-transform:translate(-50%,0) rotate(90deg);transform:translate(-50%,0) rotate(90deg);position:absolute;bottom:0 !important;top:auto} .vertical-product-slider-nav .slick-track button{background-color:#f7f7f7;margin:8px 0;outline-offset:-3px} .vertical-product-slider-nav .slick-track{margin:-8px 0} @media only screen and (max-width:767px){.vertical-product-slider-nav .slick-track button{margin:0 5px} .vertical-product-slider-nav .slick-track{margin:0 -5px} .hideDots .slick-dots{display:none !important} } .hideDots .product-slider-single .slick-active img{width:auto;height:90%} @media(min-width:768px){.hideDots .product-slider-single .slick-active img{width:80%;height:80%} } .hideDots .product-slider-single{height:100%;background:#f7f7f7;display:flex;align-items:center;margin-bottom:10px;padding:0} .product-img-carousel .vertical-carousel-single .slider{display:none} .product-img-carousel .vertical-carousel-single .slider.slick-initialized{display:flex} .product-img-carousel .vertical-carousel .slider{display:none} .product-img-carousel .vertical-carousel .slider.slick-initialized{display:block} @media(max-width:767px){.product-img-carousel .slider{padding:0} } .vertical-carousel-single .slider div img{height:100%} .vertical-carousel-single .slider{width:100%;height:360px} .vertical-carousel-single .slider div{height:360px} .vertical-carousel-single .vc-featuredAssets .product-bg-image,.vertical-carousel-single .video-in-carousel .product-bg-image{background-position:center center;background-size:cover;background-repeat:no-repeat;height:360px} @media(min-width:768px){.vertical-carousel-single .vc-featuredAssets .product-bg-image,.vertical-carousel-single .video-in-carousel .product-bg-image{height:619px} } @media(min-width:768px){.product-img-carousel .slider{width:100%;height:413px} .vertical-carousel-single .slider div,.vertical-carousel .slider div{max-height:413px;height:auto} .vertical-carousel-single{width:80%} .vertical-carousel{width:20%} } @media(min-width:992px){.product-img-carousel .slider{width:100%;height:481px} .vertical-carousel-single .slider div,.vertical-carousel .slider div{max-height:481px} .vertical-carousel-single{width:80%} .vertical-carousel{width:20%} } @media(min-width:1140px){.product-img-carousel .slider{width:100%;height:433px} .vertical-carousel-single .slider div,.vertical-carousel .slider div{max-height:433px} .vertical-carousel-single{width:85%} .vertical-carousel{width:15%} } @media(min-width:1464px){.product-img-carousel .slider{width:100%;height:557px} .vertical-carousel-single .slider div,.vertical-carousel .slider div{max-height:557px} .vertical-carousel-single{width:86%} .vertical-carousel{width:14%} } .vertical-carousel .slick-list{padding:0 30px 0 0 !important} @media(min-width:768px){.vertical-carousel .slick-list{padding:0 0 65px 0 !important} } .relatedItemWrap-v1 .slick-list{padding:0 30% 0 0 !important} @media(min-width:768px){.relatedItemWrap-v1 .slick-list{padding:0 5% 0 0 !important} } .relatedItemWrap-v1 .slick-track .slick-slide{outline-offset:-3px;padding:6px} .video-in-carousel.play-btn:after{border-bottom:2rem solid transparent;border-left:3rem solid #fff;border-top:2rem solid transparent;-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));filter:drop-shadow(0 1px 4px rgba(0,0,0,.2))} .vertical-carousel-single .vc-featuredAssets{cursor:default} .vertical-carousel-single .vc-featuredAssets.slick-active:focus{border:0} .product-details-accordion .accordion-box>h2{display:none} .product-bv .bv-cv2-cleanslate .bv-core-container-51 .bv-content-search .bv-masthead .bv-masthead-product .bv-stars-container,.product-bv .bv-cv2-cleanslate .bv-core-container-51 .bv-content-search .bv-masthead .bv-masthead-product,.bv-cv2-cleanslate .bv-core-container-51 .bv-generic-submission .bv-masthead .bv-masthead-product{padding-top:0 !important} .product-banner .content-listing span a{font-size:18px} .content-cta-section a:last-child{margin-bottom:0} .category-cta-layer:hover:before{content:"";width:100%;height:100%;background-color:rgba(255,255,255,.9);opacity:1;position:absolute;z-index:1;left:0} .LMore{opacity:0;left:0;top:30%;right:0;margin:0 auto} .VProducts{opacity:0;left:0;top:50%;right:0;margin:0 auto} .category-cta-layer:hover .LMore,.LMore:focus{opacity:1;left:0;top:30%;right:0;margin:0 auto} .category-cta-layer:hover .VProducts,.VProducts:focus{opacity:1;left:0;top:50%;right:0;margin:0 auto} .store-form .input .form-group input[type=text].disabledField{border-color:#c3c3c3 !important;color:#c3c3c3} input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{opacity:0} input[type=date]:before,input[type=date]:before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20enable-background='new%200%200%2024%2024'%20height='24px'%20viewBox='0%200%2024%2024'%20width='24px'%20fill='%23000000'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'/%3E%3C/g%3E%3Cg%3E%3Cpath%20d='M19,4h-1V2h-2v2H8V2H6v2H5C3.89,4,3.01,4.9,3.01,6L3,20c0,1.1,0.89,2,2,2h14c1.1,0,2-0.9,2-2V6C21,4.9,20.1,4,19,4z%20M19,20%20H5V10h14V20z%20M9,14H7v-2h2V14z%20M13,14h-2v-2h2V14z%20M17,14h-2v-2h2V14z%20M9,18H7v-2h2V18z%20M13,18h-2v-2h2V18z%20M17,18h-2v-2h2V18z'/%3E%3C/g%3E%3C/svg%3E");position:absolute;right:16px;width:24px;height:24px} .searchSummaryViewInput{width:0;opacity:0;display:none;transition:all .1s ease-in-out;box-shadow:0 1px 4px rgba(0,0,0,.29);padding:1rem;padding-left:3rem;padding-right:6rem} .searchSummaryViewInput ~ .btn-search{position:absolute;z-index:10;right:16px} .searchSummaryViewInput.search-expanded{width:495px;opacity:1;display:block} .searchSummaryViewInput.search-expanded ~ .btn-search{left:16px;right:auto} .searchSummaryViewInput ~ .search-collapse{display:none} .searchSummaryViewInput.search-expanded ~ .search-collapse{display:block;position:absolute;right:16px;top:18px} #searchSummaryView .searchSummaryViewInput ~ .ui-autocomplete{top:50px;box-shadow:0 5px 4px 0 rgba(0,0,0,.29)} .searchSummaryViewInput ~ .svClearInput{display:none} .searchSummaryViewInput.search-expanded ~ .svClearInput{display:block} @media(max-width:991px){.searchSummaryViewInput.search-expanded{position:fixed;width:100%;right:0;top:0} .searchSummaryViewInput ~ .btn-search{transition:all .1s ease-in-out;right:0;top:12px;margin-right:8px} .custSearchWrap .searchSummaryViewInput ~ .btn-search{right:-30px} .custSearchWrap .searchSummaryViewInput.search-expanded ~ .btn-search{right:auto} .searchSummaryViewInput.search-expanded ~ .btn-search{position:fixed;top:12px} .searchSummaryViewInput.search-expanded ~ .search-collapse{position:fixed;top:17px} #searchSummaryView .searchSummaryViewInput.search-expanded ~ .ui-autocomplete{position:fixed;left:0;border-top:1px solid #eee;top:50px} .searchSummaryViewInput.search-expanded ~ .ui-autocomplete:after{content:"";background:rgba(255,255,255,.9);position:fixed;width:100%;height:100%;left:0;z-index:-1} .searchSummaryViewInput.search-expanded ~ .svClearInput{position:fixed} #searchSummaryViewForm .ui-autocomplete{max-height:calc(100vh - 60px);overflow-y:scroll} } .change-indicator{content:"";background-color:#df001f;width:10px;height:10px;display:inline-block;border-radius:100%;top:-6px;position:relative;margin-right:2px;margin-left:2px} .b2b .profile-header-b2b:not(.login-flyout){background:#000 !important;color:#fff} .b2b .profile-header-b2b .login-flyout{color:#000} .b2b .profile-header-b2b .myAccountMenu{color:#fff;text-decoration:underline} .b2b .profile-header-b2b .brand-logo-list svg{fill:#fff} @media(max-width:991px){.b2b .profile-header-b2b .row.printAbsolute,.b2b .profile-header-b2b .row.printAbsolute>.cols-6 .bg-white,.b2b .profile-header-b2b .row.printAbsolute>.cols-6.bg-white,.b2b .profile-header-b2b .row.printAbsolute>.cols-1.bg-white,.b2b .profile-header-b2b .row.printAbsolute>.cols-5.bg-white{background-color:#000} .b2b .profile-header-b2b .row.printAbsolute>.cols-6.bg-white .hamburger-menu .bar,.b2b .profile-header-b2b .row.printAbsolute>.cols-6.bg-white .hamburger-menu .bar:before,.b2b .profile-header-b2b .row.printAbsolute>.cols-6.bg-white .hamburger-menu .bar:after{background-color:#fff} .b2b .profile-header-b2b .row.printAbsolute>.cols-6.bg-white svg.show-for-b2b{fill:#fff} .b2b .profile-header-b2b .row.printAbsolute>.cols-6 .header-main{border-bottom:0} .b2b .search-expanded ~ .btn-search-SummaryView{background-color:#fff} .b2b .search-expanded ~ .btn-search-SummaryView>svg{color:#000} .b2b .btn-search-SummaryView{background-color:#000} .b2b .btn-search-SummaryView>svg{color:#fff} .b2b .openLoginFlyout svg{fill:#fff} .b2b .newCartIcon>svg{fill:#fff} .b2b .profile-header-b2b .row.printAbsolute>.cols-6.bg-white .hamburger-menu .bar.animate{background:rgba(0,0,0,0)} } .updateCartData .cartShowCompleted,.updateCartData .cartSignInBar{position:relative;top:-56px;opacity:0;transition:all .5s ease;width:100%} .updateCartData .cartShowCompleted.miniCartAnimateBar,.updateCartData .cartSignInBar.miniCartAnimateBar{top:0;opacity:1} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} @media(min-width:576px){.xs\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .xs\:bg-transparent{background-color:transparent} .xs\:bg-currentColor{background-color:currentColor} .xs\:bg-black{background-color:#000} .xs\:bg-black-10{background-color:rgba(0,0,0,.1)} .xs\:bg-black-20{background-color:rgba(0,0,0,.2)} .xs\:bg-black-30{background-color:rgba(0,0,0,.3)} .xs\:bg-black-40{background-color:rgba(0,0,0,.4)} .xs\:bg-black-50{background-color:rgba(0,0,0,.5)} .xs\:bg-black-60{background-color:rgba(0,0,0,.6)} .xs\:bg-black-70{background-color:rgba(0,0,0,.7)} .xs\:bg-black-80{background-color:rgba(0,0,0,.8)} .xs\:bg-black-90{background-color:rgba(0,0,0,.9)} .xs\:bg-black-1{background-color:#313131} .xs\:bg-white{background-color:#fff} .xs\:bg-blue{background-color:#0072ef} .xs\:bg-dark-blue{background-color:#0064d1} .xs\:bg-darker-blue{background-color:#00588d} .xs\:bg-d-blue{background-color:#0069a8} .xs\:bg-blue-1{background-color:#17214a} .xs\:bg-light-blue{background-color:#f0f7fb} .xs\:bg-red{background-color:#cb001c} .xs\:bg-green{background-color:#33803b} .xs\:bg-green-lighter{background-color:#00800005} .xs\:bg-purple{background-color:#5a80d1} .xs\:bg-orange{background-color:#c45c00} .xs\:bg-sd-red{background-color:#ed1c24} .xs\:bg-grey{background-color:#929a9d} .xs\:bg-grey-light{background-color:#e6e6e6} .xs\:bg-grey-1{background-color:#f2f3f3} .xs\:bg-grey-2{background-color:#7f7f7f} .xs\:bg-grey-3{background-color:#6a6a6a} .xs\:bg-grey-4{background-color:#465052} .xs\:bg-grey-5{background-color:#737779} .xs\:bg-border-gray-light{background-color:#e1e1e1} .xs\:bg-gray{background-color:#929a9d} .xs\:bg-gray-light{background-color:#e1e1e1} .xs\:bg-gray-1{background-color:#f6f6f6} .xs\:bg-gray-2{background-color:#bbb} .xs\:bg-gray-3{background-color:#8a8a8a} .xs\:bg-gray-4{background-color:#6b6b6b} .xs\:bg-light-blue-1{background-color:#21b8de} .xs\:bg-dark-blue-1{background-color:#0277bd} .xs\:bg-dark-orange{background-color:#df8403} .xs\:bg-darker-orange{background-color:#aa5d00} .xs\:bg-g-blue{background-color:#17214a} .xs\:bg-g-blue-1{background-color:#556d88} .xs\:bg-g-blue-2{background-color:#3c4c65} .xs\:bg-g-blue-3{background-color:#222e4d} .xs\:bg-black-orange{background-color:#ff7012} .xs\:bg-light-blue-2{background-color:#f7fafd} .xs\:bg-light-blue-3{background-color:#b4d5f8} .xs\:hover\:bg-transparent:hover{background-color:transparent} .xs\:hover\:bg-currentColor:hover{background-color:currentColor} .xs\:hover\:bg-black:hover{background-color:#000} .xs\:hover\:bg-black-10:hover{background-color:rgba(0,0,0,.1)} .xs\:hover\:bg-black-20:hover{background-color:rgba(0,0,0,.2)} .xs\:hover\:bg-black-30:hover{background-color:rgba(0,0,0,.3)} .xs\:hover\:bg-black-40:hover{background-color:rgba(0,0,0,.4)} .xs\:hover\:bg-black-50:hover{background-color:rgba(0,0,0,.5)} .xs\:hover\:bg-black-60:hover{background-color:rgba(0,0,0,.6)} .xs\:hover\:bg-black-70:hover{background-color:rgba(0,0,0,.7)} .xs\:hover\:bg-black-80:hover{background-color:rgba(0,0,0,.8)} .xs\:hover\:bg-black-90:hover{background-color:rgba(0,0,0,.9)} .xs\:hover\:bg-black-1:hover{background-color:#313131} .xs\:hover\:bg-white:hover{background-color:#fff} .xs\:hover\:bg-blue:hover{background-color:#0072ef} .xs\:hover\:bg-dark-blue:hover{background-color:#0064d1} .xs\:hover\:bg-darker-blue:hover{background-color:#00588d} .xs\:hover\:bg-d-blue:hover{background-color:#0069a8} .xs\:hover\:bg-blue-1:hover{background-color:#17214a} .xs\:hover\:bg-light-blue:hover{background-color:#f0f7fb} .xs\:hover\:bg-red:hover{background-color:#cb001c} .xs\:hover\:bg-green:hover{background-color:#33803b} .xs\:hover\:bg-green-lighter:hover{background-color:#00800005} .xs\:hover\:bg-purple:hover{background-color:#5a80d1} .xs\:hover\:bg-orange:hover{background-color:#c45c00} .xs\:hover\:bg-sd-red:hover{background-color:#ed1c24} .xs\:hover\:bg-grey:hover{background-color:#929a9d} .xs\:hover\:bg-grey-light:hover{background-color:#e6e6e6} .xs\:hover\:bg-grey-1:hover{background-color:#f2f3f3} .xs\:hover\:bg-grey-2:hover{background-color:#7f7f7f} .xs\:hover\:bg-grey-3:hover{background-color:#6a6a6a} .xs\:hover\:bg-grey-4:hover{background-color:#465052} .xs\:hover\:bg-grey-5:hover{background-color:#737779} .xs\:hover\:bg-border-gray-light:hover{background-color:#e1e1e1} .xs\:hover\:bg-gray:hover{background-color:#929a9d} .xs\:hover\:bg-gray-light:hover{background-color:#e1e1e1} .xs\:hover\:bg-gray-1:hover{background-color:#f6f6f6} .xs\:hover\:bg-gray-2:hover{background-color:#bbb} .xs\:hover\:bg-gray-3:hover{background-color:#8a8a8a} .xs\:hover\:bg-gray-4:hover{background-color:#6b6b6b} .xs\:hover\:bg-light-blue-1:hover{background-color:#21b8de} .xs\:hover\:bg-dark-blue-1:hover{background-color:#0277bd} .xs\:hover\:bg-dark-orange:hover{background-color:#df8403} .xs\:hover\:bg-darker-orange:hover{background-color:#aa5d00} .xs\:hover\:bg-g-blue:hover{background-color:#17214a} .xs\:hover\:bg-g-blue-1:hover{background-color:#556d88} .xs\:hover\:bg-g-blue-2:hover{background-color:#3c4c65} .xs\:hover\:bg-g-blue-3:hover{background-color:#222e4d} .xs\:hover\:bg-black-orange:hover{background-color:#ff7012} .xs\:hover\:bg-light-blue-2:hover{background-color:#f7fafd} .xs\:hover\:bg-light-blue-3:hover{background-color:#b4d5f8} .xs\:bg-bottom{background-position:bottom} .xs\:bg-center{background-position:center} .xs\:bg-left{background-position:left} .xs\:bg-left-bottom{background-position:left bottom} .xs\:bg-left-top{background-position:left top} .xs\:bg-right{background-position:right} .xs\:bg-right-bottom{background-position:right bottom} .xs\:bg-right-top{background-position:right top} .xs\:bg-top{background-position:top} .xs\:rounded-none{border-radius:0} .xs\:rounded-sm{border-radius:.125rem} .xs\:rounded{border-radius:.25rem} .xs\:rounded-lg{border-radius:.5rem} .xs\:rounded-full{border-radius:9999px} .xs\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0} .xs\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0} .xs\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0} .xs\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0} .xs\:rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem} .xs\:rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem} .xs\:rounded-b-sm{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem} .xs\:rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem} .xs\:rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .xs\:rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .xs\:rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .xs\:rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .xs\:rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .xs\:rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem} .xs\:rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem} .xs\:rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem} .xs\:rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px} .xs\:rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px} .xs\:rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px} .xs\:rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px} .xs\:rounded-tl-none{border-top-left-radius:0} .xs\:rounded-tr-none{border-top-right-radius:0} .xs\:rounded-br-none{border-bottom-right-radius:0} .xs\:rounded-bl-none{border-bottom-left-radius:0} .xs\:rounded-tl-sm{border-top-left-radius:.125rem} .xs\:rounded-tr-sm{border-top-right-radius:.125rem} .xs\:rounded-br-sm{border-bottom-right-radius:.125rem} .xs\:rounded-bl-sm{border-bottom-left-radius:.125rem} .xs\:rounded-tl{border-top-left-radius:.25rem} .xs\:rounded-tr{border-top-right-radius:.25rem} .xs\:rounded-br{border-bottom-right-radius:.25rem} .xs\:rounded-bl{border-bottom-left-radius:.25rem} .xs\:rounded-tl-lg{border-top-left-radius:.5rem} .xs\:rounded-tr-lg{border-top-right-radius:.5rem} .xs\:rounded-br-lg{border-bottom-right-radius:.5rem} .xs\:rounded-bl-lg{border-bottom-left-radius:.5rem} .xs\:rounded-tl-full{border-top-left-radius:9999px} .xs\:rounded-tr-full{border-top-right-radius:9999px} .xs\:rounded-br-full{border-bottom-right-radius:9999px} .xs\:rounded-bl-full{border-bottom-left-radius:9999px} .xs\:border-solid{border-style:solid} .xs\:border-dashed{border-style:dashed} .xs\:border-dotted{border-style:dotted} .xs\:border-none{border-style:none} .xs\:border-0{border-width:0} .xs\:border-2{border-width:2px} .xs\:border-3{border-width:3px} .xs\:border-4{border-width:4px} .xs\:border-5{border-width:5px} .xs\:border-6{border-width:6px} .xs\:border-7{border-width:7px} .xs\:border-8{border-width:8px} .xs\:border-9{border-width:9px} .xs\:border-10{border-width:10px} .xs\:border{border-width:1px} .xs\:border-t-0{border-top-width:0} .xs\:border-r-0{border-right-width:0} .xs\:border-b-0{border-bottom-width:0} .xs\:border-l-0{border-left-width:0} .xs\:border-t-2{border-top-width:2px} .xs\:border-r-2{border-right-width:2px} .xs\:border-b-2{border-bottom-width:2px} .xs\:border-l-2{border-left-width:2px} .xs\:border-t-3{border-top-width:3px} .xs\:border-r-3{border-right-width:3px} .xs\:border-b-3{border-bottom-width:3px} .xs\:border-l-3{border-left-width:3px} .xs\:border-t-4{border-top-width:4px} .xs\:border-r-4{border-right-width:4px} .xs\:border-b-4{border-bottom-width:4px} .xs\:border-l-4{border-left-width:4px} .xs\:border-t-5{border-top-width:5px} .xs\:border-r-5{border-right-width:5px} .xs\:border-b-5{border-bottom-width:5px} .xs\:border-l-5{border-left-width:5px} .xs\:border-t-6{border-top-width:6px} .xs\:border-r-6{border-right-width:6px} .xs\:border-b-6{border-bottom-width:6px} .xs\:border-l-6{border-left-width:6px} .xs\:border-t-7{border-top-width:7px} .xs\:border-r-7{border-right-width:7px} .xs\:border-b-7{border-bottom-width:7px} .xs\:border-l-7{border-left-width:7px} .xs\:border-t-8{border-top-width:8px} .xs\:border-r-8{border-right-width:8px} .xs\:border-b-8{border-bottom-width:8px} .xs\:border-l-8{border-left-width:8px} .xs\:border-t-9{border-top-width:9px} .xs\:border-r-9{border-right-width:9px} .xs\:border-b-9{border-bottom-width:9px} .xs\:border-l-9{border-left-width:9px} .xs\:border-t-10{border-top-width:10px} .xs\:border-r-10{border-right-width:10px} .xs\:border-b-10{border-bottom-width:10px} .xs\:border-l-10{border-left-width:10px} .xs\:border-t{border-top-width:1px} .xs\:border-r{border-right-width:1px} .xs\:border-b{border-bottom-width:1px} .xs\:border-l{border-left-width:1px} .xs\:block{display:block} .xs\:inline-block{display:inline-block} .xs\:inline{display:inline} .xs\:table{display:table} .xs\:table-row{display:table-row} .xs\:table-cell{display:table-cell} .xs\:hidden{display:none} .xs\:flex{display:flex} .xs\:inline-flex{display:inline-flex} .xs\:flex-row{flex-direction:row} .xs\:flex-row-reverse{flex-direction:row-reverse} .xs\:flex-col{flex-direction:column} .xs\:flex-col-reverse{flex-direction:column-reverse} .xs\:flex-wrap{flex-wrap:wrap} .xs\:flex-wrap-reverse{flex-wrap:wrap-reverse} .xs\:flex-no-wrap{flex-wrap:nowrap} .xs\:items-start{align-items:flex-start} .xs\:items-end{align-items:flex-end} .xs\:items-center{align-items:center} .xs\:items-baseline{align-items:baseline} .xs\:items-stretch{align-items:stretch} .xs\:self-auto{align-self:auto} .xs\:self-start{align-self:flex-start} .xs\:self-end{align-self:flex-end} .xs\:self-center{align-self:center} .xs\:self-stretch{align-self:stretch} .xs\:justify-start{justify-content:flex-start} .xs\:justify-end{justify-content:flex-end} .xs\:justify-center{justify-content:center} .xs\:justify-between{justify-content:space-between} .xs\:justify-around{justify-content:space-around} .xs\:content-center{align-content:center} .xs\:content-start{align-content:flex-start} .xs\:content-end{align-content:flex-end} .xs\:content-between{align-content:space-between} .xs\:content-around{align-content:space-around} .xs\:flex-1{flex:1} .xs\:flex-auto{flex:auto} .xs\:flex-initial{flex:initial} .xs\:flex-none{flex:none} .xs\:flex-grow{flex-grow:1} .xs\:flex-shrink{flex-shrink:1} .xs\:flex-no-grow{flex-grow:0} .xs\:flex-no-shrink{flex-shrink:0} .xs\:float-right{float:right} .xs\:float-left{float:left} .xs\:float-none{float:none} .xs\:clearfix:after{content:"";display:table;clear:both} .xs\:font-light{font-weight:300} .xs\:font-normal{font-weight:400} .xs\:font-medium{font-weight:500} .xs\:font-semibold{font-weight:600} .xs\:font-bold{font-weight:700} .xs\:hover\:font-light:hover{font-weight:300} .xs\:hover\:font-normal:hover{font-weight:400} .xs\:hover\:font-medium:hover{font-weight:500} .xs\:hover\:font-semibold:hover{font-weight:600} .xs\:hover\:font-bold:hover{font-weight:700} .xs\:h-0{height:0} .xs\:h-1{height:.25rem} .xs\:h-2{height:.5rem} .xs\:h-3{height:.75rem} .xs\:h-4{height:1rem} .xs\:h-5{height:1.25rem} .xs\:h-6{height:1.5rem} .xs\:h-7{height:1.75rem} .xs\:h-8{height:2rem} .xs\:h-9{height:2.25rem} .xs\:h-10{height:2.5rem} .xs\:h-12{height:3rem} .xs\:h-14{height:3.5rem} .xs\:h-16{height:4rem} .xs\:h-18{height:4.5rem} .xs\:h-24{height:6rem} .xs\:h-32{height:8rem} .xs\:h-48{height:12rem} .xs\:h-64{height:16rem} .xs\:h-auto{height:auto} .xs\:h-px{height:1px} .xs\:h-2px{height:2px} .xs\:h-42px{height:2.625rem} .xs\:h-50px{height:50px} .xs\:h-100px{height:100px} .xs\:h-125px{height:125px} .xs\:h-150px{height:150px} .xs\:h-175px{height:175px} .xs\:h-200px{height:200px} .xs\:h-225px{height:225px} .xs\:h-250px{height:250px} .xs\:h-275px{height:275px} .xs\:h-300px{height:300px} .xs\:h-325px{height:325px} .xs\:h-350px{height:350px} .xs\:h-375px{height:375px} .xs\:h-400px{height:400px} .xs\:h-500px{height:500px} .xs\:h-576px{height:576px} .xs\:h-600px{height:600px} .xs\:h-half{height:50%} .xs\:h-full{height:100%} .xs\:m-0{margin:0} .xs\:m-1{margin:.25rem} .xs\:m-2{margin:.5rem} .xs\:m-3{margin:.75rem} .xs\:m-4{margin:1rem} .xs\:m-5{margin:1.25rem} .xs\:m-6{margin:1.5rem} .xs\:m-7{margin:1.75rem} .xs\:m-8{margin:2rem} .xs\:m-9{margin:2.25rem} .xs\:m-10{margin:2.5rem} .xs\:m-12{margin:3rem} .xs\:m-16{margin:4rem} .xs\:m-20{margin:5rem} .xs\:m-24{margin:6rem} .xs\:m-28{margin:7rem} .xs\:m-auto{margin:auto} .xs\:m-px{margin:1px} .xs\:my-0{margin-top:0;margin-bottom:0} .xs\:mx-0{margin-left:0;margin-right:0} .xs\:my-1{margin-top:.25rem;margin-bottom:.25rem} .xs\:mx-1{margin-left:.25rem;margin-right:.25rem} .xs\:my-2{margin-top:.5rem;margin-bottom:.5rem} .xs\:mx-2{margin-left:.5rem;margin-right:.5rem} .xs\:my-3{margin-top:.75rem;margin-bottom:.75rem} .xs\:mx-3{margin-left:.75rem;margin-right:.75rem} .xs\:my-4{margin-top:1rem;margin-bottom:1rem} .xs\:mx-4{margin-left:1rem;margin-right:1rem} .xs\:my-5{margin-top:1.25rem;margin-bottom:1.25rem} .xs\:mx-5{margin-left:1.25rem;margin-right:1.25rem} .xs\:my-6{margin-top:1.5rem;margin-bottom:1.5rem} .xs\:mx-6{margin-left:1.5rem;margin-right:1.5rem} .xs\:my-7{margin-top:1.75rem;margin-bottom:1.75rem} .xs\:mx-7{margin-left:1.75rem;margin-right:1.75rem} .xs\:my-8{margin-top:2rem;margin-bottom:2rem} .xs\:mx-8{margin-left:2rem;margin-right:2rem} .xs\:my-9{margin-top:2.25rem;margin-bottom:2.25rem} .xs\:mx-9{margin-left:2.25rem;margin-right:2.25rem} .xs\:my-10{margin-top:2.5rem;margin-bottom:2.5rem} .xs\:mx-10{margin-left:2.5rem;margin-right:2.5rem} .xs\:my-12{margin-top:3rem;margin-bottom:3rem} .xs\:mx-12{margin-left:3rem;margin-right:3rem} .xs\:my-16{margin-top:4rem;margin-bottom:4rem} .xs\:mx-16{margin-left:4rem;margin-right:4rem} .xs\:my-20{margin-top:5rem;margin-bottom:5rem} .xs\:mx-20{margin-left:5rem;margin-right:5rem} .xs\:my-24{margin-top:6rem;margin-bottom:6rem} .xs\:mx-24{margin-left:6rem;margin-right:6rem} .xs\:my-28{margin-top:7rem;margin-bottom:7rem} .xs\:mx-28{margin-left:7rem;margin-right:7rem} .xs\:my-auto{margin-top:auto;margin-bottom:auto} .xs\:mx-auto{margin-left:auto;margin-right:auto} .xs\:my-px{margin-top:1px;margin-bottom:1px} .xs\:mx-px{margin-left:1px;margin-right:1px} .xs\:mt-0{margin-top:0} .xs\:mr-0{margin-right:0} .xs\:mb-0{margin-bottom:0} .xs\:ml-0{margin-left:0} .xs\:mt-1{margin-top:.25rem} .xs\:mr-1{margin-right:.25rem} .xs\:mb-1{margin-bottom:.25rem} .xs\:ml-1{margin-left:.25rem} .xs\:mt-2{margin-top:.5rem} .xs\:mr-2{margin-right:.5rem} .xs\:mb-2{margin-bottom:.5rem} .xs\:ml-2{margin-left:.5rem} .xs\:mt-3{margin-top:.75rem} .xs\:mr-3{margin-right:.75rem} .xs\:mb-3{margin-bottom:.75rem} .xs\:ml-3{margin-left:.75rem} .xs\:mt-4{margin-top:1rem} .xs\:mr-4{margin-right:1rem} .xs\:mb-4{margin-bottom:1rem} .xs\:ml-4{margin-left:1rem} .xs\:mt-5{margin-top:1.25rem} .xs\:mr-5{margin-right:1.25rem} .xs\:mb-5{margin-bottom:1.25rem} .xs\:ml-5{margin-left:1.25rem} .xs\:mt-6{margin-top:1.5rem} .xs\:mr-6{margin-right:1.5rem} .xs\:mb-6{margin-bottom:1.5rem} .xs\:ml-6{margin-left:1.5rem} .xs\:mt-7{margin-top:1.75rem} .xs\:mr-7{margin-right:1.75rem} .xs\:mb-7{margin-bottom:1.75rem} .xs\:ml-7{margin-left:1.75rem} .xs\:mt-8{margin-top:2rem} .xs\:mr-8{margin-right:2rem} .xs\:mb-8{margin-bottom:2rem} .xs\:ml-8{margin-left:2rem} .xs\:mt-9{margin-top:2.25rem} .xs\:mr-9{margin-right:2.25rem} .xs\:mb-9{margin-bottom:2.25rem} .xs\:ml-9{margin-left:2.25rem} .xs\:mt-10{margin-top:2.5rem} .xs\:mr-10{margin-right:2.5rem} .xs\:mb-10{margin-bottom:2.5rem} .xs\:ml-10{margin-left:2.5rem} .xs\:mt-12{margin-top:3rem} .xs\:mr-12{margin-right:3rem} .xs\:mb-12{margin-bottom:3rem} .xs\:ml-12{margin-left:3rem} .xs\:mt-16{margin-top:4rem} .xs\:mr-16{margin-right:4rem} .xs\:mb-16{margin-bottom:4rem} .xs\:ml-16{margin-left:4rem} .xs\:mt-20{margin-top:5rem} .xs\:mr-20{margin-right:5rem} .xs\:mb-20{margin-bottom:5rem} .xs\:ml-20{margin-left:5rem} .xs\:mt-24{margin-top:6rem} .xs\:mr-24{margin-right:6rem} .xs\:mb-24{margin-bottom:6rem} .xs\:ml-24{margin-left:6rem} .xs\:mt-28{margin-top:7rem} .xs\:mr-28{margin-right:7rem} .xs\:mb-28{margin-bottom:7rem} .xs\:ml-28{margin-left:7rem} .xs\:mt-auto{margin-top:auto} .xs\:mr-auto{margin-right:auto} .xs\:mb-auto{margin-bottom:auto} .xs\:ml-auto{margin-left:auto} .xs\:mt-px{margin-top:1px} .xs\:mr-px{margin-right:1px} .xs\:mb-px{margin-bottom:1px} .xs\:ml-px{margin-left:1px} .xs\:max-h-0{max-height:0} .xs\:max-h-1{max-height:.25rem} .xs\:max-h-2{max-height:.5rem} .xs\:max-h-3{max-height:.75rem} .xs\:max-h-4{max-height:1rem} .xs\:max-h-5{max-height:1.25rem} .xs\:max-h-6{max-height:1.5rem} .xs\:max-h-7{max-height:1.75rem} .xs\:max-h-8{max-height:2rem} .xs\:max-h-9{max-height:2.25rem} .xs\:max-h-10{max-height:2.5rem} .xs\:max-h-12{max-height:3rem} .xs\:max-h-14{max-height:3.5rem} .xs\:max-h-16{max-height:4rem} .xs\:max-h-600{max-height:600px} .xs\:max-h-700{max-height:700px} .xs\:max-h-unset{max-height:unset} .xs\:max-h-none{max-height:none} .xs\:max-h-px{max-height:1px} .xs\:max-h-2px{max-height:2px} .xs\:max-h-100px{max-height:100px} .xs\:max-h-125px{max-height:125px} .xs\:max-h-150px{max-height:150px} .xs\:max-h-175px{max-height:175px} .xs\:max-h-200px{max-height:200px} .xs\:max-h-225px{max-height:225px} .xs\:max-h-250px{max-height:250px} .xs\:max-h-275px{max-height:275px} .xs\:max-h-300px{max-height:300px} .xs\:max-h-325px{max-height:325px} .xs\:max-h-350px{max-height:350px} .xs\:max-h-375px{max-height:375px} .xs\:max-h-400px{max-height:400px} .xs\:max-h-450px{max-height:450px} .xs\:max-h-475px{max-height:475px} .xs\:max-h-500px{max-height:500px} .xs\:max-h-768px{max-height:768px} .xs\:max-h-800px{max-height:800px} .xs\:max-h-900px{max-height:900px} .xs\:max-h-half{max-height:50%} .xs\:max-h-full{max-height:100%} .xs\:max-w-0{max-width:0} .xs\:max-w-1{max-width:.25rem} .xs\:max-w-2{max-width:.5rem} .xs\:max-w-3{max-width:.75rem} .xs\:max-w-4{max-width:1rem} .xs\:max-w-5{max-width:1.25rem} .xs\:max-w-6{max-width:1.5rem} .xs\:max-w-7{max-width:1.75rem} .xs\:max-w-8{max-width:2rem} .xs\:max-w-9{max-width:2.25rem} .xs\:max-w-10{max-width:2.5rem} .xs\:max-w-12{max-width:3rem} .xs\:max-w-14{max-width:3.5rem} .xs\:max-w-16{max-width:4rem} .xs\:max-w-600{max-width:600px} .xs\:max-w-700{max-width:700px} .xs\:max-w-none{max-width:none} .xs\:max-w-px{max-width:1px} .xs\:max-w-2px{max-width:2px} .xs\:max-w-100px{max-width:100px} .xs\:max-w-125px{max-width:125px} .xs\:max-w-150px{max-width:150px} .xs\:max-w-175px{max-width:175px} .xs\:max-w-200px{max-width:200px} .xs\:max-w-225px{max-width:225px} .xs\:max-w-250px{max-width:250px} .xs\:max-w-275px{max-width:275px} .xs\:max-w-300px{max-width:300px} .xs\:max-w-325px{max-width:325px} .xs\:max-w-350px{max-width:350px} .xs\:max-w-375px{max-width:375px} .xs\:max-w-400px{max-width:400px} .xs\:max-w-450px{max-width:450px} .xs\:max-w-475px{max-width:475px} .xs\:max-w-500px{max-width:500px} .xs\:max-w-768px{max-width:768px} .xs\:max-w-800px{max-width:800px} .xs\:max-w-900px{max-width:900px} .xs\:max-w-992px{max-width:992px} .xs\:max-w-1000px{max-width:1000px} .xs\:max-w-1140px{max-width:1140px} .xs\:max-w-1200px{max-width:1200px} .xs\:max-w-half{max-width:50%} .xs\:max-w-full{max-width:100%} .xs\:min-h-0{min-height:0} .xs\:min-h-1{min-height:.25rem} .xs\:min-h-2{min-height:.5rem} .xs\:min-h-3{min-height:.75rem} .xs\:min-h-4{min-height:1rem} .xs\:min-h-5{min-height:1.25rem} .xs\:min-h-6{min-height:1.5rem} .xs\:min-h-7{min-height:1.75rem} .xs\:min-h-8{min-height:2rem} .xs\:min-h-9{min-height:2.25rem} .xs\:min-h-10{min-height:2.5rem} .xs\:min-h-12{min-height:3rem} .xs\:min-h-14{min-height:3.5rem} .xs\:min-h-16{min-height:4rem} .xs\:min-h-600{min-height:600px} .xs\:min-h-700{min-height:700px} .xs\:min-h-px{min-height:1px} .xs\:min-h-2px{min-height:2px} .xs\:min-h-100px{min-height:100px} .xs\:min-h-125px{min-height:125px} .xs\:min-h-150px{min-height:150px} .xs\:min-h-175px{min-height:175px} .xs\:min-h-200px{min-height:200px} .xs\:min-h-225px{min-height:225px} .xs\:min-h-250px{min-height:250px} .xs\:min-h-275px{min-height:275px} .xs\:min-h-300px{min-height:300px} .xs\:min-h-325px{min-height:325px} .xs\:min-h-350px{min-height:350px} .xs\:min-h-375px{min-height:375px} .xs\:min-h-400px{min-height:400px} .xs\:min-h-450px{min-height:450px} .xs\:min-h-475px{min-height:475px} .xs\:min-h-500px{min-height:500px} .xs\:min-h-768px{min-height:768px} .xs\:min-h-half{min-height:50%} .xs\:min-h-full{min-height:100%} .xs\:min-w-0{min-width:0} .xs\:min-w-1{min-width:.25rem} .xs\:min-w-2{min-width:.5rem} .xs\:min-w-3{min-width:.75rem} .xs\:min-w-4{min-width:1rem} .xs\:min-w-5{min-width:1.25rem} .xs\:min-w-6{min-width:1.5rem} .xs\:min-w-7{min-width:1.75rem} .xs\:min-w-8{min-width:2rem} .xs\:min-w-9{min-width:2.25rem} .xs\:min-w-10{min-width:2.5rem} .xs\:min-w-12{min-width:3rem} .xs\:min-w-16{min-width:4rem} .xs\:min-w-auto{min-width:auto} .xs\:min-w-px{min-width:1px} .xs\:min-w-2px{min-width:2px} .xs\:min-w-100px{min-width:100px} .xs\:min-w-125px{min-width:125px} .xs\:min-w-150px{min-width:150px} .xs\:min-w-175px{min-width:175px} .xs\:min-w-200px{min-width:200px} .xs\:min-w-225px{min-width:225px} .xs\:min-w-250px{min-width:250px} .xs\:min-w-275px{min-width:275px} .xs\:min-w-300px{min-width:300px} .xs\:min-w-325px{min-width:325px} .xs\:min-w-350px{min-width:350px} .xs\:min-w-375px{min-width:375px} .xs\:min-w-400px{min-width:400px} .xs\:min-w-450px{min-width:450px} .xs\:min-w-475px{min-width:475px} .xs\:min-w-500px{min-width:500px} .xs\:min-w-576px{min-width:576px} .xs\:min-w-600px{min-width:600px} .xs\:-m-0{margin:0} .xs\:-m-1{margin:-0.25rem} .xs\:-m-2{margin:-0.5rem} .xs\:-m-3{margin:-0.75rem} .xs\:-m-4{margin:-1rem} .xs\:-m-5{margin:-1.25rem} .xs\:-m-6{margin:-1.5rem} .xs\:-m-7{margin:-1.75rem} .xs\:-m-8{margin:-2rem} .xs\:-m-9{margin:-2.25rem} .xs\:-m-10{margin:-2.5rem} .xs\:-m-12{margin:-3rem} .xs\:-m-16{margin:-4rem} .xs\:-m-20{margin:-5rem} .xs\:-m-auto{margin:-auto} .xs\:-m-px{margin:-1px} .xs\:-my-0{margin-top:0;margin-bottom:0} .xs\:-mx-0{margin-left:0;margin-right:0} .xs\:-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem} .xs\:-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .xs\:-my-2{margin-top:-0.5rem;margin-bottom:-0.5rem} .xs\:-mx-2{margin-left:-0.5rem;margin-right:-0.5rem} .xs\:-my-3{margin-top:-0.75rem;margin-bottom:-0.75rem} .xs\:-mx-3{margin-left:-0.75rem;margin-right:-0.75rem} .xs\:-my-4{margin-top:-1rem;margin-bottom:-1rem} .xs\:-mx-4{margin-left:-1rem;margin-right:-1rem} .xs\:-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem} .xs\:-mx-5{margin-left:-1.25rem;margin-right:-1.25rem} .xs\:-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem} .xs\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem} .xs\:-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem} .xs\:-mx-7{margin-left:-1.75rem;margin-right:-1.75rem} .xs\:-my-8{margin-top:-2rem;margin-bottom:-2rem} .xs\:-mx-8{margin-left:-2rem;margin-right:-2rem} .xs\:-my-9{margin-top:-2.25rem;margin-bottom:-2.25rem} .xs\:-mx-9{margin-left:-2.25rem;margin-right:-2.25rem} .xs\:-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem} .xs\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem} .xs\:-my-12{margin-top:-3rem;margin-bottom:-3rem} .xs\:-mx-12{margin-left:-3rem;margin-right:-3rem} .xs\:-my-16{margin-top:-4rem;margin-bottom:-4rem} .xs\:-mx-16{margin-left:-4rem;margin-right:-4rem} .xs\:-my-20{margin-top:-5rem;margin-bottom:-5rem} .xs\:-mx-20{margin-left:-5rem;margin-right:-5rem} .xs\:-my-auto{margin-top:-auto;margin-bottom:-auto} .xs\:-mx-auto{margin-left:-auto;margin-right:-auto} .xs\:-my-px{margin-top:-1px;margin-bottom:-1px} .xs\:-mx-px{margin-left:-1px;margin-right:-1px} .xs\:-mt-0{margin-top:0} .xs\:-mr-0{margin-right:0} .xs\:-mb-0{margin-bottom:0} .xs\:-ml-0{margin-left:0} .xs\:-mt-1{margin-top:-0.25rem} .xs\:-mr-1{margin-right:-0.25rem} .xs\:-mb-1{margin-bottom:-0.25rem} .xs\:-ml-1{margin-left:-0.25rem} .xs\:-mt-2{margin-top:-0.5rem} .xs\:-mr-2{margin-right:-0.5rem} .xs\:-mb-2{margin-bottom:-0.5rem} .xs\:-ml-2{margin-left:-0.5rem} .xs\:-mt-3{margin-top:-0.75rem} .xs\:-mr-3{margin-right:-0.75rem} .xs\:-mb-3{margin-bottom:-0.75rem} .xs\:-ml-3{margin-left:-0.75rem} .xs\:-mt-4{margin-top:-1rem} .xs\:-mr-4{margin-right:-1rem} .xs\:-mb-4{margin-bottom:-1rem} .xs\:-ml-4{margin-left:-1rem} .xs\:-mt-5{margin-top:-1.25rem} .xs\:-mr-5{margin-right:-1.25rem} .xs\:-mb-5{margin-bottom:-1.25rem} .xs\:-ml-5{margin-left:-1.25rem} .xs\:-mt-6{margin-top:-1.5rem} .xs\:-mr-6{margin-right:-1.5rem} .xs\:-mb-6{margin-bottom:-1.5rem} .xs\:-ml-6{margin-left:-1.5rem} .xs\:-mt-7{margin-top:-1.75rem} .xs\:-mr-7{margin-right:-1.75rem} .xs\:-mb-7{margin-bottom:-1.75rem} .xs\:-ml-7{margin-left:-1.75rem} .xs\:-mt-8{margin-top:-2rem} .xs\:-mr-8{margin-right:-2rem} .xs\:-mb-8{margin-bottom:-2rem} .xs\:-ml-8{margin-left:-2rem} .xs\:-mt-9{margin-top:-2.25rem} .xs\:-mr-9{margin-right:-2.25rem} .xs\:-mb-9{margin-bottom:-2.25rem} .xs\:-ml-9{margin-left:-2.25rem} .xs\:-mt-10{margin-top:-2.5rem} .xs\:-mr-10{margin-right:-2.5rem} .xs\:-mb-10{margin-bottom:-2.5rem} .xs\:-ml-10{margin-left:-2.5rem} .xs\:-mt-12{margin-top:-3rem} .xs\:-mr-12{margin-right:-3rem} .xs\:-mb-12{margin-bottom:-3rem} .xs\:-ml-12{margin-left:-3rem} .xs\:-mt-16{margin-top:-4rem} .xs\:-mr-16{margin-right:-4rem} .xs\:-mb-16{margin-bottom:-4rem} .xs\:-ml-16{margin-left:-4rem} .xs\:-mt-20{margin-top:-5rem} .xs\:-mr-20{margin-right:-5rem} .xs\:-mb-20{margin-bottom:-5rem} .xs\:-ml-20{margin-left:-5rem} .xs\:-mt-auto{margin-top:-auto} .xs\:-mr-auto{margin-right:-auto} .xs\:-mb-auto{margin-bottom:-auto} .xs\:-ml-auto{margin-left:-auto} .xs\:-mt-px{margin-top:-1px} .xs\:-mr-px{margin-right:-1px} .xs\:-mb-px{margin-bottom:-1px} .xs\:-ml-px{margin-left:-1px} .xs\:p-0{padding:0} .xs\:p-1{padding:.25rem} .xs\:p-2{padding:.5rem} .xs\:p-3{padding:.75rem} .xs\:p-4{padding:1rem} .xs\:p-5{padding:1.25rem} .xs\:p-6{padding:1.5rem} .xs\:p-7{padding:1.75rem} .xs\:p-8{padding:2rem} .xs\:p-9{padding:2.25rem} .xs\:p-10{padding:2.5rem} .xs\:p-12{padding:3rem} .xs\:p-16{padding:4rem} .xs\:p-20{padding:5rem} .xs\:p-24{padding:6rem} .xs\:p-28{padding:7rem} .xs\:p-32{padding:8rem} .xs\:p-px{padding:1px} .xs\:p-10\%{padding:10%} .xs\:p-20\%{padding:20%} .xs\:p-30\%{padding:30%} .xs\:p-40\%{padding:40%} .xs\:p-50\%{padding:50%} .xs\:p-60\%{padding:60%} .xs\:p-70\%{padding:70%} .xs\:p-80\%{padding:80%} .xs\:p-90\%{padding:90%} .xs\:py-0{padding-top:0;padding-bottom:0} .xs\:px-0{padding-left:0;padding-right:0} .xs\:py-1{padding-top:.25rem;padding-bottom:.25rem} .xs\:px-1{padding-left:.25rem;padding-right:.25rem} .xs\:py-2{padding-top:.5rem;padding-bottom:.5rem} .xs\:px-2{padding-left:.5rem;padding-right:.5rem} .xs\:py-3{padding-top:.75rem;padding-bottom:.75rem} .xs\:px-3{padding-left:.75rem;padding-right:.75rem} .xs\:py-4{padding-top:1rem;padding-bottom:1rem} .xs\:px-4{padding-left:1rem;padding-right:1rem} .xs\:py-5{padding-top:1.25rem;padding-bottom:1.25rem} .xs\:px-5{padding-left:1.25rem;padding-right:1.25rem} .xs\:py-6{padding-top:1.5rem;padding-bottom:1.5rem} .xs\:px-6{padding-left:1.5rem;padding-right:1.5rem} .xs\:py-7{padding-top:1.75rem;padding-bottom:1.75rem} .xs\:px-7{padding-left:1.75rem;padding-right:1.75rem} .xs\:py-8{padding-top:2rem;padding-bottom:2rem} .xs\:px-8{padding-left:2rem;padding-right:2rem} .xs\:py-9{padding-top:2.25rem;padding-bottom:2.25rem} .xs\:px-9{padding-left:2.25rem;padding-right:2.25rem} .xs\:py-10{padding-top:2.5rem;padding-bottom:2.5rem} .xs\:px-10{padding-left:2.5rem;padding-right:2.5rem} .xs\:py-12{padding-top:3rem;padding-bottom:3rem} .xs\:px-12{padding-left:3rem;padding-right:3rem} .xs\:py-16{padding-top:4rem;padding-bottom:4rem} .xs\:px-16{padding-left:4rem;padding-right:4rem} .xs\:py-20{padding-top:5rem;padding-bottom:5rem} .xs\:px-20{padding-left:5rem;padding-right:5rem} .xs\:py-24{padding-top:6rem;padding-bottom:6rem} .xs\:px-24{padding-left:6rem;padding-right:6rem} .xs\:py-28{padding-top:7rem;padding-bottom:7rem} .xs\:px-28{padding-left:7rem;padding-right:7rem} .xs\:py-32{padding-top:8rem;padding-bottom:8rem} .xs\:px-32{padding-left:8rem;padding-right:8rem} .xs\:py-px{padding-top:1px;padding-bottom:1px} .xs\:px-px{padding-left:1px;padding-right:1px} .xs\:py-10\%{padding-top:10%;padding-bottom:10%} .xs\:px-10\%{padding-left:10%;padding-right:10%} .xs\:py-20\%{padding-top:20%;padding-bottom:20%} .xs\:px-20\%{padding-left:20%;padding-right:20%} .xs\:py-30\%{padding-top:30%;padding-bottom:30%} .xs\:px-30\%{padding-left:30%;padding-right:30%} .xs\:py-40\%{padding-top:40%;padding-bottom:40%} .xs\:px-40\%{padding-left:40%;padding-right:40%} .xs\:py-50\%{padding-top:50%;padding-bottom:50%} .xs\:px-50\%{padding-left:50%;padding-right:50%} .xs\:py-60\%{padding-top:60%;padding-bottom:60%} .xs\:px-60\%{padding-left:60%;padding-right:60%} .xs\:py-70\%{padding-top:70%;padding-bottom:70%} .xs\:px-70\%{padding-left:70%;padding-right:70%} .xs\:py-80\%{padding-top:80%;padding-bottom:80%} .xs\:px-80\%{padding-left:80%;padding-right:80%} .xs\:py-90\%{padding-top:90%;padding-bottom:90%} .xs\:px-90\%{padding-left:90%;padding-right:90%} .xs\:pt-0{padding-top:0} .xs\:pr-0{padding-right:0} .xs\:pb-0{padding-bottom:0} .xs\:pl-0{padding-left:0} .xs\:pt-1{padding-top:.25rem} .xs\:pr-1{padding-right:.25rem} .xs\:pb-1{padding-bottom:.25rem} .xs\:pl-1{padding-left:.25rem} .xs\:pt-2{padding-top:.5rem} .xs\:pr-2{padding-right:.5rem} .xs\:pb-2{padding-bottom:.5rem} .xs\:pl-2{padding-left:.5rem} .xs\:pt-3{padding-top:.75rem} .xs\:pr-3{padding-right:.75rem} .xs\:pb-3{padding-bottom:.75rem} .xs\:pl-3{padding-left:.75rem} .xs\:pt-4{padding-top:1rem} .xs\:pr-4{padding-right:1rem} .xs\:pb-4{padding-bottom:1rem} .xs\:pl-4{padding-left:1rem} .xs\:pt-5{padding-top:1.25rem} .xs\:pr-5{padding-right:1.25rem} .xs\:pb-5{padding-bottom:1.25rem} .xs\:pl-5{padding-left:1.25rem} .xs\:pt-6{padding-top:1.5rem} .xs\:pr-6{padding-right:1.5rem} .xs\:pb-6{padding-bottom:1.5rem} .xs\:pl-6{padding-left:1.5rem} .xs\:pt-7{padding-top:1.75rem} .xs\:pr-7{padding-right:1.75rem} .xs\:pb-7{padding-bottom:1.75rem} .xs\:pl-7{padding-left:1.75rem} .xs\:pt-8{padding-top:2rem} .xs\:pr-8{padding-right:2rem} .xs\:pb-8{padding-bottom:2rem} .xs\:pl-8{padding-left:2rem} .xs\:pt-9{padding-top:2.25rem} .xs\:pr-9{padding-right:2.25rem} .xs\:pb-9{padding-bottom:2.25rem} .xs\:pl-9{padding-left:2.25rem} .xs\:pt-10{padding-top:2.5rem} .xs\:pr-10{padding-right:2.5rem} .xs\:pb-10{padding-bottom:2.5rem} .xs\:pl-10{padding-left:2.5rem} .xs\:pt-12{padding-top:3rem} .xs\:pr-12{padding-right:3rem} .xs\:pb-12{padding-bottom:3rem} .xs\:pl-12{padding-left:3rem} .xs\:pt-16{padding-top:4rem} .xs\:pr-16{padding-right:4rem} .xs\:pb-16{padding-bottom:4rem} .xs\:pl-16{padding-left:4rem} .xs\:pt-20{padding-top:5rem} .xs\:pr-20{padding-right:5rem} .xs\:pb-20{padding-bottom:5rem} .xs\:pl-20{padding-left:5rem} .xs\:pt-24{padding-top:6rem} .xs\:pr-24{padding-right:6rem} .xs\:pb-24{padding-bottom:6rem} .xs\:pl-24{padding-left:6rem} .xs\:pt-28{padding-top:7rem} .xs\:pr-28{padding-right:7rem} .xs\:pb-28{padding-bottom:7rem} .xs\:pl-28{padding-left:7rem} .xs\:pt-32{padding-top:8rem} .xs\:pr-32{padding-right:8rem} .xs\:pb-32{padding-bottom:8rem} .xs\:pl-32{padding-left:8rem} .xs\:pt-px{padding-top:1px} .xs\:pr-px{padding-right:1px} .xs\:pb-px{padding-bottom:1px} .xs\:pl-px{padding-left:1px} .xs\:pt-10\%{padding-top:10%} .xs\:pr-10\%{padding-right:10%} .xs\:pb-10\%{padding-bottom:10%} .xs\:pl-10\%{padding-left:10%} .xs\:pt-20\%{padding-top:20%} .xs\:pr-20\%{padding-right:20%} .xs\:pb-20\%{padding-bottom:20%} .xs\:pl-20\%{padding-left:20%} .xs\:pt-30\%{padding-top:30%} .xs\:pr-30\%{padding-right:30%} .xs\:pb-30\%{padding-bottom:30%} .xs\:pl-30\%{padding-left:30%} .xs\:pt-40\%{padding-top:40%} .xs\:pr-40\%{padding-right:40%} .xs\:pb-40\%{padding-bottom:40%} .xs\:pl-40\%{padding-left:40%} .xs\:pt-50\%{padding-top:50%} .xs\:pr-50\%{padding-right:50%} .xs\:pb-50\%{padding-bottom:50%} .xs\:pl-50\%{padding-left:50%} .xs\:pt-60\%{padding-top:60%} .xs\:pr-60\%{padding-right:60%} .xs\:pb-60\%{padding-bottom:60%} .xs\:pl-60\%{padding-left:60%} .xs\:pt-70\%{padding-top:70%} .xs\:pr-70\%{padding-right:70%} .xs\:pb-70\%{padding-bottom:70%} .xs\:pl-70\%{padding-left:70%} .xs\:pt-80\%{padding-top:80%} .xs\:pr-80\%{padding-right:80%} .xs\:pb-80\%{padding-bottom:80%} .xs\:pl-80\%{padding-left:80%} .xs\:pt-90\%{padding-top:90%} .xs\:pr-90\%{padding-right:90%} .xs\:pb-90\%{padding-bottom:90%} .xs\:pl-90\%{padding-left:90%} .xs\:static{position:static} .xs\:fixed{position:fixed} .xs\:absolute{position:absolute} .xs\:relative{position:relative} .xs\:sticky{position:sticky} .xs\:pin-none{top:auto;right:auto;bottom:auto;left:auto} .xs\:pin{top:0;right:0;bottom:0;left:0} .xs\:pin-y{top:0;bottom:0} .xs\:pin-x{right:0;left:0} .xs\:pin-t{top:0} .xs\:pin-r{right:0} .xs\:pin-b{bottom:0} .xs\:pin-l{left:0} .xs\:text-left{text-align:left} .xs\:text-center{text-align:center} .xs\:text-right{text-align:right} .xs\:text-justify{text-align:justify} .xs\:text-transparent{color:transparent} .xs\:text-currentColor{color:currentColor} .xs\:text-black{color:#000} .xs\:text-black-10{color:rgba(0,0,0,.1)} .xs\:text-black-20{color:rgba(0,0,0,.2)} .xs\:text-black-30{color:rgba(0,0,0,.3)} .xs\:text-black-40{color:rgba(0,0,0,.4)} .xs\:text-black-50{color:rgba(0,0,0,.5)} .xs\:text-black-60{color:rgba(0,0,0,.6)} .xs\:text-black-70{color:rgba(0,0,0,.7)} .xs\:text-black-80{color:rgba(0,0,0,.8)} .xs\:text-black-90{color:rgba(0,0,0,.9)} .xs\:text-black-1{color:#313131} .xs\:text-white{color:#fff} .xs\:text-blue{color:#0072ef} .xs\:text-dark-blue{color:#0064d1} .xs\:text-darker-blue{color:#00588d} .xs\:text-d-blue{color:#0069a8} .xs\:text-blue-1{color:#17214a} .xs\:text-light-blue{color:#f0f7fb} .xs\:text-red{color:#cb001c} .xs\:text-green{color:#33803b} .xs\:text-green-lighter{color:#00800005} .xs\:text-purple{color:#5a80d1} .xs\:text-orange{color:#c45c00} .xs\:text-sd-red{color:#ed1c24} .xs\:text-grey{color:#929a9d} .xs\:text-grey-light{color:#e6e6e6} .xs\:text-grey-1{color:#f2f3f3} .xs\:text-grey-2{color:#7f7f7f} .xs\:text-grey-3{color:#6a6a6a} .xs\:text-grey-4{color:#465052} .xs\:text-grey-5{color:#737779} .xs\:text-border-gray-light{color:#e1e1e1} .xs\:text-gray{color:#929a9d} .xs\:text-gray-light{color:#e1e1e1} .xs\:text-gray-1{color:#f6f6f6} .xs\:text-gray-2{color:#bbb} .xs\:text-gray-3{color:#8a8a8a} .xs\:text-gray-4{color:#6b6b6b} .xs\:text-light-blue-1{color:#21b8de} .xs\:text-dark-blue-1{color:#0277bd} .xs\:text-dark-orange{color:#df8403} .xs\:text-darker-orange{color:#aa5d00} .xs\:text-g-blue{color:#17214a} .xs\:text-g-blue-1{color:#556d88} .xs\:text-g-blue-2{color:#3c4c65} .xs\:text-g-blue-3{color:#222e4d} .xs\:text-black-orange{color:#ff7012} .xs\:text-light-blue-2{color:#f7fafd} .xs\:text-light-blue-3{color:#b4d5f8} .xs\:hover\:text-transparent:hover{color:transparent} .xs\:hover\:text-currentColor:hover{color:currentColor} .xs\:hover\:text-black:hover{color:#000} .xs\:hover\:text-black-10:hover{color:rgba(0,0,0,.1)} .xs\:hover\:text-black-20:hover{color:rgba(0,0,0,.2)} .xs\:hover\:text-black-30:hover{color:rgba(0,0,0,.3)} .xs\:hover\:text-black-40:hover{color:rgba(0,0,0,.4)} .xs\:hover\:text-black-50:hover{color:rgba(0,0,0,.5)} .xs\:hover\:text-black-60:hover{color:rgba(0,0,0,.6)} .xs\:hover\:text-black-70:hover{color:rgba(0,0,0,.7)} .xs\:hover\:text-black-80:hover{color:rgba(0,0,0,.8)} .xs\:hover\:text-black-90:hover{color:rgba(0,0,0,.9)} .xs\:hover\:text-black-1:hover{color:#313131} .xs\:hover\:text-white:hover{color:#fff} .xs\:hover\:text-blue:hover{color:#0072ef} .xs\:hover\:text-dark-blue:hover{color:#0064d1} .xs\:hover\:text-darker-blue:hover{color:#00588d} .xs\:hover\:text-d-blue:hover{color:#0069a8} .xs\:hover\:text-blue-1:hover{color:#17214a} .xs\:hover\:text-light-blue:hover{color:#f0f7fb} .xs\:hover\:text-red:hover{color:#cb001c} .xs\:hover\:text-green:hover{color:#33803b} .xs\:hover\:text-green-lighter:hover{color:#00800005} .xs\:hover\:text-purple:hover{color:#5a80d1} .xs\:hover\:text-orange:hover{color:#c45c00} .xs\:hover\:text-sd-red:hover{color:#ed1c24} .xs\:hover\:text-grey:hover{color:#929a9d} .xs\:hover\:text-grey-light:hover{color:#e6e6e6} .xs\:hover\:text-grey-1:hover{color:#f2f3f3} .xs\:hover\:text-grey-2:hover{color:#7f7f7f} .xs\:hover\:text-grey-3:hover{color:#6a6a6a} .xs\:hover\:text-grey-4:hover{color:#465052} .xs\:hover\:text-grey-5:hover{color:#737779} .xs\:hover\:text-border-gray-light:hover{color:#e1e1e1} .xs\:hover\:text-gray:hover{color:#929a9d} .xs\:hover\:text-gray-light:hover{color:#e1e1e1} .xs\:hover\:text-gray-1:hover{color:#f6f6f6} .xs\:hover\:text-gray-2:hover{color:#bbb} .xs\:hover\:text-gray-3:hover{color:#8a8a8a} .xs\:hover\:text-gray-4:hover{color:#6b6b6b} .xs\:hover\:text-light-blue-1:hover{color:#21b8de} .xs\:hover\:text-dark-blue-1:hover{color:#0277bd} .xs\:hover\:text-dark-orange:hover{color:#df8403} .xs\:hover\:text-darker-orange:hover{color:#aa5d00} .xs\:hover\:text-g-blue:hover{color:#17214a} .xs\:hover\:text-g-blue-1:hover{color:#556d88} .xs\:hover\:text-g-blue-2:hover{color:#3c4c65} .xs\:hover\:text-g-blue-3:hover{color:#222e4d} .xs\:hover\:text-black-orange:hover{color:#ff7012} .xs\:hover\:text-light-blue-2:hover{color:#f7fafd} .xs\:hover\:text-light-blue-3:hover{color:#b4d5f8} .xs\:text-xxxs{font-size:.625rem} .xs\:text-xxs{font-size:.75rem} .xs\:text-xs{font-size:.875rem} .xs\:text-sm{font-size:1rem} .xs\:text-base{font-size:1.125rem} .xs\:text-lg{font-size:1.25rem} .xs\:text-2lg{font-size:1.25rem} .xs\:text-xl{font-size:1.5rem} .xs\:text-1-5xl{font-size:1.625rem} .xs\:text-2xl{font-size:1.75rem} .xs\:text-2-5xl{font-size:1.875rem} .xs\:text-3xl{font-size:2rem} .xs\:text-4xl{font-size:2.125rem} .xs\:text-5xl{font-size:2.25rem} .xs\:text-5-5xl{font-size:2.625rem} .xs\:text-5-6xl{font-size:3rem} .xs\:text-6xl{font-size:3.5rem} .xs\:text-7xl{font-size:4.125rem} .xs\:tracking-tight{letter-spacing:-0.05em} .xs\:tracking-normal{letter-spacing:0} .xs\:tracking-wide{letter-spacing:.05em} .xs\:select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .xs\:select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text} .xs\:visible{visibility:visible} .xs\:invisible{visibility:hidden} .xs\:w-0{width:0} .xs\:w-1{width:.25rem} .xs\:w-2{width:.5rem} .xs\:w-3{width:.75rem} .xs\:w-4{width:1rem} .xs\:w-5{width:1.25rem} .xs\:w-6{width:1.5rem} .xs\:w-7{width:1.75rem} .xs\:w-8{width:2rem} .xs\:w-9{width:2.25rem} .xs\:w-10{width:2.5rem} .xs\:w-12{width:3rem} .xs\:w-14{width:3.5rem} .xs\:w-16{width:4rem} .xs\:w-21{width:5.25rem} .xs\:w-auto{width:auto} .xs\:w-px{width:1px} .xs\:w-full{width:100%} .xs\:w-half{width:50%} .xs\:w-100px{width:100px} .xs\:w-200px{width:200px} .xs\:w-300px{width:300px} .xs\:w-400px{width:400px} .xs\:w-500px{width:500px} .xs\:w-576px{width:576px} .xs\:w-600px{width:600px} .xs\:w-700px{width:700px} .xs\:w-768px{width:768px} .xs\:w-800px{width:800px} .xs\:w-900px{width:900px} .xs\:w-992px{width:992px} .xs\:w-1000px{width:1000px} .xs\:z-0{z-index:0} .xs\:z-1{z-index:1} .xs\:z-4{z-index:4} .xs\:z-10{z-index:10} .xs\:z-20{z-index:20} .xs\:z-30{z-index:30} .xs\:z-40{z-index:40} .xs\:z-50{z-index:50} .xs\:z-60{z-index:60} .xs\:z-70{z-index:70} .xs\:z-80{z-index:80} .xs\:z-90{z-index:90} .xs\:z-100{z-index:100} .xs\:z-auto{z-index:auto} .xs\:pin-t-0{top:0} .xs\:pin-r-0{right:0} .xs\:pin-b-0{bottom:0} .xs\:pin-l-0{left:0} .xs\:pin-t-1{top:1px} .xs\:pin-r-1{right:1px} .xs\:pin-b-1{bottom:1px} .xs\:pin-l-1{left:1px} .xs\:pin-t-3{top:3px} .xs\:pin-r-3{right:3px} .xs\:pin-b-3{bottom:3px} .xs\:pin-l-3{left:3px} .xs\:pin-t-5{top:5px} .xs\:pin-r-5{right:5px} .xs\:pin-b-5{bottom:5px} .xs\:pin-l-5{left:5px} .xs\:pin-t-6{top:6px} .xs\:pin-r-6{right:6px} .xs\:pin-b-6{bottom:6px} .xs\:pin-l-6{left:6px} .xs\:pin-t-10{top:10px} .xs\:pin-r-10{right:10px} .xs\:pin-b-10{bottom:10px} .xs\:pin-l-10{left:10px} .xs\:pin-t-11{top:11px} .xs\:pin-r-11{right:11px} .xs\:pin-b-11{bottom:11px} .xs\:pin-l-11{left:11px} .xs\:pin-t-12{top:3rem} .xs\:pin-r-12{right:3rem} .xs\:pin-b-12{bottom:3rem} .xs\:pin-l-12{left:3rem} .xs\:pin-t-15{top:15px} .xs\:pin-r-15{right:15px} .xs\:pin-b-15{bottom:15px} .xs\:pin-l-15{left:15px} .xs\:pin-t-16{top:4rem} .xs\:pin-r-16{right:4rem} .xs\:pin-b-16{bottom:4rem} .xs\:pin-l-16{left:4rem} .xs\:pin-t-20{top:20px} .xs\:pin-r-20{right:20px} .xs\:pin-b-20{bottom:20px} .xs\:pin-l-20{left:20px} .xs\:pin-t-25{top:25px} .xs\:pin-r-25{right:25px} .xs\:pin-b-25{bottom:25px} .xs\:pin-l-25{left:25px} .xs\:pin-t-50{top:50px} .xs\:pin-r-50{right:50px} .xs\:pin-b-50{bottom:50px} .xs\:pin-l-50{left:50px} .xs\:pin-t-64{top:64px} .xs\:pin-r-64{right:64px} .xs\:pin-b-64{bottom:64px} .xs\:pin-l-64{left:64px} .xs\:pin-t-75{top:75px} .xs\:pin-r-75{right:75px} .xs\:pin-b-75{bottom:75px} .xs\:pin-l-75{left:75px} .xs\:pin-t-80{top:80px} .xs\:pin-r-80{right:80px} .xs\:pin-b-80{bottom:80px} .xs\:pin-l-80{left:80px} .xs\:pin-t-100{top:100px} .xs\:pin-r-100{right:100px} .xs\:pin-b-100{bottom:100px} .xs\:pin-l-100{left:100px} .xs\:pin-t-150{top:150px} .xs\:pin-r-150{right:150px} .xs\:pin-b-150{bottom:150px} .xs\:pin-l-150{left:150px} .xs\:pin-t-200{top:150px} .xs\:pin-r-200{right:150px} .xs\:pin-b-200{bottom:150px} .xs\:pin-l-200{left:150px} .xs\:pin-t-250{top:250px} .xs\:pin-r-250{right:250px} .xs\:pin-b-250{bottom:250px} .xs\:pin-l-250{left:250px} .xs\:pin-t-300{top:300px} .xs\:pin-r-300{right:300px} .xs\:pin-b-300{bottom:300px} .xs\:pin-l-300{left:300px} .xs\:pin-t-400{top:400px} .xs\:pin-r-400{right:400px} .xs\:pin-b-400{bottom:400px} .xs\:pin-l-400{left:400px} .xs\:pin-t-500{top:500px} .xs\:pin-r-500{right:500px} .xs\:pin-b-500{bottom:500px} .xs\:pin-l-500{left:500px} .xs\:-pin-t-5{top:-5px} .xs\:-pin-r-5{right:-5px} .xs\:-pin-b-5{bottom:-5px} .xs\:-pin-l-5{left:-5px} .xs\:-pin-t-6{top:-6px} .xs\:-pin-r-6{right:-6px} .xs\:-pin-b-6{bottom:-6px} .xs\:-pin-l-6{left:-6px} .xs\:-pin-t-10{top:-10px} .xs\:-pin-r-10{right:-10px} .xs\:-pin-b-10{bottom:-10px} .xs\:-pin-l-10{left:-10px} .xs\:-pin-t-11{top:-11px} .xs\:-pin-r-11{right:-11px} .xs\:-pin-b-11{bottom:-11px} .xs\:-pin-l-11{left:-11px} .xs\:-pin-t-15{top:-15px} .xs\:-pin-r-15{right:-15px} .xs\:-pin-b-15{bottom:-15px} .xs\:-pin-l-15{left:-15px} .xs\:-pin-t-20{top:-20px} .xs\:-pin-r-20{right:-20px} .xs\:-pin-b-20{bottom:-20px} .xs\:-pin-l-20{left:-20px} .xs\:-pin-t-12{top:-3rem} .xs\:-pin-r-12{right:-3rem} .xs\:-pin-b-12{bottom:-3rem} .xs\:-pin-l-12{left:-3rem} .xs\:-pin-t-16{top:-4rem} .xs\:-pin-r-16{right:-4rem} .xs\:-pin-b-16{bottom:-4rem} .xs\:-pin-l-16{left:-4rem} .xs\:-pin-t-25{top:-25px} .xs\:-pin-r-25{right:-25px} .xs\:-pin-b-25{bottom:-25px} .xs\:-pin-l-25{left:-25px} .xs\:-pin-t-50{top:-50px} .xs\:-pin-r-50{right:-50px} .xs\:-pin-b-50{bottom:-50px} .xs\:-pin-l-50{left:-50px} .xs\:-pin-t-75{top:75px} .xs\:-pin-r-75{right:75px} .xs\:-pin-b-75{bottom:75px} .xs\:-pin-l-75{left:75px} .xs\:-pin-t-80{top:-80px} .xs\:-pin-r-80{right:-80px} .xs\:-pin-b-80{bottom:-80px} .xs\:-pin-l-80{left:-80px} .xs\:-pin-t-100{top:-100px} .xs\:-pin-r-100{right:-100px} .xs\:-pin-b-100{bottom:-100px} .xs\:-pin-l-100{left:-100px} .xs\:-pin-t-150{top:-150px} .xs\:-pin-r-150{right:-150px} .xs\:-pin-b-150{bottom:-150px} .xs\:-pin-l-150{left:-150px} .xs\:-pin-t-200{top:-200px} .xs\:-pin-r-200{right:-200px} .xs\:-pin-b-200{bottom:-200px} .xs\:-pin-l-200{left:-200px} .xs\:-pin-t-250{top:-250px} .xs\:-pin-r-250{right:-250px} .xs\:-pin-b-250{bottom:-250px} .xs\:-pin-l-250{left:-250px} .xs\:-pin-t-300{top:-300px} .xs\:-pin-r-300{right:-300px} .xs\:-pin-b-300{bottom:-300px} .xs\:-pin-l-300{left:-300px} .xs\:-pin-t-400{top:-400px} .xs\:-pin-r-400{right:-400px} .xs\:-pin-b-400{bottom:-400px} .xs\:-pin-l-400{left:-400px} .xs\:-pin-t-500{top:-500px} .xs\:-pin-r-500{right:-500px} .xs\:-pin-b-500{bottom:-500px} .xs\:-pin-l-500{left:-500px} .xs\:pin-t-half{top:50%} .xs\:pin-r-half{right:50%} .xs\:pin-b-half{bottom:50%} .xs\:pin-l-half{left:50%} .xs\:-pin-t-half{top:-50%} .xs\:-pin-r-half{right:-50%} .xs\:-pin-b-half{bottom:-50%} .xs\:-pin-l-half{left:-50%} } @media(min-width:768px){.sm\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .sm\:bg-transparent{background-color:transparent} .sm\:bg-currentColor{background-color:currentColor} .sm\:bg-black{background-color:#000} .sm\:bg-black-10{background-color:rgba(0,0,0,.1)} .sm\:bg-black-20{background-color:rgba(0,0,0,.2)} .sm\:bg-black-30{background-color:rgba(0,0,0,.3)} .sm\:bg-black-40{background-color:rgba(0,0,0,.4)} .sm\:bg-black-50{background-color:rgba(0,0,0,.5)} .sm\:bg-black-60{background-color:rgba(0,0,0,.6)} .sm\:bg-black-70{background-color:rgba(0,0,0,.7)} .sm\:bg-black-80{background-color:rgba(0,0,0,.8)} .sm\:bg-black-90{background-color:rgba(0,0,0,.9)} .sm\:bg-black-1{background-color:#313131} .sm\:bg-white{background-color:#fff} .sm\:bg-blue{background-color:#0072ef} .sm\:bg-dark-blue{background-color:#0064d1} .sm\:bg-darker-blue{background-color:#00588d} .sm\:bg-d-blue{background-color:#0069a8} .sm\:bg-blue-1{background-color:#17214a} .sm\:bg-light-blue{background-color:#f0f7fb} .sm\:bg-red{background-color:#cb001c} .sm\:bg-green{background-color:#33803b} .sm\:bg-green-lighter{background-color:#00800005} .sm\:bg-purple{background-color:#5a80d1} .sm\:bg-orange{background-color:#c45c00} .sm\:bg-sd-red{background-color:#ed1c24} .sm\:bg-grey{background-color:#929a9d} .sm\:bg-grey-light{background-color:#e6e6e6} .sm\:bg-grey-1{background-color:#f2f3f3} .sm\:bg-grey-2{background-color:#7f7f7f} .sm\:bg-grey-3{background-color:#6a6a6a} .sm\:bg-grey-4{background-color:#465052} .sm\:bg-grey-5{background-color:#737779} .sm\:bg-border-gray-light{background-color:#e1e1e1} .sm\:bg-gray{background-color:#929a9d} .sm\:bg-gray-light{background-color:#e1e1e1} .sm\:bg-gray-1{background-color:#f6f6f6} .sm\:bg-gray-2{background-color:#bbb} .sm\:bg-gray-3{background-color:#8a8a8a} .sm\:bg-gray-4{background-color:#6b6b6b} .sm\:bg-light-blue-1{background-color:#21b8de} .sm\:bg-dark-blue-1{background-color:#0277bd} .sm\:bg-dark-orange{background-color:#df8403} .sm\:bg-darker-orange{background-color:#aa5d00} .sm\:bg-g-blue{background-color:#17214a} .sm\:bg-g-blue-1{background-color:#556d88} .sm\:bg-g-blue-2{background-color:#3c4c65} .sm\:bg-g-blue-3{background-color:#222e4d} .sm\:bg-black-orange{background-color:#ff7012} .sm\:bg-light-blue-2{background-color:#f7fafd} .sm\:bg-light-blue-3{background-color:#b4d5f8} .sm\:hover\:bg-transparent:hover{background-color:transparent} .sm\:hover\:bg-currentColor:hover{background-color:currentColor} .sm\:hover\:bg-black:hover{background-color:#000} .sm\:hover\:bg-black-10:hover{background-color:rgba(0,0,0,.1)} .sm\:hover\:bg-black-20:hover{background-color:rgba(0,0,0,.2)} .sm\:hover\:bg-black-30:hover{background-color:rgba(0,0,0,.3)} .sm\:hover\:bg-black-40:hover{background-color:rgba(0,0,0,.4)} .sm\:hover\:bg-black-50:hover{background-color:rgba(0,0,0,.5)} .sm\:hover\:bg-black-60:hover{background-color:rgba(0,0,0,.6)} .sm\:hover\:bg-black-70:hover{background-color:rgba(0,0,0,.7)} .sm\:hover\:bg-black-80:hover{background-color:rgba(0,0,0,.8)} .sm\:hover\:bg-black-90:hover{background-color:rgba(0,0,0,.9)} .sm\:hover\:bg-black-1:hover{background-color:#313131} .sm\:hover\:bg-white:hover{background-color:#fff} .sm\:hover\:bg-blue:hover{background-color:#0072ef} .sm\:hover\:bg-dark-blue:hover{background-color:#0064d1} .sm\:hover\:bg-darker-blue:hover{background-color:#00588d} .sm\:hover\:bg-d-blue:hover{background-color:#0069a8} .sm\:hover\:bg-blue-1:hover{background-color:#17214a} .sm\:hover\:bg-light-blue:hover{background-color:#f0f7fb} .sm\:hover\:bg-red:hover{background-color:#cb001c} .sm\:hover\:bg-green:hover{background-color:#33803b} .sm\:hover\:bg-green-lighter:hover{background-color:#00800005} .sm\:hover\:bg-purple:hover{background-color:#5a80d1} .sm\:hover\:bg-orange:hover{background-color:#c45c00} .sm\:hover\:bg-sd-red:hover{background-color:#ed1c24} .sm\:hover\:bg-grey:hover{background-color:#929a9d} .sm\:hover\:bg-grey-light:hover{background-color:#e6e6e6} .sm\:hover\:bg-grey-1:hover{background-color:#f2f3f3} .sm\:hover\:bg-grey-2:hover{background-color:#7f7f7f} .sm\:hover\:bg-grey-3:hover{background-color:#6a6a6a} .sm\:hover\:bg-grey-4:hover{background-color:#465052} .sm\:hover\:bg-grey-5:hover{background-color:#737779} .sm\:hover\:bg-border-gray-light:hover{background-color:#e1e1e1} .sm\:hover\:bg-gray:hover{background-color:#929a9d} .sm\:hover\:bg-gray-light:hover{background-color:#e1e1e1} .sm\:hover\:bg-gray-1:hover{background-color:#f6f6f6} .sm\:hover\:bg-gray-2:hover{background-color:#bbb} .sm\:hover\:bg-gray-3:hover{background-color:#8a8a8a} .sm\:hover\:bg-gray-4:hover{background-color:#6b6b6b} .sm\:hover\:bg-light-blue-1:hover{background-color:#21b8de} .sm\:hover\:bg-dark-blue-1:hover{background-color:#0277bd} .sm\:hover\:bg-dark-orange:hover{background-color:#df8403} .sm\:hover\:bg-darker-orange:hover{background-color:#aa5d00} .sm\:hover\:bg-g-blue:hover{background-color:#17214a} .sm\:hover\:bg-g-blue-1:hover{background-color:#556d88} .sm\:hover\:bg-g-blue-2:hover{background-color:#3c4c65} .sm\:hover\:bg-g-blue-3:hover{background-color:#222e4d} .sm\:hover\:bg-black-orange:hover{background-color:#ff7012} .sm\:hover\:bg-light-blue-2:hover{background-color:#f7fafd} .sm\:hover\:bg-light-blue-3:hover{background-color:#b4d5f8} .sm\:bg-bottom{background-position:bottom} .sm\:bg-center{background-position:center} .sm\:bg-left{background-position:left} .sm\:bg-left-bottom{background-position:left bottom} .sm\:bg-left-top{background-position:left top} .sm\:bg-right{background-position:right} .sm\:bg-right-bottom{background-position:right bottom} .sm\:bg-right-top{background-position:right top} .sm\:bg-top{background-position:top} .sm\:rounded-none{border-radius:0} .sm\:rounded-sm{border-radius:.125rem} .sm\:rounded{border-radius:.25rem} .sm\:rounded-lg{border-radius:.5rem} .sm\:rounded-full{border-radius:9999px} .sm\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0} .sm\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0} .sm\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0} .sm\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0} .sm\:rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem} .sm\:rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem} .sm\:rounded-b-sm{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem} .sm\:rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem} .sm\:rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .sm\:rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .sm\:rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .sm\:rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .sm\:rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .sm\:rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem} .sm\:rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem} .sm\:rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem} .sm\:rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px} .sm\:rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px} .sm\:rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px} .sm\:rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px} .sm\:rounded-tl-none{border-top-left-radius:0} .sm\:rounded-tr-none{border-top-right-radius:0} .sm\:rounded-br-none{border-bottom-right-radius:0} .sm\:rounded-bl-none{border-bottom-left-radius:0} .sm\:rounded-tl-sm{border-top-left-radius:.125rem} .sm\:rounded-tr-sm{border-top-right-radius:.125rem} .sm\:rounded-br-sm{border-bottom-right-radius:.125rem} .sm\:rounded-bl-sm{border-bottom-left-radius:.125rem} .sm\:rounded-tl{border-top-left-radius:.25rem} .sm\:rounded-tr{border-top-right-radius:.25rem} .sm\:rounded-br{border-bottom-right-radius:.25rem} .sm\:rounded-bl{border-bottom-left-radius:.25rem} .sm\:rounded-tl-lg{border-top-left-radius:.5rem} .sm\:rounded-tr-lg{border-top-right-radius:.5rem} .sm\:rounded-br-lg{border-bottom-right-radius:.5rem} .sm\:rounded-bl-lg{border-bottom-left-radius:.5rem} .sm\:rounded-tl-full{border-top-left-radius:9999px} .sm\:rounded-tr-full{border-top-right-radius:9999px} .sm\:rounded-br-full{border-bottom-right-radius:9999px} .sm\:rounded-bl-full{border-bottom-left-radius:9999px} .sm\:border-solid{border-style:solid} .sm\:border-dashed{border-style:dashed} .sm\:border-dotted{border-style:dotted} .sm\:border-none{border-style:none} .sm\:border-0{border-width:0} .sm\:border-2{border-width:2px} .sm\:border-3{border-width:3px} .sm\:border-4{border-width:4px} .sm\:border-5{border-width:5px} .sm\:border-6{border-width:6px} .sm\:border-7{border-width:7px} .sm\:border-8{border-width:8px} .sm\:border-9{border-width:9px} .sm\:border-10{border-width:10px} .sm\:border{border-width:1px} .sm\:border-t-0{border-top-width:0} .sm\:border-r-0{border-right-width:0} .sm\:border-b-0{border-bottom-width:0} .sm\:border-l-0{border-left-width:0} .sm\:border-t-2{border-top-width:2px} .sm\:border-r-2{border-right-width:2px} .sm\:border-b-2{border-bottom-width:2px} .sm\:border-l-2{border-left-width:2px} .sm\:border-t-3{border-top-width:3px} .sm\:border-r-3{border-right-width:3px} .sm\:border-b-3{border-bottom-width:3px} .sm\:border-l-3{border-left-width:3px} .sm\:border-t-4{border-top-width:4px} .sm\:border-r-4{border-right-width:4px} .sm\:border-b-4{border-bottom-width:4px} .sm\:border-l-4{border-left-width:4px} .sm\:border-t-5{border-top-width:5px} .sm\:border-r-5{border-right-width:5px} .sm\:border-b-5{border-bottom-width:5px} .sm\:border-l-5{border-left-width:5px} .sm\:border-t-6{border-top-width:6px} .sm\:border-r-6{border-right-width:6px} .sm\:border-b-6{border-bottom-width:6px} .sm\:border-l-6{border-left-width:6px} .sm\:border-t-7{border-top-width:7px} .sm\:border-r-7{border-right-width:7px} .sm\:border-b-7{border-bottom-width:7px} .sm\:border-l-7{border-left-width:7px} .sm\:border-t-8{border-top-width:8px} .sm\:border-r-8{border-right-width:8px} .sm\:border-b-8{border-bottom-width:8px} .sm\:border-l-8{border-left-width:8px} .sm\:border-t-9{border-top-width:9px} .sm\:border-r-9{border-right-width:9px} .sm\:border-b-9{border-bottom-width:9px} .sm\:border-l-9{border-left-width:9px} .sm\:border-t-10{border-top-width:10px} .sm\:border-r-10{border-right-width:10px} .sm\:border-b-10{border-bottom-width:10px} .sm\:border-l-10{border-left-width:10px} .sm\:border-t{border-top-width:1px} .sm\:border-r{border-right-width:1px} .sm\:border-b{border-bottom-width:1px} .sm\:border-l{border-left-width:1px} .sm\:block{display:block} .sm\:inline-block{display:inline-block} .sm\:inline{display:inline} .sm\:table{display:table} .sm\:table-row{display:table-row} .sm\:table-cell{display:table-cell} .sm\:hidden{display:none} .sm\:flex{display:flex} .sm\:inline-flex{display:inline-flex} .sm\:flex-row{flex-direction:row} .sm\:flex-row-reverse{flex-direction:row-reverse} .sm\:flex-col{flex-direction:column} .sm\:flex-col-reverse{flex-direction:column-reverse} .sm\:flex-wrap{flex-wrap:wrap} .sm\:flex-wrap-reverse{flex-wrap:wrap-reverse} .sm\:flex-no-wrap{flex-wrap:nowrap} .sm\:items-start{align-items:flex-start} .sm\:items-end{align-items:flex-end} .sm\:items-center{align-items:center} .sm\:items-baseline{align-items:baseline} .sm\:items-stretch{align-items:stretch} .sm\:self-auto{align-self:auto} .sm\:self-start{align-self:flex-start} .sm\:self-end{align-self:flex-end} .sm\:self-center{align-self:center} .sm\:self-stretch{align-self:stretch} .sm\:justify-start{justify-content:flex-start} .sm\:justify-end{justify-content:flex-end} .sm\:justify-center{justify-content:center} .sm\:justify-between{justify-content:space-between} .sm\:justify-around{justify-content:space-around} .sm\:content-center{align-content:center} .sm\:content-start{align-content:flex-start} .sm\:content-end{align-content:flex-end} .sm\:content-between{align-content:space-between} .sm\:content-around{align-content:space-around} .sm\:flex-1{flex:1} .sm\:flex-auto{flex:auto} .sm\:flex-initial{flex:initial} .sm\:flex-none{flex:none} .sm\:flex-grow{flex-grow:1} .sm\:flex-shrink{flex-shrink:1} .sm\:flex-no-grow{flex-grow:0} .sm\:flex-no-shrink{flex-shrink:0} .sm\:float-right{float:right} .sm\:float-left{float:left} .sm\:float-none{float:none} .sm\:clearfix:after{content:"";display:table;clear:both} .sm\:font-light{font-weight:300} .sm\:font-normal{font-weight:400} .sm\:font-medium{font-weight:500} .sm\:font-semibold{font-weight:600} .sm\:font-bold{font-weight:700} .sm\:hover\:font-light:hover{font-weight:300} .sm\:hover\:font-normal:hover{font-weight:400} .sm\:hover\:font-medium:hover{font-weight:500} .sm\:hover\:font-semibold:hover{font-weight:600} .sm\:hover\:font-bold:hover{font-weight:700} .sm\:h-0{height:0} .sm\:h-1{height:.25rem} .sm\:h-2{height:.5rem} .sm\:h-3{height:.75rem} .sm\:h-4{height:1rem} .sm\:h-5{height:1.25rem} .sm\:h-6{height:1.5rem} .sm\:h-7{height:1.75rem} .sm\:h-8{height:2rem} .sm\:h-9{height:2.25rem} .sm\:h-10{height:2.5rem} .sm\:h-12{height:3rem} .sm\:h-14{height:3.5rem} .sm\:h-16{height:4rem} .sm\:h-18{height:4.5rem} .sm\:h-24{height:6rem} .sm\:h-32{height:8rem} .sm\:h-48{height:12rem} .sm\:h-64{height:16rem} .sm\:h-auto{height:auto} .sm\:h-px{height:1px} .sm\:h-2px{height:2px} .sm\:h-42px{height:2.625rem} .sm\:h-50px{height:50px} .sm\:h-100px{height:100px} .sm\:h-125px{height:125px} .sm\:h-150px{height:150px} .sm\:h-175px{height:175px} .sm\:h-200px{height:200px} .sm\:h-225px{height:225px} .sm\:h-250px{height:250px} .sm\:h-275px{height:275px} .sm\:h-300px{height:300px} .sm\:h-325px{height:325px} .sm\:h-350px{height:350px} .sm\:h-375px{height:375px} .sm\:h-400px{height:400px} .sm\:h-500px{height:500px} .sm\:h-576px{height:576px} .sm\:h-600px{height:600px} .sm\:h-half{height:50%} .sm\:h-full{height:100%} .sm\:m-0{margin:0} .sm\:m-1{margin:.25rem} .sm\:m-2{margin:.5rem} .sm\:m-3{margin:.75rem} .sm\:m-4{margin:1rem} .sm\:m-5{margin:1.25rem} .sm\:m-6{margin:1.5rem} .sm\:m-7{margin:1.75rem} .sm\:m-8{margin:2rem} .sm\:m-9{margin:2.25rem} .sm\:m-10{margin:2.5rem} .sm\:m-12{margin:3rem} .sm\:m-16{margin:4rem} .sm\:m-20{margin:5rem} .sm\:m-24{margin:6rem} .sm\:m-28{margin:7rem} .sm\:m-auto{margin:auto} .sm\:m-px{margin:1px} .sm\:my-0{margin-top:0;margin-bottom:0} .sm\:mx-0{margin-left:0;margin-right:0} .sm\:my-1{margin-top:.25rem;margin-bottom:.25rem} .sm\:mx-1{margin-left:.25rem;margin-right:.25rem} .sm\:my-2{margin-top:.5rem;margin-bottom:.5rem} .sm\:mx-2{margin-left:.5rem;margin-right:.5rem} .sm\:my-3{margin-top:.75rem;margin-bottom:.75rem} .sm\:mx-3{margin-left:.75rem;margin-right:.75rem} .sm\:my-4{margin-top:1rem;margin-bottom:1rem} .sm\:mx-4{margin-left:1rem;margin-right:1rem} .sm\:my-5{margin-top:1.25rem;margin-bottom:1.25rem} .sm\:mx-5{margin-left:1.25rem;margin-right:1.25rem} .sm\:my-6{margin-top:1.5rem;margin-bottom:1.5rem} .sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem} .sm\:my-7{margin-top:1.75rem;margin-bottom:1.75rem} .sm\:mx-7{margin-left:1.75rem;margin-right:1.75rem} .sm\:my-8{margin-top:2rem;margin-bottom:2rem} .sm\:mx-8{margin-left:2rem;margin-right:2rem} .sm\:my-9{margin-top:2.25rem;margin-bottom:2.25rem} .sm\:mx-9{margin-left:2.25rem;margin-right:2.25rem} .sm\:my-10{margin-top:2.5rem;margin-bottom:2.5rem} .sm\:mx-10{margin-left:2.5rem;margin-right:2.5rem} .sm\:my-12{margin-top:3rem;margin-bottom:3rem} .sm\:mx-12{margin-left:3rem;margin-right:3rem} .sm\:my-16{margin-top:4rem;margin-bottom:4rem} .sm\:mx-16{margin-left:4rem;margin-right:4rem} .sm\:my-20{margin-top:5rem;margin-bottom:5rem} .sm\:mx-20{margin-left:5rem;margin-right:5rem} .sm\:my-24{margin-top:6rem;margin-bottom:6rem} .sm\:mx-24{margin-left:6rem;margin-right:6rem} .sm\:my-28{margin-top:7rem;margin-bottom:7rem} .sm\:mx-28{margin-left:7rem;margin-right:7rem} .sm\:my-auto{margin-top:auto;margin-bottom:auto} .sm\:mx-auto{margin-left:auto;margin-right:auto} .sm\:my-px{margin-top:1px;margin-bottom:1px} .sm\:mx-px{margin-left:1px;margin-right:1px} .sm\:mt-0{margin-top:0} .sm\:mr-0{margin-right:0} .sm\:mb-0{margin-bottom:0} .sm\:ml-0{margin-left:0} .sm\:mt-1{margin-top:.25rem} .sm\:mr-1{margin-right:.25rem} .sm\:mb-1{margin-bottom:.25rem} .sm\:ml-1{margin-left:.25rem} .sm\:mt-2{margin-top:.5rem} .sm\:mr-2{margin-right:.5rem} .sm\:mb-2{margin-bottom:.5rem} .sm\:ml-2{margin-left:.5rem} .sm\:mt-3{margin-top:.75rem} .sm\:mr-3{margin-right:.75rem} .sm\:mb-3{margin-bottom:.75rem} .sm\:ml-3{margin-left:.75rem} .sm\:mt-4{margin-top:1rem} .sm\:mr-4{margin-right:1rem} .sm\:mb-4{margin-bottom:1rem} .sm\:ml-4{margin-left:1rem} .sm\:mt-5{margin-top:1.25rem} .sm\:mr-5{margin-right:1.25rem} .sm\:mb-5{margin-bottom:1.25rem} .sm\:ml-5{margin-left:1.25rem} .sm\:mt-6{margin-top:1.5rem} .sm\:mr-6{margin-right:1.5rem} .sm\:mb-6{margin-bottom:1.5rem} .sm\:ml-6{margin-left:1.5rem} .sm\:mt-7{margin-top:1.75rem} .sm\:mr-7{margin-right:1.75rem} .sm\:mb-7{margin-bottom:1.75rem} .sm\:ml-7{margin-left:1.75rem} .sm\:mt-8{margin-top:2rem} .sm\:mr-8{margin-right:2rem} .sm\:mb-8{margin-bottom:2rem} .sm\:ml-8{margin-left:2rem} .sm\:mt-9{margin-top:2.25rem} .sm\:mr-9{margin-right:2.25rem} .sm\:mb-9{margin-bottom:2.25rem} .sm\:ml-9{margin-left:2.25rem} .sm\:mt-10{margin-top:2.5rem} .sm\:mr-10{margin-right:2.5rem} .sm\:mb-10{margin-bottom:2.5rem} .sm\:ml-10{margin-left:2.5rem} .sm\:mt-12{margin-top:3rem} .sm\:mr-12{margin-right:3rem} .sm\:mb-12{margin-bottom:3rem} .sm\:ml-12{margin-left:3rem} .sm\:mt-16{margin-top:4rem} .sm\:mr-16{margin-right:4rem} .sm\:mb-16{margin-bottom:4rem} .sm\:ml-16{margin-left:4rem} .sm\:mt-20{margin-top:5rem} .sm\:mr-20{margin-right:5rem} .sm\:mb-20{margin-bottom:5rem} .sm\:ml-20{margin-left:5rem} .sm\:mt-24{margin-top:6rem} .sm\:mr-24{margin-right:6rem} .sm\:mb-24{margin-bottom:6rem} .sm\:ml-24{margin-left:6rem} .sm\:mt-28{margin-top:7rem} .sm\:mr-28{margin-right:7rem} .sm\:mb-28{margin-bottom:7rem} .sm\:ml-28{margin-left:7rem} .sm\:mt-auto{margin-top:auto} .sm\:mr-auto{margin-right:auto} .sm\:mb-auto{margin-bottom:auto} .sm\:ml-auto{margin-left:auto} .sm\:mt-px{margin-top:1px} .sm\:mr-px{margin-right:1px} .sm\:mb-px{margin-bottom:1px} .sm\:ml-px{margin-left:1px} .sm\:max-h-0{max-height:0} .sm\:max-h-1{max-height:.25rem} .sm\:max-h-2{max-height:.5rem} .sm\:max-h-3{max-height:.75rem} .sm\:max-h-4{max-height:1rem} .sm\:max-h-5{max-height:1.25rem} .sm\:max-h-6{max-height:1.5rem} .sm\:max-h-7{max-height:1.75rem} .sm\:max-h-8{max-height:2rem} .sm\:max-h-9{max-height:2.25rem} .sm\:max-h-10{max-height:2.5rem} .sm\:max-h-12{max-height:3rem} .sm\:max-h-14{max-height:3.5rem} .sm\:max-h-16{max-height:4rem} .sm\:max-h-600{max-height:600px} .sm\:max-h-700{max-height:700px} .sm\:max-h-unset{max-height:unset} .sm\:max-h-none{max-height:none} .sm\:max-h-px{max-height:1px} .sm\:max-h-2px{max-height:2px} .sm\:max-h-100px{max-height:100px} .sm\:max-h-125px{max-height:125px} .sm\:max-h-150px{max-height:150px} .sm\:max-h-175px{max-height:175px} .sm\:max-h-200px{max-height:200px} .sm\:max-h-225px{max-height:225px} .sm\:max-h-250px{max-height:250px} .sm\:max-h-275px{max-height:275px} .sm\:max-h-300px{max-height:300px} .sm\:max-h-325px{max-height:325px} .sm\:max-h-350px{max-height:350px} .sm\:max-h-375px{max-height:375px} .sm\:max-h-400px{max-height:400px} .sm\:max-h-450px{max-height:450px} .sm\:max-h-475px{max-height:475px} .sm\:max-h-500px{max-height:500px} .sm\:max-h-768px{max-height:768px} .sm\:max-h-800px{max-height:800px} .sm\:max-h-900px{max-height:900px} .sm\:max-h-half{max-height:50%} .sm\:max-h-full{max-height:100%} .sm\:max-w-0{max-width:0} .sm\:max-w-1{max-width:.25rem} .sm\:max-w-2{max-width:.5rem} .sm\:max-w-3{max-width:.75rem} .sm\:max-w-4{max-width:1rem} .sm\:max-w-5{max-width:1.25rem} .sm\:max-w-6{max-width:1.5rem} .sm\:max-w-7{max-width:1.75rem} .sm\:max-w-8{max-width:2rem} .sm\:max-w-9{max-width:2.25rem} .sm\:max-w-10{max-width:2.5rem} .sm\:max-w-12{max-width:3rem} .sm\:max-w-14{max-width:3.5rem} .sm\:max-w-16{max-width:4rem} .sm\:max-w-600{max-width:600px} .sm\:max-w-700{max-width:700px} .sm\:max-w-none{max-width:none} .sm\:max-w-px{max-width:1px} .sm\:max-w-2px{max-width:2px} .sm\:max-w-100px{max-width:100px} .sm\:max-w-125px{max-width:125px} .sm\:max-w-150px{max-width:150px} .sm\:max-w-175px{max-width:175px} .sm\:max-w-200px{max-width:200px} .sm\:max-w-225px{max-width:225px} .sm\:max-w-250px{max-width:250px} .sm\:max-w-275px{max-width:275px} .sm\:max-w-300px{max-width:300px} .sm\:max-w-325px{max-width:325px} .sm\:max-w-350px{max-width:350px} .sm\:max-w-375px{max-width:375px} .sm\:max-w-400px{max-width:400px} .sm\:max-w-450px{max-width:450px} .sm\:max-w-475px{max-width:475px} .sm\:max-w-500px{max-width:500px} .sm\:max-w-768px{max-width:768px} .sm\:max-w-800px{max-width:800px} .sm\:max-w-900px{max-width:900px} .sm\:max-w-992px{max-width:992px} .sm\:max-w-1000px{max-width:1000px} .sm\:max-w-1140px{max-width:1140px} .sm\:max-w-1200px{max-width:1200px} .sm\:max-w-half{max-width:50%} .sm\:max-w-full{max-width:100%} .sm\:min-h-0{min-height:0} .sm\:min-h-1{min-height:.25rem} .sm\:min-h-2{min-height:.5rem} .sm\:min-h-3{min-height:.75rem} .sm\:min-h-4{min-height:1rem} .sm\:min-h-5{min-height:1.25rem} .sm\:min-h-6{min-height:1.5rem} .sm\:min-h-7{min-height:1.75rem} .sm\:min-h-8{min-height:2rem} .sm\:min-h-9{min-height:2.25rem} .sm\:min-h-10{min-height:2.5rem} .sm\:min-h-12{min-height:3rem} .sm\:min-h-14{min-height:3.5rem} .sm\:min-h-16{min-height:4rem} .sm\:min-h-600{min-height:600px} .sm\:min-h-700{min-height:700px} .sm\:min-h-px{min-height:1px} .sm\:min-h-2px{min-height:2px} .sm\:min-h-100px{min-height:100px} .sm\:min-h-125px{min-height:125px} .sm\:min-h-150px{min-height:150px} .sm\:min-h-175px{min-height:175px} .sm\:min-h-200px{min-height:200px} .sm\:min-h-225px{min-height:225px} .sm\:min-h-250px{min-height:250px} .sm\:min-h-275px{min-height:275px} .sm\:min-h-300px{min-height:300px} .sm\:min-h-325px{min-height:325px} .sm\:min-h-350px{min-height:350px} .sm\:min-h-375px{min-height:375px} .sm\:min-h-400px{min-height:400px} .sm\:min-h-450px{min-height:450px} .sm\:min-h-475px{min-height:475px} .sm\:min-h-500px{min-height:500px} .sm\:min-h-768px{min-height:768px} .sm\:min-h-half{min-height:50%} .sm\:min-h-full{min-height:100%} .sm\:min-w-0{min-width:0} .sm\:min-w-1{min-width:.25rem} .sm\:min-w-2{min-width:.5rem} .sm\:min-w-3{min-width:.75rem} .sm\:min-w-4{min-width:1rem} .sm\:min-w-5{min-width:1.25rem} .sm\:min-w-6{min-width:1.5rem} .sm\:min-w-7{min-width:1.75rem} .sm\:min-w-8{min-width:2rem} .sm\:min-w-9{min-width:2.25rem} .sm\:min-w-10{min-width:2.5rem} .sm\:min-w-12{min-width:3rem} .sm\:min-w-16{min-width:4rem} .sm\:min-w-auto{min-width:auto} .sm\:min-w-px{min-width:1px} .sm\:min-w-2px{min-width:2px} .sm\:min-w-100px{min-width:100px} .sm\:min-w-125px{min-width:125px} .sm\:min-w-150px{min-width:150px} .sm\:min-w-175px{min-width:175px} .sm\:min-w-200px{min-width:200px} .sm\:min-w-225px{min-width:225px} .sm\:min-w-250px{min-width:250px} .sm\:min-w-275px{min-width:275px} .sm\:min-w-300px{min-width:300px} .sm\:min-w-325px{min-width:325px} .sm\:min-w-350px{min-width:350px} .sm\:min-w-375px{min-width:375px} .sm\:min-w-400px{min-width:400px} .sm\:min-w-450px{min-width:450px} .sm\:min-w-475px{min-width:475px} .sm\:min-w-500px{min-width:500px} .sm\:min-w-576px{min-width:576px} .sm\:min-w-600px{min-width:600px} .sm\:-m-0{margin:0} .sm\:-m-1{margin:-0.25rem} .sm\:-m-2{margin:-0.5rem} .sm\:-m-3{margin:-0.75rem} .sm\:-m-4{margin:-1rem} .sm\:-m-5{margin:-1.25rem} .sm\:-m-6{margin:-1.5rem} .sm\:-m-7{margin:-1.75rem} .sm\:-m-8{margin:-2rem} .sm\:-m-9{margin:-2.25rem} .sm\:-m-10{margin:-2.5rem} .sm\:-m-12{margin:-3rem} .sm\:-m-16{margin:-4rem} .sm\:-m-20{margin:-5rem} .sm\:-m-auto{margin:-auto} .sm\:-m-px{margin:-1px} .sm\:-my-0{margin-top:0;margin-bottom:0} .sm\:-mx-0{margin-left:0;margin-right:0} .sm\:-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem} .sm\:-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .sm\:-my-2{margin-top:-0.5rem;margin-bottom:-0.5rem} .sm\:-mx-2{margin-left:-0.5rem;margin-right:-0.5rem} .sm\:-my-3{margin-top:-0.75rem;margin-bottom:-0.75rem} .sm\:-mx-3{margin-left:-0.75rem;margin-right:-0.75rem} .sm\:-my-4{margin-top:-1rem;margin-bottom:-1rem} .sm\:-mx-4{margin-left:-1rem;margin-right:-1rem} .sm\:-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem} .sm\:-mx-5{margin-left:-1.25rem;margin-right:-1.25rem} .sm\:-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem} .sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem} .sm\:-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem} .sm\:-mx-7{margin-left:-1.75rem;margin-right:-1.75rem} .sm\:-my-8{margin-top:-2rem;margin-bottom:-2rem} .sm\:-mx-8{margin-left:-2rem;margin-right:-2rem} .sm\:-my-9{margin-top:-2.25rem;margin-bottom:-2.25rem} .sm\:-mx-9{margin-left:-2.25rem;margin-right:-2.25rem} .sm\:-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem} .sm\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem} .sm\:-my-12{margin-top:-3rem;margin-bottom:-3rem} .sm\:-mx-12{margin-left:-3rem;margin-right:-3rem} .sm\:-my-16{margin-top:-4rem;margin-bottom:-4rem} .sm\:-mx-16{margin-left:-4rem;margin-right:-4rem} .sm\:-my-20{margin-top:-5rem;margin-bottom:-5rem} .sm\:-mx-20{margin-left:-5rem;margin-right:-5rem} .sm\:-my-auto{margin-top:-auto;margin-bottom:-auto} .sm\:-mx-auto{margin-left:-auto;margin-right:-auto} .sm\:-my-px{margin-top:-1px;margin-bottom:-1px} .sm\:-mx-px{margin-left:-1px;margin-right:-1px} .sm\:-mt-0{margin-top:0} .sm\:-mr-0{margin-right:0} .sm\:-mb-0{margin-bottom:0} .sm\:-ml-0{margin-left:0} .sm\:-mt-1{margin-top:-0.25rem} .sm\:-mr-1{margin-right:-0.25rem} .sm\:-mb-1{margin-bottom:-0.25rem} .sm\:-ml-1{margin-left:-0.25rem} .sm\:-mt-2{margin-top:-0.5rem} .sm\:-mr-2{margin-right:-0.5rem} .sm\:-mb-2{margin-bottom:-0.5rem} .sm\:-ml-2{margin-left:-0.5rem} .sm\:-mt-3{margin-top:-0.75rem} .sm\:-mr-3{margin-right:-0.75rem} .sm\:-mb-3{margin-bottom:-0.75rem} .sm\:-ml-3{margin-left:-0.75rem} .sm\:-mt-4{margin-top:-1rem} .sm\:-mr-4{margin-right:-1rem} .sm\:-mb-4{margin-bottom:-1rem} .sm\:-ml-4{margin-left:-1rem} .sm\:-mt-5{margin-top:-1.25rem} .sm\:-mr-5{margin-right:-1.25rem} .sm\:-mb-5{margin-bottom:-1.25rem} .sm\:-ml-5{margin-left:-1.25rem} .sm\:-mt-6{margin-top:-1.5rem} .sm\:-mr-6{margin-right:-1.5rem} .sm\:-mb-6{margin-bottom:-1.5rem} .sm\:-ml-6{margin-left:-1.5rem} .sm\:-mt-7{margin-top:-1.75rem} .sm\:-mr-7{margin-right:-1.75rem} .sm\:-mb-7{margin-bottom:-1.75rem} .sm\:-ml-7{margin-left:-1.75rem} .sm\:-mt-8{margin-top:-2rem} .sm\:-mr-8{margin-right:-2rem} .sm\:-mb-8{margin-bottom:-2rem} .sm\:-ml-8{margin-left:-2rem} .sm\:-mt-9{margin-top:-2.25rem} .sm\:-mr-9{margin-right:-2.25rem} .sm\:-mb-9{margin-bottom:-2.25rem} .sm\:-ml-9{margin-left:-2.25rem} .sm\:-mt-10{margin-top:-2.5rem} .sm\:-mr-10{margin-right:-2.5rem} .sm\:-mb-10{margin-bottom:-2.5rem} .sm\:-ml-10{margin-left:-2.5rem} .sm\:-mt-12{margin-top:-3rem} .sm\:-mr-12{margin-right:-3rem} .sm\:-mb-12{margin-bottom:-3rem} .sm\:-ml-12{margin-left:-3rem} .sm\:-mt-16{margin-top:-4rem} .sm\:-mr-16{margin-right:-4rem} .sm\:-mb-16{margin-bottom:-4rem} .sm\:-ml-16{margin-left:-4rem} .sm\:-mt-20{margin-top:-5rem} .sm\:-mr-20{margin-right:-5rem} .sm\:-mb-20{margin-bottom:-5rem} .sm\:-ml-20{margin-left:-5rem} .sm\:-mt-auto{margin-top:-auto} .sm\:-mr-auto{margin-right:-auto} .sm\:-mb-auto{margin-bottom:-auto} .sm\:-ml-auto{margin-left:-auto} .sm\:-mt-px{margin-top:-1px} .sm\:-mr-px{margin-right:-1px} .sm\:-mb-px{margin-bottom:-1px} .sm\:-ml-px{margin-left:-1px} .sm\:p-0{padding:0} .sm\:p-1{padding:.25rem} .sm\:p-2{padding:.5rem} .sm\:p-3{padding:.75rem} .sm\:p-4{padding:1rem} .sm\:p-5{padding:1.25rem} .sm\:p-6{padding:1.5rem} .sm\:p-7{padding:1.75rem} .sm\:p-8{padding:2rem} .sm\:p-9{padding:2.25rem} .sm\:p-10{padding:2.5rem} .sm\:p-12{padding:3rem} .sm\:p-16{padding:4rem} .sm\:p-20{padding:5rem} .sm\:p-24{padding:6rem} .sm\:p-28{padding:7rem} .sm\:p-32{padding:8rem} .sm\:p-px{padding:1px} .sm\:p-10\%{padding:10%} .sm\:p-20\%{padding:20%} .sm\:p-30\%{padding:30%} .sm\:p-40\%{padding:40%} .sm\:p-50\%{padding:50%} .sm\:p-60\%{padding:60%} .sm\:p-70\%{padding:70%} .sm\:p-80\%{padding:80%} .sm\:p-90\%{padding:90%} .sm\:py-0{padding-top:0;padding-bottom:0} .sm\:px-0{padding-left:0;padding-right:0} .sm\:py-1{padding-top:.25rem;padding-bottom:.25rem} .sm\:px-1{padding-left:.25rem;padding-right:.25rem} .sm\:py-2{padding-top:.5rem;padding-bottom:.5rem} .sm\:px-2{padding-left:.5rem;padding-right:.5rem} .sm\:py-3{padding-top:.75rem;padding-bottom:.75rem} .sm\:px-3{padding-left:.75rem;padding-right:.75rem} .sm\:py-4{padding-top:1rem;padding-bottom:1rem} .sm\:px-4{padding-left:1rem;padding-right:1rem} .sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem} .sm\:px-5{padding-left:1.25rem;padding-right:1.25rem} .sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem} .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem} .sm\:py-7{padding-top:1.75rem;padding-bottom:1.75rem} .sm\:px-7{padding-left:1.75rem;padding-right:1.75rem} .sm\:py-8{padding-top:2rem;padding-bottom:2rem} .sm\:px-8{padding-left:2rem;padding-right:2rem} .sm\:py-9{padding-top:2.25rem;padding-bottom:2.25rem} .sm\:px-9{padding-left:2.25rem;padding-right:2.25rem} .sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem} .sm\:px-10{padding-left:2.5rem;padding-right:2.5rem} .sm\:py-12{padding-top:3rem;padding-bottom:3rem} .sm\:px-12{padding-left:3rem;padding-right:3rem} .sm\:py-16{padding-top:4rem;padding-bottom:4rem} .sm\:px-16{padding-left:4rem;padding-right:4rem} .sm\:py-20{padding-top:5rem;padding-bottom:5rem} .sm\:px-20{padding-left:5rem;padding-right:5rem} .sm\:py-24{padding-top:6rem;padding-bottom:6rem} .sm\:px-24{padding-left:6rem;padding-right:6rem} .sm\:py-28{padding-top:7rem;padding-bottom:7rem} .sm\:px-28{padding-left:7rem;padding-right:7rem} .sm\:py-32{padding-top:8rem;padding-bottom:8rem} .sm\:px-32{padding-left:8rem;padding-right:8rem} .sm\:py-px{padding-top:1px;padding-bottom:1px} .sm\:px-px{padding-left:1px;padding-right:1px} .sm\:py-10\%{padding-top:10%;padding-bottom:10%} .sm\:px-10\%{padding-left:10%;padding-right:10%} .sm\:py-20\%{padding-top:20%;padding-bottom:20%} .sm\:px-20\%{padding-left:20%;padding-right:20%} .sm\:py-30\%{padding-top:30%;padding-bottom:30%} .sm\:px-30\%{padding-left:30%;padding-right:30%} .sm\:py-40\%{padding-top:40%;padding-bottom:40%} .sm\:px-40\%{padding-left:40%;padding-right:40%} .sm\:py-50\%{padding-top:50%;padding-bottom:50%} .sm\:px-50\%{padding-left:50%;padding-right:50%} .sm\:py-60\%{padding-top:60%;padding-bottom:60%} .sm\:px-60\%{padding-left:60%;padding-right:60%} .sm\:py-70\%{padding-top:70%;padding-bottom:70%} .sm\:px-70\%{padding-left:70%;padding-right:70%} .sm\:py-80\%{padding-top:80%;padding-bottom:80%} .sm\:px-80\%{padding-left:80%;padding-right:80%} .sm\:py-90\%{padding-top:90%;padding-bottom:90%} .sm\:px-90\%{padding-left:90%;padding-right:90%} .sm\:pt-0{padding-top:0} .sm\:pr-0{padding-right:0} .sm\:pb-0{padding-bottom:0} .sm\:pl-0{padding-left:0} .sm\:pt-1{padding-top:.25rem} .sm\:pr-1{padding-right:.25rem} .sm\:pb-1{padding-bottom:.25rem} .sm\:pl-1{padding-left:.25rem} .sm\:pt-2{padding-top:.5rem} .sm\:pr-2{padding-right:.5rem} .sm\:pb-2{padding-bottom:.5rem} .sm\:pl-2{padding-left:.5rem} .sm\:pt-3{padding-top:.75rem} .sm\:pr-3{padding-right:.75rem} .sm\:pb-3{padding-bottom:.75rem} .sm\:pl-3{padding-left:.75rem} .sm\:pt-4{padding-top:1rem} .sm\:pr-4{padding-right:1rem} .sm\:pb-4{padding-bottom:1rem} .sm\:pl-4{padding-left:1rem} .sm\:pt-5{padding-top:1.25rem} .sm\:pr-5{padding-right:1.25rem} .sm\:pb-5{padding-bottom:1.25rem} .sm\:pl-5{padding-left:1.25rem} .sm\:pt-6{padding-top:1.5rem} .sm\:pr-6{padding-right:1.5rem} .sm\:pb-6{padding-bottom:1.5rem} .sm\:pl-6{padding-left:1.5rem} .sm\:pt-7{padding-top:1.75rem} .sm\:pr-7{padding-right:1.75rem} .sm\:pb-7{padding-bottom:1.75rem} .sm\:pl-7{padding-left:1.75rem} .sm\:pt-8{padding-top:2rem} .sm\:pr-8{padding-right:2rem} .sm\:pb-8{padding-bottom:2rem} .sm\:pl-8{padding-left:2rem} .sm\:pt-9{padding-top:2.25rem} .sm\:pr-9{padding-right:2.25rem} .sm\:pb-9{padding-bottom:2.25rem} .sm\:pl-9{padding-left:2.25rem} .sm\:pt-10{padding-top:2.5rem} .sm\:pr-10{padding-right:2.5rem} .sm\:pb-10{padding-bottom:2.5rem} .sm\:pl-10{padding-left:2.5rem} .sm\:pt-12{padding-top:3rem} .sm\:pr-12{padding-right:3rem} .sm\:pb-12{padding-bottom:3rem} .sm\:pl-12{padding-left:3rem} .sm\:pt-16{padding-top:4rem} .sm\:pr-16{padding-right:4rem} .sm\:pb-16{padding-bottom:4rem} .sm\:pl-16{padding-left:4rem} .sm\:pt-20{padding-top:5rem} .sm\:pr-20{padding-right:5rem} .sm\:pb-20{padding-bottom:5rem} .sm\:pl-20{padding-left:5rem} .sm\:pt-24{padding-top:6rem} .sm\:pr-24{padding-right:6rem} .sm\:pb-24{padding-bottom:6rem} .sm\:pl-24{padding-left:6rem} .sm\:pt-28{padding-top:7rem} .sm\:pr-28{padding-right:7rem} .sm\:pb-28{padding-bottom:7rem} .sm\:pl-28{padding-left:7rem} .sm\:pt-32{padding-top:8rem} .sm\:pr-32{padding-right:8rem} .sm\:pb-32{padding-bottom:8rem} .sm\:pl-32{padding-left:8rem} .sm\:pt-px{padding-top:1px} .sm\:pr-px{padding-right:1px} .sm\:pb-px{padding-bottom:1px} .sm\:pl-px{padding-left:1px} .sm\:pt-10\%{padding-top:10%} .sm\:pr-10\%{padding-right:10%} .sm\:pb-10\%{padding-bottom:10%} .sm\:pl-10\%{padding-left:10%} .sm\:pt-20\%{padding-top:20%} .sm\:pr-20\%{padding-right:20%} .sm\:pb-20\%{padding-bottom:20%} .sm\:pl-20\%{padding-left:20%} .sm\:pt-30\%{padding-top:30%} .sm\:pr-30\%{padding-right:30%} .sm\:pb-30\%{padding-bottom:30%} .sm\:pl-30\%{padding-left:30%} .sm\:pt-40\%{padding-top:40%} .sm\:pr-40\%{padding-right:40%} .sm\:pb-40\%{padding-bottom:40%} .sm\:pl-40\%{padding-left:40%} .sm\:pt-50\%{padding-top:50%} .sm\:pr-50\%{padding-right:50%} .sm\:pb-50\%{padding-bottom:50%} .sm\:pl-50\%{padding-left:50%} .sm\:pt-60\%{padding-top:60%} .sm\:pr-60\%{padding-right:60%} .sm\:pb-60\%{padding-bottom:60%} .sm\:pl-60\%{padding-left:60%} .sm\:pt-70\%{padding-top:70%} .sm\:pr-70\%{padding-right:70%} .sm\:pb-70\%{padding-bottom:70%} .sm\:pl-70\%{padding-left:70%} .sm\:pt-80\%{padding-top:80%} .sm\:pr-80\%{padding-right:80%} .sm\:pb-80\%{padding-bottom:80%} .sm\:pl-80\%{padding-left:80%} .sm\:pt-90\%{padding-top:90%} .sm\:pr-90\%{padding-right:90%} .sm\:pb-90\%{padding-bottom:90%} .sm\:pl-90\%{padding-left:90%} .sm\:static{position:static} .sm\:fixed{position:fixed} .sm\:absolute{position:absolute} .sm\:relative{position:relative} .sm\:sticky{position:sticky} .sm\:pin-none{top:auto;right:auto;bottom:auto;left:auto} .sm\:pin{top:0;right:0;bottom:0;left:0} .sm\:pin-y{top:0;bottom:0} .sm\:pin-x{right:0;left:0} .sm\:pin-t{top:0} .sm\:pin-r{right:0} .sm\:pin-b{bottom:0} .sm\:pin-l{left:0} .sm\:text-left{text-align:left} .sm\:text-center{text-align:center} .sm\:text-right{text-align:right} .sm\:text-justify{text-align:justify} .sm\:text-transparent{color:transparent} .sm\:text-currentColor{color:currentColor} .sm\:text-black{color:#000} .sm\:text-black-10{color:rgba(0,0,0,.1)} .sm\:text-black-20{color:rgba(0,0,0,.2)} .sm\:text-black-30{color:rgba(0,0,0,.3)} .sm\:text-black-40{color:rgba(0,0,0,.4)} .sm\:text-black-50{color:rgba(0,0,0,.5)} .sm\:text-black-60{color:rgba(0,0,0,.6)} .sm\:text-black-70{color:rgba(0,0,0,.7)} .sm\:text-black-80{color:rgba(0,0,0,.8)} .sm\:text-black-90{color:rgba(0,0,0,.9)} .sm\:text-black-1{color:#313131} .sm\:text-white{color:#fff} .sm\:text-blue{color:#0072ef} .sm\:text-dark-blue{color:#0064d1} .sm\:text-darker-blue{color:#00588d} .sm\:text-d-blue{color:#0069a8} .sm\:text-blue-1{color:#17214a} .sm\:text-light-blue{color:#f0f7fb} .sm\:text-red{color:#cb001c} .sm\:text-green{color:#33803b} .sm\:text-green-lighter{color:#00800005} .sm\:text-purple{color:#5a80d1} .sm\:text-orange{color:#c45c00} .sm\:text-sd-red{color:#ed1c24} .sm\:text-grey{color:#929a9d} .sm\:text-grey-light{color:#e6e6e6} .sm\:text-grey-1{color:#f2f3f3} .sm\:text-grey-2{color:#7f7f7f} .sm\:text-grey-3{color:#6a6a6a} .sm\:text-grey-4{color:#465052} .sm\:text-grey-5{color:#737779} .sm\:text-border-gray-light{color:#e1e1e1} .sm\:text-gray{color:#929a9d} .sm\:text-gray-light{color:#e1e1e1} .sm\:text-gray-1{color:#f6f6f6} .sm\:text-gray-2{color:#bbb} .sm\:text-gray-3{color:#8a8a8a} .sm\:text-gray-4{color:#6b6b6b} .sm\:text-light-blue-1{color:#21b8de} .sm\:text-dark-blue-1{color:#0277bd} .sm\:text-dark-orange{color:#df8403} .sm\:text-darker-orange{color:#aa5d00} .sm\:text-g-blue{color:#17214a} .sm\:text-g-blue-1{color:#556d88} .sm\:text-g-blue-2{color:#3c4c65} .sm\:text-g-blue-3{color:#222e4d} .sm\:text-black-orange{color:#ff7012} .sm\:text-light-blue-2{color:#f7fafd} .sm\:text-light-blue-3{color:#b4d5f8} .sm\:hover\:text-transparent:hover{color:transparent} .sm\:hover\:text-currentColor:hover{color:currentColor} .sm\:hover\:text-black:hover{color:#000} .sm\:hover\:text-black-10:hover{color:rgba(0,0,0,.1)} .sm\:hover\:text-black-20:hover{color:rgba(0,0,0,.2)} .sm\:hover\:text-black-30:hover{color:rgba(0,0,0,.3)} .sm\:hover\:text-black-40:hover{color:rgba(0,0,0,.4)} .sm\:hover\:text-black-50:hover{color:rgba(0,0,0,.5)} .sm\:hover\:text-black-60:hover{color:rgba(0,0,0,.6)} .sm\:hover\:text-black-70:hover{color:rgba(0,0,0,.7)} .sm\:hover\:text-black-80:hover{color:rgba(0,0,0,.8)} .sm\:hover\:text-black-90:hover{color:rgba(0,0,0,.9)} .sm\:hover\:text-black-1:hover{color:#313131} .sm\:hover\:text-white:hover{color:#fff} .sm\:hover\:text-blue:hover{color:#0072ef} .sm\:hover\:text-dark-blue:hover{color:#0064d1} .sm\:hover\:text-darker-blue:hover{color:#00588d} .sm\:hover\:text-d-blue:hover{color:#0069a8} .sm\:hover\:text-blue-1:hover{color:#17214a} .sm\:hover\:text-light-blue:hover{color:#f0f7fb} .sm\:hover\:text-red:hover{color:#cb001c} .sm\:hover\:text-green:hover{color:#33803b} .sm\:hover\:text-green-lighter:hover{color:#00800005} .sm\:hover\:text-purple:hover{color:#5a80d1} .sm\:hover\:text-orange:hover{color:#c45c00} .sm\:hover\:text-sd-red:hover{color:#ed1c24} .sm\:hover\:text-grey:hover{color:#929a9d} .sm\:hover\:text-grey-light:hover{color:#e6e6e6} .sm\:hover\:text-grey-1:hover{color:#f2f3f3} .sm\:hover\:text-grey-2:hover{color:#7f7f7f} .sm\:hover\:text-grey-3:hover{color:#6a6a6a} .sm\:hover\:text-grey-4:hover{color:#465052} .sm\:hover\:text-grey-5:hover{color:#737779} .sm\:hover\:text-border-gray-light:hover{color:#e1e1e1} .sm\:hover\:text-gray:hover{color:#929a9d} .sm\:hover\:text-gray-light:hover{color:#e1e1e1} .sm\:hover\:text-gray-1:hover{color:#f6f6f6} .sm\:hover\:text-gray-2:hover{color:#bbb} .sm\:hover\:text-gray-3:hover{color:#8a8a8a} .sm\:hover\:text-gray-4:hover{color:#6b6b6b} .sm\:hover\:text-light-blue-1:hover{color:#21b8de} .sm\:hover\:text-dark-blue-1:hover{color:#0277bd} .sm\:hover\:text-dark-orange:hover{color:#df8403} .sm\:hover\:text-darker-orange:hover{color:#aa5d00} .sm\:hover\:text-g-blue:hover{color:#17214a} .sm\:hover\:text-g-blue-1:hover{color:#556d88} .sm\:hover\:text-g-blue-2:hover{color:#3c4c65} .sm\:hover\:text-g-blue-3:hover{color:#222e4d} .sm\:hover\:text-black-orange:hover{color:#ff7012} .sm\:hover\:text-light-blue-2:hover{color:#f7fafd} .sm\:hover\:text-light-blue-3:hover{color:#b4d5f8} .sm\:text-xxxs{font-size:.625rem} .sm\:text-xxs{font-size:.75rem} .sm\:text-xs{font-size:.875rem} .sm\:text-sm{font-size:1rem} .sm\:text-base{font-size:1.125rem} .sm\:text-lg{font-size:1.25rem} .sm\:text-2lg{font-size:1.25rem} .sm\:text-xl{font-size:1.5rem} .sm\:text-1-5xl{font-size:1.625rem} .sm\:text-2xl{font-size:1.75rem} .sm\:text-2-5xl{font-size:1.875rem} .sm\:text-3xl{font-size:2rem} .sm\:text-4xl{font-size:2.125rem} .sm\:text-5xl{font-size:2.25rem} .sm\:text-5-5xl{font-size:2.625rem} .sm\:text-5-6xl{font-size:3rem} .sm\:text-6xl{font-size:3.5rem} .sm\:text-7xl{font-size:4.125rem} .sm\:tracking-tight{letter-spacing:-0.05em} .sm\:tracking-normal{letter-spacing:0} .sm\:tracking-wide{letter-spacing:.05em} .sm\:select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .sm\:select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text} .sm\:visible{visibility:visible} .sm\:invisible{visibility:hidden} .sm\:w-0{width:0} .sm\:w-1{width:.25rem} .sm\:w-2{width:.5rem} .sm\:w-3{width:.75rem} .sm\:w-4{width:1rem} .sm\:w-5{width:1.25rem} .sm\:w-6{width:1.5rem} .sm\:w-7{width:1.75rem} .sm\:w-8{width:2rem} .sm\:w-9{width:2.25rem} .sm\:w-10{width:2.5rem} .sm\:w-12{width:3rem} .sm\:w-14{width:3.5rem} .sm\:w-16{width:4rem} .sm\:w-21{width:5.25rem} .sm\:w-auto{width:auto} .sm\:w-px{width:1px} .sm\:w-full{width:100%} .sm\:w-half{width:50%} .sm\:w-100px{width:100px} .sm\:w-200px{width:200px} .sm\:w-300px{width:300px} .sm\:w-400px{width:400px} .sm\:w-500px{width:500px} .sm\:w-576px{width:576px} .sm\:w-600px{width:600px} .sm\:w-700px{width:700px} .sm\:w-768px{width:768px} .sm\:w-800px{width:800px} .sm\:w-900px{width:900px} .sm\:w-992px{width:992px} .sm\:w-1000px{width:1000px} .sm\:z-0{z-index:0} .sm\:z-1{z-index:1} .sm\:z-4{z-index:4} .sm\:z-10{z-index:10} .sm\:z-20{z-index:20} .sm\:z-30{z-index:30} .sm\:z-40{z-index:40} .sm\:z-50{z-index:50} .sm\:z-60{z-index:60} .sm\:z-70{z-index:70} .sm\:z-80{z-index:80} .sm\:z-90{z-index:90} .sm\:z-100{z-index:100} .sm\:z-auto{z-index:auto} .sm\:pin-t-0{top:0} .sm\:pin-r-0{right:0} .sm\:pin-b-0{bottom:0} .sm\:pin-l-0{left:0} .sm\:pin-t-1{top:1px} .sm\:pin-r-1{right:1px} .sm\:pin-b-1{bottom:1px} .sm\:pin-l-1{left:1px} .sm\:pin-t-3{top:3px} .sm\:pin-r-3{right:3px} .sm\:pin-b-3{bottom:3px} .sm\:pin-l-3{left:3px} .sm\:pin-t-5{top:5px} .sm\:pin-r-5{right:5px} .sm\:pin-b-5{bottom:5px} .sm\:pin-l-5{left:5px} .sm\:pin-t-6{top:6px} .sm\:pin-r-6{right:6px} .sm\:pin-b-6{bottom:6px} .sm\:pin-l-6{left:6px} .sm\:pin-t-10{top:10px} .sm\:pin-r-10{right:10px} .sm\:pin-b-10{bottom:10px} .sm\:pin-l-10{left:10px} .sm\:pin-t-11{top:11px} .sm\:pin-r-11{right:11px} .sm\:pin-b-11{bottom:11px} .sm\:pin-l-11{left:11px} .sm\:pin-t-12{top:3rem} .sm\:pin-r-12{right:3rem} .sm\:pin-b-12{bottom:3rem} .sm\:pin-l-12{left:3rem} .sm\:pin-t-15{top:15px} .sm\:pin-r-15{right:15px} .sm\:pin-b-15{bottom:15px} .sm\:pin-l-15{left:15px} .sm\:pin-t-16{top:4rem} .sm\:pin-r-16{right:4rem} .sm\:pin-b-16{bottom:4rem} .sm\:pin-l-16{left:4rem} .sm\:pin-t-20{top:20px} .sm\:pin-r-20{right:20px} .sm\:pin-b-20{bottom:20px} .sm\:pin-l-20{left:20px} .sm\:pin-t-25{top:25px} .sm\:pin-r-25{right:25px} .sm\:pin-b-25{bottom:25px} .sm\:pin-l-25{left:25px} .sm\:pin-t-50{top:50px} .sm\:pin-r-50{right:50px} .sm\:pin-b-50{bottom:50px} .sm\:pin-l-50{left:50px} .sm\:pin-t-64{top:64px} .sm\:pin-r-64{right:64px} .sm\:pin-b-64{bottom:64px} .sm\:pin-l-64{left:64px} .sm\:pin-t-75{top:75px} .sm\:pin-r-75{right:75px} .sm\:pin-b-75{bottom:75px} .sm\:pin-l-75{left:75px} .sm\:pin-t-80{top:80px} .sm\:pin-r-80{right:80px} .sm\:pin-b-80{bottom:80px} .sm\:pin-l-80{left:80px} .sm\:pin-t-100{top:100px} .sm\:pin-r-100{right:100px} .sm\:pin-b-100{bottom:100px} .sm\:pin-l-100{left:100px} .sm\:pin-t-150{top:150px} .sm\:pin-r-150{right:150px} .sm\:pin-b-150{bottom:150px} .sm\:pin-l-150{left:150px} .sm\:pin-t-200{top:150px} .sm\:pin-r-200{right:150px} .sm\:pin-b-200{bottom:150px} .sm\:pin-l-200{left:150px} .sm\:pin-t-250{top:250px} .sm\:pin-r-250{right:250px} .sm\:pin-b-250{bottom:250px} .sm\:pin-l-250{left:250px} .sm\:pin-t-300{top:300px} .sm\:pin-r-300{right:300px} .sm\:pin-b-300{bottom:300px} .sm\:pin-l-300{left:300px} .sm\:pin-t-400{top:400px} .sm\:pin-r-400{right:400px} .sm\:pin-b-400{bottom:400px} .sm\:pin-l-400{left:400px} .sm\:pin-t-500{top:500px} .sm\:pin-r-500{right:500px} .sm\:pin-b-500{bottom:500px} .sm\:pin-l-500{left:500px} .sm\:-pin-t-5{top:-5px} .sm\:-pin-r-5{right:-5px} .sm\:-pin-b-5{bottom:-5px} .sm\:-pin-l-5{left:-5px} .sm\:-pin-t-6{top:-6px} .sm\:-pin-r-6{right:-6px} .sm\:-pin-b-6{bottom:-6px} .sm\:-pin-l-6{left:-6px} .sm\:-pin-t-10{top:-10px} .sm\:-pin-r-10{right:-10px} .sm\:-pin-b-10{bottom:-10px} .sm\:-pin-l-10{left:-10px} .sm\:-pin-t-11{top:-11px} .sm\:-pin-r-11{right:-11px} .sm\:-pin-b-11{bottom:-11px} .sm\:-pin-l-11{left:-11px} .sm\:-pin-t-15{top:-15px} .sm\:-pin-r-15{right:-15px} .sm\:-pin-b-15{bottom:-15px} .sm\:-pin-l-15{left:-15px} .sm\:-pin-t-20{top:-20px} .sm\:-pin-r-20{right:-20px} .sm\:-pin-b-20{bottom:-20px} .sm\:-pin-l-20{left:-20px} .sm\:-pin-t-12{top:-3rem} .sm\:-pin-r-12{right:-3rem} .sm\:-pin-b-12{bottom:-3rem} .sm\:-pin-l-12{left:-3rem} .sm\:-pin-t-16{top:-4rem} .sm\:-pin-r-16{right:-4rem} .sm\:-pin-b-16{bottom:-4rem} .sm\:-pin-l-16{left:-4rem} .sm\:-pin-t-25{top:-25px} .sm\:-pin-r-25{right:-25px} .sm\:-pin-b-25{bottom:-25px} .sm\:-pin-l-25{left:-25px} .sm\:-pin-t-50{top:-50px} .sm\:-pin-r-50{right:-50px} .sm\:-pin-b-50{bottom:-50px} .sm\:-pin-l-50{left:-50px} .sm\:-pin-t-75{top:75px} .sm\:-pin-r-75{right:75px} .sm\:-pin-b-75{bottom:75px} .sm\:-pin-l-75{left:75px} .sm\:-pin-t-80{top:-80px} .sm\:-pin-r-80{right:-80px} .sm\:-pin-b-80{bottom:-80px} .sm\:-pin-l-80{left:-80px} .sm\:-pin-t-100{top:-100px} .sm\:-pin-r-100{right:-100px} .sm\:-pin-b-100{bottom:-100px} .sm\:-pin-l-100{left:-100px} .sm\:-pin-t-150{top:-150px} .sm\:-pin-r-150{right:-150px} .sm\:-pin-b-150{bottom:-150px} .sm\:-pin-l-150{left:-150px} .sm\:-pin-t-200{top:-200px} .sm\:-pin-r-200{right:-200px} .sm\:-pin-b-200{bottom:-200px} .sm\:-pin-l-200{left:-200px} .sm\:-pin-t-250{top:-250px} .sm\:-pin-r-250{right:-250px} .sm\:-pin-b-250{bottom:-250px} .sm\:-pin-l-250{left:-250px} .sm\:-pin-t-300{top:-300px} .sm\:-pin-r-300{right:-300px} .sm\:-pin-b-300{bottom:-300px} .sm\:-pin-l-300{left:-300px} .sm\:-pin-t-400{top:-400px} .sm\:-pin-r-400{right:-400px} .sm\:-pin-b-400{bottom:-400px} .sm\:-pin-l-400{left:-400px} .sm\:-pin-t-500{top:-500px} .sm\:-pin-r-500{right:-500px} .sm\:-pin-b-500{bottom:-500px} .sm\:-pin-l-500{left:-500px} .sm\:pin-t-half{top:50%} .sm\:pin-r-half{right:50%} .sm\:pin-b-half{bottom:50%} .sm\:pin-l-half{left:50%} .sm\:-pin-t-half{top:-50%} .sm\:-pin-r-half{right:-50%} .sm\:-pin-b-half{bottom:-50%} .sm\:-pin-l-half{left:-50%} } @media(min-width:992px){.md\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .md\:bg-transparent{background-color:transparent} .md\:bg-currentColor{background-color:currentColor} .md\:bg-black{background-color:#000} .md\:bg-black-10{background-color:rgba(0,0,0,.1)} .md\:bg-black-20{background-color:rgba(0,0,0,.2)} .md\:bg-black-30{background-color:rgba(0,0,0,.3)} .md\:bg-black-40{background-color:rgba(0,0,0,.4)} .md\:bg-black-50{background-color:rgba(0,0,0,.5)} .md\:bg-black-60{background-color:rgba(0,0,0,.6)} .md\:bg-black-70{background-color:rgba(0,0,0,.7)} .md\:bg-black-80{background-color:rgba(0,0,0,.8)} .md\:bg-black-90{background-color:rgba(0,0,0,.9)} .md\:bg-black-1{background-color:#313131} .md\:bg-white{background-color:#fff} .md\:bg-blue{background-color:#0072ef} .md\:bg-dark-blue{background-color:#0064d1} .md\:bg-darker-blue{background-color:#00588d} .md\:bg-d-blue{background-color:#0069a8} .md\:bg-blue-1{background-color:#17214a} .md\:bg-light-blue{background-color:#f0f7fb} .md\:bg-red{background-color:#cb001c} .md\:bg-green{background-color:#33803b} .md\:bg-green-lighter{background-color:#00800005} .md\:bg-purple{background-color:#5a80d1} .md\:bg-orange{background-color:#c45c00} .md\:bg-sd-red{background-color:#ed1c24} .md\:bg-grey{background-color:#929a9d} .md\:bg-grey-light{background-color:#e6e6e6} .md\:bg-grey-1{background-color:#f2f3f3} .md\:bg-grey-2{background-color:#7f7f7f} .md\:bg-grey-3{background-color:#6a6a6a} .md\:bg-grey-4{background-color:#465052} .md\:bg-grey-5{background-color:#737779} .md\:bg-border-gray-light{background-color:#e1e1e1} .md\:bg-gray{background-color:#929a9d} .md\:bg-gray-light{background-color:#e1e1e1} .md\:bg-gray-1{background-color:#f6f6f6} .md\:bg-gray-2{background-color:#bbb} .md\:bg-gray-3{background-color:#8a8a8a} .md\:bg-gray-4{background-color:#6b6b6b} .md\:bg-light-blue-1{background-color:#21b8de} .md\:bg-dark-blue-1{background-color:#0277bd} .md\:bg-dark-orange{background-color:#df8403} .md\:bg-darker-orange{background-color:#aa5d00} .md\:bg-g-blue{background-color:#17214a} .md\:bg-g-blue-1{background-color:#556d88} .md\:bg-g-blue-2{background-color:#3c4c65} .md\:bg-g-blue-3{background-color:#222e4d} .md\:bg-black-orange{background-color:#ff7012} .md\:bg-light-blue-2{background-color:#f7fafd} .md\:bg-light-blue-3{background-color:#b4d5f8} .md\:hover\:bg-transparent:hover{background-color:transparent} .md\:hover\:bg-currentColor:hover{background-color:currentColor} .md\:hover\:bg-black:hover{background-color:#000} .md\:hover\:bg-black-10:hover{background-color:rgba(0,0,0,.1)} .md\:hover\:bg-black-20:hover{background-color:rgba(0,0,0,.2)} .md\:hover\:bg-black-30:hover{background-color:rgba(0,0,0,.3)} .md\:hover\:bg-black-40:hover{background-color:rgba(0,0,0,.4)} .md\:hover\:bg-black-50:hover{background-color:rgba(0,0,0,.5)} .md\:hover\:bg-black-60:hover{background-color:rgba(0,0,0,.6)} .md\:hover\:bg-black-70:hover{background-color:rgba(0,0,0,.7)} .md\:hover\:bg-black-80:hover{background-color:rgba(0,0,0,.8)} .md\:hover\:bg-black-90:hover{background-color:rgba(0,0,0,.9)} .md\:hover\:bg-black-1:hover{background-color:#313131} .md\:hover\:bg-white:hover{background-color:#fff} .md\:hover\:bg-blue:hover{background-color:#0072ef} .md\:hover\:bg-dark-blue:hover{background-color:#0064d1} .md\:hover\:bg-darker-blue:hover{background-color:#00588d} .md\:hover\:bg-d-blue:hover{background-color:#0069a8} .md\:hover\:bg-blue-1:hover{background-color:#17214a} .md\:hover\:bg-light-blue:hover{background-color:#f0f7fb} .md\:hover\:bg-red:hover{background-color:#cb001c} .md\:hover\:bg-green:hover{background-color:#33803b} .md\:hover\:bg-green-lighter:hover{background-color:#00800005} .md\:hover\:bg-purple:hover{background-color:#5a80d1} .md\:hover\:bg-orange:hover{background-color:#c45c00} .md\:hover\:bg-sd-red:hover{background-color:#ed1c24} .md\:hover\:bg-grey:hover{background-color:#929a9d} .md\:hover\:bg-grey-light:hover{background-color:#e6e6e6} .md\:hover\:bg-grey-1:hover{background-color:#f2f3f3} .md\:hover\:bg-grey-2:hover{background-color:#7f7f7f} .md\:hover\:bg-grey-3:hover{background-color:#6a6a6a} .md\:hover\:bg-grey-4:hover{background-color:#465052} .md\:hover\:bg-grey-5:hover{background-color:#737779} .md\:hover\:bg-border-gray-light:hover{background-color:#e1e1e1} .md\:hover\:bg-gray:hover{background-color:#929a9d} .md\:hover\:bg-gray-light:hover{background-color:#e1e1e1} .md\:hover\:bg-gray-1:hover{background-color:#f6f6f6} .md\:hover\:bg-gray-2:hover{background-color:#bbb} .md\:hover\:bg-gray-3:hover{background-color:#8a8a8a} .md\:hover\:bg-gray-4:hover{background-color:#6b6b6b} .md\:hover\:bg-light-blue-1:hover{background-color:#21b8de} .md\:hover\:bg-dark-blue-1:hover{background-color:#0277bd} .md\:hover\:bg-dark-orange:hover{background-color:#df8403} .md\:hover\:bg-darker-orange:hover{background-color:#aa5d00} .md\:hover\:bg-g-blue:hover{background-color:#17214a} .md\:hover\:bg-g-blue-1:hover{background-color:#556d88} .md\:hover\:bg-g-blue-2:hover{background-color:#3c4c65} .md\:hover\:bg-g-blue-3:hover{background-color:#222e4d} .md\:hover\:bg-black-orange:hover{background-color:#ff7012} .md\:hover\:bg-light-blue-2:hover{background-color:#f7fafd} .md\:hover\:bg-light-blue-3:hover{background-color:#b4d5f8} .md\:bg-bottom{background-position:bottom} .md\:bg-center{background-position:center} .md\:bg-left{background-position:left} .md\:bg-left-bottom{background-position:left bottom} .md\:bg-left-top{background-position:left top} .md\:bg-right{background-position:right} .md\:bg-right-bottom{background-position:right bottom} .md\:bg-right-top{background-position:right top} .md\:bg-top{background-position:top} .md\:rounded-none{border-radius:0} .md\:rounded-sm{border-radius:.125rem} .md\:rounded{border-radius:.25rem} .md\:rounded-lg{border-radius:.5rem} .md\:rounded-full{border-radius:9999px} .md\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0} .md\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0} .md\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0} .md\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0} .md\:rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem} .md\:rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem} .md\:rounded-b-sm{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem} .md\:rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem} .md\:rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .md\:rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .md\:rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .md\:rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .md\:rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .md\:rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem} .md\:rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem} .md\:rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem} .md\:rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px} .md\:rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px} .md\:rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px} .md\:rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px} .md\:rounded-tl-none{border-top-left-radius:0} .md\:rounded-tr-none{border-top-right-radius:0} .md\:rounded-br-none{border-bottom-right-radius:0} .md\:rounded-bl-none{border-bottom-left-radius:0} .md\:rounded-tl-sm{border-top-left-radius:.125rem} .md\:rounded-tr-sm{border-top-right-radius:.125rem} .md\:rounded-br-sm{border-bottom-right-radius:.125rem} .md\:rounded-bl-sm{border-bottom-left-radius:.125rem} .md\:rounded-tl{border-top-left-radius:.25rem} .md\:rounded-tr{border-top-right-radius:.25rem} .md\:rounded-br{border-bottom-right-radius:.25rem} .md\:rounded-bl{border-bottom-left-radius:.25rem} .md\:rounded-tl-lg{border-top-left-radius:.5rem} .md\:rounded-tr-lg{border-top-right-radius:.5rem} .md\:rounded-br-lg{border-bottom-right-radius:.5rem} .md\:rounded-bl-lg{border-bottom-left-radius:.5rem} .md\:rounded-tl-full{border-top-left-radius:9999px} .md\:rounded-tr-full{border-top-right-radius:9999px} .md\:rounded-br-full{border-bottom-right-radius:9999px} .md\:rounded-bl-full{border-bottom-left-radius:9999px} .md\:border-solid{border-style:solid} .md\:border-dashed{border-style:dashed} .md\:border-dotted{border-style:dotted} .md\:border-none{border-style:none} .md\:border-0{border-width:0} .md\:border-2{border-width:2px} .md\:border-3{border-width:3px} .md\:border-4{border-width:4px} .md\:border-5{border-width:5px} .md\:border-6{border-width:6px} .md\:border-7{border-width:7px} .md\:border-8{border-width:8px} .md\:border-9{border-width:9px} .md\:border-10{border-width:10px} .md\:border{border-width:1px} .md\:border-t-0{border-top-width:0} .md\:border-r-0{border-right-width:0} .md\:border-b-0{border-bottom-width:0} .md\:border-l-0{border-left-width:0} .md\:border-t-2{border-top-width:2px} .md\:border-r-2{border-right-width:2px} .md\:border-b-2{border-bottom-width:2px} .md\:border-l-2{border-left-width:2px} .md\:border-t-3{border-top-width:3px} .md\:border-r-3{border-right-width:3px} .md\:border-b-3{border-bottom-width:3px} .md\:border-l-3{border-left-width:3px} .md\:border-t-4{border-top-width:4px} .md\:border-r-4{border-right-width:4px} .md\:border-b-4{border-bottom-width:4px} .md\:border-l-4{border-left-width:4px} .md\:border-t-5{border-top-width:5px} .md\:border-r-5{border-right-width:5px} .md\:border-b-5{border-bottom-width:5px} .md\:border-l-5{border-left-width:5px} .md\:border-t-6{border-top-width:6px} .md\:border-r-6{border-right-width:6px} .md\:border-b-6{border-bottom-width:6px} .md\:border-l-6{border-left-width:6px} .md\:border-t-7{border-top-width:7px} .md\:border-r-7{border-right-width:7px} .md\:border-b-7{border-bottom-width:7px} .md\:border-l-7{border-left-width:7px} .md\:border-t-8{border-top-width:8px} .md\:border-r-8{border-right-width:8px} .md\:border-b-8{border-bottom-width:8px} .md\:border-l-8{border-left-width:8px} .md\:border-t-9{border-top-width:9px} .md\:border-r-9{border-right-width:9px} .md\:border-b-9{border-bottom-width:9px} .md\:border-l-9{border-left-width:9px} .md\:border-t-10{border-top-width:10px} .md\:border-r-10{border-right-width:10px} .md\:border-b-10{border-bottom-width:10px} .md\:border-l-10{border-left-width:10px} .md\:border-t{border-top-width:1px} .md\:border-r{border-right-width:1px} .md\:border-b{border-bottom-width:1px} .md\:border-l{border-left-width:1px} .md\:block{display:block} .md\:inline-block{display:inline-block} .md\:inline{display:inline} .md\:table{display:table} .md\:table-row{display:table-row} .md\:table-cell{display:table-cell} .md\:hidden{display:none} .md\:flex{display:flex} .md\:inline-flex{display:inline-flex} .md\:flex-row{flex-direction:row} .md\:flex-row-reverse{flex-direction:row-reverse} .md\:flex-col{flex-direction:column} .md\:flex-col-reverse{flex-direction:column-reverse} .md\:flex-wrap{flex-wrap:wrap} .md\:flex-wrap-reverse{flex-wrap:wrap-reverse} .md\:flex-no-wrap{flex-wrap:nowrap} .md\:items-start{align-items:flex-start} .md\:items-end{align-items:flex-end} .md\:items-center{align-items:center} .md\:items-baseline{align-items:baseline} .md\:items-stretch{align-items:stretch} .md\:self-auto{align-self:auto} .md\:self-start{align-self:flex-start} .md\:self-end{align-self:flex-end} .md\:self-center{align-self:center} .md\:self-stretch{align-self:stretch} .md\:justify-start{justify-content:flex-start} .md\:justify-end{justify-content:flex-end} .md\:justify-center{justify-content:center} .md\:justify-between{justify-content:space-between} .md\:justify-around{justify-content:space-around} .md\:content-center{align-content:center} .md\:content-start{align-content:flex-start} .md\:content-end{align-content:flex-end} .md\:content-between{align-content:space-between} .md\:content-around{align-content:space-around} .md\:flex-1{flex:1} .md\:flex-auto{flex:auto} .md\:flex-initial{flex:initial} .md\:flex-none{flex:none} .md\:flex-grow{flex-grow:1} .md\:flex-shrink{flex-shrink:1} .md\:flex-no-grow{flex-grow:0} .md\:flex-no-shrink{flex-shrink:0} .md\:float-right{float:right} .md\:float-left{float:left} .md\:float-none{float:none} .md\:clearfix:after{content:"";display:table;clear:both} .md\:font-light{font-weight:300} .md\:font-normal{font-weight:400} .md\:font-medium{font-weight:500} .md\:font-semibold{font-weight:600} .md\:font-bold{font-weight:700} .md\:hover\:font-light:hover{font-weight:300} .md\:hover\:font-normal:hover{font-weight:400} .md\:hover\:font-medium:hover{font-weight:500} .md\:hover\:font-semibold:hover{font-weight:600} .md\:hover\:font-bold:hover{font-weight:700} .md\:h-0{height:0} .md\:h-1{height:.25rem} .md\:h-2{height:.5rem} .md\:h-3{height:.75rem} .md\:h-4{height:1rem} .md\:h-5{height:1.25rem} .md\:h-6{height:1.5rem} .md\:h-7{height:1.75rem} .md\:h-8{height:2rem} .md\:h-9{height:2.25rem} .md\:h-10{height:2.5rem} .md\:h-12{height:3rem} .md\:h-14{height:3.5rem} .md\:h-16{height:4rem} .md\:h-18{height:4.5rem} .md\:h-24{height:6rem} .md\:h-32{height:8rem} .md\:h-48{height:12rem} .md\:h-64{height:16rem} .md\:h-auto{height:auto} .md\:h-px{height:1px} .md\:h-2px{height:2px} .md\:h-42px{height:2.625rem} .md\:h-50px{height:50px} .md\:h-100px{height:100px} .md\:h-125px{height:125px} .md\:h-150px{height:150px} .md\:h-175px{height:175px} .md\:h-200px{height:200px} .md\:h-225px{height:225px} .md\:h-250px{height:250px} .md\:h-275px{height:275px} .md\:h-300px{height:300px} .md\:h-325px{height:325px} .md\:h-350px{height:350px} .md\:h-375px{height:375px} .md\:h-400px{height:400px} .md\:h-500px{height:500px} .md\:h-576px{height:576px} .md\:h-600px{height:600px} .md\:h-half{height:50%} .md\:h-full{height:100%} .md\:m-0{margin:0} .md\:m-1{margin:.25rem} .md\:m-2{margin:.5rem} .md\:m-3{margin:.75rem} .md\:m-4{margin:1rem} .md\:m-5{margin:1.25rem} .md\:m-6{margin:1.5rem} .md\:m-7{margin:1.75rem} .md\:m-8{margin:2rem} .md\:m-9{margin:2.25rem} .md\:m-10{margin:2.5rem} .md\:m-12{margin:3rem} .md\:m-16{margin:4rem} .md\:m-20{margin:5rem} .md\:m-24{margin:6rem} .md\:m-28{margin:7rem} .md\:m-auto{margin:auto} .md\:m-px{margin:1px} .md\:my-0{margin-top:0;margin-bottom:0} .md\:mx-0{margin-left:0;margin-right:0} .md\:my-1{margin-top:.25rem;margin-bottom:.25rem} .md\:mx-1{margin-left:.25rem;margin-right:.25rem} .md\:my-2{margin-top:.5rem;margin-bottom:.5rem} .md\:mx-2{margin-left:.5rem;margin-right:.5rem} .md\:my-3{margin-top:.75rem;margin-bottom:.75rem} .md\:mx-3{margin-left:.75rem;margin-right:.75rem} .md\:my-4{margin-top:1rem;margin-bottom:1rem} .md\:mx-4{margin-left:1rem;margin-right:1rem} .md\:my-5{margin-top:1.25rem;margin-bottom:1.25rem} .md\:mx-5{margin-left:1.25rem;margin-right:1.25rem} .md\:my-6{margin-top:1.5rem;margin-bottom:1.5rem} .md\:mx-6{margin-left:1.5rem;margin-right:1.5rem} .md\:my-7{margin-top:1.75rem;margin-bottom:1.75rem} .md\:mx-7{margin-left:1.75rem;margin-right:1.75rem} .md\:my-8{margin-top:2rem;margin-bottom:2rem} .md\:mx-8{margin-left:2rem;margin-right:2rem} .md\:my-9{margin-top:2.25rem;margin-bottom:2.25rem} .md\:mx-9{margin-left:2.25rem;margin-right:2.25rem} .md\:my-10{margin-top:2.5rem;margin-bottom:2.5rem} .md\:mx-10{margin-left:2.5rem;margin-right:2.5rem} .md\:my-12{margin-top:3rem;margin-bottom:3rem} .md\:mx-12{margin-left:3rem;margin-right:3rem} .md\:my-16{margin-top:4rem;margin-bottom:4rem} .md\:mx-16{margin-left:4rem;margin-right:4rem} .md\:my-20{margin-top:5rem;margin-bottom:5rem} .md\:mx-20{margin-left:5rem;margin-right:5rem} .md\:my-24{margin-top:6rem;margin-bottom:6rem} .md\:mx-24{margin-left:6rem;margin-right:6rem} .md\:my-28{margin-top:7rem;margin-bottom:7rem} .md\:mx-28{margin-left:7rem;margin-right:7rem} .md\:my-auto{margin-top:auto;margin-bottom:auto} .md\:mx-auto{margin-left:auto;margin-right:auto} .md\:my-px{margin-top:1px;margin-bottom:1px} .md\:mx-px{margin-left:1px;margin-right:1px} .md\:mt-0{margin-top:0} .md\:mr-0{margin-right:0} .md\:mb-0{margin-bottom:0} .md\:ml-0{margin-left:0} .md\:mt-1{margin-top:.25rem} .md\:mr-1{margin-right:.25rem} .md\:mb-1{margin-bottom:.25rem} .md\:ml-1{margin-left:.25rem} .md\:mt-2{margin-top:.5rem} .md\:mr-2{margin-right:.5rem} .md\:mb-2{margin-bottom:.5rem} .md\:ml-2{margin-left:.5rem} .md\:mt-3{margin-top:.75rem} .md\:mr-3{margin-right:.75rem} .md\:mb-3{margin-bottom:.75rem} .md\:ml-3{margin-left:.75rem} .md\:mt-4{margin-top:1rem} .md\:mr-4{margin-right:1rem} .md\:mb-4{margin-bottom:1rem} .md\:ml-4{margin-left:1rem} .md\:mt-5{margin-top:1.25rem} .md\:mr-5{margin-right:1.25rem} .md\:mb-5{margin-bottom:1.25rem} .md\:ml-5{margin-left:1.25rem} .md\:mt-6{margin-top:1.5rem} .md\:mr-6{margin-right:1.5rem} .md\:mb-6{margin-bottom:1.5rem} .md\:ml-6{margin-left:1.5rem} .md\:mt-7{margin-top:1.75rem} .md\:mr-7{margin-right:1.75rem} .md\:mb-7{margin-bottom:1.75rem} .md\:ml-7{margin-left:1.75rem} .md\:mt-8{margin-top:2rem} .md\:mr-8{margin-right:2rem} .md\:mb-8{margin-bottom:2rem} .md\:ml-8{margin-left:2rem} .md\:mt-9{margin-top:2.25rem} .md\:mr-9{margin-right:2.25rem} .md\:mb-9{margin-bottom:2.25rem} .md\:ml-9{margin-left:2.25rem} .md\:mt-10{margin-top:2.5rem} .md\:mr-10{margin-right:2.5rem} .md\:mb-10{margin-bottom:2.5rem} .md\:ml-10{margin-left:2.5rem} .md\:mt-12{margin-top:3rem} .md\:mr-12{margin-right:3rem} .md\:mb-12{margin-bottom:3rem} .md\:ml-12{margin-left:3rem} .md\:mt-16{margin-top:4rem} .md\:mr-16{margin-right:4rem} .md\:mb-16{margin-bottom:4rem} .md\:ml-16{margin-left:4rem} .md\:mt-20{margin-top:5rem} .md\:mr-20{margin-right:5rem} .md\:mb-20{margin-bottom:5rem} .md\:ml-20{margin-left:5rem} .md\:mt-24{margin-top:6rem} .md\:mr-24{margin-right:6rem} .md\:mb-24{margin-bottom:6rem} .md\:ml-24{margin-left:6rem} .md\:mt-28{margin-top:7rem} .md\:mr-28{margin-right:7rem} .md\:mb-28{margin-bottom:7rem} .md\:ml-28{margin-left:7rem} .md\:mt-auto{margin-top:auto} .md\:mr-auto{margin-right:auto} .md\:mb-auto{margin-bottom:auto} .md\:ml-auto{margin-left:auto} .md\:mt-px{margin-top:1px} .md\:mr-px{margin-right:1px} .md\:mb-px{margin-bottom:1px} .md\:ml-px{margin-left:1px} .md\:max-h-0{max-height:0} .md\:max-h-1{max-height:.25rem} .md\:max-h-2{max-height:.5rem} .md\:max-h-3{max-height:.75rem} .md\:max-h-4{max-height:1rem} .md\:max-h-5{max-height:1.25rem} .md\:max-h-6{max-height:1.5rem} .md\:max-h-7{max-height:1.75rem} .md\:max-h-8{max-height:2rem} .md\:max-h-9{max-height:2.25rem} .md\:max-h-10{max-height:2.5rem} .md\:max-h-12{max-height:3rem} .md\:max-h-14{max-height:3.5rem} .md\:max-h-16{max-height:4rem} .md\:max-h-600{max-height:600px} .md\:max-h-700{max-height:700px} .md\:max-h-unset{max-height:unset} .md\:max-h-none{max-height:none} .md\:max-h-px{max-height:1px} .md\:max-h-2px{max-height:2px} .md\:max-h-100px{max-height:100px} .md\:max-h-125px{max-height:125px} .md\:max-h-150px{max-height:150px} .md\:max-h-175px{max-height:175px} .md\:max-h-200px{max-height:200px} .md\:max-h-225px{max-height:225px} .md\:max-h-250px{max-height:250px} .md\:max-h-275px{max-height:275px} .md\:max-h-300px{max-height:300px} .md\:max-h-325px{max-height:325px} .md\:max-h-350px{max-height:350px} .md\:max-h-375px{max-height:375px} .md\:max-h-400px{max-height:400px} .md\:max-h-450px{max-height:450px} .md\:max-h-475px{max-height:475px} .md\:max-h-500px{max-height:500px} .md\:max-h-768px{max-height:768px} .md\:max-h-800px{max-height:800px} .md\:max-h-900px{max-height:900px} .md\:max-h-half{max-height:50%} .md\:max-h-full{max-height:100%} .md\:max-w-0{max-width:0} .md\:max-w-1{max-width:.25rem} .md\:max-w-2{max-width:.5rem} .md\:max-w-3{max-width:.75rem} .md\:max-w-4{max-width:1rem} .md\:max-w-5{max-width:1.25rem} .md\:max-w-6{max-width:1.5rem} .md\:max-w-7{max-width:1.75rem} .md\:max-w-8{max-width:2rem} .md\:max-w-9{max-width:2.25rem} .md\:max-w-10{max-width:2.5rem} .md\:max-w-12{max-width:3rem} .md\:max-w-14{max-width:3.5rem} .md\:max-w-16{max-width:4rem} .md\:max-w-600{max-width:600px} .md\:max-w-700{max-width:700px} .md\:max-w-none{max-width:none} .md\:max-w-px{max-width:1px} .md\:max-w-2px{max-width:2px} .md\:max-w-100px{max-width:100px} .md\:max-w-125px{max-width:125px} .md\:max-w-150px{max-width:150px} .md\:max-w-175px{max-width:175px} .md\:max-w-200px{max-width:200px} .md\:max-w-225px{max-width:225px} .md\:max-w-250px{max-width:250px} .md\:max-w-275px{max-width:275px} .md\:max-w-300px{max-width:300px} .md\:max-w-325px{max-width:325px} .md\:max-w-350px{max-width:350px} .md\:max-w-375px{max-width:375px} .md\:max-w-400px{max-width:400px} .md\:max-w-450px{max-width:450px} .md\:max-w-475px{max-width:475px} .md\:max-w-500px{max-width:500px} .md\:max-w-768px{max-width:768px} .md\:max-w-800px{max-width:800px} .md\:max-w-900px{max-width:900px} .md\:max-w-992px{max-width:992px} .md\:max-w-1000px{max-width:1000px} .md\:max-w-1140px{max-width:1140px} .md\:max-w-1200px{max-width:1200px} .md\:max-w-half{max-width:50%} .md\:max-w-full{max-width:100%} .md\:min-h-0{min-height:0} .md\:min-h-1{min-height:.25rem} .md\:min-h-2{min-height:.5rem} .md\:min-h-3{min-height:.75rem} .md\:min-h-4{min-height:1rem} .md\:min-h-5{min-height:1.25rem} .md\:min-h-6{min-height:1.5rem} .md\:min-h-7{min-height:1.75rem} .md\:min-h-8{min-height:2rem} .md\:min-h-9{min-height:2.25rem} .md\:min-h-10{min-height:2.5rem} .md\:min-h-12{min-height:3rem} .md\:min-h-14{min-height:3.5rem} .md\:min-h-16{min-height:4rem} .md\:min-h-600{min-height:600px} .md\:min-h-700{min-height:700px} .md\:min-h-px{min-height:1px} .md\:min-h-2px{min-height:2px} .md\:min-h-100px{min-height:100px} .md\:min-h-125px{min-height:125px} .md\:min-h-150px{min-height:150px} .md\:min-h-175px{min-height:175px} .md\:min-h-200px{min-height:200px} .md\:min-h-225px{min-height:225px} .md\:min-h-250px{min-height:250px} .md\:min-h-275px{min-height:275px} .md\:min-h-300px{min-height:300px} .md\:min-h-325px{min-height:325px} .md\:min-h-350px{min-height:350px} .md\:min-h-375px{min-height:375px} .md\:min-h-400px{min-height:400px} .md\:min-h-450px{min-height:450px} .md\:min-h-475px{min-height:475px} .md\:min-h-500px{min-height:500px} .md\:min-h-768px{min-height:768px} .md\:min-h-half{min-height:50%} .md\:min-h-full{min-height:100%} .md\:min-w-0{min-width:0} .md\:min-w-1{min-width:.25rem} .md\:min-w-2{min-width:.5rem} .md\:min-w-3{min-width:.75rem} .md\:min-w-4{min-width:1rem} .md\:min-w-5{min-width:1.25rem} .md\:min-w-6{min-width:1.5rem} .md\:min-w-7{min-width:1.75rem} .md\:min-w-8{min-width:2rem} .md\:min-w-9{min-width:2.25rem} .md\:min-w-10{min-width:2.5rem} .md\:min-w-12{min-width:3rem} .md\:min-w-16{min-width:4rem} .md\:min-w-auto{min-width:auto} .md\:min-w-px{min-width:1px} .md\:min-w-2px{min-width:2px} .md\:min-w-100px{min-width:100px} .md\:min-w-125px{min-width:125px} .md\:min-w-150px{min-width:150px} .md\:min-w-175px{min-width:175px} .md\:min-w-200px{min-width:200px} .md\:min-w-225px{min-width:225px} .md\:min-w-250px{min-width:250px} .md\:min-w-275px{min-width:275px} .md\:min-w-300px{min-width:300px} .md\:min-w-325px{min-width:325px} .md\:min-w-350px{min-width:350px} .md\:min-w-375px{min-width:375px} .md\:min-w-400px{min-width:400px} .md\:min-w-450px{min-width:450px} .md\:min-w-475px{min-width:475px} .md\:min-w-500px{min-width:500px} .md\:min-w-576px{min-width:576px} .md\:min-w-600px{min-width:600px} .md\:-m-0{margin:0} .md\:-m-1{margin:-0.25rem} .md\:-m-2{margin:-0.5rem} .md\:-m-3{margin:-0.75rem} .md\:-m-4{margin:-1rem} .md\:-m-5{margin:-1.25rem} .md\:-m-6{margin:-1.5rem} .md\:-m-7{margin:-1.75rem} .md\:-m-8{margin:-2rem} .md\:-m-9{margin:-2.25rem} .md\:-m-10{margin:-2.5rem} .md\:-m-12{margin:-3rem} .md\:-m-16{margin:-4rem} .md\:-m-20{margin:-5rem} .md\:-m-auto{margin:-auto} .md\:-m-px{margin:-1px} .md\:-my-0{margin-top:0;margin-bottom:0} .md\:-mx-0{margin-left:0;margin-right:0} .md\:-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem} .md\:-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .md\:-my-2{margin-top:-0.5rem;margin-bottom:-0.5rem} .md\:-mx-2{margin-left:-0.5rem;margin-right:-0.5rem} .md\:-my-3{margin-top:-0.75rem;margin-bottom:-0.75rem} .md\:-mx-3{margin-left:-0.75rem;margin-right:-0.75rem} .md\:-my-4{margin-top:-1rem;margin-bottom:-1rem} .md\:-mx-4{margin-left:-1rem;margin-right:-1rem} .md\:-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem} .md\:-mx-5{margin-left:-1.25rem;margin-right:-1.25rem} .md\:-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem} .md\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem} .md\:-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem} .md\:-mx-7{margin-left:-1.75rem;margin-right:-1.75rem} .md\:-my-8{margin-top:-2rem;margin-bottom:-2rem} .md\:-mx-8{margin-left:-2rem;margin-right:-2rem} .md\:-my-9{margin-top:-2.25rem;margin-bottom:-2.25rem} .md\:-mx-9{margin-left:-2.25rem;margin-right:-2.25rem} .md\:-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem} .md\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem} .md\:-my-12{margin-top:-3rem;margin-bottom:-3rem} .md\:-mx-12{margin-left:-3rem;margin-right:-3rem} .md\:-my-16{margin-top:-4rem;margin-bottom:-4rem} .md\:-mx-16{margin-left:-4rem;margin-right:-4rem} .md\:-my-20{margin-top:-5rem;margin-bottom:-5rem} .md\:-mx-20{margin-left:-5rem;margin-right:-5rem} .md\:-my-auto{margin-top:-auto;margin-bottom:-auto} .md\:-mx-auto{margin-left:-auto;margin-right:-auto} .md\:-my-px{margin-top:-1px;margin-bottom:-1px} .md\:-mx-px{margin-left:-1px;margin-right:-1px} .md\:-mt-0{margin-top:0} .md\:-mr-0{margin-right:0} .md\:-mb-0{margin-bottom:0} .md\:-ml-0{margin-left:0} .md\:-mt-1{margin-top:-0.25rem} .md\:-mr-1{margin-right:-0.25rem} .md\:-mb-1{margin-bottom:-0.25rem} .md\:-ml-1{margin-left:-0.25rem} .md\:-mt-2{margin-top:-0.5rem} .md\:-mr-2{margin-right:-0.5rem} .md\:-mb-2{margin-bottom:-0.5rem} .md\:-ml-2{margin-left:-0.5rem} .md\:-mt-3{margin-top:-0.75rem} .md\:-mr-3{margin-right:-0.75rem} .md\:-mb-3{margin-bottom:-0.75rem} .md\:-ml-3{margin-left:-0.75rem} .md\:-mt-4{margin-top:-1rem} .md\:-mr-4{margin-right:-1rem} .md\:-mb-4{margin-bottom:-1rem} .md\:-ml-4{margin-left:-1rem} .md\:-mt-5{margin-top:-1.25rem} .md\:-mr-5{margin-right:-1.25rem} .md\:-mb-5{margin-bottom:-1.25rem} .md\:-ml-5{margin-left:-1.25rem} .md\:-mt-6{margin-top:-1.5rem} .md\:-mr-6{margin-right:-1.5rem} .md\:-mb-6{margin-bottom:-1.5rem} .md\:-ml-6{margin-left:-1.5rem} .md\:-mt-7{margin-top:-1.75rem} .md\:-mr-7{margin-right:-1.75rem} .md\:-mb-7{margin-bottom:-1.75rem} .md\:-ml-7{margin-left:-1.75rem} .md\:-mt-8{margin-top:-2rem} .md\:-mr-8{margin-right:-2rem} .md\:-mb-8{margin-bottom:-2rem} .md\:-ml-8{margin-left:-2rem} .md\:-mt-9{margin-top:-2.25rem} .md\:-mr-9{margin-right:-2.25rem} .md\:-mb-9{margin-bottom:-2.25rem} .md\:-ml-9{margin-left:-2.25rem} .md\:-mt-10{margin-top:-2.5rem} .md\:-mr-10{margin-right:-2.5rem} .md\:-mb-10{margin-bottom:-2.5rem} .md\:-ml-10{margin-left:-2.5rem} .md\:-mt-12{margin-top:-3rem} .md\:-mr-12{margin-right:-3rem} .md\:-mb-12{margin-bottom:-3rem} .md\:-ml-12{margin-left:-3rem} .md\:-mt-16{margin-top:-4rem} .md\:-mr-16{margin-right:-4rem} .md\:-mb-16{margin-bottom:-4rem} .md\:-ml-16{margin-left:-4rem} .md\:-mt-20{margin-top:-5rem} .md\:-mr-20{margin-right:-5rem} .md\:-mb-20{margin-bottom:-5rem} .md\:-ml-20{margin-left:-5rem} .md\:-mt-auto{margin-top:-auto} .md\:-mr-auto{margin-right:-auto} .md\:-mb-auto{margin-bottom:-auto} .md\:-ml-auto{margin-left:-auto} .md\:-mt-px{margin-top:-1px} .md\:-mr-px{margin-right:-1px} .md\:-mb-px{margin-bottom:-1px} .md\:-ml-px{margin-left:-1px} .md\:p-0{padding:0} .md\:p-1{padding:.25rem} .md\:p-2{padding:.5rem} .md\:p-3{padding:.75rem} .md\:p-4{padding:1rem} .md\:p-5{padding:1.25rem} .md\:p-6{padding:1.5rem} .md\:p-7{padding:1.75rem} .md\:p-8{padding:2rem} .md\:p-9{padding:2.25rem} .md\:p-10{padding:2.5rem} .md\:p-12{padding:3rem} .md\:p-16{padding:4rem} .md\:p-20{padding:5rem} .md\:p-24{padding:6rem} .md\:p-28{padding:7rem} .md\:p-32{padding:8rem} .md\:p-px{padding:1px} .md\:p-10\%{padding:10%} .md\:p-20\%{padding:20%} .md\:p-30\%{padding:30%} .md\:p-40\%{padding:40%} .md\:p-50\%{padding:50%} .md\:p-60\%{padding:60%} .md\:p-70\%{padding:70%} .md\:p-80\%{padding:80%} .md\:p-90\%{padding:90%} .md\:py-0{padding-top:0;padding-bottom:0} .md\:px-0{padding-left:0;padding-right:0} .md\:py-1{padding-top:.25rem;padding-bottom:.25rem} .md\:px-1{padding-left:.25rem;padding-right:.25rem} .md\:py-2{padding-top:.5rem;padding-bottom:.5rem} .md\:px-2{padding-left:.5rem;padding-right:.5rem} .md\:py-3{padding-top:.75rem;padding-bottom:.75rem} .md\:px-3{padding-left:.75rem;padding-right:.75rem} .md\:py-4{padding-top:1rem;padding-bottom:1rem} .md\:px-4{padding-left:1rem;padding-right:1rem} .md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem} .md\:px-5{padding-left:1.25rem;padding-right:1.25rem} .md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem} .md\:px-6{padding-left:1.5rem;padding-right:1.5rem} .md\:py-7{padding-top:1.75rem;padding-bottom:1.75rem} .md\:px-7{padding-left:1.75rem;padding-right:1.75rem} .md\:py-8{padding-top:2rem;padding-bottom:2rem} .md\:px-8{padding-left:2rem;padding-right:2rem} .md\:py-9{padding-top:2.25rem;padding-bottom:2.25rem} .md\:px-9{padding-left:2.25rem;padding-right:2.25rem} .md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem} .md\:px-10{padding-left:2.5rem;padding-right:2.5rem} .md\:py-12{padding-top:3rem;padding-bottom:3rem} .md\:px-12{padding-left:3rem;padding-right:3rem} .md\:py-16{padding-top:4rem;padding-bottom:4rem} .md\:px-16{padding-left:4rem;padding-right:4rem} .md\:py-20{padding-top:5rem;padding-bottom:5rem} .md\:px-20{padding-left:5rem;padding-right:5rem} .md\:py-24{padding-top:6rem;padding-bottom:6rem} .md\:px-24{padding-left:6rem;padding-right:6rem} .md\:py-28{padding-top:7rem;padding-bottom:7rem} .md\:px-28{padding-left:7rem;padding-right:7rem} .md\:py-32{padding-top:8rem;padding-bottom:8rem} .md\:px-32{padding-left:8rem;padding-right:8rem} .md\:py-px{padding-top:1px;padding-bottom:1px} .md\:px-px{padding-left:1px;padding-right:1px} .md\:py-10\%{padding-top:10%;padding-bottom:10%} .md\:px-10\%{padding-left:10%;padding-right:10%} .md\:py-20\%{padding-top:20%;padding-bottom:20%} .md\:px-20\%{padding-left:20%;padding-right:20%} .md\:py-30\%{padding-top:30%;padding-bottom:30%} .md\:px-30\%{padding-left:30%;padding-right:30%} .md\:py-40\%{padding-top:40%;padding-bottom:40%} .md\:px-40\%{padding-left:40%;padding-right:40%} .md\:py-50\%{padding-top:50%;padding-bottom:50%} .md\:px-50\%{padding-left:50%;padding-right:50%} .md\:py-60\%{padding-top:60%;padding-bottom:60%} .md\:px-60\%{padding-left:60%;padding-right:60%} .md\:py-70\%{padding-top:70%;padding-bottom:70%} .md\:px-70\%{padding-left:70%;padding-right:70%} .md\:py-80\%{padding-top:80%;padding-bottom:80%} .md\:px-80\%{padding-left:80%;padding-right:80%} .md\:py-90\%{padding-top:90%;padding-bottom:90%} .md\:px-90\%{padding-left:90%;padding-right:90%} .md\:pt-0{padding-top:0} .md\:pr-0{padding-right:0} .md\:pb-0{padding-bottom:0} .md\:pl-0{padding-left:0} .md\:pt-1{padding-top:.25rem} .md\:pr-1{padding-right:.25rem} .md\:pb-1{padding-bottom:.25rem} .md\:pl-1{padding-left:.25rem} .md\:pt-2{padding-top:.5rem} .md\:pr-2{padding-right:.5rem} .md\:pb-2{padding-bottom:.5rem} .md\:pl-2{padding-left:.5rem} .md\:pt-3{padding-top:.75rem} .md\:pr-3{padding-right:.75rem} .md\:pb-3{padding-bottom:.75rem} .md\:pl-3{padding-left:.75rem} .md\:pt-4{padding-top:1rem} .md\:pr-4{padding-right:1rem} .md\:pb-4{padding-bottom:1rem} .md\:pl-4{padding-left:1rem} .md\:pt-5{padding-top:1.25rem} .md\:pr-5{padding-right:1.25rem} .md\:pb-5{padding-bottom:1.25rem} .md\:pl-5{padding-left:1.25rem} .md\:pt-6{padding-top:1.5rem} .md\:pr-6{padding-right:1.5rem} .md\:pb-6{padding-bottom:1.5rem} .md\:pl-6{padding-left:1.5rem} .md\:pt-7{padding-top:1.75rem} .md\:pr-7{padding-right:1.75rem} .md\:pb-7{padding-bottom:1.75rem} .md\:pl-7{padding-left:1.75rem} .md\:pt-8{padding-top:2rem} .md\:pr-8{padding-right:2rem} .md\:pb-8{padding-bottom:2rem} .md\:pl-8{padding-left:2rem} .md\:pt-9{padding-top:2.25rem} .md\:pr-9{padding-right:2.25rem} .md\:pb-9{padding-bottom:2.25rem} .md\:pl-9{padding-left:2.25rem} .md\:pt-10{padding-top:2.5rem} .md\:pr-10{padding-right:2.5rem} .md\:pb-10{padding-bottom:2.5rem} .md\:pl-10{padding-left:2.5rem} .md\:pt-12{padding-top:3rem} .md\:pr-12{padding-right:3rem} .md\:pb-12{padding-bottom:3rem} .md\:pl-12{padding-left:3rem} .md\:pt-16{padding-top:4rem} .md\:pr-16{padding-right:4rem} .md\:pb-16{padding-bottom:4rem} .md\:pl-16{padding-left:4rem} .md\:pt-20{padding-top:5rem} .md\:pr-20{padding-right:5rem} .md\:pb-20{padding-bottom:5rem} .md\:pl-20{padding-left:5rem} .md\:pt-24{padding-top:6rem} .md\:pr-24{padding-right:6rem} .md\:pb-24{padding-bottom:6rem} .md\:pl-24{padding-left:6rem} .md\:pt-28{padding-top:7rem} .md\:pr-28{padding-right:7rem} .md\:pb-28{padding-bottom:7rem} .md\:pl-28{padding-left:7rem} .md\:pt-32{padding-top:8rem} .md\:pr-32{padding-right:8rem} .md\:pb-32{padding-bottom:8rem} .md\:pl-32{padding-left:8rem} .md\:pt-px{padding-top:1px} .md\:pr-px{padding-right:1px} .md\:pb-px{padding-bottom:1px} .md\:pl-px{padding-left:1px} .md\:pt-10\%{padding-top:10%} .md\:pr-10\%{padding-right:10%} .md\:pb-10\%{padding-bottom:10%} .md\:pl-10\%{padding-left:10%} .md\:pt-20\%{padding-top:20%} .md\:pr-20\%{padding-right:20%} .md\:pb-20\%{padding-bottom:20%} .md\:pl-20\%{padding-left:20%} .md\:pt-30\%{padding-top:30%} .md\:pr-30\%{padding-right:30%} .md\:pb-30\%{padding-bottom:30%} .md\:pl-30\%{padding-left:30%} .md\:pt-40\%{padding-top:40%} .md\:pr-40\%{padding-right:40%} .md\:pb-40\%{padding-bottom:40%} .md\:pl-40\%{padding-left:40%} .md\:pt-50\%{padding-top:50%} .md\:pr-50\%{padding-right:50%} .md\:pb-50\%{padding-bottom:50%} .md\:pl-50\%{padding-left:50%} .md\:pt-60\%{padding-top:60%} .md\:pr-60\%{padding-right:60%} .md\:pb-60\%{padding-bottom:60%} .md\:pl-60\%{padding-left:60%} .md\:pt-70\%{padding-top:70%} .md\:pr-70\%{padding-right:70%} .md\:pb-70\%{padding-bottom:70%} .md\:pl-70\%{padding-left:70%} .md\:pt-80\%{padding-top:80%} .md\:pr-80\%{padding-right:80%} .md\:pb-80\%{padding-bottom:80%} .md\:pl-80\%{padding-left:80%} .md\:pt-90\%{padding-top:90%} .md\:pr-90\%{padding-right:90%} .md\:pb-90\%{padding-bottom:90%} .md\:pl-90\%{padding-left:90%} .md\:static{position:static} .md\:fixed{position:fixed} .md\:absolute{position:absolute} .md\:relative{position:relative} .md\:sticky{position:sticky} .md\:pin-none{top:auto;right:auto;bottom:auto;left:auto} .md\:pin{top:0;right:0;bottom:0;left:0} .md\:pin-y{top:0;bottom:0} .md\:pin-x{right:0;left:0} .md\:pin-t{top:0} .md\:pin-r{right:0} .md\:pin-b{bottom:0} .md\:pin-l{left:0} .md\:text-left{text-align:left} .md\:text-center{text-align:center} .md\:text-right{text-align:right} .md\:text-justify{text-align:justify} .md\:text-transparent{color:transparent} .md\:text-currentColor{color:currentColor} .md\:text-black{color:#000} .md\:text-black-10{color:rgba(0,0,0,.1)} .md\:text-black-20{color:rgba(0,0,0,.2)} .md\:text-black-30{color:rgba(0,0,0,.3)} .md\:text-black-40{color:rgba(0,0,0,.4)} .md\:text-black-50{color:rgba(0,0,0,.5)} .md\:text-black-60{color:rgba(0,0,0,.6)} .md\:text-black-70{color:rgba(0,0,0,.7)} .md\:text-black-80{color:rgba(0,0,0,.8)} .md\:text-black-90{color:rgba(0,0,0,.9)} .md\:text-black-1{color:#313131} .md\:text-white{color:#fff} .md\:text-blue{color:#0072ef} .md\:text-dark-blue{color:#0064d1} .md\:text-darker-blue{color:#00588d} .md\:text-d-blue{color:#0069a8} .md\:text-blue-1{color:#17214a} .md\:text-light-blue{color:#f0f7fb} .md\:text-red{color:#cb001c} .md\:text-green{color:#33803b} .md\:text-green-lighter{color:#00800005} .md\:text-purple{color:#5a80d1} .md\:text-orange{color:#c45c00} .md\:text-sd-red{color:#ed1c24} .md\:text-grey{color:#929a9d} .md\:text-grey-light{color:#e6e6e6} .md\:text-grey-1{color:#f2f3f3} .md\:text-grey-2{color:#7f7f7f} .md\:text-grey-3{color:#6a6a6a} .md\:text-grey-4{color:#465052} .md\:text-grey-5{color:#737779} .md\:text-border-gray-light{color:#e1e1e1} .md\:text-gray{color:#929a9d} .md\:text-gray-light{color:#e1e1e1} .md\:text-gray-1{color:#f6f6f6} .md\:text-gray-2{color:#bbb} .md\:text-gray-3{color:#8a8a8a} .md\:text-gray-4{color:#6b6b6b} .md\:text-light-blue-1{color:#21b8de} .md\:text-dark-blue-1{color:#0277bd} .md\:text-dark-orange{color:#df8403} .md\:text-darker-orange{color:#aa5d00} .md\:text-g-blue{color:#17214a} .md\:text-g-blue-1{color:#556d88} .md\:text-g-blue-2{color:#3c4c65} .md\:text-g-blue-3{color:#222e4d} .md\:text-black-orange{color:#ff7012} .md\:text-light-blue-2{color:#f7fafd} .md\:text-light-blue-3{color:#b4d5f8} .md\:hover\:text-transparent:hover{color:transparent} .md\:hover\:text-currentColor:hover{color:currentColor} .md\:hover\:text-black:hover{color:#000} .md\:hover\:text-black-10:hover{color:rgba(0,0,0,.1)} .md\:hover\:text-black-20:hover{color:rgba(0,0,0,.2)} .md\:hover\:text-black-30:hover{color:rgba(0,0,0,.3)} .md\:hover\:text-black-40:hover{color:rgba(0,0,0,.4)} .md\:hover\:text-black-50:hover{color:rgba(0,0,0,.5)} .md\:hover\:text-black-60:hover{color:rgba(0,0,0,.6)} .md\:hover\:text-black-70:hover{color:rgba(0,0,0,.7)} .md\:hover\:text-black-80:hover{color:rgba(0,0,0,.8)} .md\:hover\:text-black-90:hover{color:rgba(0,0,0,.9)} .md\:hover\:text-black-1:hover{color:#313131} .md\:hover\:text-white:hover{color:#fff} .md\:hover\:text-blue:hover{color:#0072ef} .md\:hover\:text-dark-blue:hover{color:#0064d1} .md\:hover\:text-darker-blue:hover{color:#00588d} .md\:hover\:text-d-blue:hover{color:#0069a8} .md\:hover\:text-blue-1:hover{color:#17214a} .md\:hover\:text-light-blue:hover{color:#f0f7fb} .md\:hover\:text-red:hover{color:#cb001c} .md\:hover\:text-green:hover{color:#33803b} .md\:hover\:text-green-lighter:hover{color:#00800005} .md\:hover\:text-purple:hover{color:#5a80d1} .md\:hover\:text-orange:hover{color:#c45c00} .md\:hover\:text-sd-red:hover{color:#ed1c24} .md\:hover\:text-grey:hover{color:#929a9d} .md\:hover\:text-grey-light:hover{color:#e6e6e6} .md\:hover\:text-grey-1:hover{color:#f2f3f3} .md\:hover\:text-grey-2:hover{color:#7f7f7f} .md\:hover\:text-grey-3:hover{color:#6a6a6a} .md\:hover\:text-grey-4:hover{color:#465052} .md\:hover\:text-grey-5:hover{color:#737779} .md\:hover\:text-border-gray-light:hover{color:#e1e1e1} .md\:hover\:text-gray:hover{color:#929a9d} .md\:hover\:text-gray-light:hover{color:#e1e1e1} .md\:hover\:text-gray-1:hover{color:#f6f6f6} .md\:hover\:text-gray-2:hover{color:#bbb} .md\:hover\:text-gray-3:hover{color:#8a8a8a} .md\:hover\:text-gray-4:hover{color:#6b6b6b} .md\:hover\:text-light-blue-1:hover{color:#21b8de} .md\:hover\:text-dark-blue-1:hover{color:#0277bd} .md\:hover\:text-dark-orange:hover{color:#df8403} .md\:hover\:text-darker-orange:hover{color:#aa5d00} .md\:hover\:text-g-blue:hover{color:#17214a} .md\:hover\:text-g-blue-1:hover{color:#556d88} .md\:hover\:text-g-blue-2:hover{color:#3c4c65} .md\:hover\:text-g-blue-3:hover{color:#222e4d} .md\:hover\:text-black-orange:hover{color:#ff7012} .md\:hover\:text-light-blue-2:hover{color:#f7fafd} .md\:hover\:text-light-blue-3:hover{color:#b4d5f8} .md\:text-xxxs{font-size:.625rem} .md\:text-xxs{font-size:.75rem} .md\:text-xs{font-size:.875rem} .md\:text-sm{font-size:1rem} .md\:text-base{font-size:1.125rem} .md\:text-lg{font-size:1.25rem} .md\:text-2lg{font-size:1.25rem} .md\:text-xl{font-size:1.5rem} .md\:text-1-5xl{font-size:1.625rem} .md\:text-2xl{font-size:1.75rem} .md\:text-2-5xl{font-size:1.875rem} .md\:text-3xl{font-size:2rem} .md\:text-4xl{font-size:2.125rem} .md\:text-5xl{font-size:2.25rem} .md\:text-5-5xl{font-size:2.625rem} .md\:text-5-6xl{font-size:3rem} .md\:text-6xl{font-size:3.5rem} .md\:text-7xl{font-size:4.125rem} .md\:tracking-tight{letter-spacing:-0.05em} .md\:tracking-normal{letter-spacing:0} .md\:tracking-wide{letter-spacing:.05em} .md\:select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .md\:select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text} .md\:visible{visibility:visible} .md\:invisible{visibility:hidden} .md\:w-0{width:0} .md\:w-1{width:.25rem} .md\:w-2{width:.5rem} .md\:w-3{width:.75rem} .md\:w-4{width:1rem} .md\:w-5{width:1.25rem} .md\:w-6{width:1.5rem} .md\:w-7{width:1.75rem} .md\:w-8{width:2rem} .md\:w-9{width:2.25rem} .md\:w-10{width:2.5rem} .md\:w-12{width:3rem} .md\:w-14{width:3.5rem} .md\:w-16{width:4rem} .md\:w-21{width:5.25rem} .md\:w-auto{width:auto} .md\:w-px{width:1px} .md\:w-full{width:100%} .md\:w-half{width:50%} .md\:w-100px{width:100px} .md\:w-200px{width:200px} .md\:w-300px{width:300px} .md\:w-400px{width:400px} .md\:w-500px{width:500px} .md\:w-576px{width:576px} .md\:w-600px{width:600px} .md\:w-700px{width:700px} .md\:w-768px{width:768px} .md\:w-800px{width:800px} .md\:w-900px{width:900px} .md\:w-992px{width:992px} .md\:w-1000px{width:1000px} .md\:z-0{z-index:0} .md\:z-1{z-index:1} .md\:z-4{z-index:4} .md\:z-10{z-index:10} .md\:z-20{z-index:20} .md\:z-30{z-index:30} .md\:z-40{z-index:40} .md\:z-50{z-index:50} .md\:z-60{z-index:60} .md\:z-70{z-index:70} .md\:z-80{z-index:80} .md\:z-90{z-index:90} .md\:z-100{z-index:100} .md\:z-auto{z-index:auto} .md\:pin-t-0{top:0} .md\:pin-r-0{right:0} .md\:pin-b-0{bottom:0} .md\:pin-l-0{left:0} .md\:pin-t-1{top:1px} .md\:pin-r-1{right:1px} .md\:pin-b-1{bottom:1px} .md\:pin-l-1{left:1px} .md\:pin-t-3{top:3px} .md\:pin-r-3{right:3px} .md\:pin-b-3{bottom:3px} .md\:pin-l-3{left:3px} .md\:pin-t-5{top:5px} .md\:pin-r-5{right:5px} .md\:pin-b-5{bottom:5px} .md\:pin-l-5{left:5px} .md\:pin-t-6{top:6px} .md\:pin-r-6{right:6px} .md\:pin-b-6{bottom:6px} .md\:pin-l-6{left:6px} .md\:pin-t-10{top:10px} .md\:pin-r-10{right:10px} .md\:pin-b-10{bottom:10px} .md\:pin-l-10{left:10px} .md\:pin-t-11{top:11px} .md\:pin-r-11{right:11px} .md\:pin-b-11{bottom:11px} .md\:pin-l-11{left:11px} .md\:pin-t-12{top:3rem} .md\:pin-r-12{right:3rem} .md\:pin-b-12{bottom:3rem} .md\:pin-l-12{left:3rem} .md\:pin-t-15{top:15px} .md\:pin-r-15{right:15px} .md\:pin-b-15{bottom:15px} .md\:pin-l-15{left:15px} .md\:pin-t-16{top:4rem} .md\:pin-r-16{right:4rem} .md\:pin-b-16{bottom:4rem} .md\:pin-l-16{left:4rem} .md\:pin-t-20{top:20px} .md\:pin-r-20{right:20px} .md\:pin-b-20{bottom:20px} .md\:pin-l-20{left:20px} .md\:pin-t-25{top:25px} .md\:pin-r-25{right:25px} .md\:pin-b-25{bottom:25px} .md\:pin-l-25{left:25px} .md\:pin-t-50{top:50px} .md\:pin-r-50{right:50px} .md\:pin-b-50{bottom:50px} .md\:pin-l-50{left:50px} .md\:pin-t-64{top:64px} .md\:pin-r-64{right:64px} .md\:pin-b-64{bottom:64px} .md\:pin-l-64{left:64px} .md\:pin-t-75{top:75px} .md\:pin-r-75{right:75px} .md\:pin-b-75{bottom:75px} .md\:pin-l-75{left:75px} .md\:pin-t-80{top:80px} .md\:pin-r-80{right:80px} .md\:pin-b-80{bottom:80px} .md\:pin-l-80{left:80px} .md\:pin-t-100{top:100px} .md\:pin-r-100{right:100px} .md\:pin-b-100{bottom:100px} .md\:pin-l-100{left:100px} .md\:pin-t-150{top:150px} .md\:pin-r-150{right:150px} .md\:pin-b-150{bottom:150px} .md\:pin-l-150{left:150px} .md\:pin-t-200{top:150px} .md\:pin-r-200{right:150px} .md\:pin-b-200{bottom:150px} .md\:pin-l-200{left:150px} .md\:pin-t-250{top:250px} .md\:pin-r-250{right:250px} .md\:pin-b-250{bottom:250px} .md\:pin-l-250{left:250px} .md\:pin-t-300{top:300px} .md\:pin-r-300{right:300px} .md\:pin-b-300{bottom:300px} .md\:pin-l-300{left:300px} .md\:pin-t-400{top:400px} .md\:pin-r-400{right:400px} .md\:pin-b-400{bottom:400px} .md\:pin-l-400{left:400px} .md\:pin-t-500{top:500px} .md\:pin-r-500{right:500px} .md\:pin-b-500{bottom:500px} .md\:pin-l-500{left:500px} .md\:-pin-t-5{top:-5px} .md\:-pin-r-5{right:-5px} .md\:-pin-b-5{bottom:-5px} .md\:-pin-l-5{left:-5px} .md\:-pin-t-6{top:-6px} .md\:-pin-r-6{right:-6px} .md\:-pin-b-6{bottom:-6px} .md\:-pin-l-6{left:-6px} .md\:-pin-t-10{top:-10px} .md\:-pin-r-10{right:-10px} .md\:-pin-b-10{bottom:-10px} .md\:-pin-l-10{left:-10px} .md\:-pin-t-11{top:-11px} .md\:-pin-r-11{right:-11px} .md\:-pin-b-11{bottom:-11px} .md\:-pin-l-11{left:-11px} .md\:-pin-t-15{top:-15px} .md\:-pin-r-15{right:-15px} .md\:-pin-b-15{bottom:-15px} .md\:-pin-l-15{left:-15px} .md\:-pin-t-20{top:-20px} .md\:-pin-r-20{right:-20px} .md\:-pin-b-20{bottom:-20px} .md\:-pin-l-20{left:-20px} .md\:-pin-t-12{top:-3rem} .md\:-pin-r-12{right:-3rem} .md\:-pin-b-12{bottom:-3rem} .md\:-pin-l-12{left:-3rem} .md\:-pin-t-16{top:-4rem} .md\:-pin-r-16{right:-4rem} .md\:-pin-b-16{bottom:-4rem} .md\:-pin-l-16{left:-4rem} .md\:-pin-t-25{top:-25px} .md\:-pin-r-25{right:-25px} .md\:-pin-b-25{bottom:-25px} .md\:-pin-l-25{left:-25px} .md\:-pin-t-50{top:-50px} .md\:-pin-r-50{right:-50px} .md\:-pin-b-50{bottom:-50px} .md\:-pin-l-50{left:-50px} .md\:-pin-t-75{top:75px} .md\:-pin-r-75{right:75px} .md\:-pin-b-75{bottom:75px} .md\:-pin-l-75{left:75px} .md\:-pin-t-80{top:-80px} .md\:-pin-r-80{right:-80px} .md\:-pin-b-80{bottom:-80px} .md\:-pin-l-80{left:-80px} .md\:-pin-t-100{top:-100px} .md\:-pin-r-100{right:-100px} .md\:-pin-b-100{bottom:-100px} .md\:-pin-l-100{left:-100px} .md\:-pin-t-150{top:-150px} .md\:-pin-r-150{right:-150px} .md\:-pin-b-150{bottom:-150px} .md\:-pin-l-150{left:-150px} .md\:-pin-t-200{top:-200px} .md\:-pin-r-200{right:-200px} .md\:-pin-b-200{bottom:-200px} .md\:-pin-l-200{left:-200px} .md\:-pin-t-250{top:-250px} .md\:-pin-r-250{right:-250px} .md\:-pin-b-250{bottom:-250px} .md\:-pin-l-250{left:-250px} .md\:-pin-t-300{top:-300px} .md\:-pin-r-300{right:-300px} .md\:-pin-b-300{bottom:-300px} .md\:-pin-l-300{left:-300px} .md\:-pin-t-400{top:-400px} .md\:-pin-r-400{right:-400px} .md\:-pin-b-400{bottom:-400px} .md\:-pin-l-400{left:-400px} .md\:-pin-t-500{top:-500px} .md\:-pin-r-500{right:-500px} .md\:-pin-b-500{bottom:-500px} .md\:-pin-l-500{left:-500px} .md\:pin-t-half{top:50%} .md\:pin-r-half{right:50%} .md\:pin-b-half{bottom:50%} .md\:pin-l-half{left:50%} .md\:-pin-t-half{top:-50%} .md\:-pin-r-half{right:-50%} .md\:-pin-b-half{bottom:-50%} .md\:-pin-l-half{left:-50%} } @media(min-width:1140px){.lg\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .lg\:bg-transparent{background-color:transparent} .lg\:bg-currentColor{background-color:currentColor} .lg\:bg-black{background-color:#000} .lg\:bg-black-10{background-color:rgba(0,0,0,.1)} .lg\:bg-black-20{background-color:rgba(0,0,0,.2)} .lg\:bg-black-30{background-color:rgba(0,0,0,.3)} .lg\:bg-black-40{background-color:rgba(0,0,0,.4)} .lg\:bg-black-50{background-color:rgba(0,0,0,.5)} .lg\:bg-black-60{background-color:rgba(0,0,0,.6)} .lg\:bg-black-70{background-color:rgba(0,0,0,.7)} .lg\:bg-black-80{background-color:rgba(0,0,0,.8)} .lg\:bg-black-90{background-color:rgba(0,0,0,.9)} .lg\:bg-black-1{background-color:#313131} .lg\:bg-white{background-color:#fff} .lg\:bg-blue{background-color:#0072ef} .lg\:bg-dark-blue{background-color:#0064d1} .lg\:bg-darker-blue{background-color:#00588d} .lg\:bg-d-blue{background-color:#0069a8} .lg\:bg-blue-1{background-color:#17214a} .lg\:bg-light-blue{background-color:#f0f7fb} .lg\:bg-red{background-color:#cb001c} .lg\:bg-green{background-color:#33803b} .lg\:bg-green-lighter{background-color:#00800005} .lg\:bg-purple{background-color:#5a80d1} .lg\:bg-orange{background-color:#c45c00} .lg\:bg-sd-red{background-color:#ed1c24} .lg\:bg-grey{background-color:#929a9d} .lg\:bg-grey-light{background-color:#e6e6e6} .lg\:bg-grey-1{background-color:#f2f3f3} .lg\:bg-grey-2{background-color:#7f7f7f} .lg\:bg-grey-3{background-color:#6a6a6a} .lg\:bg-grey-4{background-color:#465052} .lg\:bg-grey-5{background-color:#737779} .lg\:bg-border-gray-light{background-color:#e1e1e1} .lg\:bg-gray{background-color:#929a9d} .lg\:bg-gray-light{background-color:#e1e1e1} .lg\:bg-gray-1{background-color:#f6f6f6} .lg\:bg-gray-2{background-color:#bbb} .lg\:bg-gray-3{background-color:#8a8a8a} .lg\:bg-gray-4{background-color:#6b6b6b} .lg\:bg-light-blue-1{background-color:#21b8de} .lg\:bg-dark-blue-1{background-color:#0277bd} .lg\:bg-dark-orange{background-color:#df8403} .lg\:bg-darker-orange{background-color:#aa5d00} .lg\:bg-g-blue{background-color:#17214a} .lg\:bg-g-blue-1{background-color:#556d88} .lg\:bg-g-blue-2{background-color:#3c4c65} .lg\:bg-g-blue-3{background-color:#222e4d} .lg\:bg-black-orange{background-color:#ff7012} .lg\:bg-light-blue-2{background-color:#f7fafd} .lg\:bg-light-blue-3{background-color:#b4d5f8} .lg\:hover\:bg-transparent:hover{background-color:transparent} .lg\:hover\:bg-currentColor:hover{background-color:currentColor} .lg\:hover\:bg-black:hover{background-color:#000} .lg\:hover\:bg-black-10:hover{background-color:rgba(0,0,0,.1)} .lg\:hover\:bg-black-20:hover{background-color:rgba(0,0,0,.2)} .lg\:hover\:bg-black-30:hover{background-color:rgba(0,0,0,.3)} .lg\:hover\:bg-black-40:hover{background-color:rgba(0,0,0,.4)} .lg\:hover\:bg-black-50:hover{background-color:rgba(0,0,0,.5)} .lg\:hover\:bg-black-60:hover{background-color:rgba(0,0,0,.6)} .lg\:hover\:bg-black-70:hover{background-color:rgba(0,0,0,.7)} .lg\:hover\:bg-black-80:hover{background-color:rgba(0,0,0,.8)} .lg\:hover\:bg-black-90:hover{background-color:rgba(0,0,0,.9)} .lg\:hover\:bg-black-1:hover{background-color:#313131} .lg\:hover\:bg-white:hover{background-color:#fff} .lg\:hover\:bg-blue:hover{background-color:#0072ef} .lg\:hover\:bg-dark-blue:hover{background-color:#0064d1} .lg\:hover\:bg-darker-blue:hover{background-color:#00588d} .lg\:hover\:bg-d-blue:hover{background-color:#0069a8} .lg\:hover\:bg-blue-1:hover{background-color:#17214a} .lg\:hover\:bg-light-blue:hover{background-color:#f0f7fb} .lg\:hover\:bg-red:hover{background-color:#cb001c} .lg\:hover\:bg-green:hover{background-color:#33803b} .lg\:hover\:bg-green-lighter:hover{background-color:#00800005} .lg\:hover\:bg-purple:hover{background-color:#5a80d1} .lg\:hover\:bg-orange:hover{background-color:#c45c00} .lg\:hover\:bg-sd-red:hover{background-color:#ed1c24} .lg\:hover\:bg-grey:hover{background-color:#929a9d} .lg\:hover\:bg-grey-light:hover{background-color:#e6e6e6} .lg\:hover\:bg-grey-1:hover{background-color:#f2f3f3} .lg\:hover\:bg-grey-2:hover{background-color:#7f7f7f} .lg\:hover\:bg-grey-3:hover{background-color:#6a6a6a} .lg\:hover\:bg-grey-4:hover{background-color:#465052} .lg\:hover\:bg-grey-5:hover{background-color:#737779} .lg\:hover\:bg-border-gray-light:hover{background-color:#e1e1e1} .lg\:hover\:bg-gray:hover{background-color:#929a9d} .lg\:hover\:bg-gray-light:hover{background-color:#e1e1e1} .lg\:hover\:bg-gray-1:hover{background-color:#f6f6f6} .lg\:hover\:bg-gray-2:hover{background-color:#bbb} .lg\:hover\:bg-gray-3:hover{background-color:#8a8a8a} .lg\:hover\:bg-gray-4:hover{background-color:#6b6b6b} .lg\:hover\:bg-light-blue-1:hover{background-color:#21b8de} .lg\:hover\:bg-dark-blue-1:hover{background-color:#0277bd} .lg\:hover\:bg-dark-orange:hover{background-color:#df8403} .lg\:hover\:bg-darker-orange:hover{background-color:#aa5d00} .lg\:hover\:bg-g-blue:hover{background-color:#17214a} .lg\:hover\:bg-g-blue-1:hover{background-color:#556d88} .lg\:hover\:bg-g-blue-2:hover{background-color:#3c4c65} .lg\:hover\:bg-g-blue-3:hover{background-color:#222e4d} .lg\:hover\:bg-black-orange:hover{background-color:#ff7012} .lg\:hover\:bg-light-blue-2:hover{background-color:#f7fafd} .lg\:hover\:bg-light-blue-3:hover{background-color:#b4d5f8} .lg\:bg-bottom{background-position:bottom} .lg\:bg-center{background-position:center} .lg\:bg-left{background-position:left} .lg\:bg-left-bottom{background-position:left bottom} .lg\:bg-left-top{background-position:left top} .lg\:bg-right{background-position:right} .lg\:bg-right-bottom{background-position:right bottom} .lg\:bg-right-top{background-position:right top} .lg\:bg-top{background-position:top} .lg\:rounded-none{border-radius:0} .lg\:rounded-sm{border-radius:.125rem} .lg\:rounded{border-radius:.25rem} .lg\:rounded-lg{border-radius:.5rem} .lg\:rounded-full{border-radius:9999px} .lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0} .lg\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0} .lg\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0} .lg\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0} .lg\:rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem} .lg\:rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem} .lg\:rounded-b-sm{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem} .lg\:rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem} .lg\:rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .lg\:rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .lg\:rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .lg\:rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .lg\:rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .lg\:rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem} .lg\:rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem} .lg\:rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem} .lg\:rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px} .lg\:rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px} .lg\:rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px} .lg\:rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px} .lg\:rounded-tl-none{border-top-left-radius:0} .lg\:rounded-tr-none{border-top-right-radius:0} .lg\:rounded-br-none{border-bottom-right-radius:0} .lg\:rounded-bl-none{border-bottom-left-radius:0} .lg\:rounded-tl-sm{border-top-left-radius:.125rem} .lg\:rounded-tr-sm{border-top-right-radius:.125rem} .lg\:rounded-br-sm{border-bottom-right-radius:.125rem} .lg\:rounded-bl-sm{border-bottom-left-radius:.125rem} .lg\:rounded-tl{border-top-left-radius:.25rem} .lg\:rounded-tr{border-top-right-radius:.25rem} .lg\:rounded-br{border-bottom-right-radius:.25rem} .lg\:rounded-bl{border-bottom-left-radius:.25rem} .lg\:rounded-tl-lg{border-top-left-radius:.5rem} .lg\:rounded-tr-lg{border-top-right-radius:.5rem} .lg\:rounded-br-lg{border-bottom-right-radius:.5rem} .lg\:rounded-bl-lg{border-bottom-left-radius:.5rem} .lg\:rounded-tl-full{border-top-left-radius:9999px} .lg\:rounded-tr-full{border-top-right-radius:9999px} .lg\:rounded-br-full{border-bottom-right-radius:9999px} .lg\:rounded-bl-full{border-bottom-left-radius:9999px} .lg\:border-solid{border-style:solid} .lg\:border-dashed{border-style:dashed} .lg\:border-dotted{border-style:dotted} .lg\:border-none{border-style:none} .lg\:border-0{border-width:0} .lg\:border-2{border-width:2px} .lg\:border-3{border-width:3px} .lg\:border-4{border-width:4px} .lg\:border-5{border-width:5px} .lg\:border-6{border-width:6px} .lg\:border-7{border-width:7px} .lg\:border-8{border-width:8px} .lg\:border-9{border-width:9px} .lg\:border-10{border-width:10px} .lg\:border{border-width:1px} .lg\:border-t-0{border-top-width:0} .lg\:border-r-0{border-right-width:0} .lg\:border-b-0{border-bottom-width:0} .lg\:border-l-0{border-left-width:0} .lg\:border-t-2{border-top-width:2px} .lg\:border-r-2{border-right-width:2px} .lg\:border-b-2{border-bottom-width:2px} .lg\:border-l-2{border-left-width:2px} .lg\:border-t-3{border-top-width:3px} .lg\:border-r-3{border-right-width:3px} .lg\:border-b-3{border-bottom-width:3px} .lg\:border-l-3{border-left-width:3px} .lg\:border-t-4{border-top-width:4px} .lg\:border-r-4{border-right-width:4px} .lg\:border-b-4{border-bottom-width:4px} .lg\:border-l-4{border-left-width:4px} .lg\:border-t-5{border-top-width:5px} .lg\:border-r-5{border-right-width:5px} .lg\:border-b-5{border-bottom-width:5px} .lg\:border-l-5{border-left-width:5px} .lg\:border-t-6{border-top-width:6px} .lg\:border-r-6{border-right-width:6px} .lg\:border-b-6{border-bottom-width:6px} .lg\:border-l-6{border-left-width:6px} .lg\:border-t-7{border-top-width:7px} .lg\:border-r-7{border-right-width:7px} .lg\:border-b-7{border-bottom-width:7px} .lg\:border-l-7{border-left-width:7px} .lg\:border-t-8{border-top-width:8px} .lg\:border-r-8{border-right-width:8px} .lg\:border-b-8{border-bottom-width:8px} .lg\:border-l-8{border-left-width:8px} .lg\:border-t-9{border-top-width:9px} .lg\:border-r-9{border-right-width:9px} .lg\:border-b-9{border-bottom-width:9px} .lg\:border-l-9{border-left-width:9px} .lg\:border-t-10{border-top-width:10px} .lg\:border-r-10{border-right-width:10px} .lg\:border-b-10{border-bottom-width:10px} .lg\:border-l-10{border-left-width:10px} .lg\:border-t{border-top-width:1px} .lg\:border-r{border-right-width:1px} .lg\:border-b{border-bottom-width:1px} .lg\:border-l{border-left-width:1px} .lg\:block{display:block} .lg\:inline-block{display:inline-block} .lg\:inline{display:inline} .lg\:table{display:table} .lg\:table-row{display:table-row} .lg\:table-cell{display:table-cell} .lg\:hidden{display:none} .lg\:flex{display:flex} .lg\:inline-flex{display:inline-flex} .lg\:flex-row{flex-direction:row} .lg\:flex-row-reverse{flex-direction:row-reverse} .lg\:flex-col{flex-direction:column} .lg\:flex-col-reverse{flex-direction:column-reverse} .lg\:flex-wrap{flex-wrap:wrap} .lg\:flex-wrap-reverse{flex-wrap:wrap-reverse} .lg\:flex-no-wrap{flex-wrap:nowrap} .lg\:items-start{align-items:flex-start} .lg\:items-end{align-items:flex-end} .lg\:items-center{align-items:center} .lg\:items-baseline{align-items:baseline} .lg\:items-stretch{align-items:stretch} .lg\:self-auto{align-self:auto} .lg\:self-start{align-self:flex-start} .lg\:self-end{align-self:flex-end} .lg\:self-center{align-self:center} .lg\:self-stretch{align-self:stretch} .lg\:justify-start{justify-content:flex-start} .lg\:justify-end{justify-content:flex-end} .lg\:justify-center{justify-content:center} .lg\:justify-between{justify-content:space-between} .lg\:justify-around{justify-content:space-around} .lg\:content-center{align-content:center} .lg\:content-start{align-content:flex-start} .lg\:content-end{align-content:flex-end} .lg\:content-between{align-content:space-between} .lg\:content-around{align-content:space-around} .lg\:flex-1{flex:1} .lg\:flex-auto{flex:auto} .lg\:flex-initial{flex:initial} .lg\:flex-none{flex:none} .lg\:flex-grow{flex-grow:1} .lg\:flex-shrink{flex-shrink:1} .lg\:flex-no-grow{flex-grow:0} .lg\:flex-no-shrink{flex-shrink:0} .lg\:float-right{float:right} .lg\:float-left{float:left} .lg\:float-none{float:none} .lg\:clearfix:after{content:"";display:table;clear:both} .lg\:font-light{font-weight:300} .lg\:font-normal{font-weight:400} .lg\:font-medium{font-weight:500} .lg\:font-semibold{font-weight:600} .lg\:font-bold{font-weight:700} .lg\:hover\:font-light:hover{font-weight:300} .lg\:hover\:font-normal:hover{font-weight:400} .lg\:hover\:font-medium:hover{font-weight:500} .lg\:hover\:font-semibold:hover{font-weight:600} .lg\:hover\:font-bold:hover{font-weight:700} .lg\:h-0{height:0} .lg\:h-1{height:.25rem} .lg\:h-2{height:.5rem} .lg\:h-3{height:.75rem} .lg\:h-4{height:1rem} .lg\:h-5{height:1.25rem} .lg\:h-6{height:1.5rem} .lg\:h-7{height:1.75rem} .lg\:h-8{height:2rem} .lg\:h-9{height:2.25rem} .lg\:h-10{height:2.5rem} .lg\:h-12{height:3rem} .lg\:h-14{height:3.5rem} .lg\:h-16{height:4rem} .lg\:h-18{height:4.5rem} .lg\:h-24{height:6rem} .lg\:h-32{height:8rem} .lg\:h-48{height:12rem} .lg\:h-64{height:16rem} .lg\:h-auto{height:auto} .lg\:h-px{height:1px} .lg\:h-2px{height:2px} .lg\:h-42px{height:2.625rem} .lg\:h-50px{height:50px} .lg\:h-100px{height:100px} .lg\:h-125px{height:125px} .lg\:h-150px{height:150px} .lg\:h-175px{height:175px} .lg\:h-200px{height:200px} .lg\:h-225px{height:225px} .lg\:h-250px{height:250px} .lg\:h-275px{height:275px} .lg\:h-300px{height:300px} .lg\:h-325px{height:325px} .lg\:h-350px{height:350px} .lg\:h-375px{height:375px} .lg\:h-400px{height:400px} .lg\:h-500px{height:500px} .lg\:h-576px{height:576px} .lg\:h-600px{height:600px} .lg\:h-half{height:50%} .lg\:h-full{height:100%} .lg\:m-0{margin:0} .lg\:m-1{margin:.25rem} .lg\:m-2{margin:.5rem} .lg\:m-3{margin:.75rem} .lg\:m-4{margin:1rem} .lg\:m-5{margin:1.25rem} .lg\:m-6{margin:1.5rem} .lg\:m-7{margin:1.75rem} .lg\:m-8{margin:2rem} .lg\:m-9{margin:2.25rem} .lg\:m-10{margin:2.5rem} .lg\:m-12{margin:3rem} .lg\:m-16{margin:4rem} .lg\:m-20{margin:5rem} .lg\:m-24{margin:6rem} .lg\:m-28{margin:7rem} .lg\:m-auto{margin:auto} .lg\:m-px{margin:1px} .lg\:my-0{margin-top:0;margin-bottom:0} .lg\:mx-0{margin-left:0;margin-right:0} .lg\:my-1{margin-top:.25rem;margin-bottom:.25rem} .lg\:mx-1{margin-left:.25rem;margin-right:.25rem} .lg\:my-2{margin-top:.5rem;margin-bottom:.5rem} .lg\:mx-2{margin-left:.5rem;margin-right:.5rem} .lg\:my-3{margin-top:.75rem;margin-bottom:.75rem} .lg\:mx-3{margin-left:.75rem;margin-right:.75rem} .lg\:my-4{margin-top:1rem;margin-bottom:1rem} .lg\:mx-4{margin-left:1rem;margin-right:1rem} .lg\:my-5{margin-top:1.25rem;margin-bottom:1.25rem} .lg\:mx-5{margin-left:1.25rem;margin-right:1.25rem} .lg\:my-6{margin-top:1.5rem;margin-bottom:1.5rem} .lg\:mx-6{margin-left:1.5rem;margin-right:1.5rem} .lg\:my-7{margin-top:1.75rem;margin-bottom:1.75rem} .lg\:mx-7{margin-left:1.75rem;margin-right:1.75rem} .lg\:my-8{margin-top:2rem;margin-bottom:2rem} .lg\:mx-8{margin-left:2rem;margin-right:2rem} .lg\:my-9{margin-top:2.25rem;margin-bottom:2.25rem} .lg\:mx-9{margin-left:2.25rem;margin-right:2.25rem} .lg\:my-10{margin-top:2.5rem;margin-bottom:2.5rem} .lg\:mx-10{margin-left:2.5rem;margin-right:2.5rem} .lg\:my-12{margin-top:3rem;margin-bottom:3rem} .lg\:mx-12{margin-left:3rem;margin-right:3rem} .lg\:my-16{margin-top:4rem;margin-bottom:4rem} .lg\:mx-16{margin-left:4rem;margin-right:4rem} .lg\:my-20{margin-top:5rem;margin-bottom:5rem} .lg\:mx-20{margin-left:5rem;margin-right:5rem} .lg\:my-24{margin-top:6rem;margin-bottom:6rem} .lg\:mx-24{margin-left:6rem;margin-right:6rem} .lg\:my-28{margin-top:7rem;margin-bottom:7rem} .lg\:mx-28{margin-left:7rem;margin-right:7rem} .lg\:my-auto{margin-top:auto;margin-bottom:auto} .lg\:mx-auto{margin-left:auto;margin-right:auto} .lg\:my-px{margin-top:1px;margin-bottom:1px} .lg\:mx-px{margin-left:1px;margin-right:1px} .lg\:mt-0{margin-top:0} .lg\:mr-0{margin-right:0} .lg\:mb-0{margin-bottom:0} .lg\:ml-0{margin-left:0} .lg\:mt-1{margin-top:.25rem} .lg\:mr-1{margin-right:.25rem} .lg\:mb-1{margin-bottom:.25rem} .lg\:ml-1{margin-left:.25rem} .lg\:mt-2{margin-top:.5rem} .lg\:mr-2{margin-right:.5rem} .lg\:mb-2{margin-bottom:.5rem} .lg\:ml-2{margin-left:.5rem} .lg\:mt-3{margin-top:.75rem} .lg\:mr-3{margin-right:.75rem} .lg\:mb-3{margin-bottom:.75rem} .lg\:ml-3{margin-left:.75rem} .lg\:mt-4{margin-top:1rem} .lg\:mr-4{margin-right:1rem} .lg\:mb-4{margin-bottom:1rem} .lg\:ml-4{margin-left:1rem} .lg\:mt-5{margin-top:1.25rem} .lg\:mr-5{margin-right:1.25rem} .lg\:mb-5{margin-bottom:1.25rem} .lg\:ml-5{margin-left:1.25rem} .lg\:mt-6{margin-top:1.5rem} .lg\:mr-6{margin-right:1.5rem} .lg\:mb-6{margin-bottom:1.5rem} .lg\:ml-6{margin-left:1.5rem} .lg\:mt-7{margin-top:1.75rem} .lg\:mr-7{margin-right:1.75rem} .lg\:mb-7{margin-bottom:1.75rem} .lg\:ml-7{margin-left:1.75rem} .lg\:mt-8{margin-top:2rem} .lg\:mr-8{margin-right:2rem} .lg\:mb-8{margin-bottom:2rem} .lg\:ml-8{margin-left:2rem} .lg\:mt-9{margin-top:2.25rem} .lg\:mr-9{margin-right:2.25rem} .lg\:mb-9{margin-bottom:2.25rem} .lg\:ml-9{margin-left:2.25rem} .lg\:mt-10{margin-top:2.5rem} .lg\:mr-10{margin-right:2.5rem} .lg\:mb-10{margin-bottom:2.5rem} .lg\:ml-10{margin-left:2.5rem} .lg\:mt-12{margin-top:3rem} .lg\:mr-12{margin-right:3rem} .lg\:mb-12{margin-bottom:3rem} .lg\:ml-12{margin-left:3rem} .lg\:mt-16{margin-top:4rem} .lg\:mr-16{margin-right:4rem} .lg\:mb-16{margin-bottom:4rem} .lg\:ml-16{margin-left:4rem} .lg\:mt-20{margin-top:5rem} .lg\:mr-20{margin-right:5rem} .lg\:mb-20{margin-bottom:5rem} .lg\:ml-20{margin-left:5rem} .lg\:mt-24{margin-top:6rem} .lg\:mr-24{margin-right:6rem} .lg\:mb-24{margin-bottom:6rem} .lg\:ml-24{margin-left:6rem} .lg\:mt-28{margin-top:7rem} .lg\:mr-28{margin-right:7rem} .lg\:mb-28{margin-bottom:7rem} .lg\:ml-28{margin-left:7rem} .lg\:mt-auto{margin-top:auto} .lg\:mr-auto{margin-right:auto} .lg\:mb-auto{margin-bottom:auto} .lg\:ml-auto{margin-left:auto} .lg\:mt-px{margin-top:1px} .lg\:mr-px{margin-right:1px} .lg\:mb-px{margin-bottom:1px} .lg\:ml-px{margin-left:1px} .lg\:max-h-0{max-height:0} .lg\:max-h-1{max-height:.25rem} .lg\:max-h-2{max-height:.5rem} .lg\:max-h-3{max-height:.75rem} .lg\:max-h-4{max-height:1rem} .lg\:max-h-5{max-height:1.25rem} .lg\:max-h-6{max-height:1.5rem} .lg\:max-h-7{max-height:1.75rem} .lg\:max-h-8{max-height:2rem} .lg\:max-h-9{max-height:2.25rem} .lg\:max-h-10{max-height:2.5rem} .lg\:max-h-12{max-height:3rem} .lg\:max-h-14{max-height:3.5rem} .lg\:max-h-16{max-height:4rem} .lg\:max-h-600{max-height:600px} .lg\:max-h-700{max-height:700px} .lg\:max-h-unset{max-height:unset} .lg\:max-h-none{max-height:none} .lg\:max-h-px{max-height:1px} .lg\:max-h-2px{max-height:2px} .lg\:max-h-100px{max-height:100px} .lg\:max-h-125px{max-height:125px} .lg\:max-h-150px{max-height:150px} .lg\:max-h-175px{max-height:175px} .lg\:max-h-200px{max-height:200px} .lg\:max-h-225px{max-height:225px} .lg\:max-h-250px{max-height:250px} .lg\:max-h-275px{max-height:275px} .lg\:max-h-300px{max-height:300px} .lg\:max-h-325px{max-height:325px} .lg\:max-h-350px{max-height:350px} .lg\:max-h-375px{max-height:375px} .lg\:max-h-400px{max-height:400px} .lg\:max-h-450px{max-height:450px} .lg\:max-h-475px{max-height:475px} .lg\:max-h-500px{max-height:500px} .lg\:max-h-768px{max-height:768px} .lg\:max-h-800px{max-height:800px} .lg\:max-h-900px{max-height:900px} .lg\:max-h-half{max-height:50%} .lg\:max-h-full{max-height:100%} .lg\:max-w-0{max-width:0} .lg\:max-w-1{max-width:.25rem} .lg\:max-w-2{max-width:.5rem} .lg\:max-w-3{max-width:.75rem} .lg\:max-w-4{max-width:1rem} .lg\:max-w-5{max-width:1.25rem} .lg\:max-w-6{max-width:1.5rem} .lg\:max-w-7{max-width:1.75rem} .lg\:max-w-8{max-width:2rem} .lg\:max-w-9{max-width:2.25rem} .lg\:max-w-10{max-width:2.5rem} .lg\:max-w-12{max-width:3rem} .lg\:max-w-14{max-width:3.5rem} .lg\:max-w-16{max-width:4rem} .lg\:max-w-600{max-width:600px} .lg\:max-w-700{max-width:700px} .lg\:max-w-none{max-width:none} .lg\:max-w-px{max-width:1px} .lg\:max-w-2px{max-width:2px} .lg\:max-w-100px{max-width:100px} .lg\:max-w-125px{max-width:125px} .lg\:max-w-150px{max-width:150px} .lg\:max-w-175px{max-width:175px} .lg\:max-w-200px{max-width:200px} .lg\:max-w-225px{max-width:225px} .lg\:max-w-250px{max-width:250px} .lg\:max-w-275px{max-width:275px} .lg\:max-w-300px{max-width:300px} .lg\:max-w-325px{max-width:325px} .lg\:max-w-350px{max-width:350px} .lg\:max-w-375px{max-width:375px} .lg\:max-w-400px{max-width:400px} .lg\:max-w-450px{max-width:450px} .lg\:max-w-475px{max-width:475px} .lg\:max-w-500px{max-width:500px} .lg\:max-w-768px{max-width:768px} .lg\:max-w-800px{max-width:800px} .lg\:max-w-900px{max-width:900px} .lg\:max-w-992px{max-width:992px} .lg\:max-w-1000px{max-width:1000px} .lg\:max-w-1140px{max-width:1140px} .lg\:max-w-1200px{max-width:1200px} .lg\:max-w-half{max-width:50%} .lg\:max-w-full{max-width:100%} .lg\:min-h-0{min-height:0} .lg\:min-h-1{min-height:.25rem} .lg\:min-h-2{min-height:.5rem} .lg\:min-h-3{min-height:.75rem} .lg\:min-h-4{min-height:1rem} .lg\:min-h-5{min-height:1.25rem} .lg\:min-h-6{min-height:1.5rem} .lg\:min-h-7{min-height:1.75rem} .lg\:min-h-8{min-height:2rem} .lg\:min-h-9{min-height:2.25rem} .lg\:min-h-10{min-height:2.5rem} .lg\:min-h-12{min-height:3rem} .lg\:min-h-14{min-height:3.5rem} .lg\:min-h-16{min-height:4rem} .lg\:min-h-600{min-height:600px} .lg\:min-h-700{min-height:700px} .lg\:min-h-px{min-height:1px} .lg\:min-h-2px{min-height:2px} .lg\:min-h-100px{min-height:100px} .lg\:min-h-125px{min-height:125px} .lg\:min-h-150px{min-height:150px} .lg\:min-h-175px{min-height:175px} .lg\:min-h-200px{min-height:200px} .lg\:min-h-225px{min-height:225px} .lg\:min-h-250px{min-height:250px} .lg\:min-h-275px{min-height:275px} .lg\:min-h-300px{min-height:300px} .lg\:min-h-325px{min-height:325px} .lg\:min-h-350px{min-height:350px} .lg\:min-h-375px{min-height:375px} .lg\:min-h-400px{min-height:400px} .lg\:min-h-450px{min-height:450px} .lg\:min-h-475px{min-height:475px} .lg\:min-h-500px{min-height:500px} .lg\:min-h-768px{min-height:768px} .lg\:min-h-half{min-height:50%} .lg\:min-h-full{min-height:100%} .lg\:min-w-0{min-width:0} .lg\:min-w-1{min-width:.25rem} .lg\:min-w-2{min-width:.5rem} .lg\:min-w-3{min-width:.75rem} .lg\:min-w-4{min-width:1rem} .lg\:min-w-5{min-width:1.25rem} .lg\:min-w-6{min-width:1.5rem} .lg\:min-w-7{min-width:1.75rem} .lg\:min-w-8{min-width:2rem} .lg\:min-w-9{min-width:2.25rem} .lg\:min-w-10{min-width:2.5rem} .lg\:min-w-12{min-width:3rem} .lg\:min-w-16{min-width:4rem} .lg\:min-w-auto{min-width:auto} .lg\:min-w-px{min-width:1px} .lg\:min-w-2px{min-width:2px} .lg\:min-w-100px{min-width:100px} .lg\:min-w-125px{min-width:125px} .lg\:min-w-150px{min-width:150px} .lg\:min-w-175px{min-width:175px} .lg\:min-w-200px{min-width:200px} .lg\:min-w-225px{min-width:225px} .lg\:min-w-250px{min-width:250px} .lg\:min-w-275px{min-width:275px} .lg\:min-w-300px{min-width:300px} .lg\:min-w-325px{min-width:325px} .lg\:min-w-350px{min-width:350px} .lg\:min-w-375px{min-width:375px} .lg\:min-w-400px{min-width:400px} .lg\:min-w-450px{min-width:450px} .lg\:min-w-475px{min-width:475px} .lg\:min-w-500px{min-width:500px} .lg\:min-w-576px{min-width:576px} .lg\:min-w-600px{min-width:600px} .lg\:-m-0{margin:0} .lg\:-m-1{margin:-0.25rem} .lg\:-m-2{margin:-0.5rem} .lg\:-m-3{margin:-0.75rem} .lg\:-m-4{margin:-1rem} .lg\:-m-5{margin:-1.25rem} .lg\:-m-6{margin:-1.5rem} .lg\:-m-7{margin:-1.75rem} .lg\:-m-8{margin:-2rem} .lg\:-m-9{margin:-2.25rem} .lg\:-m-10{margin:-2.5rem} .lg\:-m-12{margin:-3rem} .lg\:-m-16{margin:-4rem} .lg\:-m-20{margin:-5rem} .lg\:-m-auto{margin:-auto} .lg\:-m-px{margin:-1px} .lg\:-my-0{margin-top:0;margin-bottom:0} .lg\:-mx-0{margin-left:0;margin-right:0} .lg\:-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem} .lg\:-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .lg\:-my-2{margin-top:-0.5rem;margin-bottom:-0.5rem} .lg\:-mx-2{margin-left:-0.5rem;margin-right:-0.5rem} .lg\:-my-3{margin-top:-0.75rem;margin-bottom:-0.75rem} .lg\:-mx-3{margin-left:-0.75rem;margin-right:-0.75rem} .lg\:-my-4{margin-top:-1rem;margin-bottom:-1rem} .lg\:-mx-4{margin-left:-1rem;margin-right:-1rem} .lg\:-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem} .lg\:-mx-5{margin-left:-1.25rem;margin-right:-1.25rem} .lg\:-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem} .lg\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem} .lg\:-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem} .lg\:-mx-7{margin-left:-1.75rem;margin-right:-1.75rem} .lg\:-my-8{margin-top:-2rem;margin-bottom:-2rem} .lg\:-mx-8{margin-left:-2rem;margin-right:-2rem} .lg\:-my-9{margin-top:-2.25rem;margin-bottom:-2.25rem} .lg\:-mx-9{margin-left:-2.25rem;margin-right:-2.25rem} .lg\:-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem} .lg\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem} .lg\:-my-12{margin-top:-3rem;margin-bottom:-3rem} .lg\:-mx-12{margin-left:-3rem;margin-right:-3rem} .lg\:-my-16{margin-top:-4rem;margin-bottom:-4rem} .lg\:-mx-16{margin-left:-4rem;margin-right:-4rem} .lg\:-my-20{margin-top:-5rem;margin-bottom:-5rem} .lg\:-mx-20{margin-left:-5rem;margin-right:-5rem} .lg\:-my-auto{margin-top:-auto;margin-bottom:-auto} .lg\:-mx-auto{margin-left:-auto;margin-right:-auto} .lg\:-my-px{margin-top:-1px;margin-bottom:-1px} .lg\:-mx-px{margin-left:-1px;margin-right:-1px} .lg\:-mt-0{margin-top:0} .lg\:-mr-0{margin-right:0} .lg\:-mb-0{margin-bottom:0} .lg\:-ml-0{margin-left:0} .lg\:-mt-1{margin-top:-0.25rem} .lg\:-mr-1{margin-right:-0.25rem} .lg\:-mb-1{margin-bottom:-0.25rem} .lg\:-ml-1{margin-left:-0.25rem} .lg\:-mt-2{margin-top:-0.5rem} .lg\:-mr-2{margin-right:-0.5rem} .lg\:-mb-2{margin-bottom:-0.5rem} .lg\:-ml-2{margin-left:-0.5rem} .lg\:-mt-3{margin-top:-0.75rem} .lg\:-mr-3{margin-right:-0.75rem} .lg\:-mb-3{margin-bottom:-0.75rem} .lg\:-ml-3{margin-left:-0.75rem} .lg\:-mt-4{margin-top:-1rem} .lg\:-mr-4{margin-right:-1rem} .lg\:-mb-4{margin-bottom:-1rem} .lg\:-ml-4{margin-left:-1rem} .lg\:-mt-5{margin-top:-1.25rem} .lg\:-mr-5{margin-right:-1.25rem} .lg\:-mb-5{margin-bottom:-1.25rem} .lg\:-ml-5{margin-left:-1.25rem} .lg\:-mt-6{margin-top:-1.5rem} .lg\:-mr-6{margin-right:-1.5rem} .lg\:-mb-6{margin-bottom:-1.5rem} .lg\:-ml-6{margin-left:-1.5rem} .lg\:-mt-7{margin-top:-1.75rem} .lg\:-mr-7{margin-right:-1.75rem} .lg\:-mb-7{margin-bottom:-1.75rem} .lg\:-ml-7{margin-left:-1.75rem} .lg\:-mt-8{margin-top:-2rem} .lg\:-mr-8{margin-right:-2rem} .lg\:-mb-8{margin-bottom:-2rem} .lg\:-ml-8{margin-left:-2rem} .lg\:-mt-9{margin-top:-2.25rem} .lg\:-mr-9{margin-right:-2.25rem} .lg\:-mb-9{margin-bottom:-2.25rem} .lg\:-ml-9{margin-left:-2.25rem} .lg\:-mt-10{margin-top:-2.5rem} .lg\:-mr-10{margin-right:-2.5rem} .lg\:-mb-10{margin-bottom:-2.5rem} .lg\:-ml-10{margin-left:-2.5rem} .lg\:-mt-12{margin-top:-3rem} .lg\:-mr-12{margin-right:-3rem} .lg\:-mb-12{margin-bottom:-3rem} .lg\:-ml-12{margin-left:-3rem} .lg\:-mt-16{margin-top:-4rem} .lg\:-mr-16{margin-right:-4rem} .lg\:-mb-16{margin-bottom:-4rem} .lg\:-ml-16{margin-left:-4rem} .lg\:-mt-20{margin-top:-5rem} .lg\:-mr-20{margin-right:-5rem} .lg\:-mb-20{margin-bottom:-5rem} .lg\:-ml-20{margin-left:-5rem} .lg\:-mt-auto{margin-top:-auto} .lg\:-mr-auto{margin-right:-auto} .lg\:-mb-auto{margin-bottom:-auto} .lg\:-ml-auto{margin-left:-auto} .lg\:-mt-px{margin-top:-1px} .lg\:-mr-px{margin-right:-1px} .lg\:-mb-px{margin-bottom:-1px} .lg\:-ml-px{margin-left:-1px} .lg\:p-0{padding:0} .lg\:p-1{padding:.25rem} .lg\:p-2{padding:.5rem} .lg\:p-3{padding:.75rem} .lg\:p-4{padding:1rem} .lg\:p-5{padding:1.25rem} .lg\:p-6{padding:1.5rem} .lg\:p-7{padding:1.75rem} .lg\:p-8{padding:2rem} .lg\:p-9{padding:2.25rem} .lg\:p-10{padding:2.5rem} .lg\:p-12{padding:3rem} .lg\:p-16{padding:4rem} .lg\:p-20{padding:5rem} .lg\:p-24{padding:6rem} .lg\:p-28{padding:7rem} .lg\:p-32{padding:8rem} .lg\:p-px{padding:1px} .lg\:p-10\%{padding:10%} .lg\:p-20\%{padding:20%} .lg\:p-30\%{padding:30%} .lg\:p-40\%{padding:40%} .lg\:p-50\%{padding:50%} .lg\:p-60\%{padding:60%} .lg\:p-70\%{padding:70%} .lg\:p-80\%{padding:80%} .lg\:p-90\%{padding:90%} .lg\:py-0{padding-top:0;padding-bottom:0} .lg\:px-0{padding-left:0;padding-right:0} .lg\:py-1{padding-top:.25rem;padding-bottom:.25rem} .lg\:px-1{padding-left:.25rem;padding-right:.25rem} .lg\:py-2{padding-top:.5rem;padding-bottom:.5rem} .lg\:px-2{padding-left:.5rem;padding-right:.5rem} .lg\:py-3{padding-top:.75rem;padding-bottom:.75rem} .lg\:px-3{padding-left:.75rem;padding-right:.75rem} .lg\:py-4{padding-top:1rem;padding-bottom:1rem} .lg\:px-4{padding-left:1rem;padding-right:1rem} .lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem} .lg\:px-5{padding-left:1.25rem;padding-right:1.25rem} .lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem} .lg\:px-6{padding-left:1.5rem;padding-right:1.5rem} .lg\:py-7{padding-top:1.75rem;padding-bottom:1.75rem} .lg\:px-7{padding-left:1.75rem;padding-right:1.75rem} .lg\:py-8{padding-top:2rem;padding-bottom:2rem} .lg\:px-8{padding-left:2rem;padding-right:2rem} .lg\:py-9{padding-top:2.25rem;padding-bottom:2.25rem} .lg\:px-9{padding-left:2.25rem;padding-right:2.25rem} .lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem} .lg\:px-10{padding-left:2.5rem;padding-right:2.5rem} .lg\:py-12{padding-top:3rem;padding-bottom:3rem} .lg\:px-12{padding-left:3rem;padding-right:3rem} .lg\:py-16{padding-top:4rem;padding-bottom:4rem} .lg\:px-16{padding-left:4rem;padding-right:4rem} .lg\:py-20{padding-top:5rem;padding-bottom:5rem} .lg\:px-20{padding-left:5rem;padding-right:5rem} .lg\:py-24{padding-top:6rem;padding-bottom:6rem} .lg\:px-24{padding-left:6rem;padding-right:6rem} .lg\:py-28{padding-top:7rem;padding-bottom:7rem} .lg\:px-28{padding-left:7rem;padding-right:7rem} .lg\:py-32{padding-top:8rem;padding-bottom:8rem} .lg\:px-32{padding-left:8rem;padding-right:8rem} .lg\:py-px{padding-top:1px;padding-bottom:1px} .lg\:px-px{padding-left:1px;padding-right:1px} .lg\:py-10\%{padding-top:10%;padding-bottom:10%} .lg\:px-10\%{padding-left:10%;padding-right:10%} .lg\:py-20\%{padding-top:20%;padding-bottom:20%} .lg\:px-20\%{padding-left:20%;padding-right:20%} .lg\:py-30\%{padding-top:30%;padding-bottom:30%} .lg\:px-30\%{padding-left:30%;padding-right:30%} .lg\:py-40\%{padding-top:40%;padding-bottom:40%} .lg\:px-40\%{padding-left:40%;padding-right:40%} .lg\:py-50\%{padding-top:50%;padding-bottom:50%} .lg\:px-50\%{padding-left:50%;padding-right:50%} .lg\:py-60\%{padding-top:60%;padding-bottom:60%} .lg\:px-60\%{padding-left:60%;padding-right:60%} .lg\:py-70\%{padding-top:70%;padding-bottom:70%} .lg\:px-70\%{padding-left:70%;padding-right:70%} .lg\:py-80\%{padding-top:80%;padding-bottom:80%} .lg\:px-80\%{padding-left:80%;padding-right:80%} .lg\:py-90\%{padding-top:90%;padding-bottom:90%} .lg\:px-90\%{padding-left:90%;padding-right:90%} .lg\:pt-0{padding-top:0} .lg\:pr-0{padding-right:0} .lg\:pb-0{padding-bottom:0} .lg\:pl-0{padding-left:0} .lg\:pt-1{padding-top:.25rem} .lg\:pr-1{padding-right:.25rem} .lg\:pb-1{padding-bottom:.25rem} .lg\:pl-1{padding-left:.25rem} .lg\:pt-2{padding-top:.5rem} .lg\:pr-2{padding-right:.5rem} .lg\:pb-2{padding-bottom:.5rem} .lg\:pl-2{padding-left:.5rem} .lg\:pt-3{padding-top:.75rem} .lg\:pr-3{padding-right:.75rem} .lg\:pb-3{padding-bottom:.75rem} .lg\:pl-3{padding-left:.75rem} .lg\:pt-4{padding-top:1rem} .lg\:pr-4{padding-right:1rem} .lg\:pb-4{padding-bottom:1rem} .lg\:pl-4{padding-left:1rem} .lg\:pt-5{padding-top:1.25rem} .lg\:pr-5{padding-right:1.25rem} .lg\:pb-5{padding-bottom:1.25rem} .lg\:pl-5{padding-left:1.25rem} .lg\:pt-6{padding-top:1.5rem} .lg\:pr-6{padding-right:1.5rem} .lg\:pb-6{padding-bottom:1.5rem} .lg\:pl-6{padding-left:1.5rem} .lg\:pt-7{padding-top:1.75rem} .lg\:pr-7{padding-right:1.75rem} .lg\:pb-7{padding-bottom:1.75rem} .lg\:pl-7{padding-left:1.75rem} .lg\:pt-8{padding-top:2rem} .lg\:pr-8{padding-right:2rem} .lg\:pb-8{padding-bottom:2rem} .lg\:pl-8{padding-left:2rem} .lg\:pt-9{padding-top:2.25rem} .lg\:pr-9{padding-right:2.25rem} .lg\:pb-9{padding-bottom:2.25rem} .lg\:pl-9{padding-left:2.25rem} .lg\:pt-10{padding-top:2.5rem} .lg\:pr-10{padding-right:2.5rem} .lg\:pb-10{padding-bottom:2.5rem} .lg\:pl-10{padding-left:2.5rem} .lg\:pt-12{padding-top:3rem} .lg\:pr-12{padding-right:3rem} .lg\:pb-12{padding-bottom:3rem} .lg\:pl-12{padding-left:3rem} .lg\:pt-16{padding-top:4rem} .lg\:pr-16{padding-right:4rem} .lg\:pb-16{padding-bottom:4rem} .lg\:pl-16{padding-left:4rem} .lg\:pt-20{padding-top:5rem} .lg\:pr-20{padding-right:5rem} .lg\:pb-20{padding-bottom:5rem} .lg\:pl-20{padding-left:5rem} .lg\:pt-24{padding-top:6rem} .lg\:pr-24{padding-right:6rem} .lg\:pb-24{padding-bottom:6rem} .lg\:pl-24{padding-left:6rem} .lg\:pt-28{padding-top:7rem} .lg\:pr-28{padding-right:7rem} .lg\:pb-28{padding-bottom:7rem} .lg\:pl-28{padding-left:7rem} .lg\:pt-32{padding-top:8rem} .lg\:pr-32{padding-right:8rem} .lg\:pb-32{padding-bottom:8rem} .lg\:pl-32{padding-left:8rem} .lg\:pt-px{padding-top:1px} .lg\:pr-px{padding-right:1px} .lg\:pb-px{padding-bottom:1px} .lg\:pl-px{padding-left:1px} .lg\:pt-10\%{padding-top:10%} .lg\:pr-10\%{padding-right:10%} .lg\:pb-10\%{padding-bottom:10%} .lg\:pl-10\%{padding-left:10%} .lg\:pt-20\%{padding-top:20%} .lg\:pr-20\%{padding-right:20%} .lg\:pb-20\%{padding-bottom:20%} .lg\:pl-20\%{padding-left:20%} .lg\:pt-30\%{padding-top:30%} .lg\:pr-30\%{padding-right:30%} .lg\:pb-30\%{padding-bottom:30%} .lg\:pl-30\%{padding-left:30%} .lg\:pt-40\%{padding-top:40%} .lg\:pr-40\%{padding-right:40%} .lg\:pb-40\%{padding-bottom:40%} .lg\:pl-40\%{padding-left:40%} .lg\:pt-50\%{padding-top:50%} .lg\:pr-50\%{padding-right:50%} .lg\:pb-50\%{padding-bottom:50%} .lg\:pl-50\%{padding-left:50%} .lg\:pt-60\%{padding-top:60%} .lg\:pr-60\%{padding-right:60%} .lg\:pb-60\%{padding-bottom:60%} .lg\:pl-60\%{padding-left:60%} .lg\:pt-70\%{padding-top:70%} .lg\:pr-70\%{padding-right:70%} .lg\:pb-70\%{padding-bottom:70%} .lg\:pl-70\%{padding-left:70%} .lg\:pt-80\%{padding-top:80%} .lg\:pr-80\%{padding-right:80%} .lg\:pb-80\%{padding-bottom:80%} .lg\:pl-80\%{padding-left:80%} .lg\:pt-90\%{padding-top:90%} .lg\:pr-90\%{padding-right:90%} .lg\:pb-90\%{padding-bottom:90%} .lg\:pl-90\%{padding-left:90%} .lg\:static{position:static} .lg\:fixed{position:fixed} .lg\:absolute{position:absolute} .lg\:relative{position:relative} .lg\:sticky{position:sticky} .lg\:pin-none{top:auto;right:auto;bottom:auto;left:auto} .lg\:pin{top:0;right:0;bottom:0;left:0} .lg\:pin-y{top:0;bottom:0} .lg\:pin-x{right:0;left:0} .lg\:pin-t{top:0} .lg\:pin-r{right:0} .lg\:pin-b{bottom:0} .lg\:pin-l{left:0} .lg\:text-left{text-align:left} .lg\:text-center{text-align:center} .lg\:text-right{text-align:right} .lg\:text-justify{text-align:justify} .lg\:text-transparent{color:transparent} .lg\:text-currentColor{color:currentColor} .lg\:text-black{color:#000} .lg\:text-black-10{color:rgba(0,0,0,.1)} .lg\:text-black-20{color:rgba(0,0,0,.2)} .lg\:text-black-30{color:rgba(0,0,0,.3)} .lg\:text-black-40{color:rgba(0,0,0,.4)} .lg\:text-black-50{color:rgba(0,0,0,.5)} .lg\:text-black-60{color:rgba(0,0,0,.6)} .lg\:text-black-70{color:rgba(0,0,0,.7)} .lg\:text-black-80{color:rgba(0,0,0,.8)} .lg\:text-black-90{color:rgba(0,0,0,.9)} .lg\:text-black-1{color:#313131} .lg\:text-white{color:#fff} .lg\:text-blue{color:#0072ef} .lg\:text-dark-blue{color:#0064d1} .lg\:text-darker-blue{color:#00588d} .lg\:text-d-blue{color:#0069a8} .lg\:text-blue-1{color:#17214a} .lg\:text-light-blue{color:#f0f7fb} .lg\:text-red{color:#cb001c} .lg\:text-green{color:#33803b} .lg\:text-green-lighter{color:#00800005} .lg\:text-purple{color:#5a80d1} .lg\:text-orange{color:#c45c00} .lg\:text-sd-red{color:#ed1c24} .lg\:text-grey{color:#929a9d} .lg\:text-grey-light{color:#e6e6e6} .lg\:text-grey-1{color:#f2f3f3} .lg\:text-grey-2{color:#7f7f7f} .lg\:text-grey-3{color:#6a6a6a} .lg\:text-grey-4{color:#465052} .lg\:text-grey-5{color:#737779} .lg\:text-border-gray-light{color:#e1e1e1} .lg\:text-gray{color:#929a9d} .lg\:text-gray-light{color:#e1e1e1} .lg\:text-gray-1{color:#f6f6f6} .lg\:text-gray-2{color:#bbb} .lg\:text-gray-3{color:#8a8a8a} .lg\:text-gray-4{color:#6b6b6b} .lg\:text-light-blue-1{color:#21b8de} .lg\:text-dark-blue-1{color:#0277bd} .lg\:text-dark-orange{color:#df8403} .lg\:text-darker-orange{color:#aa5d00} .lg\:text-g-blue{color:#17214a} .lg\:text-g-blue-1{color:#556d88} .lg\:text-g-blue-2{color:#3c4c65} .lg\:text-g-blue-3{color:#222e4d} .lg\:text-black-orange{color:#ff7012} .lg\:text-light-blue-2{color:#f7fafd} .lg\:text-light-blue-3{color:#b4d5f8} .lg\:hover\:text-transparent:hover{color:transparent} .lg\:hover\:text-currentColor:hover{color:currentColor} .lg\:hover\:text-black:hover{color:#000} .lg\:hover\:text-black-10:hover{color:rgba(0,0,0,.1)} .lg\:hover\:text-black-20:hover{color:rgba(0,0,0,.2)} .lg\:hover\:text-black-30:hover{color:rgba(0,0,0,.3)} .lg\:hover\:text-black-40:hover{color:rgba(0,0,0,.4)} .lg\:hover\:text-black-50:hover{color:rgba(0,0,0,.5)} .lg\:hover\:text-black-60:hover{color:rgba(0,0,0,.6)} .lg\:hover\:text-black-70:hover{color:rgba(0,0,0,.7)} .lg\:hover\:text-black-80:hover{color:rgba(0,0,0,.8)} .lg\:hover\:text-black-90:hover{color:rgba(0,0,0,.9)} .lg\:hover\:text-black-1:hover{color:#313131} .lg\:hover\:text-white:hover{color:#fff} .lg\:hover\:text-blue:hover{color:#0072ef} .lg\:hover\:text-dark-blue:hover{color:#0064d1} .lg\:hover\:text-darker-blue:hover{color:#00588d} .lg\:hover\:text-d-blue:hover{color:#0069a8} .lg\:hover\:text-blue-1:hover{color:#17214a} .lg\:hover\:text-light-blue:hover{color:#f0f7fb} .lg\:hover\:text-red:hover{color:#cb001c} .lg\:hover\:text-green:hover{color:#33803b} .lg\:hover\:text-green-lighter:hover{color:#00800005} .lg\:hover\:text-purple:hover{color:#5a80d1} .lg\:hover\:text-orange:hover{color:#c45c00} .lg\:hover\:text-sd-red:hover{color:#ed1c24} .lg\:hover\:text-grey:hover{color:#929a9d} .lg\:hover\:text-grey-light:hover{color:#e6e6e6} .lg\:hover\:text-grey-1:hover{color:#f2f3f3} .lg\:hover\:text-grey-2:hover{color:#7f7f7f} .lg\:hover\:text-grey-3:hover{color:#6a6a6a} .lg\:hover\:text-grey-4:hover{color:#465052} .lg\:hover\:text-grey-5:hover{color:#737779} .lg\:hover\:text-border-gray-light:hover{color:#e1e1e1} .lg\:hover\:text-gray:hover{color:#929a9d} .lg\:hover\:text-gray-light:hover{color:#e1e1e1} .lg\:hover\:text-gray-1:hover{color:#f6f6f6} .lg\:hover\:text-gray-2:hover{color:#bbb} .lg\:hover\:text-gray-3:hover{color:#8a8a8a} .lg\:hover\:text-gray-4:hover{color:#6b6b6b} .lg\:hover\:text-light-blue-1:hover{color:#21b8de} .lg\:hover\:text-dark-blue-1:hover{color:#0277bd} .lg\:hover\:text-dark-orange:hover{color:#df8403} .lg\:hover\:text-darker-orange:hover{color:#aa5d00} .lg\:hover\:text-g-blue:hover{color:#17214a} .lg\:hover\:text-g-blue-1:hover{color:#556d88} .lg\:hover\:text-g-blue-2:hover{color:#3c4c65} .lg\:hover\:text-g-blue-3:hover{color:#222e4d} .lg\:hover\:text-black-orange:hover{color:#ff7012} .lg\:hover\:text-light-blue-2:hover{color:#f7fafd} .lg\:hover\:text-light-blue-3:hover{color:#b4d5f8} .lg\:text-xxxs{font-size:.625rem} .lg\:text-xxs{font-size:.75rem} .lg\:text-xs{font-size:.875rem} .lg\:text-sm{font-size:1rem} .lg\:text-base{font-size:1.125rem} .lg\:text-lg{font-size:1.25rem} .lg\:text-2lg{font-size:1.25rem} .lg\:text-xl{font-size:1.5rem} .lg\:text-1-5xl{font-size:1.625rem} .lg\:text-2xl{font-size:1.75rem} .lg\:text-2-5xl{font-size:1.875rem} .lg\:text-3xl{font-size:2rem} .lg\:text-4xl{font-size:2.125rem} .lg\:text-5xl{font-size:2.25rem} .lg\:text-5-5xl{font-size:2.625rem} .lg\:text-5-6xl{font-size:3rem} .lg\:text-6xl{font-size:3.5rem} .lg\:text-7xl{font-size:4.125rem} .lg\:tracking-tight{letter-spacing:-0.05em} .lg\:tracking-normal{letter-spacing:0} .lg\:tracking-wide{letter-spacing:.05em} .lg\:select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .lg\:select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text} .lg\:visible{visibility:visible} .lg\:invisible{visibility:hidden} .lg\:w-0{width:0} .lg\:w-1{width:.25rem} .lg\:w-2{width:.5rem} .lg\:w-3{width:.75rem} .lg\:w-4{width:1rem} .lg\:w-5{width:1.25rem} .lg\:w-6{width:1.5rem} .lg\:w-7{width:1.75rem} .lg\:w-8{width:2rem} .lg\:w-9{width:2.25rem} .lg\:w-10{width:2.5rem} .lg\:w-12{width:3rem} .lg\:w-14{width:3.5rem} .lg\:w-16{width:4rem} .lg\:w-21{width:5.25rem} .lg\:w-auto{width:auto} .lg\:w-px{width:1px} .lg\:w-full{width:100%} .lg\:w-half{width:50%} .lg\:w-100px{width:100px} .lg\:w-200px{width:200px} .lg\:w-300px{width:300px} .lg\:w-400px{width:400px} .lg\:w-500px{width:500px} .lg\:w-576px{width:576px} .lg\:w-600px{width:600px} .lg\:w-700px{width:700px} .lg\:w-768px{width:768px} .lg\:w-800px{width:800px} .lg\:w-900px{width:900px} .lg\:w-992px{width:992px} .lg\:w-1000px{width:1000px} .lg\:z-0{z-index:0} .lg\:z-1{z-index:1} .lg\:z-4{z-index:4} .lg\:z-10{z-index:10} .lg\:z-20{z-index:20} .lg\:z-30{z-index:30} .lg\:z-40{z-index:40} .lg\:z-50{z-index:50} .lg\:z-60{z-index:60} .lg\:z-70{z-index:70} .lg\:z-80{z-index:80} .lg\:z-90{z-index:90} .lg\:z-100{z-index:100} .lg\:z-auto{z-index:auto} .lg\:pin-t-0{top:0} .lg\:pin-r-0{right:0} .lg\:pin-b-0{bottom:0} .lg\:pin-l-0{left:0} .lg\:pin-t-1{top:1px} .lg\:pin-r-1{right:1px} .lg\:pin-b-1{bottom:1px} .lg\:pin-l-1{left:1px} .lg\:pin-t-3{top:3px} .lg\:pin-r-3{right:3px} .lg\:pin-b-3{bottom:3px} .lg\:pin-l-3{left:3px} .lg\:pin-t-5{top:5px} .lg\:pin-r-5{right:5px} .lg\:pin-b-5{bottom:5px} .lg\:pin-l-5{left:5px} .lg\:pin-t-6{top:6px} .lg\:pin-r-6{right:6px} .lg\:pin-b-6{bottom:6px} .lg\:pin-l-6{left:6px} .lg\:pin-t-10{top:10px} .lg\:pin-r-10{right:10px} .lg\:pin-b-10{bottom:10px} .lg\:pin-l-10{left:10px} .lg\:pin-t-11{top:11px} .lg\:pin-r-11{right:11px} .lg\:pin-b-11{bottom:11px} .lg\:pin-l-11{left:11px} .lg\:pin-t-12{top:3rem} .lg\:pin-r-12{right:3rem} .lg\:pin-b-12{bottom:3rem} .lg\:pin-l-12{left:3rem} .lg\:pin-t-15{top:15px} .lg\:pin-r-15{right:15px} .lg\:pin-b-15{bottom:15px} .lg\:pin-l-15{left:15px} .lg\:pin-t-16{top:4rem} .lg\:pin-r-16{right:4rem} .lg\:pin-b-16{bottom:4rem} .lg\:pin-l-16{left:4rem} .lg\:pin-t-20{top:20px} .lg\:pin-r-20{right:20px} .lg\:pin-b-20{bottom:20px} .lg\:pin-l-20{left:20px} .lg\:pin-t-25{top:25px} .lg\:pin-r-25{right:25px} .lg\:pin-b-25{bottom:25px} .lg\:pin-l-25{left:25px} .lg\:pin-t-50{top:50px} .lg\:pin-r-50{right:50px} .lg\:pin-b-50{bottom:50px} .lg\:pin-l-50{left:50px} .lg\:pin-t-64{top:64px} .lg\:pin-r-64{right:64px} .lg\:pin-b-64{bottom:64px} .lg\:pin-l-64{left:64px} .lg\:pin-t-75{top:75px} .lg\:pin-r-75{right:75px} .lg\:pin-b-75{bottom:75px} .lg\:pin-l-75{left:75px} .lg\:pin-t-80{top:80px} .lg\:pin-r-80{right:80px} .lg\:pin-b-80{bottom:80px} .lg\:pin-l-80{left:80px} .lg\:pin-t-100{top:100px} .lg\:pin-r-100{right:100px} .lg\:pin-b-100{bottom:100px} .lg\:pin-l-100{left:100px} .lg\:pin-t-150{top:150px} .lg\:pin-r-150{right:150px} .lg\:pin-b-150{bottom:150px} .lg\:pin-l-150{left:150px} .lg\:pin-t-200{top:150px} .lg\:pin-r-200{right:150px} .lg\:pin-b-200{bottom:150px} .lg\:pin-l-200{left:150px} .lg\:pin-t-250{top:250px} .lg\:pin-r-250{right:250px} .lg\:pin-b-250{bottom:250px} .lg\:pin-l-250{left:250px} .lg\:pin-t-300{top:300px} .lg\:pin-r-300{right:300px} .lg\:pin-b-300{bottom:300px} .lg\:pin-l-300{left:300px} .lg\:pin-t-400{top:400px} .lg\:pin-r-400{right:400px} .lg\:pin-b-400{bottom:400px} .lg\:pin-l-400{left:400px} .lg\:pin-t-500{top:500px} .lg\:pin-r-500{right:500px} .lg\:pin-b-500{bottom:500px} .lg\:pin-l-500{left:500px} .lg\:-pin-t-5{top:-5px} .lg\:-pin-r-5{right:-5px} .lg\:-pin-b-5{bottom:-5px} .lg\:-pin-l-5{left:-5px} .lg\:-pin-t-6{top:-6px} .lg\:-pin-r-6{right:-6px} .lg\:-pin-b-6{bottom:-6px} .lg\:-pin-l-6{left:-6px} .lg\:-pin-t-10{top:-10px} .lg\:-pin-r-10{right:-10px} .lg\:-pin-b-10{bottom:-10px} .lg\:-pin-l-10{left:-10px} .lg\:-pin-t-11{top:-11px} .lg\:-pin-r-11{right:-11px} .lg\:-pin-b-11{bottom:-11px} .lg\:-pin-l-11{left:-11px} .lg\:-pin-t-15{top:-15px} .lg\:-pin-r-15{right:-15px} .lg\:-pin-b-15{bottom:-15px} .lg\:-pin-l-15{left:-15px} .lg\:-pin-t-20{top:-20px} .lg\:-pin-r-20{right:-20px} .lg\:-pin-b-20{bottom:-20px} .lg\:-pin-l-20{left:-20px} .lg\:-pin-t-12{top:-3rem} .lg\:-pin-r-12{right:-3rem} .lg\:-pin-b-12{bottom:-3rem} .lg\:-pin-l-12{left:-3rem} .lg\:-pin-t-16{top:-4rem} .lg\:-pin-r-16{right:-4rem} .lg\:-pin-b-16{bottom:-4rem} .lg\:-pin-l-16{left:-4rem} .lg\:-pin-t-25{top:-25px} .lg\:-pin-r-25{right:-25px} .lg\:-pin-b-25{bottom:-25px} .lg\:-pin-l-25{left:-25px} .lg\:-pin-t-50{top:-50px} .lg\:-pin-r-50{right:-50px} .lg\:-pin-b-50{bottom:-50px} .lg\:-pin-l-50{left:-50px} .lg\:-pin-t-75{top:75px} .lg\:-pin-r-75{right:75px} .lg\:-pin-b-75{bottom:75px} .lg\:-pin-l-75{left:75px} .lg\:-pin-t-80{top:-80px} .lg\:-pin-r-80{right:-80px} .lg\:-pin-b-80{bottom:-80px} .lg\:-pin-l-80{left:-80px} .lg\:-pin-t-100{top:-100px} .lg\:-pin-r-100{right:-100px} .lg\:-pin-b-100{bottom:-100px} .lg\:-pin-l-100{left:-100px} .lg\:-pin-t-150{top:-150px} .lg\:-pin-r-150{right:-150px} .lg\:-pin-b-150{bottom:-150px} .lg\:-pin-l-150{left:-150px} .lg\:-pin-t-200{top:-200px} .lg\:-pin-r-200{right:-200px} .lg\:-pin-b-200{bottom:-200px} .lg\:-pin-l-200{left:-200px} .lg\:-pin-t-250{top:-250px} .lg\:-pin-r-250{right:-250px} .lg\:-pin-b-250{bottom:-250px} .lg\:-pin-l-250{left:-250px} .lg\:-pin-t-300{top:-300px} .lg\:-pin-r-300{right:-300px} .lg\:-pin-b-300{bottom:-300px} .lg\:-pin-l-300{left:-300px} .lg\:-pin-t-400{top:-400px} .lg\:-pin-r-400{right:-400px} .lg\:-pin-b-400{bottom:-400px} .lg\:-pin-l-400{left:-400px} .lg\:-pin-t-500{top:-500px} .lg\:-pin-r-500{right:-500px} .lg\:-pin-b-500{bottom:-500px} .lg\:-pin-l-500{left:-500px} .lg\:pin-t-half{top:50%} .lg\:pin-r-half{right:50%} .lg\:pin-b-half{bottom:50%} .lg\:pin-l-half{left:50%} .lg\:-pin-t-half{top:-50%} .lg\:-pin-r-half{right:-50%} .lg\:-pin-b-half{bottom:-50%} .lg\:-pin-l-half{left:-50%} } @media(min-width:1464px){.xl\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .xl\:bg-transparent{background-color:transparent} .xl\:bg-currentColor{background-color:currentColor} .xl\:bg-black{background-color:#000} .xl\:bg-black-10{background-color:rgba(0,0,0,.1)} .xl\:bg-black-20{background-color:rgba(0,0,0,.2)} .xl\:bg-black-30{background-color:rgba(0,0,0,.3)} .xl\:bg-black-40{background-color:rgba(0,0,0,.4)} .xl\:bg-black-50{background-color:rgba(0,0,0,.5)} .xl\:bg-black-60{background-color:rgba(0,0,0,.6)} .xl\:bg-black-70{background-color:rgba(0,0,0,.7)} .xl\:bg-black-80{background-color:rgba(0,0,0,.8)} .xl\:bg-black-90{background-color:rgba(0,0,0,.9)} .xl\:bg-black-1{background-color:#313131} .xl\:bg-white{background-color:#fff} .xl\:bg-blue{background-color:#0072ef} .xl\:bg-dark-blue{background-color:#0064d1} .xl\:bg-darker-blue{background-color:#00588d} .xl\:bg-d-blue{background-color:#0069a8} .xl\:bg-blue-1{background-color:#17214a} .xl\:bg-light-blue{background-color:#f0f7fb} .xl\:bg-red{background-color:#cb001c} .xl\:bg-green{background-color:#33803b} .xl\:bg-green-lighter{background-color:#00800005} .xl\:bg-purple{background-color:#5a80d1} .xl\:bg-orange{background-color:#c45c00} .xl\:bg-sd-red{background-color:#ed1c24} .xl\:bg-grey{background-color:#929a9d} .xl\:bg-grey-light{background-color:#e6e6e6} .xl\:bg-grey-1{background-color:#f2f3f3} .xl\:bg-grey-2{background-color:#7f7f7f} .xl\:bg-grey-3{background-color:#6a6a6a} .xl\:bg-grey-4{background-color:#465052} .xl\:bg-grey-5{background-color:#737779} .xl\:bg-border-gray-light{background-color:#e1e1e1} .xl\:bg-gray{background-color:#929a9d} .xl\:bg-gray-light{background-color:#e1e1e1} .xl\:bg-gray-1{background-color:#f6f6f6} .xl\:bg-gray-2{background-color:#bbb} .xl\:bg-gray-3{background-color:#8a8a8a} .xl\:bg-gray-4{background-color:#6b6b6b} .xl\:bg-light-blue-1{background-color:#21b8de} .xl\:bg-dark-blue-1{background-color:#0277bd} .xl\:bg-dark-orange{background-color:#df8403} .xl\:bg-darker-orange{background-color:#aa5d00} .xl\:bg-g-blue{background-color:#17214a} .xl\:bg-g-blue-1{background-color:#556d88} .xl\:bg-g-blue-2{background-color:#3c4c65} .xl\:bg-g-blue-3{background-color:#222e4d} .xl\:bg-black-orange{background-color:#ff7012} .xl\:bg-light-blue-2{background-color:#f7fafd} .xl\:bg-light-blue-3{background-color:#b4d5f8} .xl\:hover\:bg-transparent:hover{background-color:transparent} .xl\:hover\:bg-currentColor:hover{background-color:currentColor} .xl\:hover\:bg-black:hover{background-color:#000} .xl\:hover\:bg-black-10:hover{background-color:rgba(0,0,0,.1)} .xl\:hover\:bg-black-20:hover{background-color:rgba(0,0,0,.2)} .xl\:hover\:bg-black-30:hover{background-color:rgba(0,0,0,.3)} .xl\:hover\:bg-black-40:hover{background-color:rgba(0,0,0,.4)} .xl\:hover\:bg-black-50:hover{background-color:rgba(0,0,0,.5)} .xl\:hover\:bg-black-60:hover{background-color:rgba(0,0,0,.6)} .xl\:hover\:bg-black-70:hover{background-color:rgba(0,0,0,.7)} .xl\:hover\:bg-black-80:hover{background-color:rgba(0,0,0,.8)} .xl\:hover\:bg-black-90:hover{background-color:rgba(0,0,0,.9)} .xl\:hover\:bg-black-1:hover{background-color:#313131} .xl\:hover\:bg-white:hover{background-color:#fff} .xl\:hover\:bg-blue:hover{background-color:#0072ef} .xl\:hover\:bg-dark-blue:hover{background-color:#0064d1} .xl\:hover\:bg-darker-blue:hover{background-color:#00588d} .xl\:hover\:bg-d-blue:hover{background-color:#0069a8} .xl\:hover\:bg-blue-1:hover{background-color:#17214a} .xl\:hover\:bg-light-blue:hover{background-color:#f0f7fb} .xl\:hover\:bg-red:hover{background-color:#cb001c} .xl\:hover\:bg-green:hover{background-color:#33803b} .xl\:hover\:bg-green-lighter:hover{background-color:#00800005} .xl\:hover\:bg-purple:hover{background-color:#5a80d1} .xl\:hover\:bg-orange:hover{background-color:#c45c00} .xl\:hover\:bg-sd-red:hover{background-color:#ed1c24} .xl\:hover\:bg-grey:hover{background-color:#929a9d} .xl\:hover\:bg-grey-light:hover{background-color:#e6e6e6} .xl\:hover\:bg-grey-1:hover{background-color:#f2f3f3} .xl\:hover\:bg-grey-2:hover{background-color:#7f7f7f} .xl\:hover\:bg-grey-3:hover{background-color:#6a6a6a} .xl\:hover\:bg-grey-4:hover{background-color:#465052} .xl\:hover\:bg-grey-5:hover{background-color:#737779} .xl\:hover\:bg-border-gray-light:hover{background-color:#e1e1e1} .xl\:hover\:bg-gray:hover{background-color:#929a9d} .xl\:hover\:bg-gray-light:hover{background-color:#e1e1e1} .xl\:hover\:bg-gray-1:hover{background-color:#f6f6f6} .xl\:hover\:bg-gray-2:hover{background-color:#bbb} .xl\:hover\:bg-gray-3:hover{background-color:#8a8a8a} .xl\:hover\:bg-gray-4:hover{background-color:#6b6b6b} .xl\:hover\:bg-light-blue-1:hover{background-color:#21b8de} .xl\:hover\:bg-dark-blue-1:hover{background-color:#0277bd} .xl\:hover\:bg-dark-orange:hover{background-color:#df8403} .xl\:hover\:bg-darker-orange:hover{background-color:#aa5d00} .xl\:hover\:bg-g-blue:hover{background-color:#17214a} .xl\:hover\:bg-g-blue-1:hover{background-color:#556d88} .xl\:hover\:bg-g-blue-2:hover{background-color:#3c4c65} .xl\:hover\:bg-g-blue-3:hover{background-color:#222e4d} .xl\:hover\:bg-black-orange:hover{background-color:#ff7012} .xl\:hover\:bg-light-blue-2:hover{background-color:#f7fafd} .xl\:hover\:bg-light-blue-3:hover{background-color:#b4d5f8} .xl\:bg-bottom{background-position:bottom} .xl\:bg-center{background-position:center} .xl\:bg-left{background-position:left} .xl\:bg-left-bottom{background-position:left bottom} .xl\:bg-left-top{background-position:left top} .xl\:bg-right{background-position:right} .xl\:bg-right-bottom{background-position:right bottom} .xl\:bg-right-top{background-position:right top} .xl\:bg-top{background-position:top} .xl\:rounded-none{border-radius:0} .xl\:rounded-sm{border-radius:.125rem} .xl\:rounded{border-radius:.25rem} .xl\:rounded-lg{border-radius:.5rem} .xl\:rounded-full{border-radius:9999px} .xl\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0} .xl\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0} .xl\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0} .xl\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0} .xl\:rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem} .xl\:rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem} .xl\:rounded-b-sm{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem} .xl\:rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem} .xl\:rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .xl\:rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .xl\:rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .xl\:rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .xl\:rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .xl\:rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem} .xl\:rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem} .xl\:rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem} .xl\:rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px} .xl\:rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px} .xl\:rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px} .xl\:rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px} .xl\:rounded-tl-none{border-top-left-radius:0} .xl\:rounded-tr-none{border-top-right-radius:0} .xl\:rounded-br-none{border-bottom-right-radius:0} .xl\:rounded-bl-none{border-bottom-left-radius:0} .xl\:rounded-tl-sm{border-top-left-radius:.125rem} .xl\:rounded-tr-sm{border-top-right-radius:.125rem} .xl\:rounded-br-sm{border-bottom-right-radius:.125rem} .xl\:rounded-bl-sm{border-bottom-left-radius:.125rem} .xl\:rounded-tl{border-top-left-radius:.25rem} .xl\:rounded-tr{border-top-right-radius:.25rem} .xl\:rounded-br{border-bottom-right-radius:.25rem} .xl\:rounded-bl{border-bottom-left-radius:.25rem} .xl\:rounded-tl-lg{border-top-left-radius:.5rem} .xl\:rounded-tr-lg{border-top-right-radius:.5rem} .xl\:rounded-br-lg{border-bottom-right-radius:.5rem} .xl\:rounded-bl-lg{border-bottom-left-radius:.5rem} .xl\:rounded-tl-full{border-top-left-radius:9999px} .xl\:rounded-tr-full{border-top-right-radius:9999px} .xl\:rounded-br-full{border-bottom-right-radius:9999px} .xl\:rounded-bl-full{border-bottom-left-radius:9999px} .xl\:border-solid{border-style:solid} .xl\:border-dashed{border-style:dashed} .xl\:border-dotted{border-style:dotted} .xl\:border-none{border-style:none} .xl\:border-0{border-width:0} .xl\:border-2{border-width:2px} .xl\:border-3{border-width:3px} .xl\:border-4{border-width:4px} .xl\:border-5{border-width:5px} .xl\:border-6{border-width:6px} .xl\:border-7{border-width:7px} .xl\:border-8{border-width:8px} .xl\:border-9{border-width:9px} .xl\:border-10{border-width:10px} .xl\:border{border-width:1px} .xl\:border-t-0{border-top-width:0} .xl\:border-r-0{border-right-width:0} .xl\:border-b-0{border-bottom-width:0} .xl\:border-l-0{border-left-width:0} .xl\:border-t-2{border-top-width:2px} .xl\:border-r-2{border-right-width:2px} .xl\:border-b-2{border-bottom-width:2px} .xl\:border-l-2{border-left-width:2px} .xl\:border-t-3{border-top-width:3px} .xl\:border-r-3{border-right-width:3px} .xl\:border-b-3{border-bottom-width:3px} .xl\:border-l-3{border-left-width:3px} .xl\:border-t-4{border-top-width:4px} .xl\:border-r-4{border-right-width:4px} .xl\:border-b-4{border-bottom-width:4px} .xl\:border-l-4{border-left-width:4px} .xl\:border-t-5{border-top-width:5px} .xl\:border-r-5{border-right-width:5px} .xl\:border-b-5{border-bottom-width:5px} .xl\:border-l-5{border-left-width:5px} .xl\:border-t-6{border-top-width:6px} .xl\:border-r-6{border-right-width:6px} .xl\:border-b-6{border-bottom-width:6px} .xl\:border-l-6{border-left-width:6px} .xl\:border-t-7{border-top-width:7px} .xl\:border-r-7{border-right-width:7px} .xl\:border-b-7{border-bottom-width:7px} .xl\:border-l-7{border-left-width:7px} .xl\:border-t-8{border-top-width:8px} .xl\:border-r-8{border-right-width:8px} .xl\:border-b-8{border-bottom-width:8px} .xl\:border-l-8{border-left-width:8px} .xl\:border-t-9{border-top-width:9px} .xl\:border-r-9{border-right-width:9px} .xl\:border-b-9{border-bottom-width:9px} .xl\:border-l-9{border-left-width:9px} .xl\:border-t-10{border-top-width:10px} .xl\:border-r-10{border-right-width:10px} .xl\:border-b-10{border-bottom-width:10px} .xl\:border-l-10{border-left-width:10px} .xl\:border-t{border-top-width:1px} .xl\:border-r{border-right-width:1px} .xl\:border-b{border-bottom-width:1px} .xl\:border-l{border-left-width:1px} .xl\:block{display:block} .xl\:inline-block{display:inline-block} .xl\:inline{display:inline} .xl\:table{display:table} .xl\:table-row{display:table-row} .xl\:table-cell{display:table-cell} .xl\:hidden{display:none} .xl\:flex{display:flex} .xl\:inline-flex{display:inline-flex} .xl\:flex-row{flex-direction:row} .xl\:flex-row-reverse{flex-direction:row-reverse} .xl\:flex-col{flex-direction:column} .xl\:flex-col-reverse{flex-direction:column-reverse} .xl\:flex-wrap{flex-wrap:wrap} .xl\:flex-wrap-reverse{flex-wrap:wrap-reverse} .xl\:flex-no-wrap{flex-wrap:nowrap} .xl\:items-start{align-items:flex-start} .xl\:items-end{align-items:flex-end} .xl\:items-center{align-items:center} .xl\:items-baseline{align-items:baseline} .xl\:items-stretch{align-items:stretch} .xl\:self-auto{align-self:auto} .xl\:self-start{align-self:flex-start} .xl\:self-end{align-self:flex-end} .xl\:self-center{align-self:center} .xl\:self-stretch{align-self:stretch} .xl\:justify-start{justify-content:flex-start} .xl\:justify-end{justify-content:flex-end} .xl\:justify-center{justify-content:center} .xl\:justify-between{justify-content:space-between} .xl\:justify-around{justify-content:space-around} .xl\:content-center{align-content:center} .xl\:content-start{align-content:flex-start} .xl\:content-end{align-content:flex-end} .xl\:content-between{align-content:space-between} .xl\:content-around{align-content:space-around} .xl\:flex-1{flex:1} .xl\:flex-auto{flex:auto} .xl\:flex-initial{flex:initial} .xl\:flex-none{flex:none} .xl\:flex-grow{flex-grow:1} .xl\:flex-shrink{flex-shrink:1} .xl\:flex-no-grow{flex-grow:0} .xl\:flex-no-shrink{flex-shrink:0} .xl\:float-right{float:right} .xl\:float-left{float:left} .xl\:float-none{float:none} .xl\:clearfix:after{content:"";display:table;clear:both} .xl\:font-light{font-weight:300} .xl\:font-normal{font-weight:400} .xl\:font-medium{font-weight:500} .xl\:font-semibold{font-weight:600} .xl\:font-bold{font-weight:700} .xl\:hover\:font-light:hover{font-weight:300} .xl\:hover\:font-normal:hover{font-weight:400} .xl\:hover\:font-medium:hover{font-weight:500} .xl\:hover\:font-semibold:hover{font-weight:600} .xl\:hover\:font-bold:hover{font-weight:700} .xl\:h-0{height:0} .xl\:h-1{height:.25rem} .xl\:h-2{height:.5rem} .xl\:h-3{height:.75rem} .xl\:h-4{height:1rem} .xl\:h-5{height:1.25rem} .xl\:h-6{height:1.5rem} .xl\:h-7{height:1.75rem} .xl\:h-8{height:2rem} .xl\:h-9{height:2.25rem} .xl\:h-10{height:2.5rem} .xl\:h-12{height:3rem} .xl\:h-14{height:3.5rem} .xl\:h-16{height:4rem} .xl\:h-18{height:4.5rem} .xl\:h-24{height:6rem} .xl\:h-32{height:8rem} .xl\:h-48{height:12rem} .xl\:h-64{height:16rem} .xl\:h-auto{height:auto} .xl\:h-px{height:1px} .xl\:h-2px{height:2px} .xl\:h-42px{height:2.625rem} .xl\:h-50px{height:50px} .xl\:h-100px{height:100px} .xl\:h-125px{height:125px} .xl\:h-150px{height:150px} .xl\:h-175px{height:175px} .xl\:h-200px{height:200px} .xl\:h-225px{height:225px} .xl\:h-250px{height:250px} .xl\:h-275px{height:275px} .xl\:h-300px{height:300px} .xl\:h-325px{height:325px} .xl\:h-350px{height:350px} .xl\:h-375px{height:375px} .xl\:h-400px{height:400px} .xl\:h-500px{height:500px} .xl\:h-576px{height:576px} .xl\:h-600px{height:600px} .xl\:h-half{height:50%} .xl\:h-full{height:100%} .xl\:m-0{margin:0} .xl\:m-1{margin:.25rem} .xl\:m-2{margin:.5rem} .xl\:m-3{margin:.75rem} .xl\:m-4{margin:1rem} .xl\:m-5{margin:1.25rem} .xl\:m-6{margin:1.5rem} .xl\:m-7{margin:1.75rem} .xl\:m-8{margin:2rem} .xl\:m-9{margin:2.25rem} .xl\:m-10{margin:2.5rem} .xl\:m-12{margin:3rem} .xl\:m-16{margin:4rem} .xl\:m-20{margin:5rem} .xl\:m-24{margin:6rem} .xl\:m-28{margin:7rem} .xl\:m-auto{margin:auto} .xl\:m-px{margin:1px} .xl\:my-0{margin-top:0;margin-bottom:0} .xl\:mx-0{margin-left:0;margin-right:0} .xl\:my-1{margin-top:.25rem;margin-bottom:.25rem} .xl\:mx-1{margin-left:.25rem;margin-right:.25rem} .xl\:my-2{margin-top:.5rem;margin-bottom:.5rem} .xl\:mx-2{margin-left:.5rem;margin-right:.5rem} .xl\:my-3{margin-top:.75rem;margin-bottom:.75rem} .xl\:mx-3{margin-left:.75rem;margin-right:.75rem} .xl\:my-4{margin-top:1rem;margin-bottom:1rem} .xl\:mx-4{margin-left:1rem;margin-right:1rem} .xl\:my-5{margin-top:1.25rem;margin-bottom:1.25rem} .xl\:mx-5{margin-left:1.25rem;margin-right:1.25rem} .xl\:my-6{margin-top:1.5rem;margin-bottom:1.5rem} .xl\:mx-6{margin-left:1.5rem;margin-right:1.5rem} .xl\:my-7{margin-top:1.75rem;margin-bottom:1.75rem} .xl\:mx-7{margin-left:1.75rem;margin-right:1.75rem} .xl\:my-8{margin-top:2rem;margin-bottom:2rem} .xl\:mx-8{margin-left:2rem;margin-right:2rem} .xl\:my-9{margin-top:2.25rem;margin-bottom:2.25rem} .xl\:mx-9{margin-left:2.25rem;margin-right:2.25rem} .xl\:my-10{margin-top:2.5rem;margin-bottom:2.5rem} .xl\:mx-10{margin-left:2.5rem;margin-right:2.5rem} .xl\:my-12{margin-top:3rem;margin-bottom:3rem} .xl\:mx-12{margin-left:3rem;margin-right:3rem} .xl\:my-16{margin-top:4rem;margin-bottom:4rem} .xl\:mx-16{margin-left:4rem;margin-right:4rem} .xl\:my-20{margin-top:5rem;margin-bottom:5rem} .xl\:mx-20{margin-left:5rem;margin-right:5rem} .xl\:my-24{margin-top:6rem;margin-bottom:6rem} .xl\:mx-24{margin-left:6rem;margin-right:6rem} .xl\:my-28{margin-top:7rem;margin-bottom:7rem} .xl\:mx-28{margin-left:7rem;margin-right:7rem} .xl\:my-auto{margin-top:auto;margin-bottom:auto} .xl\:mx-auto{margin-left:auto;margin-right:auto} .xl\:my-px{margin-top:1px;margin-bottom:1px} .xl\:mx-px{margin-left:1px;margin-right:1px} .xl\:mt-0{margin-top:0} .xl\:mr-0{margin-right:0} .xl\:mb-0{margin-bottom:0} .xl\:ml-0{margin-left:0} .xl\:mt-1{margin-top:.25rem} .xl\:mr-1{margin-right:.25rem} .xl\:mb-1{margin-bottom:.25rem} .xl\:ml-1{margin-left:.25rem} .xl\:mt-2{margin-top:.5rem} .xl\:mr-2{margin-right:.5rem} .xl\:mb-2{margin-bottom:.5rem} .xl\:ml-2{margin-left:.5rem} .xl\:mt-3{margin-top:.75rem} .xl\:mr-3{margin-right:.75rem} .xl\:mb-3{margin-bottom:.75rem} .xl\:ml-3{margin-left:.75rem} .xl\:mt-4{margin-top:1rem} .xl\:mr-4{margin-right:1rem} .xl\:mb-4{margin-bottom:1rem} .xl\:ml-4{margin-left:1rem} .xl\:mt-5{margin-top:1.25rem} .xl\:mr-5{margin-right:1.25rem} .xl\:mb-5{margin-bottom:1.25rem} .xl\:ml-5{margin-left:1.25rem} .xl\:mt-6{margin-top:1.5rem} .xl\:mr-6{margin-right:1.5rem} .xl\:mb-6{margin-bottom:1.5rem} .xl\:ml-6{margin-left:1.5rem} .xl\:mt-7{margin-top:1.75rem} .xl\:mr-7{margin-right:1.75rem} .xl\:mb-7{margin-bottom:1.75rem} .xl\:ml-7{margin-left:1.75rem} .xl\:mt-8{margin-top:2rem} .xl\:mr-8{margin-right:2rem} .xl\:mb-8{margin-bottom:2rem} .xl\:ml-8{margin-left:2rem} .xl\:mt-9{margin-top:2.25rem} .xl\:mr-9{margin-right:2.25rem} .xl\:mb-9{margin-bottom:2.25rem} .xl\:ml-9{margin-left:2.25rem} .xl\:mt-10{margin-top:2.5rem} .xl\:mr-10{margin-right:2.5rem} .xl\:mb-10{margin-bottom:2.5rem} .xl\:ml-10{margin-left:2.5rem} .xl\:mt-12{margin-top:3rem} .xl\:mr-12{margin-right:3rem} .xl\:mb-12{margin-bottom:3rem} .xl\:ml-12{margin-left:3rem} .xl\:mt-16{margin-top:4rem} .xl\:mr-16{margin-right:4rem} .xl\:mb-16{margin-bottom:4rem} .xl\:ml-16{margin-left:4rem} .xl\:mt-20{margin-top:5rem} .xl\:mr-20{margin-right:5rem} .xl\:mb-20{margin-bottom:5rem} .xl\:ml-20{margin-left:5rem} .xl\:mt-24{margin-top:6rem} .xl\:mr-24{margin-right:6rem} .xl\:mb-24{margin-bottom:6rem} .xl\:ml-24{margin-left:6rem} .xl\:mt-28{margin-top:7rem} .xl\:mr-28{margin-right:7rem} .xl\:mb-28{margin-bottom:7rem} .xl\:ml-28{margin-left:7rem} .xl\:mt-auto{margin-top:auto} .xl\:mr-auto{margin-right:auto} .xl\:mb-auto{margin-bottom:auto} .xl\:ml-auto{margin-left:auto} .xl\:mt-px{margin-top:1px} .xl\:mr-px{margin-right:1px} .xl\:mb-px{margin-bottom:1px} .xl\:ml-px{margin-left:1px} .xl\:max-h-0{max-height:0} .xl\:max-h-1{max-height:.25rem} .xl\:max-h-2{max-height:.5rem} .xl\:max-h-3{max-height:.75rem} .xl\:max-h-4{max-height:1rem} .xl\:max-h-5{max-height:1.25rem} .xl\:max-h-6{max-height:1.5rem} .xl\:max-h-7{max-height:1.75rem} .xl\:max-h-8{max-height:2rem} .xl\:max-h-9{max-height:2.25rem} .xl\:max-h-10{max-height:2.5rem} .xl\:max-h-12{max-height:3rem} .xl\:max-h-14{max-height:3.5rem} .xl\:max-h-16{max-height:4rem} .xl\:max-h-600{max-height:600px} .xl\:max-h-700{max-height:700px} .xl\:max-h-unset{max-height:unset} .xl\:max-h-none{max-height:none} .xl\:max-h-px{max-height:1px} .xl\:max-h-2px{max-height:2px} .xl\:max-h-100px{max-height:100px} .xl\:max-h-125px{max-height:125px} .xl\:max-h-150px{max-height:150px} .xl\:max-h-175px{max-height:175px} .xl\:max-h-200px{max-height:200px} .xl\:max-h-225px{max-height:225px} .xl\:max-h-250px{max-height:250px} .xl\:max-h-275px{max-height:275px} .xl\:max-h-300px{max-height:300px} .xl\:max-h-325px{max-height:325px} .xl\:max-h-350px{max-height:350px} .xl\:max-h-375px{max-height:375px} .xl\:max-h-400px{max-height:400px} .xl\:max-h-450px{max-height:450px} .xl\:max-h-475px{max-height:475px} .xl\:max-h-500px{max-height:500px} .xl\:max-h-768px{max-height:768px} .xl\:max-h-800px{max-height:800px} .xl\:max-h-900px{max-height:900px} .xl\:max-h-half{max-height:50%} .xl\:max-h-full{max-height:100%} .xl\:max-w-0{max-width:0} .xl\:max-w-1{max-width:.25rem} .xl\:max-w-2{max-width:.5rem} .xl\:max-w-3{max-width:.75rem} .xl\:max-w-4{max-width:1rem} .xl\:max-w-5{max-width:1.25rem} .xl\:max-w-6{max-width:1.5rem} .xl\:max-w-7{max-width:1.75rem} .xl\:max-w-8{max-width:2rem} .xl\:max-w-9{max-width:2.25rem} .xl\:max-w-10{max-width:2.5rem} .xl\:max-w-12{max-width:3rem} .xl\:max-w-14{max-width:3.5rem} .xl\:max-w-16{max-width:4rem} .xl\:max-w-600{max-width:600px} .xl\:max-w-700{max-width:700px} .xl\:max-w-none{max-width:none} .xl\:max-w-px{max-width:1px} .xl\:max-w-2px{max-width:2px} .xl\:max-w-100px{max-width:100px} .xl\:max-w-125px{max-width:125px} .xl\:max-w-150px{max-width:150px} .xl\:max-w-175px{max-width:175px} .xl\:max-w-200px{max-width:200px} .xl\:max-w-225px{max-width:225px} .xl\:max-w-250px{max-width:250px} .xl\:max-w-275px{max-width:275px} .xl\:max-w-300px{max-width:300px} .xl\:max-w-325px{max-width:325px} .xl\:max-w-350px{max-width:350px} .xl\:max-w-375px{max-width:375px} .xl\:max-w-400px{max-width:400px} .xl\:max-w-450px{max-width:450px} .xl\:max-w-475px{max-width:475px} .xl\:max-w-500px{max-width:500px} .xl\:max-w-768px{max-width:768px} .xl\:max-w-800px{max-width:800px} .xl\:max-w-900px{max-width:900px} .xl\:max-w-992px{max-width:992px} .xl\:max-w-1000px{max-width:1000px} .xl\:max-w-1140px{max-width:1140px} .xl\:max-w-1200px{max-width:1200px} .xl\:max-w-half{max-width:50%} .xl\:max-w-full{max-width:100%} .xl\:min-h-0{min-height:0} .xl\:min-h-1{min-height:.25rem} .xl\:min-h-2{min-height:.5rem} .xl\:min-h-3{min-height:.75rem} .xl\:min-h-4{min-height:1rem} .xl\:min-h-5{min-height:1.25rem} .xl\:min-h-6{min-height:1.5rem} .xl\:min-h-7{min-height:1.75rem} .xl\:min-h-8{min-height:2rem} .xl\:min-h-9{min-height:2.25rem} .xl\:min-h-10{min-height:2.5rem} .xl\:min-h-12{min-height:3rem} .xl\:min-h-14{min-height:3.5rem} .xl\:min-h-16{min-height:4rem} .xl\:min-h-600{min-height:600px} .xl\:min-h-700{min-height:700px} .xl\:min-h-px{min-height:1px} .xl\:min-h-2px{min-height:2px} .xl\:min-h-100px{min-height:100px} .xl\:min-h-125px{min-height:125px} .xl\:min-h-150px{min-height:150px} .xl\:min-h-175px{min-height:175px} .xl\:min-h-200px{min-height:200px} .xl\:min-h-225px{min-height:225px} .xl\:min-h-250px{min-height:250px} .xl\:min-h-275px{min-height:275px} .xl\:min-h-300px{min-height:300px} .xl\:min-h-325px{min-height:325px} .xl\:min-h-350px{min-height:350px} .xl\:min-h-375px{min-height:375px} .xl\:min-h-400px{min-height:400px} .xl\:min-h-450px{min-height:450px} .xl\:min-h-475px{min-height:475px} .xl\:min-h-500px{min-height:500px} .xl\:min-h-768px{min-height:768px} .xl\:min-h-half{min-height:50%} .xl\:min-h-full{min-height:100%} .xl\:min-w-0{min-width:0} .xl\:min-w-1{min-width:.25rem} .xl\:min-w-2{min-width:.5rem} .xl\:min-w-3{min-width:.75rem} .xl\:min-w-4{min-width:1rem} .xl\:min-w-5{min-width:1.25rem} .xl\:min-w-6{min-width:1.5rem} .xl\:min-w-7{min-width:1.75rem} .xl\:min-w-8{min-width:2rem} .xl\:min-w-9{min-width:2.25rem} .xl\:min-w-10{min-width:2.5rem} .xl\:min-w-12{min-width:3rem} .xl\:min-w-16{min-width:4rem} .xl\:min-w-auto{min-width:auto} .xl\:min-w-px{min-width:1px} .xl\:min-w-2px{min-width:2px} .xl\:min-w-100px{min-width:100px} .xl\:min-w-125px{min-width:125px} .xl\:min-w-150px{min-width:150px} .xl\:min-w-175px{min-width:175px} .xl\:min-w-200px{min-width:200px} .xl\:min-w-225px{min-width:225px} .xl\:min-w-250px{min-width:250px} .xl\:min-w-275px{min-width:275px} .xl\:min-w-300px{min-width:300px} .xl\:min-w-325px{min-width:325px} .xl\:min-w-350px{min-width:350px} .xl\:min-w-375px{min-width:375px} .xl\:min-w-400px{min-width:400px} .xl\:min-w-450px{min-width:450px} .xl\:min-w-475px{min-width:475px} .xl\:min-w-500px{min-width:500px} .xl\:min-w-576px{min-width:576px} .xl\:min-w-600px{min-width:600px} .xl\:-m-0{margin:0} .xl\:-m-1{margin:-0.25rem} .xl\:-m-2{margin:-0.5rem} .xl\:-m-3{margin:-0.75rem} .xl\:-m-4{margin:-1rem} .xl\:-m-5{margin:-1.25rem} .xl\:-m-6{margin:-1.5rem} .xl\:-m-7{margin:-1.75rem} .xl\:-m-8{margin:-2rem} .xl\:-m-9{margin:-2.25rem} .xl\:-m-10{margin:-2.5rem} .xl\:-m-12{margin:-3rem} .xl\:-m-16{margin:-4rem} .xl\:-m-20{margin:-5rem} .xl\:-m-auto{margin:-auto} .xl\:-m-px{margin:-1px} .xl\:-my-0{margin-top:0;margin-bottom:0} .xl\:-mx-0{margin-left:0;margin-right:0} .xl\:-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem} .xl\:-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .xl\:-my-2{margin-top:-0.5rem;margin-bottom:-0.5rem} .xl\:-mx-2{margin-left:-0.5rem;margin-right:-0.5rem} .xl\:-my-3{margin-top:-0.75rem;margin-bottom:-0.75rem} .xl\:-mx-3{margin-left:-0.75rem;margin-right:-0.75rem} .xl\:-my-4{margin-top:-1rem;margin-bottom:-1rem} .xl\:-mx-4{margin-left:-1rem;margin-right:-1rem} .xl\:-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem} .xl\:-mx-5{margin-left:-1.25rem;margin-right:-1.25rem} .xl\:-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem} .xl\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem} .xl\:-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem} .xl\:-mx-7{margin-left:-1.75rem;margin-right:-1.75rem} .xl\:-my-8{margin-top:-2rem;margin-bottom:-2rem} .xl\:-mx-8{margin-left:-2rem;margin-right:-2rem} .xl\:-my-9{margin-top:-2.25rem;margin-bottom:-2.25rem} .xl\:-mx-9{margin-left:-2.25rem;margin-right:-2.25rem} .xl\:-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem} .xl\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem} .xl\:-my-12{margin-top:-3rem;margin-bottom:-3rem} .xl\:-mx-12{margin-left:-3rem;margin-right:-3rem} .xl\:-my-16{margin-top:-4rem;margin-bottom:-4rem} .xl\:-mx-16{margin-left:-4rem;margin-right:-4rem} .xl\:-my-20{margin-top:-5rem;margin-bottom:-5rem} .xl\:-mx-20{margin-left:-5rem;margin-right:-5rem} .xl\:-my-auto{margin-top:-auto;margin-bottom:-auto} .xl\:-mx-auto{margin-left:-auto;margin-right:-auto} .xl\:-my-px{margin-top:-1px;margin-bottom:-1px} .xl\:-mx-px{margin-left:-1px;margin-right:-1px} .xl\:-mt-0{margin-top:0} .xl\:-mr-0{margin-right:0} .xl\:-mb-0{margin-bottom:0} .xl\:-ml-0{margin-left:0} .xl\:-mt-1{margin-top:-0.25rem} .xl\:-mr-1{margin-right:-0.25rem} .xl\:-mb-1{margin-bottom:-0.25rem} .xl\:-ml-1{margin-left:-0.25rem} .xl\:-mt-2{margin-top:-0.5rem} .xl\:-mr-2{margin-right:-0.5rem} .xl\:-mb-2{margin-bottom:-0.5rem} .xl\:-ml-2{margin-left:-0.5rem} .xl\:-mt-3{margin-top:-0.75rem} .xl\:-mr-3{margin-right:-0.75rem} .xl\:-mb-3{margin-bottom:-0.75rem} .xl\:-ml-3{margin-left:-0.75rem} .xl\:-mt-4{margin-top:-1rem} .xl\:-mr-4{margin-right:-1rem} .xl\:-mb-4{margin-bottom:-1rem} .xl\:-ml-4{margin-left:-1rem} .xl\:-mt-5{margin-top:-1.25rem} .xl\:-mr-5{margin-right:-1.25rem} .xl\:-mb-5{margin-bottom:-1.25rem} .xl\:-ml-5{margin-left:-1.25rem} .xl\:-mt-6{margin-top:-1.5rem} .xl\:-mr-6{margin-right:-1.5rem} .xl\:-mb-6{margin-bottom:-1.5rem} .xl\:-ml-6{margin-left:-1.5rem} .xl\:-mt-7{margin-top:-1.75rem} .xl\:-mr-7{margin-right:-1.75rem} .xl\:-mb-7{margin-bottom:-1.75rem} .xl\:-ml-7{margin-left:-1.75rem} .xl\:-mt-8{margin-top:-2rem} .xl\:-mr-8{margin-right:-2rem} .xl\:-mb-8{margin-bottom:-2rem} .xl\:-ml-8{margin-left:-2rem} .xl\:-mt-9{margin-top:-2.25rem} .xl\:-mr-9{margin-right:-2.25rem} .xl\:-mb-9{margin-bottom:-2.25rem} .xl\:-ml-9{margin-left:-2.25rem} .xl\:-mt-10{margin-top:-2.5rem} .xl\:-mr-10{margin-right:-2.5rem} .xl\:-mb-10{margin-bottom:-2.5rem} .xl\:-ml-10{margin-left:-2.5rem} .xl\:-mt-12{margin-top:-3rem} .xl\:-mr-12{margin-right:-3rem} .xl\:-mb-12{margin-bottom:-3rem} .xl\:-ml-12{margin-left:-3rem} .xl\:-mt-16{margin-top:-4rem} .xl\:-mr-16{margin-right:-4rem} .xl\:-mb-16{margin-bottom:-4rem} .xl\:-ml-16{margin-left:-4rem} .xl\:-mt-20{margin-top:-5rem} .xl\:-mr-20{margin-right:-5rem} .xl\:-mb-20{margin-bottom:-5rem} .xl\:-ml-20{margin-left:-5rem} .xl\:-mt-auto{margin-top:-auto} .xl\:-mr-auto{margin-right:-auto} .xl\:-mb-auto{margin-bottom:-auto} .xl\:-ml-auto{margin-left:-auto} .xl\:-mt-px{margin-top:-1px} .xl\:-mr-px{margin-right:-1px} .xl\:-mb-px{margin-bottom:-1px} .xl\:-ml-px{margin-left:-1px} .xl\:p-0{padding:0} .xl\:p-1{padding:.25rem} .xl\:p-2{padding:.5rem} .xl\:p-3{padding:.75rem} .xl\:p-4{padding:1rem} .xl\:p-5{padding:1.25rem} .xl\:p-6{padding:1.5rem} .xl\:p-7{padding:1.75rem} .xl\:p-8{padding:2rem} .xl\:p-9{padding:2.25rem} .xl\:p-10{padding:2.5rem} .xl\:p-12{padding:3rem} .xl\:p-16{padding:4rem} .xl\:p-20{padding:5rem} .xl\:p-24{padding:6rem} .xl\:p-28{padding:7rem} .xl\:p-32{padding:8rem} .xl\:p-px{padding:1px} .xl\:p-10\%{padding:10%} .xl\:p-20\%{padding:20%} .xl\:p-30\%{padding:30%} .xl\:p-40\%{padding:40%} .xl\:p-50\%{padding:50%} .xl\:p-60\%{padding:60%} .xl\:p-70\%{padding:70%} .xl\:p-80\%{padding:80%} .xl\:p-90\%{padding:90%} .xl\:py-0{padding-top:0;padding-bottom:0} .xl\:px-0{padding-left:0;padding-right:0} .xl\:py-1{padding-top:.25rem;padding-bottom:.25rem} .xl\:px-1{padding-left:.25rem;padding-right:.25rem} .xl\:py-2{padding-top:.5rem;padding-bottom:.5rem} .xl\:px-2{padding-left:.5rem;padding-right:.5rem} .xl\:py-3{padding-top:.75rem;padding-bottom:.75rem} .xl\:px-3{padding-left:.75rem;padding-right:.75rem} .xl\:py-4{padding-top:1rem;padding-bottom:1rem} .xl\:px-4{padding-left:1rem;padding-right:1rem} .xl\:py-5{padding-top:1.25rem;padding-bottom:1.25rem} .xl\:px-5{padding-left:1.25rem;padding-right:1.25rem} .xl\:py-6{padding-top:1.5rem;padding-bottom:1.5rem} .xl\:px-6{padding-left:1.5rem;padding-right:1.5rem} .xl\:py-7{padding-top:1.75rem;padding-bottom:1.75rem} .xl\:px-7{padding-left:1.75rem;padding-right:1.75rem} .xl\:py-8{padding-top:2rem;padding-bottom:2rem} .xl\:px-8{padding-left:2rem;padding-right:2rem} .xl\:py-9{padding-top:2.25rem;padding-bottom:2.25rem} .xl\:px-9{padding-left:2.25rem;padding-right:2.25rem} .xl\:py-10{padding-top:2.5rem;padding-bottom:2.5rem} .xl\:px-10{padding-left:2.5rem;padding-right:2.5rem} .xl\:py-12{padding-top:3rem;padding-bottom:3rem} .xl\:px-12{padding-left:3rem;padding-right:3rem} .xl\:py-16{padding-top:4rem;padding-bottom:4rem} .xl\:px-16{padding-left:4rem;padding-right:4rem} .xl\:py-20{padding-top:5rem;padding-bottom:5rem} .xl\:px-20{padding-left:5rem;padding-right:5rem} .xl\:py-24{padding-top:6rem;padding-bottom:6rem} .xl\:px-24{padding-left:6rem;padding-right:6rem} .xl\:py-28{padding-top:7rem;padding-bottom:7rem} .xl\:px-28{padding-left:7rem;padding-right:7rem} .xl\:py-32{padding-top:8rem;padding-bottom:8rem} .xl\:px-32{padding-left:8rem;padding-right:8rem} .xl\:py-px{padding-top:1px;padding-bottom:1px} .xl\:px-px{padding-left:1px;padding-right:1px} .xl\:py-10\%{padding-top:10%;padding-bottom:10%} .xl\:px-10\%{padding-left:10%;padding-right:10%} .xl\:py-20\%{padding-top:20%;padding-bottom:20%} .xl\:px-20\%{padding-left:20%;padding-right:20%} .xl\:py-30\%{padding-top:30%;padding-bottom:30%} .xl\:px-30\%{padding-left:30%;padding-right:30%} .xl\:py-40\%{padding-top:40%;padding-bottom:40%} .xl\:px-40\%{padding-left:40%;padding-right:40%} .xl\:py-50\%{padding-top:50%;padding-bottom:50%} .xl\:px-50\%{padding-left:50%;padding-right:50%} .xl\:py-60\%{padding-top:60%;padding-bottom:60%} .xl\:px-60\%{padding-left:60%;padding-right:60%} .xl\:py-70\%{padding-top:70%;padding-bottom:70%} .xl\:px-70\%{padding-left:70%;padding-right:70%} .xl\:py-80\%{padding-top:80%;padding-bottom:80%} .xl\:px-80\%{padding-left:80%;padding-right:80%} .xl\:py-90\%{padding-top:90%;padding-bottom:90%} .xl\:px-90\%{padding-left:90%;padding-right:90%} .xl\:pt-0{padding-top:0} .xl\:pr-0{padding-right:0} .xl\:pb-0{padding-bottom:0} .xl\:pl-0{padding-left:0} .xl\:pt-1{padding-top:.25rem} .xl\:pr-1{padding-right:.25rem} .xl\:pb-1{padding-bottom:.25rem} .xl\:pl-1{padding-left:.25rem} .xl\:pt-2{padding-top:.5rem} .xl\:pr-2{padding-right:.5rem} .xl\:pb-2{padding-bottom:.5rem} .xl\:pl-2{padding-left:.5rem} .xl\:pt-3{padding-top:.75rem} .xl\:pr-3{padding-right:.75rem} .xl\:pb-3{padding-bottom:.75rem} .xl\:pl-3{padding-left:.75rem} .xl\:pt-4{padding-top:1rem} .xl\:pr-4{padding-right:1rem} .xl\:pb-4{padding-bottom:1rem} .xl\:pl-4{padding-left:1rem} .xl\:pt-5{padding-top:1.25rem} .xl\:pr-5{padding-right:1.25rem} .xl\:pb-5{padding-bottom:1.25rem} .xl\:pl-5{padding-left:1.25rem} .xl\:pt-6{padding-top:1.5rem} .xl\:pr-6{padding-right:1.5rem} .xl\:pb-6{padding-bottom:1.5rem} .xl\:pl-6{padding-left:1.5rem} .xl\:pt-7{padding-top:1.75rem} .xl\:pr-7{padding-right:1.75rem} .xl\:pb-7{padding-bottom:1.75rem} .xl\:pl-7{padding-left:1.75rem} .xl\:pt-8{padding-top:2rem} .xl\:pr-8{padding-right:2rem} .xl\:pb-8{padding-bottom:2rem} .xl\:pl-8{padding-left:2rem} .xl\:pt-9{padding-top:2.25rem} .xl\:pr-9{padding-right:2.25rem} .xl\:pb-9{padding-bottom:2.25rem} .xl\:pl-9{padding-left:2.25rem} .xl\:pt-10{padding-top:2.5rem} .xl\:pr-10{padding-right:2.5rem} .xl\:pb-10{padding-bottom:2.5rem} .xl\:pl-10{padding-left:2.5rem} .xl\:pt-12{padding-top:3rem} .xl\:pr-12{padding-right:3rem} .xl\:pb-12{padding-bottom:3rem} .xl\:pl-12{padding-left:3rem} .xl\:pt-16{padding-top:4rem} .xl\:pr-16{padding-right:4rem} .xl\:pb-16{padding-bottom:4rem} .xl\:pl-16{padding-left:4rem} .xl\:pt-20{padding-top:5rem} .xl\:pr-20{padding-right:5rem} .xl\:pb-20{padding-bottom:5rem} .xl\:pl-20{padding-left:5rem} .xl\:pt-24{padding-top:6rem} .xl\:pr-24{padding-right:6rem} .xl\:pb-24{padding-bottom:6rem} .xl\:pl-24{padding-left:6rem} .xl\:pt-28{padding-top:7rem} .xl\:pr-28{padding-right:7rem} .xl\:pb-28{padding-bottom:7rem} .xl\:pl-28{padding-left:7rem} .xl\:pt-32{padding-top:8rem} .xl\:pr-32{padding-right:8rem} .xl\:pb-32{padding-bottom:8rem} .xl\:pl-32{padding-left:8rem} .xl\:pt-px{padding-top:1px} .xl\:pr-px{padding-right:1px} .xl\:pb-px{padding-bottom:1px} .xl\:pl-px{padding-left:1px} .xl\:pt-10\%{padding-top:10%} .xl\:pr-10\%{padding-right:10%} .xl\:pb-10\%{padding-bottom:10%} .xl\:pl-10\%{padding-left:10%} .xl\:pt-20\%{padding-top:20%} .xl\:pr-20\%{padding-right:20%} .xl\:pb-20\%{padding-bottom:20%} .xl\:pl-20\%{padding-left:20%} .xl\:pt-30\%{padding-top:30%} .xl\:pr-30\%{padding-right:30%} .xl\:pb-30\%{padding-bottom:30%} .xl\:pl-30\%{padding-left:30%} .xl\:pt-40\%{padding-top:40%} .xl\:pr-40\%{padding-right:40%} .xl\:pb-40\%{padding-bottom:40%} .xl\:pl-40\%{padding-left:40%} .xl\:pt-50\%{padding-top:50%} .xl\:pr-50\%{padding-right:50%} .xl\:pb-50\%{padding-bottom:50%} .xl\:pl-50\%{padding-left:50%} .xl\:pt-60\%{padding-top:60%} .xl\:pr-60\%{padding-right:60%} .xl\:pb-60\%{padding-bottom:60%} .xl\:pl-60\%{padding-left:60%} .xl\:pt-70\%{padding-top:70%} .xl\:pr-70\%{padding-right:70%} .xl\:pb-70\%{padding-bottom:70%} .xl\:pl-70\%{padding-left:70%} .xl\:pt-80\%{padding-top:80%} .xl\:pr-80\%{padding-right:80%} .xl\:pb-80\%{padding-bottom:80%} .xl\:pl-80\%{padding-left:80%} .xl\:pt-90\%{padding-top:90%} .xl\:pr-90\%{padding-right:90%} .xl\:pb-90\%{padding-bottom:90%} .xl\:pl-90\%{padding-left:90%} .xl\:static{position:static} .xl\:fixed{position:fixed} .xl\:absolute{position:absolute} .xl\:relative{position:relative} .xl\:sticky{position:sticky} .xl\:pin-none{top:auto;right:auto;bottom:auto;left:auto} .xl\:pin{top:0;right:0;bottom:0;left:0} .xl\:pin-y{top:0;bottom:0} .xl\:pin-x{right:0;left:0} .xl\:pin-t{top:0} .xl\:pin-r{right:0} .xl\:pin-b{bottom:0} .xl\:pin-l{left:0} .xl\:text-left{text-align:left} .xl\:text-center{text-align:center} .xl\:text-right{text-align:right} .xl\:text-justify{text-align:justify} .xl\:text-transparent{color:transparent} .xl\:text-currentColor{color:currentColor} .xl\:text-black{color:#000} .xl\:text-black-10{color:rgba(0,0,0,.1)} .xl\:text-black-20{color:rgba(0,0,0,.2)} .xl\:text-black-30{color:rgba(0,0,0,.3)} .xl\:text-black-40{color:rgba(0,0,0,.4)} .xl\:text-black-50{color:rgba(0,0,0,.5)} .xl\:text-black-60{color:rgba(0,0,0,.6)} .xl\:text-black-70{color:rgba(0,0,0,.7)} .xl\:text-black-80{color:rgba(0,0,0,.8)} .xl\:text-black-90{color:rgba(0,0,0,.9)} .xl\:text-black-1{color:#313131} .xl\:text-white{color:#fff} .xl\:text-blue{color:#0072ef} .xl\:text-dark-blue{color:#0064d1} .xl\:text-darker-blue{color:#00588d} .xl\:text-d-blue{color:#0069a8} .xl\:text-blue-1{color:#17214a} .xl\:text-light-blue{color:#f0f7fb} .xl\:text-red{color:#cb001c} .xl\:text-green{color:#33803b} .xl\:text-green-lighter{color:#00800005} .xl\:text-purple{color:#5a80d1} .xl\:text-orange{color:#c45c00} .xl\:text-sd-red{color:#ed1c24} .xl\:text-grey{color:#929a9d} .xl\:text-grey-light{color:#e6e6e6} .xl\:text-grey-1{color:#f2f3f3} .xl\:text-grey-2{color:#7f7f7f} .xl\:text-grey-3{color:#6a6a6a} .xl\:text-grey-4{color:#465052} .xl\:text-grey-5{color:#737779} .xl\:text-border-gray-light{color:#e1e1e1} .xl\:text-gray{color:#929a9d} .xl\:text-gray-light{color:#e1e1e1} .xl\:text-gray-1{color:#f6f6f6} .xl\:text-gray-2{color:#bbb} .xl\:text-gray-3{color:#8a8a8a} .xl\:text-gray-4{color:#6b6b6b} .xl\:text-light-blue-1{color:#21b8de} .xl\:text-dark-blue-1{color:#0277bd} .xl\:text-dark-orange{color:#df8403} .xl\:text-darker-orange{color:#aa5d00} .xl\:text-g-blue{color:#17214a} .xl\:text-g-blue-1{color:#556d88} .xl\:text-g-blue-2{color:#3c4c65} .xl\:text-g-blue-3{color:#222e4d} .xl\:text-black-orange{color:#ff7012} .xl\:text-light-blue-2{color:#f7fafd} .xl\:text-light-blue-3{color:#b4d5f8} .xl\:hover\:text-transparent:hover{color:transparent} .xl\:hover\:text-currentColor:hover{color:currentColor} .xl\:hover\:text-black:hover{color:#000} .xl\:hover\:text-black-10:hover{color:rgba(0,0,0,.1)} .xl\:hover\:text-black-20:hover{color:rgba(0,0,0,.2)} .xl\:hover\:text-black-30:hover{color:rgba(0,0,0,.3)} .xl\:hover\:text-black-40:hover{color:rgba(0,0,0,.4)} .xl\:hover\:text-black-50:hover{color:rgba(0,0,0,.5)} .xl\:hover\:text-black-60:hover{color:rgba(0,0,0,.6)} .xl\:hover\:text-black-70:hover{color:rgba(0,0,0,.7)} .xl\:hover\:text-black-80:hover{color:rgba(0,0,0,.8)} .xl\:hover\:text-black-90:hover{color:rgba(0,0,0,.9)} .xl\:hover\:text-black-1:hover{color:#313131} .xl\:hover\:text-white:hover{color:#fff} .xl\:hover\:text-blue:hover{color:#0072ef} .xl\:hover\:text-dark-blue:hover{color:#0064d1} .xl\:hover\:text-darker-blue:hover{color:#00588d} .xl\:hover\:text-d-blue:hover{color:#0069a8} .xl\:hover\:text-blue-1:hover{color:#17214a} .xl\:hover\:text-light-blue:hover{color:#f0f7fb} .xl\:hover\:text-red:hover{color:#cb001c} .xl\:hover\:text-green:hover{color:#33803b} .xl\:hover\:text-green-lighter:hover{color:#00800005} .xl\:hover\:text-purple:hover{color:#5a80d1} .xl\:hover\:text-orange:hover{color:#c45c00} .xl\:hover\:text-sd-red:hover{color:#ed1c24} .xl\:hover\:text-grey:hover{color:#929a9d} .xl\:hover\:text-grey-light:hover{color:#e6e6e6} .xl\:hover\:text-grey-1:hover{color:#f2f3f3} .xl\:hover\:text-grey-2:hover{color:#7f7f7f} .xl\:hover\:text-grey-3:hover{color:#6a6a6a} .xl\:hover\:text-grey-4:hover{color:#465052} .xl\:hover\:text-grey-5:hover{color:#737779} .xl\:hover\:text-border-gray-light:hover{color:#e1e1e1} .xl\:hover\:text-gray:hover{color:#929a9d} .xl\:hover\:text-gray-light:hover{color:#e1e1e1} .xl\:hover\:text-gray-1:hover{color:#f6f6f6} .xl\:hover\:text-gray-2:hover{color:#bbb} .xl\:hover\:text-gray-3:hover{color:#8a8a8a} .xl\:hover\:text-gray-4:hover{color:#6b6b6b} .xl\:hover\:text-light-blue-1:hover{color:#21b8de} .xl\:hover\:text-dark-blue-1:hover{color:#0277bd} .xl\:hover\:text-dark-orange:hover{color:#df8403} .xl\:hover\:text-darker-orange:hover{color:#aa5d00} .xl\:hover\:text-g-blue:hover{color:#17214a} .xl\:hover\:text-g-blue-1:hover{color:#556d88} .xl\:hover\:text-g-blue-2:hover{color:#3c4c65} .xl\:hover\:text-g-blue-3:hover{color:#222e4d} .xl\:hover\:text-black-orange:hover{color:#ff7012} .xl\:hover\:text-light-blue-2:hover{color:#f7fafd} .xl\:hover\:text-light-blue-3:hover{color:#b4d5f8} .xl\:text-xxxs{font-size:.625rem} .xl\:text-xxs{font-size:.75rem} .xl\:text-xs{font-size:.875rem} .xl\:text-sm{font-size:1rem} .xl\:text-base{font-size:1.125rem} .xl\:text-lg{font-size:1.25rem} .xl\:text-2lg{font-size:1.25rem} .xl\:text-xl{font-size:1.5rem} .xl\:text-1-5xl{font-size:1.625rem} .xl\:text-2xl{font-size:1.75rem} .xl\:text-2-5xl{font-size:1.875rem} .xl\:text-3xl{font-size:2rem} .xl\:text-4xl{font-size:2.125rem} .xl\:text-5xl{font-size:2.25rem} .xl\:text-5-5xl{font-size:2.625rem} .xl\:text-5-6xl{font-size:3rem} .xl\:text-6xl{font-size:3.5rem} .xl\:text-7xl{font-size:4.125rem} .xl\:tracking-tight{letter-spacing:-0.05em} .xl\:tracking-normal{letter-spacing:0} .xl\:tracking-wide{letter-spacing:.05em} .xl\:select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .xl\:select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text} .xl\:visible{visibility:visible} .xl\:invisible{visibility:hidden} .xl\:w-0{width:0} .xl\:w-1{width:.25rem} .xl\:w-2{width:.5rem} .xl\:w-3{width:.75rem} .xl\:w-4{width:1rem} .xl\:w-5{width:1.25rem} .xl\:w-6{width:1.5rem} .xl\:w-7{width:1.75rem} .xl\:w-8{width:2rem} .xl\:w-9{width:2.25rem} .xl\:w-10{width:2.5rem} .xl\:w-12{width:3rem} .xl\:w-14{width:3.5rem} .xl\:w-16{width:4rem} .xl\:w-21{width:5.25rem} .xl\:w-auto{width:auto} .xl\:w-px{width:1px} .xl\:w-full{width:100%} .xl\:w-half{width:50%} .xl\:w-100px{width:100px} .xl\:w-200px{width:200px} .xl\:w-300px{width:300px} .xl\:w-400px{width:400px} .xl\:w-500px{width:500px} .xl\:w-576px{width:576px} .xl\:w-600px{width:600px} .xl\:w-700px{width:700px} .xl\:w-768px{width:768px} .xl\:w-800px{width:800px} .xl\:w-900px{width:900px} .xl\:w-992px{width:992px} .xl\:w-1000px{width:1000px} .xl\:z-0{z-index:0} .xl\:z-1{z-index:1} .xl\:z-4{z-index:4} .xl\:z-10{z-index:10} .xl\:z-20{z-index:20} .xl\:z-30{z-index:30} .xl\:z-40{z-index:40} .xl\:z-50{z-index:50} .xl\:z-60{z-index:60} .xl\:z-70{z-index:70} .xl\:z-80{z-index:80} .xl\:z-90{z-index:90} .xl\:z-100{z-index:100} .xl\:z-auto{z-index:auto} .xl\:pin-t-0{top:0} .xl\:pin-r-0{right:0} .xl\:pin-b-0{bottom:0} .xl\:pin-l-0{left:0} .xl\:pin-t-1{top:1px} .xl\:pin-r-1{right:1px} .xl\:pin-b-1{bottom:1px} .xl\:pin-l-1{left:1px} .xl\:pin-t-3{top:3px} .xl\:pin-r-3{right:3px} .xl\:pin-b-3{bottom:3px} .xl\:pin-l-3{left:3px} .xl\:pin-t-5{top:5px} .xl\:pin-r-5{right:5px} .xl\:pin-b-5{bottom:5px} .xl\:pin-l-5{left:5px} .xl\:pin-t-6{top:6px} .xl\:pin-r-6{right:6px} .xl\:pin-b-6{bottom:6px} .xl\:pin-l-6{left:6px} .xl\:pin-t-10{top:10px} .xl\:pin-r-10{right:10px} .xl\:pin-b-10{bottom:10px} .xl\:pin-l-10{left:10px} .xl\:pin-t-11{top:11px} .xl\:pin-r-11{right:11px} .xl\:pin-b-11{bottom:11px} .xl\:pin-l-11{left:11px} .xl\:pin-t-12{top:3rem} .xl\:pin-r-12{right:3rem} .xl\:pin-b-12{bottom:3rem} .xl\:pin-l-12{left:3rem} .xl\:pin-t-15{top:15px} .xl\:pin-r-15{right:15px} .xl\:pin-b-15{bottom:15px} .xl\:pin-l-15{left:15px} .xl\:pin-t-16{top:4rem} .xl\:pin-r-16{right:4rem} .xl\:pin-b-16{bottom:4rem} .xl\:pin-l-16{left:4rem} .xl\:pin-t-20{top:20px} .xl\:pin-r-20{right:20px} .xl\:pin-b-20{bottom:20px} .xl\:pin-l-20{left:20px} .xl\:pin-t-25{top:25px} .xl\:pin-r-25{right:25px} .xl\:pin-b-25{bottom:25px} .xl\:pin-l-25{left:25px} .xl\:pin-t-50{top:50px} .xl\:pin-r-50{right:50px} .xl\:pin-b-50{bottom:50px} .xl\:pin-l-50{left:50px} .xl\:pin-t-64{top:64px} .xl\:pin-r-64{right:64px} .xl\:pin-b-64{bottom:64px} .xl\:pin-l-64{left:64px} .xl\:pin-t-75{top:75px} .xl\:pin-r-75{right:75px} .xl\:pin-b-75{bottom:75px} .xl\:pin-l-75{left:75px} .xl\:pin-t-80{top:80px} .xl\:pin-r-80{right:80px} .xl\:pin-b-80{bottom:80px} .xl\:pin-l-80{left:80px} .xl\:pin-t-100{top:100px} .xl\:pin-r-100{right:100px} .xl\:pin-b-100{bottom:100px} .xl\:pin-l-100{left:100px} .xl\:pin-t-150{top:150px} .xl\:pin-r-150{right:150px} .xl\:pin-b-150{bottom:150px} .xl\:pin-l-150{left:150px} .xl\:pin-t-200{top:150px} .xl\:pin-r-200{right:150px} .xl\:pin-b-200{bottom:150px} .xl\:pin-l-200{left:150px} .xl\:pin-t-250{top:250px} .xl\:pin-r-250{right:250px} .xl\:pin-b-250{bottom:250px} .xl\:pin-l-250{left:250px} .xl\:pin-t-300{top:300px} .xl\:pin-r-300{right:300px} .xl\:pin-b-300{bottom:300px} .xl\:pin-l-300{left:300px} .xl\:pin-t-400{top:400px} .xl\:pin-r-400{right:400px} .xl\:pin-b-400{bottom:400px} .xl\:pin-l-400{left:400px} .xl\:pin-t-500{top:500px} .xl\:pin-r-500{right:500px} .xl\:pin-b-500{bottom:500px} .xl\:pin-l-500{left:500px} .xl\:-pin-t-5{top:-5px} .xl\:-pin-r-5{right:-5px} .xl\:-pin-b-5{bottom:-5px} .xl\:-pin-l-5{left:-5px} .xl\:-pin-t-6{top:-6px} .xl\:-pin-r-6{right:-6px} .xl\:-pin-b-6{bottom:-6px} .xl\:-pin-l-6{left:-6px} .xl\:-pin-t-10{top:-10px} .xl\:-pin-r-10{right:-10px} .xl\:-pin-b-10{bottom:-10px} .xl\:-pin-l-10{left:-10px} .xl\:-pin-t-11{top:-11px} .xl\:-pin-r-11{right:-11px} .xl\:-pin-b-11{bottom:-11px} .xl\:-pin-l-11{left:-11px} .xl\:-pin-t-15{top:-15px} .xl\:-pin-r-15{right:-15px} .xl\:-pin-b-15{bottom:-15px} .xl\:-pin-l-15{left:-15px} .xl\:-pin-t-20{top:-20px} .xl\:-pin-r-20{right:-20px} .xl\:-pin-b-20{bottom:-20px} .xl\:-pin-l-20{left:-20px} .xl\:-pin-t-12{top:-3rem} .xl\:-pin-r-12{right:-3rem} .xl\:-pin-b-12{bottom:-3rem} .xl\:-pin-l-12{left:-3rem} .xl\:-pin-t-16{top:-4rem} .xl\:-pin-r-16{right:-4rem} .xl\:-pin-b-16{bottom:-4rem} .xl\:-pin-l-16{left:-4rem} .xl\:-pin-t-25{top:-25px} .xl\:-pin-r-25{right:-25px} .xl\:-pin-b-25{bottom:-25px} .xl\:-pin-l-25{left:-25px} .xl\:-pin-t-50{top:-50px} .xl\:-pin-r-50{right:-50px} .xl\:-pin-b-50{bottom:-50px} .xl\:-pin-l-50{left:-50px} .xl\:-pin-t-75{top:75px} .xl\:-pin-r-75{right:75px} .xl\:-pin-b-75{bottom:75px} .xl\:-pin-l-75{left:75px} .xl\:-pin-t-80{top:-80px} .xl\:-pin-r-80{right:-80px} .xl\:-pin-b-80{bottom:-80px} .xl\:-pin-l-80{left:-80px} .xl\:-pin-t-100{top:-100px} .xl\:-pin-r-100{right:-100px} .xl\:-pin-b-100{bottom:-100px} .xl\:-pin-l-100{left:-100px} .xl\:-pin-t-150{top:-150px} .xl\:-pin-r-150{right:-150px} .xl\:-pin-b-150{bottom:-150px} .xl\:-pin-l-150{left:-150px} .xl\:-pin-t-200{top:-200px} .xl\:-pin-r-200{right:-200px} .xl\:-pin-b-200{bottom:-200px} .xl\:-pin-l-200{left:-200px} .xl\:-pin-t-250{top:-250px} .xl\:-pin-r-250{right:-250px} .xl\:-pin-b-250{bottom:-250px} .xl\:-pin-l-250{left:-250px} .xl\:-pin-t-300{top:-300px} .xl\:-pin-r-300{right:-300px} .xl\:-pin-b-300{bottom:-300px} .xl\:-pin-l-300{left:-300px} .xl\:-pin-t-400{top:-400px} .xl\:-pin-r-400{right:-400px} .xl\:-pin-b-400{bottom:-400px} .xl\:-pin-l-400{left:-400px} .xl\:-pin-t-500{top:-500px} .xl\:-pin-r-500{right:-500px} .xl\:-pin-b-500{bottom:-500px} .xl\:-pin-l-500{left:-500px} .xl\:pin-t-half{top:50%} .xl\:pin-r-half{right:50%} .xl\:pin-b-half{bottom:50%} .xl\:pin-l-half{left:50%} .xl\:-pin-t-half{top:-50%} .xl\:-pin-r-half{right:-50%} .xl\:-pin-b-half{bottom:-50%} .xl\:-pin-l-half{left:-50%} } html[dir="rtl"] .pin-r{left:0;right:auto} html[dir="rtl"] .pin-r-3{left:3px} html[dir="rtl"] .pin-l-3{right:3px} html[dir="rtl"] .pin-r-5{left:5px} html[dir="rtl"] .pin-l-5{right:5px} html[dir="rtl"] .pin-r-10{left:10px} html[dir="rtl"] .pin-l-10{right:10px} html[dir="rtl"] .pin-r-12{left:3rem} html[dir="rtl"] .pin-l-12{right:3rem} html[dir="rtl"] .pin-r-15{left:15px} html[dir="rtl"] .pin-l-15{right:15px} html[dir="rtl"] .pin-r-16{left:4rem} html[dir="rtl"] .pin-l-16{right:4rem} html[dir="rtl"] .pin-r-20{left:20px} html[dir="rtl"] .pin-l-20{right:20px} html[dir="rtl"] .pin-r-25{left:25px;right:auto} html[dir="rtl"] .pin-l-25{right:25px} html[dir="rtl"] .pin-r-50{left:50px} html[dir="rtl"] .pin-l-50{right:50px} html[dir="rtl"] .pin-r-64{left:64px} html[dir="rtl"] .pin-l-64{right:64px} html[dir="rtl"] .pin-r-75{left:75px} html[dir="rtl"] .pin-l-75{right:75px} html[dir="rtl"] .pin-r-80{left:80px} html[dir="rtl"] .pin-l-80{right:80px} html[dir="rtl"] .pin-r-100{left:100px} html[dir="rtl"] .pin-l-100{right:100px} html[dir="rtl"] .pin-r-150{left:150px} html[dir="rtl"] .pin-l-150{right:150px} html[dir="rtl"] .pin-r-200{left:150px} html[dir="rtl"] .pin-l-200{right:150px} html[dir="rtl"] .pin-r-250{left:250px} html[dir="rtl"] .pin-l-250{right:250px} html[dir="rtl"] .pin-r-300{left:300px} html[dir="rtl"] .pin-l-300{right:300px} html[dir="rtl"] .pin-r-400{left:400px} html[dir="rtl"] .pin-l-400{right:400px} html[dir="rtl"] .pin-r-500{left:500px} html[dir="rtl"] .pin-l-500{right:500px} html[dir="rtl"] .-pin-r-5{left:-5px} html[dir="rtl"] .-pin-l-5{right:-5px} html[dir="rtl"] .-pin-r-10{left:-10px} html[dir="rtl"] .-pin-l-10{right:-10px} html[dir="rtl"] .-pin-r-15{left:-15px} html[dir="rtl"] .-pin-l-15{right:-15px} html[dir="rtl"] .-pin-r-20{left:-20px} html[dir="rtl"] .-pin-l-20{right:-20px} html[dir="rtl"] .-pin-r-12{left:-3rem} html[dir="rtl"] .-pin-l-12{right:-3rem} html[dir="rtl"] .-pin-r-16{left:-4rem} html[dir="rtl"] .-pin-l-16{right:-4rem} html[dir="rtl"] .-pin-r-25{left:-25px} html[dir="rtl"] .-pin-l-25{right:-25px} html[dir="rtl"] .-pin-r-50{left:-50px;right:auto} html[dir="rtl"] .-pin-l-50{right:-50px} html[dir="rtl"] .-pin-r-75{left:75px} html[dir="rtl"] .-pin-l-75{right:75px} html[dir="rtl"] .-pin-r-80{left:-80px} html[dir="rtl"] .-pin-l-80{right:-80px} html[dir="rtl"] .-pin-r-100{left:-100px} html[dir="rtl"] .-pin-l-100{right:-100px} html[dir="rtl"] .-pin-r-150{left:-150px} html[dir="rtl"] .-pin-l-150{right:-150px} html[dir="rtl"] .-pin-r-200{left:-200px} html[dir="rtl"] .-pin-l-200{right:-200px} html[dir="rtl"] .-pin-r-250{left:-250px} html[dir="rtl"] .-pin-l-250{right:-250px} html[dir="rtl"] .-pin-r-300{left:-300px} html[dir="rtl"] .-pin-l-300{right:-300px} html[dir="rtl"] .-pin-r-400{left:-400px} html[dir="rtl"] .-pin-l-400{right:-400px} html[dir="rtl"] .-pin-r-500{left:-500px} html[dir="rtl"] .-pin-l-500{right:-500px} html[dir="rtl"] .pin-r-half{left:50%} html[dir="rtl"] .pin-l-half{right:50%} html[dir="rtl"] .-pin-r-half{left:-50%} html[dir="rtl"] .-pin-l-half{right:-50%} @media(min-width:576px){html[dir="rtl"] .xs\:pin-r{left:0;right:auto} html[dir="rtl"] .xs\:pin-r-0{left:0} html[dir="rtl"] .xs\:pin-l-0{right:0} html[dir="rtl"] .xs\:pin-r-3{left:3px} html[dir="rtl"] .xs\:pin-l-3{right:3px} html[dir="rtl"] .xs\:pin-r-5{left:5px} html[dir="rtl"] .xs\:pin-l-5{right:5px} html[dir="rtl"] .xs\:pin-r-10{left:10px} html[dir="rtl"] .xs\:pin-l-10{right:10px} html[dir="rtl"] .xs\:pin-r-12{left:3rem} html[dir="rtl"] .xs\:pin-l-12{right:3rem} html[dir="rtl"] .xs\:pin-r-15{left:15px} html[dir="rtl"] .xs\:pin-l-15{right:15px} html[dir="rtl"] .xs\:pin-r-16{left:4rem} html[dir="rtl"] .xs\:pin-l-16{right:4rem} html[dir="rtl"] .xs\:pin-r-20{left:20px} html[dir="rtl"] .xs\:pin-l-20{right:20px} html[dir="rtl"] .xs\:pin-r-25{left:25px} html[dir="rtl"] .xs\:pin-l-25{right:25px} html[dir="rtl"] .xs\:pin-r-50{left:50px} html[dir="rtl"] .xs\:pin-l-50{right:50px} html[dir="rtl"] .xs\:pin-r-64{left:64px} html[dir="rtl"] .xs\:pin-l-64{right:64px} html[dir="rtl"] .xs\:pin-r-75{left:75px} html[dir="rtl"] .xs\:pin-l-75{right:75px} html[dir="rtl"] .xs\:pin-r-80{left:80px} html[dir="rtl"] .xs\:pin-l-80{right:80px} html[dir="rtl"] .xs\:pin-r-100{left:100px} html[dir="rtl"] .xs\:pin-l-100{right:100px} html[dir="rtl"] .xs\:pin-r-150{left:150px} html[dir="rtl"] .xs\:pin-l-150{right:150px} html[dir="rtl"] .xs\:pin-r-200{left:150px} html[dir="rtl"] .xs\:pin-l-200{right:150px} html[dir="rtl"] .xs\:pin-r-250{left:250px} html[dir="rtl"] .xs\:pin-l-250{right:250px} html[dir="rtl"] .xs\:pin-r-300{left:300px} html[dir="rtl"] .xs\:pin-l-300{right:300px} html[dir="rtl"] .xs\:pin-r-400{left:400px} html[dir="rtl"] .xs\:pin-l-400{right:400px} html[dir="rtl"] .xs\:pin-r-500{left:500px} html[dir="rtl"] .xs\:pin-l-500{right:500px} html[dir="rtl"] .xs\:-pin-r-5{left:-5px} html[dir="rtl"] .xs\:-pin-l-5{right:-5px} html[dir="rtl"] .xs\:-pin-r-10{left:-10px} html[dir="rtl"] .xs\:-pin-l-10{right:-10px} html[dir="rtl"] .xs\:-pin-r-15{left:-15px} html[dir="rtl"] .xs\:-pin-l-15{right:-15px} html[dir="rtl"] .xs\:-pin-r-20{left:-20px} html[dir="rtl"] .xs\:-pin-l-20{right:-20px} html[dir="rtl"] .xs\:-pin-r-12{left:-3rem} html[dir="rtl"] .xs\:-pin-l-12{right:-3rem} html[dir="rtl"] .xs\:-pin-r-16{left:-4rem} html[dir="rtl"] .xs\:-pin-l-16{right:-4rem} html[dir="rtl"] .xs\:-pin-r-25{left:-25px} html[dir="rtl"] .xs\:-pin-l-25{right:-25px} html[dir="rtl"] .xs\:-pin-r-50{left:-50px} html[dir="rtl"] .xs\:-pin-l-50{right:-50px} html[dir="rtl"] .xs\:-pin-r-75{left:75px} html[dir="rtl"] .xs\:-pin-l-75{right:75px} html[dir="rtl"] .xs\:-pin-r-80{left:-80px} html[dir="rtl"] .xs\:-pin-l-80{right:-80px} html[dir="rtl"] .xs\:-pin-r-100{left:-100px} html[dir="rtl"] .xs\:-pin-l-100{right:-100px} html[dir="rtl"] .xs\:-pin-r-150{left:-150px} html[dir="rtl"] .xs\:-pin-l-150{right:-150px} html[dir="rtl"] .xs\:-pin-r-200{left:-200px} html[dir="rtl"] .xs\:-pin-l-200{right:-200px} html[dir="rtl"] .xs\:-pin-r-250{left:-250px} html[dir="rtl"] .xs\:-pin-l-250{right:-250px} html[dir="rtl"] .xs\:-pin-r-300{left:-300px} html[dir="rtl"] .xs\:-pin-l-300{right:-300px} html[dir="rtl"] .xs\:-pin-r-400{left:-400px} html[dir="rtl"] .xs\:-pin-l-400{right:-400px} html[dir="rtl"] .xs\:-pin-r-500{left:-500px} html[dir="rtl"] .xs\:-pin-l-500{right:-500px} html[dir="rtl"] .xs\:pin-r-half{left:50%} html[dir="rtl"] .xs\:pin-l-half{right:50%} html[dir="rtl"] .xs\:-pin-r-half{left:-50%} html[dir="rtl"] .xs\:-pin-l-half{right:-50%} } @media(min-width:768px){html[dir="rtl"] .sm\:pin-r{left:0;right:auto} html[dir="rtl"] .sm\:pin-r-3{left:3px} html[dir="rtl"] .sm\:pin-l-3{right:3px} html[dir="rtl"] .sm\:pin-r-5{left:5px} html[dir="rtl"] .sm\:pin-l-5{right:5px} html[dir="rtl"] .sm\:pin-r-10{left:10px} html[dir="rtl"] .sm\:pin-l-10{right:10px} html[dir="rtl"] .sm\:pin-r-12{left:3rem} html[dir="rtl"] .sm\:pin-l-12{right:3rem} html[dir="rtl"] .sm\:pin-r-15{left:15px} html[dir="rtl"] .sm\:pin-l-15{right:15px} html[dir="rtl"] .sm\:pin-r-16{left:4rem} html[dir="rtl"] .sm\:pin-l-16{right:4rem} html[dir="rtl"] .sm\:pin-r-20{left:20px} html[dir="rtl"] .sm\:pin-l-20{right:20px} html[dir="rtl"] .sm\:pin-r-25{left:25px} html[dir="rtl"] .sm\:pin-l-25{right:25px} html[dir="rtl"] .sm\:pin-r-50{left:50px} html[dir="rtl"] .sm\:pin-l-50{right:50px} html[dir="rtl"] .sm\:pin-r-64{left:64px} html[dir="rtl"] .sm\:pin-l-64{right:64px} html[dir="rtl"] .sm\:pin-r-75{left:75px} html[dir="rtl"] .sm\:pin-l-75{right:75px} html[dir="rtl"] .sm\:pin-r-80{left:80px} html[dir="rtl"] .sm\:pin-l-80{right:80px} html[dir="rtl"] .sm\:pin-r-100{left:100px} html[dir="rtl"] .sm\:pin-l-100{right:100px} html[dir="rtl"] .sm\:pin-r-150{left:150px} html[dir="rtl"] .sm\:pin-l-150{right:150px} html[dir="rtl"] .sm\:pin-r-200{left:150px} html[dir="rtl"] .sm\:pin-l-200{right:150px} html[dir="rtl"] .sm\:pin-r-250{left:250px} html[dir="rtl"] .sm\:pin-l-250{right:250px} html[dir="rtl"] .sm\:pin-r-300{left:300px} html[dir="rtl"] .sm\:pin-l-300{right:300px} html[dir="rtl"] .sm\:pin-r-400{left:400px} html[dir="rtl"] .sm\:pin-l-400{right:400px} html[dir="rtl"] .sm\:pin-r-500{left:500px} html[dir="rtl"] .sm\:pin-l-500{right:500px} html[dir="rtl"] .sm\:-pin-r-5{left:-5px} html[dir="rtl"] .sm\:-pin-l-5{right:-5px} html[dir="rtl"] .sm\:-pin-r-10{left:-10px} html[dir="rtl"] .sm\:-pin-l-10{right:-10px} html[dir="rtl"] .sm\:-pin-r-15{left:-15px} html[dir="rtl"] .sm\:-pin-l-15{right:-15px} html[dir="rtl"] .sm\:-pin-r-20{left:-20px} html[dir="rtl"] .sm\:-pin-l-20{right:-20px} html[dir="rtl"] .sm\:-pin-r-12{left:-3rem} html[dir="rtl"] .sm\:-pin-l-12{right:-3rem} html[dir="rtl"] .sm\:-pin-r-16{left:-4rem} html[dir="rtl"] .sm\:-pin-l-16{right:-4rem} html[dir="rtl"] .sm\:-pin-r-25{left:-25px} html[dir="rtl"] .sm\:-pin-l-25{right:-25px} html[dir="rtl"] .sm\:-pin-r-50{left:-50px} html[dir="rtl"] .sm\:-pin-l-50{right:-50px} html[dir="rtl"] .sm\:-pin-r-75{left:75px} html[dir="rtl"] .sm\:-pin-l-75{right:75px} html[dir="rtl"] .sm\:-pin-r-80{left:-80px} html[dir="rtl"] .sm\:-pin-l-80{right:-80px} html[dir="rtl"] .sm\:-pin-r-100{left:-100px} html[dir="rtl"] .sm\:-pin-l-100{right:-100px} html[dir="rtl"] .sm\:-pin-r-150{left:-150px} html[dir="rtl"] .sm\:-pin-l-150{right:-150px} html[dir="rtl"] .sm\:-pin-r-200{left:-200px} html[dir="rtl"] .sm\:-pin-l-200{right:-200px} html[dir="rtl"] .sm\:-pin-r-250{left:-250px} html[dir="rtl"] .sm\:-pin-l-250{right:-250px} html[dir="rtl"] .sm\:-pin-r-300{left:-300px} html[dir="rtl"] .sm\:-pin-l-300{right:-300px} html[dir="rtl"] .sm\:-pin-r-400{left:-400px} html[dir="rtl"] .sm\:-pin-l-400{right:-400px} html[dir="rtl"] .sm\:-pin-r-500{left:-500px} html[dir="rtl"] .sm\:-pin-l-500{right:-500px} html[dir="rtl"] .sm\:pin-r-half{left:50%} html[dir="rtl"] .sm\:pin-l-half{right:50%} html[dir="rtl"] .sm\:-pin-r-half{left:-50%} html[dir="rtl"] .sm\:-pin-l-half{right:-50%} } @media(min-width:992px){html[dir="rtl"] .md\:pin-r{left:0;right:auto} html[dir="rtl"] .md\:pin-r-3{left:3px} html[dir="rtl"] .md\:pin-l-3{right:3px} html[dir="rtl"] .md\:pin-r-5{left:5px} html[dir="rtl"] .md\:pin-l-5{right:5px} html[dir="rtl"] .md\:pin-r-10{left:10px} html[dir="rtl"] .md\:pin-l-10{right:10px} html[dir="rtl"] .md\:pin-r-12{left:3rem} html[dir="rtl"] .md\:pin-l-12{right:3rem} html[dir="rtl"] .md\:pin-r-15{left:15px} html[dir="rtl"] .md\:pin-l-15{right:15px} html[dir="rtl"] .md\:pin-r-16{left:4rem} html[dir="rtl"] .md\:pin-l-16{right:4rem} html[dir="rtl"] .md\:pin-r-20{left:20px} html[dir="rtl"] .md\:pin-l-20{right:20px} html[dir="rtl"] .md\:pin-r-25{left:25px} html[dir="rtl"] .md\:pin-l-25{right:25px} html[dir="rtl"] .md\:pin-r-50{left:50px} html[dir="rtl"] .md\:pin-l-50{right:50px} html[dir="rtl"] .md\:pin-r-64{left:64px} html[dir="rtl"] .md\:pin-l-64{right:64px} html[dir="rtl"] .md\:pin-r-75{left:75px} html[dir="rtl"] .md\:pin-l-75{right:75px} html[dir="rtl"] .md\:pin-r-80{left:80px} html[dir="rtl"] .md\:pin-l-80{right:80px} html[dir="rtl"] .md\:pin-r-100{left:100px} html[dir="rtl"] .md\:pin-l-100{right:100px} html[dir="rtl"] .md\:pin-r-150{left:150px} html[dir="rtl"] .md\:pin-l-150{right:150px} html[dir="rtl"] .md\:pin-r-200{left:150px} html[dir="rtl"] .md\:pin-l-200{right:150px} html[dir="rtl"] .md\:pin-r-250{left:250px} html[dir="rtl"] .md\:pin-l-250{right:250px} html[dir="rtl"] .md\:pin-r-300{left:300px} html[dir="rtl"] .md\:pin-l-300{right:300px} html[dir="rtl"] .md\:pin-r-400{left:400px} html[dir="rtl"] .md\:pin-l-400{right:400px} html[dir="rtl"] .md\:pin-r-500{left:500px} html[dir="rtl"] .md\:pin-l-500{right:500px} html[dir="rtl"] .md\:-pin-r-5{left:-5px} html[dir="rtl"] .md\:-pin-l-5{right:-5px} html[dir="rtl"] .md\:-pin-r-10{left:-10px} html[dir="rtl"] .md\:-pin-l-10{right:-10px} html[dir="rtl"] .md\:-pin-r-15{left:-15px} html[dir="rtl"] .md\:-pin-l-15{right:-15px} html[dir="rtl"] .md\:-pin-r-20{left:-20px} html[dir="rtl"] .md\:-pin-l-20{right:-20px} html[dir="rtl"] .md\:-pin-r-12{left:-3rem} html[dir="rtl"] .md\:-pin-l-12{right:-3rem} html[dir="rtl"] .md\:-pin-r-16{left:-4rem} html[dir="rtl"] .md\:-pin-l-16{right:-4rem} html[dir="rtl"] .md\:-pin-r-25{left:-25px} html[dir="rtl"] .md\:-pin-l-25{right:-25px} html[dir="rtl"] .md\:-pin-r-50{left:-50px} html[dir="rtl"] .md\:-pin-l-50{right:-50px} html[dir="rtl"] .md\:-pin-r-75{left:75px} html[dir="rtl"] .md\:-pin-l-75{right:75px} html[dir="rtl"] .md\:-pin-r-80{left:-80px} html[dir="rtl"] .md\:-pin-l-80{right:-80px} html[dir="rtl"] .md\:-pin-r-100{left:-100px} html[dir="rtl"] .md\:-pin-l-100{right:-100px} html[dir="rtl"] .md\:-pin-r-150{left:-150px} html[dir="rtl"] .md\:-pin-l-150{right:-150px} html[dir="rtl"] .md\:-pin-r-200{left:-200px} html[dir="rtl"] .md\:-pin-l-200{right:-200px} html[dir="rtl"] .md\:-pin-r-250{left:-250px} html[dir="rtl"] .md\:-pin-l-250{right:-250px} html[dir="rtl"] .md\:-pin-r-300{left:-300px} html[dir="rtl"] .md\:-pin-l-300{right:-300px} html[dir="rtl"] .md\:-pin-r-400{left:-400px} html[dir="rtl"] .md\:-pin-l-400{right:-400px} html[dir="rtl"] .md\:-pin-r-500{left:-500px} html[dir="rtl"] .md\:-pin-l-500{right:-500px} html[dir="rtl"] .md\:pin-r-half{left:50%} html[dir="rtl"] .md\:pin-l-half{right:50%} html[dir="rtl"] .md\:-pin-r-half{left:-50%} html[dir="rtl"] .md\:-pin-l-half{right:-50%} } @media(min-width:1140px){html[dir="rtl"] .lg\:pin-r{left:0;right:auto} html[dir="rtl"] .lg\:pin-r-3{left:3px} html[dir="rtl"] .lg\:pin-l-3{right:3px} html[dir="rtl"] .lg\:pin-r-5{left:5px} html[dir="rtl"] .lg\:pin-l-5{right:5px} html[dir="rtl"] .lg\:pin-r-10{left:10px} html[dir="rtl"] .lg\:pin-l-10{right:10px} html[dir="rtl"] .lg\:pin-r-12{left:3rem} html[dir="rtl"] .lg\:pin-l-12{right:3rem} html[dir="rtl"] .lg\:pin-r-15{left:15px} html[dir="rtl"] .lg\:pin-l-15{right:15px} html[dir="rtl"] .lg\:pin-r-16{left:4rem} html[dir="rtl"] .lg\:pin-l-16{right:4rem} html[dir="rtl"] .lg\:pin-r-20{left:20px} html[dir="rtl"] .lg\:pin-l-20{right:20px} html[dir="rtl"] .lg\:pin-r-25{left:25px} html[dir="rtl"] .lg\:pin-l-25{right:25px} html[dir="rtl"] .lg\:pin-r-50{left:50px} html[dir="rtl"] .lg\:pin-l-50{right:50px} html[dir="rtl"] .lg\:pin-r-64{left:64px} html[dir="rtl"] .lg\:pin-l-64{right:64px} html[dir="rtl"] .lg\:pin-r-75{left:75px} html[dir="rtl"] .lg\:pin-l-75{right:75px} html[dir="rtl"] .lg\:pin-r-80{left:80px} html[dir="rtl"] .lg\:pin-l-80{right:80px} html[dir="rtl"] .lg\:pin-r-100{left:100px} html[dir="rtl"] .lg\:pin-l-100{right:100px} html[dir="rtl"] .lg\:pin-r-150{left:150px} html[dir="rtl"] .lg\:pin-l-150{right:150px} html[dir="rtl"] .lg\:pin-r-200{left:150px} html[dir="rtl"] .lg\:pin-l-200{right:150px} html[dir="rtl"] .lg\:pin-r-250{left:250px} html[dir="rtl"] .lg\:pin-l-250{right:250px} html[dir="rtl"] .lg\:pin-r-300{left:300px} html[dir="rtl"] .lg\:pin-l-300{right:300px} html[dir="rtl"] .lg\:pin-r-400{left:400px} html[dir="rtl"] .lg\:pin-l-400{right:400px} html[dir="rtl"] .lg\:pin-r-500{left:500px} html[dir="rtl"] .lg\:pin-l-500{right:500px} html[dir="rtl"] .lg\:-pin-r-5{left:-5px} html[dir="rtl"] .lg\:-pin-l-5{right:-5px} html[dir="rtl"] .lg\:-pin-r-10{left:-10px} html[dir="rtl"] .lg\:-pin-l-10{right:-10px} html[dir="rtl"] .lg\:-pin-r-15{left:-15px} html[dir="rtl"] .lg\:-pin-l-15{right:-15px} html[dir="rtl"] .lg\:-pin-r-20{left:-20px} html[dir="rtl"] .lg\:-pin-l-20{right:-20px} html[dir="rtl"] .lg\:-pin-r-12{left:-3rem} html[dir="rtl"] .lg\:-pin-l-12{right:-3rem} html[dir="rtl"] .lg\:-pin-r-16{left:-4rem} html[dir="rtl"] .lg\:-pin-l-16{right:-4rem} html[dir="rtl"] .lg\:-pin-r-25{left:-25px} html[dir="rtl"] .lg\:-pin-l-25{right:-25px} html[dir="rtl"] .lg\:-pin-r-50{left:-50px} html[dir="rtl"] .lg\:-pin-l-50{right:-50px} html[dir="rtl"] .lg\:-pin-r-75{left:75px} html[dir="rtl"] .lg\:-pin-l-75{right:75px} html[dir="rtl"] .lg\:-pin-r-80{left:-80px} html[dir="rtl"] .lg\:-pin-l-80{right:-80px} html[dir="rtl"] .lg\:-pin-r-100{left:-100px} html[dir="rtl"] .lg\:-pin-l-100{right:-100px} html[dir="rtl"] .lg\:-pin-r-150{left:-150px} html[dir="rtl"] .lg\:-pin-l-150{right:-150px} html[dir="rtl"] .lg\:-pin-r-200{left:-200px} html[dir="rtl"] .lg\:-pin-l-200{right:-200px} html[dir="rtl"] .lg\:-pin-r-250{left:-250px} html[dir="rtl"] .lg\:-pin-l-250{right:-250px} html[dir="rtl"] .lg\:-pin-r-300{left:-300px} html[dir="rtl"] .lg\:-pin-l-300{right:-300px} html[dir="rtl"] .lg\:-pin-r-400{left:-400px} html[dir="rtl"] .lg\:-pin-l-400{right:-400px} html[dir="rtl"] .lg\:-pin-r-500{left:-500px} html[dir="rtl"] .lg\:-pin-l-500{right:-500px} html[dir="rtl"] .lg\:pin-r-half{left:50%} html[dir="rtl"] .lg\:pin-l-half{right:50%} html[dir="rtl"] .lg\:-pin-r-half{left:-50%} html[dir="rtl"] .lg\:-pin-l-half{right:-50%} } @media(min-width:1460px){html[dir="rtl"] .xl\:pin-r{left:0;right:auto} html[dir="rtl"] .xl\:pin-r-3{left:3px} html[dir="rtl"] .xl\:pin-l-3{right:3px} html[dir="rtl"] .xl\:pin-r-5{left:5px} html[dir="rtl"] .xl\:pin-l-5{right:5px} html[dir="rtl"] .xl\:pin-r-10{left:10px} html[dir="rtl"] .xl\:pin-l-10{right:10px} html[dir="rtl"] .xl\:pin-r-12{left:3rem} html[dir="rtl"] .xl\:pin-l-12{right:3rem} html[dir="rtl"] .xl\:pin-r-15{left:15px} html[dir="rtl"] .xl\:pin-l-15{right:15px} html[dir="rtl"] .xl\:pin-r-16{left:4rem} html[dir="rtl"] .xl\:pin-l-16{right:4rem} html[dir="rtl"] .xl\:pin-r-20{left:20px} html[dir="rtl"] .xl\:pin-l-20{right:20px} html[dir="rtl"] .xl\:pin-r-25{left:25px} html[dir="rtl"] .xl\:pin-l-25{right:25px} html[dir="rtl"] .xl\:pin-r-50{left:50px} html[dir="rtl"] .xl\:pin-l-50{right:50px} html[dir="rtl"] .xl\:pin-r-64{left:64px} html[dir="rtl"] .xl\:pin-l-64{right:64px} html[dir="rtl"] .xl\:pin-r-75{left:75px} html[dir="rtl"] .xl\:pin-l-75{right:75px} html[dir="rtl"] .xl\:pin-r-80{left:80px} html[dir="rtl"] .xl\:pin-l-80{right:80px} html[dir="rtl"] .xl\:pin-r-100{left:100px} html[dir="rtl"] .xl\:pin-l-100{right:100px} html[dir="rtl"] .xl\:pin-r-150{left:150px} html[dir="rtl"] .xl\:pin-l-150{right:150px} html[dir="rtl"] .xl\:pin-r-200{left:150px} html[dir="rtl"] .xl\:pin-l-200{right:150px} html[dir="rtl"] .xl\:pin-r-250{left:250px} html[dir="rtl"] .xl\:pin-l-250{right:250px} html[dir="rtl"] .xl\:pin-r-300{left:300px} html[dir="rtl"] .xl\:pin-l-300{right:300px} html[dir="rtl"] .xl\:pin-r-400{left:400px} html[dir="rtl"] .xl\:pin-l-400{right:400px} html[dir="rtl"] .xl\:pin-r-500{left:500px} html[dir="rtl"] .xl\:pin-l-500{right:500px} html[dir="rtl"] .xl\:-pin-r-5{left:-5px} html[dir="rtl"] .xl\:-pin-l-5{right:-5px} html[dir="rtl"] .xl\:-pin-r-10{left:-10px} html[dir="rtl"] .xl\:-pin-l-10{right:-10px} html[dir="rtl"] .xl\:-pin-r-15{left:-15px} html[dir="rtl"] .xl\:-pin-l-15{right:-15px} html[dir="rtl"] .xl\:-pin-r-20{left:-20px} html[dir="rtl"] .xl\:-pin-l-20{right:-20px} html[dir="rtl"] .xl\:-pin-r-12{left:-3rem} html[dir="rtl"] .xl\:-pin-l-12{right:-3rem} html[dir="rtl"] .xl\:-pin-r-16{left:-4rem} html[dir="rtl"] .xl\:-pin-l-16{right:-4rem} html[dir="rtl"] .xl\:-pin-r-25{left:-25px} html[dir="rtl"] .xl\:-pin-l-25{right:-25px} html[dir="rtl"] .xl\:-pin-r-50{left:-50px} html[dir="rtl"] .xl\:-pin-l-50{right:-50px} html[dir="rtl"] .xl\:-pin-r-75{left:75px} html[dir="rtl"] .xl\:-pin-l-75{right:75px} html[dir="rtl"] .xl\:-pin-r-80{left:-80px} html[dir="rtl"] .xl\:-pin-l-80{right:-80px} html[dir="rtl"] .xl\:-pin-r-100{left:-100px} html[dir="rtl"] .xl\:-pin-l-100{right:-100px} html[dir="rtl"] .xl\:-pin-r-150{left:-150px} html[dir="rtl"] .xl\:-pin-l-150{right:-150px} html[dir="rtl"] .xl\:-pin-r-200{left:-200px} html[dir="rtl"] .xl\:-pin-l-200{right:-200px} html[dir="rtl"] .xl\:-pin-r-250{left:-250px} html[dir="rtl"] .xl\:-pin-l-250{right:-250px} html[dir="rtl"] .xl\:-pin-r-300{left:-300px} html[dir="rtl"] .xl\:-pin-l-300{right:-300px} html[dir="rtl"] .xl\:-pin-r-400{left:-400px} html[dir="rtl"] .xl\:-pin-l-400{right:-400px} html[dir="rtl"] .xl\:-pin-r-500{left:-500px} html[dir="rtl"] .xl\:-pin-l-500{right:-500px} html[dir="rtl"] .xl\:pin-r-half{left:50%} html[dir="rtl"] .xl\:pin-l-half{right:50%} html[dir="rtl"] .xl\:-pin-r-half{left:-50%} html[dir="rtl"] .xl\:-pin-l-half{right:-50%} } html[dir="rtl"] .text-left{text-align:right} html[dir="rtl"] .text-right{text-align:left} @media(min-width:576px){html[dir="rtl"] .xs\:text-left{text-align:right} html[dir="rtl"] .xs\:text-right{text-align:left} } @media(min-width:768px){html[dir="rtl"] .sm\:text-left{text-align:right} html[dir="rtl"] .sm\:text-right{text-align:left} } @media(min-width:992px){html[dir="rtl"] .md\:text-left{text-align:right} html[dir="rtl"] .md\:text-right{text-align:left} } @media(min-width:1140px){html[dir="rtl"] .lg\:text-left{text-align:right} html[dir="rtl"] .lg\:text-right{text-align:left} } @media(min-width:1460px){html[dir="rtl"] .xl\:text-left{text-align:left} html[dir="rtl"] .xl\:text-right{text-align:right} } html[dir="rtl"] mr-0{margin-left:0} html[dir="rtl"] .ml-0{margin-right:0} html[dir="rtl"] .mr-1{margin-left:.25rem} html[dir="rtl"] .ml-1{margin-right:.25rem} html[dir="rtl"] .mr-2{margin-left:.5rem} html[dir="rtl"] .ml-2{margin-right:.5rem} html[dir="rtl"] .mr-3{margin-left:.75rem} html[dir="rtl"] .ml-3{margin-right:.75rem} html[dir="rtl"] .mr-4{margin-left:1rem} html[dir="rtl"] .ml-4{margin-right:1rem} html[dir="rtl"] .mr-5{margin-left:1.25rem;margin-right:0} html[dir="rtl"] .ml-5{margin-right:1.25rem} html[dir="rtl"] .mr-6{margin-left:1.5rem} html[dir="rtl"] .ml-6{margin-right:1.5rem} html[dir="rtl"] .mr-7{margin-left:1.75rem} html[dir="rtl"] .ml-7{margin-right:1.75rem} html[dir="rtl"] .mr-8{margin-left:2rem} html[dir="rtl"] .ml-8{margin-right:2rem} html[dir="rtl"] .mr-9{margin-left:2.25rem;margin-right:0} html[dir="rtl"] .ml-9{margin-right:2.25rem} html[dir="rtl"] .mr-10{margin-left:2.5rem;margin-right:0} html[dir="rtl"] .ml-10{margin-right:2.5rem} html[dir="rtl"] .mr-12{margin-left:3rem} html[dir="rtl"] .ml-12{margin-right:3rem} html[dir="rtl"] .mr-16{margin-left:4rem} html[dir="rtl"] .ml-16{margin-right:4rem} html[dir="rtl"] .mr-20{margin-left:5rem} html[dir="rtl"] .ml-20{margin-right:5rem} html[dir="rtl"] .mr-24{margin-left:6rem} html[dir="rtl"] .ml-24{margin-right:6rem} html[dir="rtl"] .mr-28{margin-left:7rem} html[dir="rtl"] .ml-28{margin-right:7rem} html[dir="rtl"] .mr-32{margin-left:8rem} html[dir="rtl"] .ml-32{margin-right:8rem} html[dir="rtl"] .mr-36{margin-left:9rem} html[dir="rtl"] .ml-36{margin-right:9rem} html[dir="rtl"] .mr-40{margin-left:10rem} html[dir="rtl"] .ml-40{margin-right:10rem} html[dir="rtl"] .mr-44{margin-left:11rem} html[dir="rtl"] .ml-44{margin-right:11rem} html[dir="rtl"] .mr-48{margin-left:12rem} html[dir="rtl"] .ml-48{margin-right:12rem} html[dir="rtl"] .mr-56{margin-left:14rem} html[dir="rtl"] .ml-56{margin-right:14rem} html[dir="rtl"] .mr-60{margin-left:15rem} html[dir="rtl"] .ml-60{margin-right:15rem} html[dir="rtl"] .mr-64{margin-left:16rem} html[dir="rtl"] .ml-64{margin-right:16rem} html[dir="rtl"] .mr-80{margin-left:20rem} html[dir="rtl"] .ml-80{margin-right:20rem} html[dir="rtl"] .mr-96{margin-left:24rem} html[dir="rtl"] .ml-96{margin-right:24rem} html[dir="rtl"] .mr-120{margin-left:30rem} html[dir="rtl"] .ml-120{margin-right:30rem} html[dir="rtl"] .mr-160{margin-left:40rem} html[dir="rtl"] .ml-160{margin-right:40rem} html[dir="rtl"] .mr-auto{margin-left:auto} html[dir="rtl"] .ml-auto{margin-right:auto} html[dir="rtl"] .-mr-0{margin-left:0} html[dir="rtl"] .-ml-0{margin-right:0} html[dir="rtl"] .-mr-1{margin-left:-0.25rem} html[dir="rtl"] .-ml-1{margin-right:-0.25rem} html[dir="rtl"] .-mr-2{margin-left:-0.5rem} html[dir="rtl"] .-ml-2{margin-right:-0.5rem} html[dir="rtl"] .-mr-3{margin-left:-0.75rem} html[dir="rtl"] .-ml-3{margin-right:-0.75rem} html[dir="rtl"] .-mr-4{margin-left:-1rem} html[dir="rtl"] .-ml-4{margin-right:-1rem} html[dir="rtl"] .-mr-5{margin-left:-1.25rem} html[dir="rtl"] .-ml-5{margin-right:-1.25rem} html[dir="rtl"] .-mr-6{margin-left:-1.5rem} html[dir="rtl"] .-ml-6{margin-right:-1.5rem} html[dir="rtl"] .-mr-7{margin-left:-1.75rem} html[dir="rtl"] .-ml-7{margin-right:-1.75rem} html[dir="rtl"] .-mr-8{margin-left:-2rem} html[dir="rtl"] .-ml-8{margin-right:-2rem} html[dir="rtl"] .-mr-9{margin-left:-2.25rem} html[dir="rtl"] .-ml-9{margin-right:-2.25rem} html[dir="rtl"] .-mr-10{margin-left:-2.5rem} html[dir="rtl"] .-ml-10{margin-right:-2.5rem} html[dir="rtl"] .-mr-12{margin-left:-3rem} html[dir="rtl"] .-ml-12{margin-right:-3rem} html[dir="rtl"] .-mr-16{margin-left:-4rem} html[dir="rtl"] .-ml-16{margin-right:-4rem} html[dir="rtl"] .-mr-20{margin-left:-5rem} html[dir="rtl"] .-ml-20{margin-right:-5rem} html[dir="rtl"] .-mr-24{margin-left:-6rem} html[dir="rtl"] .-ml-24{margin-right:-6rem} html[dir="rtl"] .-mr-28{margin-left:-7rem} html[dir="rtl"] .-ml-28{margin-right:-7rem} html[dir="rtl"] .-mr-32{margin-left:-8rem} html[dir="rtl"] .-ml-32{margin-right:-8rem} html[dir="rtl"] .-mr-36{margin-left:-9rem} html[dir="rtl"] .-ml-36{margin-right:-9rem} html[dir="rtl"] .-mr-40{margin-left:-10rem} html[dir="rtl"] .-ml-40{margin-right:-10rem} html[dir="rtl"] .-mr-44{margin-left:-11rem} html[dir="rtl"] .-ml-44{margin-right:-11rem} html[dir="rtl"] .-mr-48{margin-left:-12rem} html[dir="rtl"] .-ml-48{margin-right:-12rem} html[dir="rtl"] .-mr-56{margin-left:-14rem} html[dir="rtl"] .-ml-56{margin-right:-14rem} html[dir="rtl"] .-mr-60{margin-left:-15rem} html[dir="rtl"] .-ml-60{margin-right:-15rem} html[dir="rtl"] .-mr-64{margin-left:-16rem} html[dir="rtl"] .-ml-64{margin-right:-16rem} html[dir="rtl"] .-mr-80{margin-left:-20rem} html[dir="rtl"] .-ml-80{margin-right:-20rem} html[dir="rtl"] .-mr-96{margin-left:-24rem} html[dir="rtl"] .-ml-96{margin-right:-24rem} html[dir="rtl"] .-mr-120{margin-left:-30rem} html[dir="rtl"] .-ml-120{margin-right:-30rem} html[dir="rtl"] .-mr-160{margin-left:-40rem} html[dir="rtl"] .-ml-160{margin-right:-40rem} html[dir="rtl"] .-mr-auto{margin-left:-auto} html[dir="rtl"] .-ml-auto{margin-right:-auto} @media(min-width:576px){html[dir="rtl"] .xs\:mr-0{margin-left:0} html[dir="rtl"] .xs\:ml-0{margin-right:0} html[dir="rtl"] .xs\:mr-1{margin-left:.25rem} html[dir="rtl"] .xs\:ml-1{margin-right:.25rem} html[dir="rtl"] .xs\:mr-2{margin-left:.5rem} html[dir="rtl"] .xs\:ml-2{margin-right:.5rem} html[dir="rtl"] .xs\:mr-3{margin-left:.75rem} html[dir="rtl"] .xs\:ml-3{margin-right:.75rem} html[dir="rtl"] .xs\:mr-4{margin-left:1rem} html[dir="rtl"] .xs\:ml-4{margin-right:1rem} html[dir="rtl"] .xs\:mr-5{margin-left:1.25rem} html[dir="rtl"] .xs\:ml-5{margin-right:1.25rem} html[dir="rtl"] .xs\:mr-6{margin-left:1.5rem} html[dir="rtl"] .xs\:ml-6{margin-right:1.5rem} html[dir="rtl"] .xs\:mr-7{margin-left:1.75rem} html[dir="rtl"] .xs\:ml-7{margin-right:1.75rem} html[dir="rtl"] .xs\:mr-8{margin-left:2rem} html[dir="rtl"] .xs\:ml-8{margin-right:2rem} html[dir="rtl"] .xs\:mr-9{margin-left:2.25rem} html[dir="rtl"] .xs\:ml-9{margin-right:2.25rem} html[dir="rtl"] .xs\:mr-10{margin-left:2.5rem} html[dir="rtl"] .xs\:ml-10{margin-right:2.5rem} html[dir="rtl"] .xs\:mr-12{margin-left:3rem} html[dir="rtl"] .xs\:ml-12{margin-right:3rem} html[dir="rtl"] .xs\:mr-16{margin-left:4rem} html[dir="rtl"] .xs\:ml-16{margin-right:4rem} html[dir="rtl"] .xs\:mr-20{margin-left:5rem} html[dir="rtl"] .xs\:ml-20{margin-right:5rem} html[dir="rtl"] .xs\:mr-24{margin-left:6rem} html[dir="rtl"] .xs\:ml-24{margin-right:6rem} html[dir="rtl"] .xs\:mr-28{margin-left:7rem} html[dir="rtl"] .xs\:ml-28{margin-right:7rem} html[dir="rtl"] .xs\:mr-32{margin-left:8rem} html[dir="rtl"] .xs\:ml-32{margin-right:8rem} html[dir="rtl"] .xs\:mr-36{margin-left:9rem} html[dir="rtl"] .xs\:ml-36{margin-right:9rem} html[dir="rtl"] .xs\:mr-40{margin-left:10rem} html[dir="rtl"] .xs\:ml-40{margin-right:10rem} html[dir="rtl"] .xs\:mr-44{margin-left:11rem} html[dir="rtl"] .xs\:ml-44{margin-right:11rem} html[dir="rtl"] .xs\:mr-48{margin-left:12rem} html[dir="rtl"] .xs\:ml-48{margin-right:12rem} html[dir="rtl"] .xs\:mr-56{margin-left:14rem} html[dir="rtl"] .xs\:ml-56{margin-right:14rem} html[dir="rtl"] .xs\:mr-60{margin-left:15rem} html[dir="rtl"] .xs\:ml-60{margin-right:15rem} html[dir="rtl"] .xs\:mr-64{margin-left:16rem} html[dir="rtl"] .xs\:ml-64{margin-right:16rem} html[dir="rtl"] .xs\:mr-80{margin-left:20rem} html[dir="rtl"] .xs\:ml-80{margin-right:20rem} html[dir="rtl"] .xs\:mr-96{margin-left:24rem} html[dir="rtl"] .xs\:ml-96{margin-right:24rem} html[dir="rtl"] .xs\:mr-120{margin-left:30rem} html[dir="rtl"] .xs\:ml-120{margin-right:30rem} html[dir="rtl"] .xs\:mr-160{margin-left:40rem} html[dir="rtl"] .xs\:ml-160{margin-right:40rem} html[dir="rtl"] .xs\:mr-auto{margin-left:auto} html[dir="rtl"] .xs\:ml-auto{margin-right:auto} html[dir="rtl"] .xs\:-mr-0{margin-left:0} html[dir="rtl"] .xs\:-ml-0{margin-right:0} html[dir="rtl"] .xs\:-mr-1{margin-left:-0.25rem} html[dir="rtl"] .xs\:-ml-1{margin-right:-0.25rem} html[dir="rtl"] .xs\:-mr-2{margin-left:-0.5rem} html[dir="rtl"] .xs\:-ml-2{margin-right:-0.5rem} html[dir="rtl"] .xs\:-mr-3{margin-left:-0.75rem} html[dir="rtl"] .xs\:-ml-3{margin-right:-0.75rem} html[dir="rtl"] .xs\:-mr-4{margin-left:-1rem} html[dir="rtl"] .xs\:-ml-4{margin-right:-1rem} html[dir="rtl"] .xs\:-mr-5{margin-left:-1.25rem} html[dir="rtl"] .xs\:-ml-5{margin-right:-1.25rem} html[dir="rtl"] .xs\:-mr-6{margin-left:-1.5rem} html[dir="rtl"] .xs\:-ml-6{margin-right:-1.5rem} html[dir="rtl"] .xs\:-mr-7{margin-left:-1.75rem} html[dir="rtl"] .xs\:-ml-7{margin-right:-1.75rem} html[dir="rtl"] .xs\:-mr-8{margin-left:-2rem} html[dir="rtl"] .xs\:-ml-8{margin-right:-2rem} html[dir="rtl"] .xs\:-mr-9{margin-left:-2.25rem} html[dir="rtl"] .xs\:-ml-9{margin-right:-2.25rem} html[dir="rtl"] .xs\:-mr-10{margin-left:-2.5rem} html[dir="rtl"] .xs\:-ml-10{margin-right:-2.5rem} html[dir="rtl"] .xs\:-mr-12{margin-left:-3rem} html[dir="rtl"] .xs\:-ml-12{margin-right:-3rem} html[dir="rtl"] .xs\:-mr-16{margin-left:-4rem} html[dir="rtl"] .xs\:-ml-16{margin-right:-4rem} html[dir="rtl"] .xs\:-mr-20{margin-left:-5rem} html[dir="rtl"] .xs\:-ml-20{margin-right:-5rem} html[dir="rtl"] .xs\:-mr-24{margin-left:-6rem} html[dir="rtl"] .xs\:-ml-24{margin-right:-6rem} html[dir="rtl"] .xs\:-mr-28{margin-left:-7rem} html[dir="rtl"] .xs\:-ml-28{margin-right:-7rem} html[dir="rtl"] .xs\:-mr-32{margin-left:-8rem} html[dir="rtl"] .xs\:-ml-32{margin-right:-8rem} html[dir="rtl"] .xs\:-mr-36{margin-left:-9rem} html[dir="rtl"] .xs\:-ml-36{margin-right:-9rem} html[dir="rtl"] .xs\:-mr-40{margin-left:-10rem} html[dir="rtl"] .xs\:-ml-40{margin-right:-10rem} html[dir="rtl"] .xs\:-mr-44{margin-left:-11rem} html[dir="rtl"] .xs\:-ml-44{margin-right:-11rem} html[dir="rtl"] .xs\:-mr-48{margin-left:-12rem} html[dir="rtl"] .xs\:-ml-48{margin-right:-12rem} html[dir="rtl"] .xs\:-mr-56{margin-left:-14rem} html[dir="rtl"] .xs\:-ml-56{margin-right:-14rem} html[dir="rtl"] .xs\:-mr-60{margin-left:-15rem} html[dir="rtl"] .xs\:-ml-60{margin-right:-15rem} html[dir="rtl"] .xs\:-mr-64{margin-left:-16rem} html[dir="rtl"] .xs\:-ml-64{margin-right:-16rem} html[dir="rtl"] .xs\:-mr-80{margin-left:-20rem} html[dir="rtl"] .xs\:-ml-80{margin-right:-20rem} html[dir="rtl"] .xs\:-mr-96{margin-left:-24rem} html[dir="rtl"] .xs\:-ml-96{margin-right:-24rem} html[dir="rtl"] .xs\:-mr-120{margin-left:-30rem} html[dir="rtl"] .xs\:-ml-120{margin-right:-30rem} html[dir="rtl"] .xs\:-mr-160{margin-left:-40rem} html[dir="rtl"] .xs\:-ml-160{margin-right:-40rem} html[dir="rtl"] .xs\:-mr-auto{margin-left:-auto} html[dir="rtl"] .xs\:-ml-auto{margin-right:-auto} } @media(min-width:768px){html[dir="rtl"] .sm\:mr-0{margin-left:0} html[dir="rtl"] .sm\:ml-0{margin-right:0} html[dir="rtl"] .sm\:mr-1{margin-left:.25rem} html[dir="rtl"] .sm\:ml-1{margin-right:.25rem} html[dir="rtl"] .sm\:mr-2{margin-left:.5rem} html[dir="rtl"] .sm\:ml-2{margin-right:.5rem} html[dir="rtl"] .sm\:mr-3{margin-left:.75rem} html[dir="rtl"] .sm\:ml-3{margin-right:.75rem} html[dir="rtl"] .sm\:mr-4{margin-left:1rem} html[dir="rtl"] .sm\:ml-4{margin-right:1rem} html[dir="rtl"] .sm\:mr-5{margin-left:1.25rem} html[dir="rtl"] .sm\:ml-5{margin-right:1.25rem} html[dir="rtl"] .sm\:mr-6{margin-left:1.5rem} html[dir="rtl"] .sm\:ml-6{margin-right:1.5rem} html[dir="rtl"] .sm\:mr-7{margin-left:1.75rem} html[dir="rtl"] .sm\:ml-7{margin-right:1.75rem} html[dir="rtl"] .sm\:mr-8{margin-left:2rem} html[dir="rtl"] .sm\:ml-8{margin-right:2rem} html[dir="rtl"] .sm\:mr-9{margin-left:2.25rem} html[dir="rtl"] .sm\:ml-9{margin-right:2.25rem} html[dir="rtl"] .sm\:mr-10{margin-left:2.5rem} html[dir="rtl"] .sm\:ml-10{margin-right:2.5rem} html[dir="rtl"] .sm\:mr-12{margin-left:3rem} html[dir="rtl"] .sm\:ml-12{margin-right:3rem} html[dir="rtl"] .sm\:mr-16{margin-left:4rem} html[dir="rtl"] .sm\:ml-16{margin-right:4rem} html[dir="rtl"] .sm\:mr-20{margin-left:5rem} html[dir="rtl"] .sm\:ml-20{margin-right:5rem} html[dir="rtl"] .sm\:mr-24{margin-left:6rem} html[dir="rtl"] .sm\:ml-24{margin-right:6rem} html[dir="rtl"] .sm\:mr-28{margin-left:7rem} html[dir="rtl"] .sm\:ml-28{margin-right:7rem} html[dir="rtl"] .sm\:mr-32{margin-left:8rem} html[dir="rtl"] .sm\:ml-32{margin-right:8rem} html[dir="rtl"] .sm\:mr-36{margin-left:9rem} html[dir="rtl"] .sm\:ml-36{margin-right:9rem} html[dir="rtl"] .sm\:mr-40{margin-left:10rem} html[dir="rtl"] .sm\:ml-40{margin-right:10rem} html[dir="rtl"] .sm\:mr-44{margin-left:11rem} html[dir="rtl"] .sm\:ml-44{margin-right:11rem} html[dir="rtl"] .sm\:mr-48{margin-left:12rem} html[dir="rtl"] .sm\:ml-48{margin-right:12rem} html[dir="rtl"] .sm\:mr-56{margin-left:14rem} html[dir="rtl"] .sm\:ml-56{margin-right:14rem} html[dir="rtl"] .sm\:mr-60{margin-left:15rem} html[dir="rtl"] .sm\:ml-60{margin-right:15rem} html[dir="rtl"] .sm\:mr-64{margin-left:16rem} html[dir="rtl"] .sm\:ml-64{margin-right:16rem} html[dir="rtl"] .sm\:mr-80{margin-left:20rem} html[dir="rtl"] .sm\:ml-80{margin-right:20rem} html[dir="rtl"] .sm\:mr-96{margin-left:24rem} html[dir="rtl"] .sm\:ml-96{margin-right:24rem} html[dir="rtl"] .sm\:mr-120{margin-left:30rem} html[dir="rtl"] .sm\:ml-120{margin-right:30rem} html[dir="rtl"] .sm\:mr-160{margin-left:40rem} html[dir="rtl"] .sm\:ml-160{margin-right:40rem} html[dir="rtl"] .sm\:mr-auto{margin-left:auto} html[dir="rtl"] .sm\:ml-auto{margin-right:auto} html[dir="rtl"] .sm\:-mr-0{margin-left:0} html[dir="rtl"] .sm\:-ml-0{margin-right:0} html[dir="rtl"] .sm\:-mr-1{margin-left:-0.25rem} html[dir="rtl"] .sm\:-ml-1{margin-right:-0.25rem} html[dir="rtl"] .sm\:-mr-2{margin-left:-0.5rem} html[dir="rtl"] .sm\:-ml-2{margin-right:-0.5rem} html[dir="rtl"] .sm\:-mr-3{margin-left:-0.75rem} html[dir="rtl"] .sm\:-ml-3{margin-right:-0.75rem} html[dir="rtl"] .sm\:-mr-4{margin-left:-1rem} html[dir="rtl"] .sm\:-ml-4{margin-right:-1rem} html[dir="rtl"] .sm\:-mr-5{margin-left:-1.25rem} html[dir="rtl"] .sm\:-ml-5{margin-right:-1.25rem} html[dir="rtl"] .sm\:-mr-6{margin-left:-1.5rem} html[dir="rtl"] .sm\:-ml-6{margin-right:-1.5rem} html[dir="rtl"] .sm\:-mr-7{margin-left:-1.75rem} html[dir="rtl"] .sm\:- 7{margin-bottom:-1.75rem} html[dir="rtl"] .sm\:-ml-7{margin-right:-1.75rem} html[dir="rtl"] .sm\:-mr-8{margin-left:-2rem} html[dir="rtl"] .sm\:-ml-8{margin-right:-2rem} html[dir="rtl"] .sm\:-mr-9{margin-left:-2.25rem} html[dir="rtl"] .sm\:-ml-9{margin-right:-2.25rem} html[dir="rtl"] .sm\:-mr-10{margin-left:-2.5rem} html[dir="rtl"] .sm\:-ml-10{margin-right:-2.5rem} html[dir="rtl"] .sm\:-mr-12{margin-left:-3rem} html[dir="rtl"] .sm\:-ml-12{margin-right:-3rem} html[dir="rtl"] .sm\:-mr-16{margin-left:-4rem} html[dir="rtl"] .sm\:-ml-16{margin-right:-4rem} html[dir="rtl"] .sm\:-mr-20{margin-left:-5rem} html[dir="rtl"] .sm\:-ml-20{margin-right:-5rem} html[dir="rtl"] .sm\:-mr-24{margin-left:-6rem} html[dir="rtl"] .sm\:-ml-24{margin-right:-6rem} html[dir="rtl"] .sm\:-mr-28{margin-left:-7rem} html[dir="rtl"] .sm\:-ml-28{margin-right:-7rem} html[dir="rtl"] .sm\:-mr-32{margin-left:-8rem} html[dir="rtl"] .sm\:-ml-32{margin-right:-8rem} html[dir="rtl"] .sm\:-mr-36{margin-left:-9rem} html[dir="rtl"] .sm\:-ml-36{margin-right:-9rem} html[dir="rtl"] .sm\:-mr-40{margin-left:-10rem} html[dir="rtl"] .sm\:-ml-40{margin-right:-10rem} html[dir="rtl"] .sm\:-mr-44{margin-left:-11rem} html[dir="rtl"] .sm\:-ml-44{margin-right:-11rem} html[dir="rtl"] .sm\:-mr-48{margin-left:-12rem} html[dir="rtl"] .sm\:-ml-48{margin-right:-12rem} html[dir="rtl"] .sm\:-mr-56{margin-left:-14rem} html[dir="rtl"] .sm\:-ml-56{margin-right:-14rem} html[dir="rtl"] .sm\:-mr-60{margin-left:-15rem} html[dir="rtl"] .sm\:-ml-60{margin-right:-15rem} html[dir="rtl"] .sm\:-mr-64{margin-left:-16rem} html[dir="rtl"] .sm\:-ml-64{margin-right:-16rem} html[dir="rtl"] .sm\:-mr-80{margin-left:-20rem} html[dir="rtl"] .sm\:-ml-80{margin-right:-20rem} html[dir="rtl"] .sm\:-mr-96{margin-left:-24rem} html[dir="rtl"] .sm\:-ml-96{margin-right:-24rem} html[dir="rtl"] .sm\:-mr-120{margin-left:-30rem} html[dir="rtl"] .sm\:-ml-120{margin-right:-30rem} html[dir="rtl"] .sm\:-mr-160{margin-left:-40rem} html[dir="rtl"] .sm\:-ml-160{margin-right:-40rem} html[dir="rtl"] .sm\:-mr-auto{margin-left:-auto} html[dir="rtl"] .sm\:-ml-auto{margin-right:-auto} } @media(min-width:992px){html[dir="rtl"] .md\:mr-0{margin-left:0} html[dir="rtl"] .md\:ml-0{margin-right:0} html[dir="rtl"] .md\:mr-1{margin-left:.25rem} html[dir="rtl"] .md\:ml-1{margin-right:.25rem} html[dir="rtl"] .md\:mr-2{margin-left:.5rem} html[dir="rtl"] .md\:ml-2{margin-right:.5rem} html[dir="rtl"] .md\:mr-3{margin-left:.75rem} html[dir="rtl"] .md\:ml-3{margin-right:.75rem} html[dir="rtl"] .md\:mr-4{margin-left:1rem} html[dir="rtl"] .md\:ml-4{margin-right:1rem} html[dir="rtl"] .md\:mr-5{margin-left:1.25rem} html[dir="rtl"] .md\:ml-5{margin-right:1.25rem} html[dir="rtl"] .md\:mr-6{margin-left:1.5rem} html[dir="rtl"] .md\:ml-6{margin-right:1.5rem} html[dir="rtl"] .md\:mr-7{margin-left:1.75rem} html[dir="rtl"] .md\:ml-7{margin-right:1.75rem} html[dir="rtl"] .md\:mr-8{margin-left:2rem} html[dir="rtl"] .md\:ml-8{margin-right:2rem} html[dir="rtl"] .md\:mr-9{margin-left:2.25rem} html[dir="rtl"] .md\:ml-9{margin-right:2.25rem} html[dir="rtl"] .md\:mr-10{margin-left:2.5rem} html[dir="rtl"] .md\:ml-10{margin-right:2.5rem} html[dir="rtl"] .md\:mr-12{margin-left:3rem;margin-right:0} html[dir="rtl"] .md\:ml-12{margin-right:3rem} html[dir="rtl"] .md\:mr-16{margin-left:4rem} html[dir="rtl"] .md\:ml-16{margin-right:4rem} html[dir="rtl"] .md\:mr-20{margin-left:5rem} html[dir="rtl"] .md\:ml-20{margin-right:5rem} html[dir="rtl"] .md\:mr-24{margin-left:6rem} html[dir="rtl"] .md\:ml-24{margin-right:6rem} html[dir="rtl"] .md\:mr-28{margin-left:7rem} html[dir="rtl"] .md\:ml-28{margin-right:7rem} html[dir="rtl"] .md\:mr-32{margin-left:8rem} html[dir="rtl"] .md\:ml-32{margin-right:8rem} html[dir="rtl"] .md\:mr-36{margin-left:9rem} html[dir="rtl"] .md\:ml-36{margin-right:9rem} html[dir="rtl"] .md\:mr-40{margin-left:10rem} html[dir="rtl"] .md\:ml-40{margin-right:10rem} html[dir="rtl"] .md\:mr-44{margin-left:11rem} html[dir="rtl"] .md\:ml-44{margin-right:11rem} html[dir="rtl"] .md\:mr-48{margin-left:12rem} html[dir="rtl"] .md\:ml-48{margin-right:12rem} html[dir="rtl"] .md\:mr-56{margin-left:14rem} html[dir="rtl"] .md\:ml-56{margin-right:14rem} html[dir="rtl"] .md\:mr-60{margin-left:15rem} html[dir="rtl"] .md\:ml-60{margin-right:15rem} html[dir="rtl"] .md\:mr-64{margin-left:16rem} html[dir="rtl"] .md\:ml-64{margin-right:16rem} html[dir="rtl"] .md\:mr-80{margin-left:20rem} html[dir="rtl"] .md\:ml-80{margin-right:20rem} html[dir="rtl"] .md\:mr-96{margin-left:24rem} html[dir="rtl"] .md\:ml-96{margin-right:24rem} html[dir="rtl"] .md\:mr-120{margin-left:30rem} html[dir="rtl"] .md\:ml-120{margin-right:30rem} html[dir="rtl"] .md\:mr-160{margin-left:40rem} html[dir="rtl"] .md\:ml-160{margin-right:40rem} html[dir="rtl"] .md\:mr-auto{margin-left:auto} html[dir="rtl"] .md\:ml-auto{margin-right:auto} } @media(min-width:1140px){html[dir="rtl"] .lg\:mr-0{margin-left:0} html[dir="rtl"] .lg\:ml-0{margin-right:0} html[dir="rtl"] .lg\:mr-1{margin-left:.25rem} html[dir="rtl"] .lg\:ml-1{margin-right:.25rem} html[dir="rtl"] .lg\:mr-2{margin-left:.5rem} html[dir="rtl"] .lg\:ml-2{margin-right:.5rem} html[dir="rtl"] .lg\:mr-3{margin-left:.75rem} html[dir="rtl"] .lg\:ml-3{margin-right:.75rem} html[dir="rtl"] .lg\:mr-4{margin-left:1rem} html[dir="rtl"] .lg\:ml-4{margin-right:1rem} html[dir="rtl"] .lg\:mr-5{margin-left:1.25rem} html[dir="rtl"] .lg\:ml-5{margin-right:1.25rem} html[dir="rtl"] .lg\:mr-6{margin-left:1.5rem} html[dir="rtl"] .lg\:ml-6{margin-right:1.5rem} html[dir="rtl"] .lg\:mr-7{margin-left:1.75rem} html[dir="rtl"] .lg\:ml-7{margin-right:1.75rem} html[dir="rtl"] .lg\:mr-8{margin-left:2rem} html[dir="rtl"] .lg\:ml-8{margin-right:2rem} html[dir="rtl"] .lg\:mr-9{margin-left:2.25rem} html[dir="rtl"] .lg\:ml-9{margin-right:2.25rem} html[dir="rtl"] .lg\:mr-10{margin-left:2.5rem} html[dir="rtl"] .lg\:ml-10{margin-right:2.5rem} html[dir="rtl"] .lg\:mr-12{margin-left:3rem} html[dir="rtl"] .lg\:ml-12{margin-right:3rem} html[dir="rtl"] .lg\:mr-16{margin-left:4rem} html[dir="rtl"] .lg\:ml-16{margin-right:4rem} html[dir="rtl"] .lg\:mr-20{margin-left:5rem} html[dir="rtl"] .lg\:ml-20{margin-right:5rem} html[dir="rtl"] .lg\:mr-24{margin-left:6rem} html[dir="rtl"] .lg\:ml-24{margin-right:6rem} html[dir="rtl"] .lg\:mr-28{margin-left:7rem} html[dir="rtl"] .lg\:ml-28{margin-right:7rem} html[dir="rtl"] .lg\:mr-32{margin-left:8rem} html[dir="rtl"] .lg\:ml-32{margin-right:8rem} html[dir="rtl"] .lg\:mr-36{margin-left:9rem} html[dir="rtl"] .lg\:ml-36{margin-right:9rem} html[dir="rtl"] .lg\:mr-40{margin-left:10rem} html[dir="rtl"] .lg\:ml-40{margin-right:10rem} html[dir="rtl"] .lg\:mr-44{margin-left:11rem} html[dir="rtl"] .lg\:ml-44{margin-right:11rem} html[dir="rtl"] .lg\:mr-48{margin-left:12rem} html[dir="rtl"] .lg\:ml-48{margin-right:12rem} html[dir="rtl"] .lg\:mr-56{margin-left:14rem} html[dir="rtl"] .lg\:ml-56{margin-right:14rem} html[dir="rtl"] .lg\:mr-60{margin-left:15rem} html[dir="rtl"] .lg\:ml-60{margin-right:15rem} html[dir="rtl"] .lg\:mr-64{margin-left:16rem} html[dir="rtl"] .lg\:ml-64{margin-right:16rem} html[dir="rtl"] .lg\:mr-80{margin-left:20rem} html[dir="rtl"] .lg\:ml-80{margin-right:20rem} html[dir="rtl"] .lg\:mr-96{margin-left:24rem} html[dir="rtl"] .lg\:ml-96{margin-right:24rem} html[dir="rtl"] .lg\:mr-120{margin-left:30rem} html[dir="rtl"] .lg\:ml-120{margin-right:30rem} html[dir="rtl"] .lg\:mr-160{margin-left:40rem} html[dir="rtl"] .lg\:ml-160{margin-right:40rem} html[dir="rtl"] .lg\:mr-auto{margin-left:auto} html[dir="rtl"] .lg\:ml-auto{margin-right:auto} html[dir="rtl"] .lg\:-mr-0{margin-left:0} html[dir="rtl"] .lg\:-ml-0{margin-right:0} html[dir="rtl"] .lg\:-mr-1{margin-left:-0.25rem} html[dir="rtl"] .lg\:-ml-1{margin-right:-0.25rem} html[dir="rtl"] .lg\:-mr-2{margin-left:-0.5rem} html[dir="rtl"] .lg\:-ml-2{margin-right:-0.5rem} html[dir="rtl"] .lg\:-mr-3{margin-left:-0.75rem} html[dir="rtl"] .lg\:-ml-3{margin-right:-0.75rem} html[dir="rtl"] .lg\:-mr-4{margin-left:-1rem} html[dir="rtl"] .lg\:-ml-4{margin-right:-1rem} html[dir="rtl"] .lg\:-mr-5{margin-left:-1.25rem} html[dir="rtl"] .lg\:-ml-5{margin-right:-1.25rem} html[dir="rtl"] .lg\:-mr-6{margin-left:-1.5rem} html[dir="rtl"] .lg\:-ml-6{margin-right:-1.5rem} html[dir="rtl"] .lg\:-mr-7{margin-left:-1.75rem} html[dir="rtl"] .lg\:-ml-7{margin-right:-1.75rem} html[dir="rtl"] .lg\:-mr-8{margin-left:-2rem} html[dir="rtl"] .lg\:-ml-8{margin-right:-2rem} html[dir="rtl"] .lg\:-mr-9{margin-left:-2.25rem} html[dir="rtl"] .lg\:-ml-9{margin-right:-2.25rem} html[dir="rtl"] .lg\:-mr-10{margin-left:-2.5rem} html[dir="rtl"] .lg\:-ml-10{margin-right:-2.5rem} html[dir="rtl"] .lg\:-mr-12{margin-left:-3rem} html[dir="rtl"] .lg\:-ml-12{margin-right:-3rem} html[dir="rtl"] .lg\:-mr-16{margin-left:-4rem} html[dir="rtl"] .lg\:-ml-16{margin-right:-4rem} html[dir="rtl"] .lg\:-mr-20{margin-left:-5rem} html[dir="rtl"] .lg\:-ml-20{margin-right:-5rem} html[dir="rtl"] .lg\:-mr-24{margin-left:-6rem} html[dir="rtl"] .lg\:-ml-24{margin-right:-6rem} html[dir="rtl"] .lg\:-mr-28{margin-left:-7rem} html[dir="rtl"] .lg\:-ml-28{margin-right:-7rem} html[dir="rtl"] .lg\:-mr-32{margin-left:-8rem} html[dir="rtl"] .lg\:-ml-32{margin-right:-8rem} html[dir="rtl"] .lg\:-mr-36{margin-left:-9rem} html[dir="rtl"] .lg\:-ml-36{margin-right:-9rem} html[dir="rtl"] .lg\:-mr-40{margin-left:-10rem} html[dir="rtl"] .lg\:-ml-40{margin-right:-10rem} html[dir="rtl"] .lg\:-mr-44{margin-left:-11rem} html[dir="rtl"] .lg\:-ml-44{margin-right:-11rem} html[dir="rtl"] .lg\:-mr-48{margin-left:-12rem} html[dir="rtl"] .lg\:-ml-48{margin-right:-12rem} html[dir="rtl"] .lg\:-mr-56{margin-left:-14rem} html[dir="rtl"] .lg\:-ml-56{margin-right:-14rem} html[dir="rtl"] .lg\:-mr-60{margin-left:-15rem} html[dir="rtl"] .lg\:-ml-60{margin-right:-15rem} html[dir="rtl"] .lg\:-mr-64{margin-left:-16rem} html[dir="rtl"] .lg\:-ml-64{margin-right:-16rem} html[dir="rtl"] .lg\:-mr-80{margin-left:-20rem} html[dir="rtl"] .lg\:-ml-80{margin-right:-20rem} html[dir="rtl"] .lg\:-mr-96{margin-left:-24rem} html[dir="rtl"] .lg\:-ml-96{margin-right:-24rem} html[dir="rtl"] .lg\:-mr-120{margin-left:-30rem} html[dir="rtl"] .lg\:-ml-120{margin-right:-30rem} html[dir="rtl"] .lg\:-mr-160{margin-left:-40rem} html[dir="rtl"] .lg\:-ml-160{margin-right:-40rem} html[dir="rtl"] .lg\:-mr-auto{margin-left:-auto} html[dir="rtl"] .lg\:-ml-auto{margin-right:-auto} } @media(min-width:1460px){html[dir="rtl"] .xl\:mr-0{margin-left:0} html[dir="rtl"] .xl\:ml-0{margin-right:0} html[dir="rtl"] .xl\:mr-1{margin-left:.25rem} html[dir="rtl"] .xl\:ml-1{margin-right:.25rem} html[dir="rtl"] .xl\:mr-2{margin-left:.5rem} html[dir="rtl"] .xl\:ml-2{margin-right:.5rem} html[dir="rtl"] .xl\:mr-3{margin-left:.75rem} html[dir="rtl"] .xl\:ml-3{margin-right:.75rem} html[dir="rtl"] .xl\:mr-4{margin-left:1rem} html[dir="rtl"] .xl\:ml-4{margin-right:1rem} html[dir="rtl"] .xl\:mr-5{margin-left:1.25rem} html[dir="rtl"] .xl\:ml-5{margin-right:1.25rem} html[dir="rtl"] .xl\:mr-6{margin-left:1.5rem} html[dir="rtl"] .xl\:ml-6{margin-right:1.5rem} html[dir="rtl"] .xl\:mr-7{margin-left:1.75rem} html[dir="rtl"] .xl\:ml-7{margin-right:1.75rem} html[dir="rtl"] .xl\:mr-8{margin-left:2rem} html[dir="rtl"] .xl\:ml-8{margin-right:2rem} html[dir="rtl"] .xl\:mr-9{margin-left:2.25rem} html[dir="rtl"] .xl\:ml-9{margin-right:2.25rem} html[dir="rtl"] .xl\:mr-10{margin-left:2.5rem} html[dir="rtl"] .xl\:ml-10{margin-right:2.5rem} html[dir="rtl"] .xl\:mr-12{margin-left:3rem} html[dir="rtl"] .xl\:ml-12{margin-right:3rem} html[dir="rtl"] .xl\:mr-16{margin-left:4rem} html[dir="rtl"] .xl\:ml-16{margin-right:4rem} html[dir="rtl"] .xl\:mr-20{margin-left:5rem;margin-right:0} html[dir="rtl"] .xl\:ml-20{margin-right:5rem} html[dir="rtl"] .xl\:mr-24{margin-left:6rem} html[dir="rtl"] .xl\:ml-24{margin-right:6rem} html[dir="rtl"] .xl\:mr-28{margin-left:7rem} html[dir="rtl"] .xl\:ml-28{margin-right:7rem} html[dir="rtl"] .xl\:mr-32{margin-left:8rem} html[dir="rtl"] .xl\:ml-32{margin-right:8rem} html[dir="rtl"] .xl\:mr-36{margin-left:9rem} html[dir="rtl"] .xl\:ml-36{margin-right:9rem} html[dir="rtl"] .xl\:mr-40{margin-left:10rem} html[dir="rtl"] .xl\:ml-40{margin-right:10rem} html[dir="rtl"] .xl\:mr-44{margin-left:11rem} html[dir="rtl"] .xl\:ml-44{margin-right:11rem} html[dir="rtl"] .xl\:mr-48{margin-left:12rem} html[dir="rtl"] .xl\:ml-48{margin-right:12rem} html[dir="rtl"] .xl\:mr-56{margin-left:14rem} html[dir="rtl"] .xl\:ml-56{margin-right:14rem} html[dir="rtl"] .xl\:mr-60{margin-left:15rem} html[dir="rtl"] .xl\:ml-60{margin-right:15rem} html[dir="rtl"] .xl\:mr-64{margin-left:16rem} html[dir="rtl"] .xl\:ml-64{margin-right:16rem} html[dir="rtl"] .xl\:mr-80{margin-left:20rem} html[dir="rtl"] .xl\:ml-80{margin-right:20rem} html[dir="rtl"] .xl\:mr-96{margin-left:24rem} html[dir="rtl"] .xl\:ml-96{margin-right:24rem} html[dir="rtl"] .xl\:mr-120{margin-left:30rem} html[dir="rtl"] .xl\:ml-120{margin-right:30rem} html[dir="rtl"] .xl\:mr-160{margin-left:40rem} html[dir="rtl"] .xl\:ml-160{margin-right:40rem} html[dir="rtl"] .xl\:mr-auto{margin-left:auto} html[dir="rtl"] .xl\:ml-auto{margin-right:auto} html[dir="rtl"] .xl\:-mr-0{margin-left:0} html[dir="rtl"] .xl\:-ml-0{margin-right:0} html[dir="rtl"] .xl\:-mr-1{margin-left:-0.25rem} html[dir="rtl"] .xl\:-ml-1{margin-right:-0.25rem} html[dir="rtl"] .xl\:-mr-2{margin-left:-0.5rem} html[dir="rtl"] .xl\:-ml-2{margin-right:-0.5rem} html[dir="rtl"] .xl\:-mr-3{margin-left:-0.75rem} html[dir="rtl"] .xl\:-ml-3{margin-right:-0.75rem} html[dir="rtl"] .xl\:-mr-4{margin-left:-1rem} html[dir="rtl"] .xl\:-ml-4{margin-right:-1rem} html[dir="rtl"] .xl\:-mr-5{margin-left:-1.25rem} html[dir="rtl"] .xl\:-ml-5{margin-right:-1.25rem} html[dir="rtl"] .xl\:-mr-6{margin-left:-1.5rem} html[dir="rtl"] .xl\:-ml-6{margin-right:-1.5rem} html[dir="rtl"] .xl\:-mr-7{margin-left:-1.75rem} html[dir="rtl"] .xl\:-ml-7{margin-right:-1.75rem} html[dir="rtl"] .xl\:-mr-8{margin-left:-2rem} html[dir="rtl"] .xl\:-ml-8{margin-right:-2rem} html[dir="rtl"] .xl\:-mr-9{margin-left:-2.25rem} html[dir="rtl"] .xl\:-ml-9{margin-right:-2.25rem} html[dir="rtl"] .xl\:-mr-10{margin-left:-2.5rem} html[dir="rtl"] .xl\:-ml-10{margin-right:-2.5rem} html[dir="rtl"] .xl\:-mr-12{margin-left:-3rem} html[dir="rtl"] .xl\:-ml-12{margin-right:-3rem} html[dir="rtl"] .xl\:-mr-16{margin-left:-4rem} html[dir="rtl"] .xl\:-ml-16{margin-right:-4rem} html[dir="rtl"] .xl\:-mr-20{margin-left:-5rem} html[dir="rtl"] .xl\:-ml-20{margin-right:-5rem} html[dir="rtl"] .xl\:-mr-24{margin-left:-6rem} html[dir="rtl"] .xl\:-ml-24{margin-right:-6rem} html[dir="rtl"] .xl\:-mr-28{margin-left:-7rem} html[dir="rtl"] .xl\:-ml-28{margin-right:-7rem} html[dir="rtl"] .xl\:-mr-32{margin-left:-8rem} html[dir="rtl"] .xl\:-ml-32{margin-right:-8rem} html[dir="rtl"] .xl\:-mr-36{margin-left:-9rem} html[dir="rtl"] .xl\:-ml-36{margin-right:-9rem} html[dir="rtl"] .xl\:-mr-40{margin-left:-10rem} html[dir="rtl"] .xl\:-ml-40{margin-right:-10rem} html[dir="rtl"] .xl\:-mr-44{margin-left:-11rem} html[dir="rtl"] .xl\:-ml-44{margin-right:-11rem} html[dir="rtl"] .xl\:-mr-48{margin-left:-12rem} html[dir="rtl"] .xl\:-ml-48{margin-right:-12rem} html[dir="rtl"] .xl\:-mr-56{margin-left:-14rem} html[dir="rtl"] .xl\:-ml-56{margin-right:-14rem} html[dir="rtl"] .xl\:-mr-60{margin-left:-15rem} html[dir="rtl"] .xl\:-ml-60{margin-right:-15rem} html[dir="rtl"] .xl\:-mr-64{margin-left:-16rem} html[dir="rtl"] .xl\:-ml-64{margin-right:-16rem} html[dir="rtl"] .xl\:-mr-80{margin-left:-20rem} html[dir="rtl"] .xl\:-ml-80{margin-right:-20rem} html[dir="rtl"] .xl\:-mr-96{margin-left:-24rem} html[dir="rtl"] .xl\:-ml-96{margin-right:-24rem} html[dir="rtl"] .xl\:-mr-120{margin-left:-30rem} html[dir="rtl"] .xl\:-ml-120{margin-right:-30rem} html[dir="rtl"] .xl\:-mr-160{margin-left:-40rem} html[dir="rtl"] .xl\:-ml-160{margin-right:-40rem} html[dir="rtl"] .xl\:-mr-auto{margin-left:-auto} html[dir="rtl"] .xl\:-ml-auto{margin-right:-auto} } html[dir="rtl"] .pr-0{padding-left:0} html[dir="rtl"] .pl-0{padding-right:0} html[dir="rtl"] .pr-1{padding-left:.25rem} html[dir="rtl"] .pl-1{padding-right:.25rem} html[dir="rtl"] .pr-2{padding-left:.5rem} html[dir="rtl"] .pl-2{padding-right:.5rem} html[dir="rtl"] .pr-3{padding-left:.75rem} html[dir="rtl"] .pl-3{padding-right:.75rem} html[dir="rtl"] .pr-4{padding-left:1rem;padding-right:0} html[dir="rtl"] .pl-4{padding-right:1rem} html[dir="rtl"] .pr-5{padding-left:1.25rem} html[dir="rtl"] .pl-5{padding-right:1.25rem} html[dir="rtl"] .pr-6{padding-left:1.5rem} html[dir="rtl"] .pl-6{padding-right:1.5rem} html[dir="rtl"] .pr-7{padding-left:1.75rem} html[dir="rtl"] .pl-7{padding-right:1.75rem} html[dir="rtl"] .pr-8{padding-left:2rem;padding-right:0} html[dir="rtl"] .pl-8{padding-right:2rem} html[dir="rtl"] .pr-9{padding-left:2.25rem} html[dir="rtl"] .pl-9{padding-right:2.25rem} html[dir="rtl"] .pr-10{padding-left:2.5rem} html[dir="rtl"] .pl-10{padding-right:2.5rem} html[dir="rtl"] .pr-12{padding-left:3rem;padding-right:0} html[dir="rtl"] .pl-12{padding-right:3rem} html[dir="rtl"] .pr-16{padding-left:4rem} html[dir="rtl"] .pl-16{padding-right:4rem} html[dir="rtl"] .pr-20{padding-left:5rem} html[dir="rtl"] .pl-20{padding-right:5rem} html[dir="rtl"] .pr-24{padding-left:6rem;padding-right:0} html[dir="rtl"] .pl-24{padding-right:6rem} html[dir="rtl"] .pr-28{padding-left:7rem} html[dir="rtl"] .pl-28{padding-right:7rem} html[dir="rtl"] .pr-32{padding-left:8rem} html[dir="rtl"] .pl-32{padding-right:8rem} html[dir="rtl"] .pr-36{padding-left:9rem} html[dir="rtl"] .pl-36{padding-right:9rem} html[dir="rtl"] .pr-40{padding-left:10rem} html[dir="rtl"] .pl-40{padding-right:10rem} html[dir="rtl"] .pr-44{padding-left:11rem} html[dir="rtl"] .pl-44{padding-right:11rem} html[dir="rtl"] .pr-48{padding-left:12rem} html[dir="rtl"] .pl-48{padding-right:12rem} html[dir="rtl"] .pr-56{padding-left:14rem} html[dir="rtl"] .pl-56{padding-right:14rem} html[dir="rtl"] .pr-60{padding-left:15rem} html[dir="rtl"] .pl-60{padding-right:15rem} html[dir="rtl"] .pr-64{padding-left:16rem} html[dir="rtl"] .pl-64{padding-right:16rem} html[dir="rtl"] .pr-80{padding-left:20rem} html[dir="rtl"] .pl-80{padding-right:20rem} html[dir="rtl"] .pr-96{padding-left:24rem} html[dir="rtl"] .pl-96{padding-right:24rem} html[dir="rtl"] .pr-120{padding-left:30rem} html[dir="rtl"] .pl-120{padding-right:30rem} html[dir="rtl"] .pr-160{padding-left:40rem} html[dir="rtl"] .pl-160{padding-right:40rem} html[dir="rtl"] .pr-px{padding-left:1px} html[dir="rtl"] .pl-px{padding-right:1px} html[dir="rtl"] .pr-10\%{padding-left:10%} html[dir="rtl"] .pl-10\%{padding-right:10%} html[dir="rtl"] .pr-20\%{padding-left:20%} html[dir="rtl"] .pl-20\%{padding-right:20%} html[dir="rtl"] .pr-30\%{padding-left:30%} html[dir="rtl"] .pl-30\%{padding-right:30%} html[dir="rtl"] .pr-40\%{padding-left:40%} html[dir="rtl"] .pl-40\%{padding-right:40%} html[dir="rtl"] .pr-50\%{padding-left:50%} html[dir="rtl"] .pl-50\%{padding-right:50%} html[dir="rtl"] .pr-60\%{padding-left:60%} html[dir="rtl"] .pl-60\%{padding-right:60%} html[dir="rtl"] .pr-70\%{padding-left:70%} html[dir="rtl"] .pl-70\%{padding-right:70%} html[dir="rtl"] .pr-80\%{padding-left:80%} html[dir="rtl"] .pl-80\%{padding-right:80%} html[dir="rtl"] .pr-90\%{padding-left:90%} html[dir="rtl"] .pl-90\%{padding-right:90%} html[dir="rtl"] .pr-1vw{padding-left:1vw} html[dir="rtl"] .pl-1vw{padding-right:1vw} html[dir="rtl"] .pr-2vw{padding-left:2vw} html[dir="rtl"] .pl-2vw{padding-right:2vw} html[dir="rtl"] .pr-3vw{padding-left:3vw} html[dir="rtl"] .pl-3vw{padding-right:3vw} html[dir="rtl"] .pr-4vw{padding-left:4vw} html[dir="rtl"] .pl-4vw{padding-right:4vw} html[dir="rtl"] .pr-5vw{padding-left:5vw} html[dir="rtl"] .pl-5vw{padding-right:5vw} html[dir="rtl"] .pr-6vw{padding-left:6vw} html[dir="rtl"] .pl-6vw{padding-right:6vw} html[dir="rtl"] .pr-7vw{padding-left:7vw} html[dir="rtl"] .pl-7vw{padding-right:7vw} html[dir="rtl"] .pr-8vw{padding-left:8vw} html[dir="rtl"] .pl-8vw{padding-right:8vw} html[dir="rtl"] .pr-9vw{padding-left:9vw} html[dir="rtl"] .pl-9vw{padding-right:9vw} html[dir="rtl"] .pr-10vw{padding-left:10vw} html[dir="rtl"] .pl-10vw{padding-right:10vw} @media(min-width:576px){html[dir="rtl"] .xs\:pr-0{padding-left:0} html[dir="rtl"] .xs\:pl-0{padding-right:0} html[dir="rtl"] .xs\:pr-1{padding-left:.25rem} html[dir="rtl"] .xs\:pl-1{padding-right:.25rem} html[dir="rtl"] .xs\:pr-2{padding-left:.5rem} html[dir="rtl"] .xs\:pl-2{padding-right:.5rem} html[dir="rtl"] .xs\:pr-3{padding-left:.75rem} html[dir="rtl"] .xs\:pl-3{padding-right:.75rem} html[dir="rtl"] .xs\:pr-4{padding-left:1rem} html[dir="rtl"] .xs\:pl-4{padding-right:1rem} html[dir="rtl"] .xs\:pr-5{padding-left:1.25rem} html[dir="rtl"] .xs\:pl-5{padding-right:1.25rem} html[dir="rtl"] .xs\:pr-6{padding-left:1.5rem} html[dir="rtl"] .xs\:pl-6{padding-right:1.5rem} html[dir="rtl"] .xs\:pr-7{padding-left:1.75rem} html[dir="rtl"] .xs\:pl-7{padding-right:1.75rem} html[dir="rtl"] .xs\:pr-8{padding-left:2rem} html[dir="rtl"] .xs\:pl-8{padding-right:2rem} html[dir="rtl"] .xs\:pr-9{padding-left:2.25rem} html[dir="rtl"] .xs\:pl-9{padding-right:2.25rem} html[dir="rtl"] .xs\:pr-10{padding-left:2.5rem} html[dir="rtl"] .xs\:pl-10{padding-right:2.5rem} html[dir="rtl"] .xs\:pr-12{padding-left:3rem} html[dir="rtl"] .xs\:pl-12{padding-right:3rem} html[dir="rtl"] .xs\:pr-16{padding-left:4rem} html[dir="rtl"] .xs\:pl-16{padding-right:4rem} html[dir="rtl"] .xs\:pr-20{padding-left:5rem} html[dir="rtl"] .xs\:pl-20{padding-right:5rem} html[dir="rtl"] .xs\:pr-24{padding-left:6rem} html[dir="rtl"] .xs\:pl-24{padding-right:6rem} html[dir="rtl"] .xs\:pr-28{padding-left:7rem} html[dir="rtl"] .xs\:pl-28{padding-right:7rem} html[dir="rtl"] .xs\:pr-32{padding-left:8rem} html[dir="rtl"] .xs\:pl-32{padding-right:8rem} html[dir="rtl"] .xs\:pr-36{padding-left:9rem} html[dir="rtl"] .xs\:pl-36{padding-right:9rem} html[dir="rtl"] .xs\:pr-40{padding-left:10rem} html[dir="rtl"] .xs\:pl-40{padding-right:10rem} html[dir="rtl"] .xs\:pr-44{padding-left:11rem} html[dir="rtl"] .xs\:pl-44{padding-right:11rem} html[dir="rtl"] .xs\:pr-48{padding-left:12rem} html[dir="rtl"] .xs\:pl-48{padding-right:12rem} html[dir="rtl"] .xs\:pr-56{padding-left:14rem} html[dir="rtl"] .xs\:pl-56{padding-right:14rem} html[dir="rtl"] .xs\:pr-60{padding-left:15rem} html[dir="rtl"] .xs\:pl-60{padding-right:15rem} html[dir="rtl"] .xs\:pr-64{padding-left:16rem} html[dir="rtl"] .xs\:pl-64{padding-right:16rem} html[dir="rtl"] .xs\:pr-80{padding-left:20rem} html[dir="rtl"] .xs\:pl-80{padding-right:20rem} html[dir="rtl"] .xs\:pr-96{padding-left:24rem} html[dir="rtl"] .xs\:pl-96{padding-right:24rem} html[dir="rtl"] .xs\:pr-120{padding-left:30rem} html[dir="rtl"] .xs\:pl-120{padding-right:30rem} html[dir="rtl"] .xs\:pr-160{padding-left:40rem} html[dir="rtl"] .xs\:pl-160{padding-right:40rem} html[dir="rtl"] .xs\:pr-px{padding-left:1px} html[dir="rtl"] .xs\:pl-px{padding-right:1px} html[dir="rtl"] .xs\:pr-10\%{padding-left:10%} html[dir="rtl"] .xs\:pl-10\%{padding-right:10%} html[dir="rtl"] .xs\:pr-20\%{padding-left:20%} html[dir="rtl"] .xs\:pl-20\%{padding-right:20%} html[dir="rtl"] .xs\:pr-30\%{padding-left:30%} html[dir="rtl"] .xs\:pl-30\%{padding-right:30%} html[dir="rtl"] .xs\:pr-40\%{padding-left:40%} html[dir="rtl"] .xs\:pl-40\%{padding-right:40%} html[dir="rtl"] .xs\:pr-50\%{padding-left:50%} html[dir="rtl"] .xs\:pl-50\%{padding-right:50%} html[dir="rtl"] .xs\:pr-60\%{padding-left:60%} html[dir="rtl"] .xs\:pl-60\%{padding-right:60%} html[dir="rtl"] .xs\:pr-70\%{padding-left:70%} html[dir="rtl"] .xs\:pl-70\%{padding-right:70%} html[dir="rtl"] .xs\:pr-80\%{padding-left:80%} html[dir="rtl"] .xs\:pl-80\%{padding-right:80%} html[dir="rtl"] .xs\:pr-90\%{padding-left:90%} html[dir="rtl"] .xs\:pl-90\%{padding-right:90%} html[dir="rtl"] .xs\:pr-1vw{padding-left:1vw} html[dir="rtl"] .xs\:pl-1vw{padding-right:1vw} html[dir="rtl"] .xs\:pr-2vw{padding-left:2vw} html[dir="rtl"] .xs\:pl-2vw{padding-right:2vw} html[dir="rtl"] .xs\:pr-3vw{padding-left:3vw} html[dir="rtl"] .xs\:pl-3vw{padding-right:3vw} html[dir="rtl"] .xs\:pr-4vw{padding-left:4vw} html[dir="rtl"] .xs\:pl-4vw{padding-right:4vw} html[dir="rtl"] .xs\:pr-5vw{padding-left:5vw} html[dir="rtl"] .xs\:pl-5vw{padding-right:5vw} html[dir="rtl"] .xs\:pr-6vw{padding-left:6vw} html[dir="rtl"] .xs\:pl-6vw{padding-right:6vw} html[dir="rtl"] .xs\:pr-7vw{padding-left:7vw} html[dir="rtl"] .xs\:pl-7vw{padding-right:7vw} html[dir="rtl"] .xs\:pr-8vw{padding-left:8vw} html[dir="rtl"] .xs\:pl-8vw{padding-right:8vw} html[dir="rtl"] .xs\:pr-9vw{padding-left:9vw} html[dir="rtl"] .xs\:pl-9vw{padding-right:9vw} html[dir="rtl"] .xs\:pr-10vw{padding-left:10vw} html[dir="rtl"] .xs\:pl-10vw{padding-right:10vw} } @media(min-width:768px){html[dir="rtl"] .sm\:pr-0{padding-left:0} html[dir="rtl"] .sm\:pl-0{padding-right:0} html[dir="rtl"] .sm\:pr-1{padding-left:.25rem} html[dir="rtl"] .sm\:pl-1{padding-right:.25rem} html[dir="rtl"] .sm\:pr-2{padding-left:.5rem;padding-right:0} html[dir="rtl"] .sm\:pl-2{padding-right:.5rem;padding-left:0} html[dir="rtl"] .sm\:pr-3{padding-left:.75rem} html[dir="rtl"] .sm\:pl-3{padding-right:.75rem} html[dir="rtl"] .sm\:pr-4{padding-left:1rem} html[dir="rtl"] .sm\:pl-4{padding-right:1rem} html[dir="rtl"] .sm\:pr-5{padding-left:1.25rem} html[dir="rtl"] .sm\:pl-5{padding-right:1.25rem} html[dir="rtl"] .sm\:pr-6{padding-left:1.5rem} html[dir="rtl"] .sm\:pl-6{padding-right:1.5rem} html[dir="rtl"] .sm\:pr-7{padding-left:1.75rem} html[dir="rtl"] .sm\:pl-7{padding-right:1.75rem} html[dir="rtl"] .sm\:pr-8{padding-left:2rem} html[dir="rtl"] .sm\:pl-8{padding-right:2rem} html[dir="rtl"] .sm\:pr-9{padding-left:2.25rem} html[dir="rtl"] .sm\:pl-9{padding-right:2.25rem} html[dir="rtl"] .sm\:pr-10{padding-left:2.5rem} html[dir="rtl"] .sm\:pl-10{padding-right:2.5rem} html[dir="rtl"] .sm\:pr-12{padding-left:3rem} html[dir="rtl"] .sm\:pl-12{padding-right:3rem} html[dir="rtl"] .sm\:pr-16{padding-left:4rem} html[dir="rtl"] .sm\:pl-16{padding-right:4rem} html[dir="rtl"] .sm\:pr-20{padding-left:5rem} html[dir="rtl"] .sm\:pl-20{padding-right:5rem} html[dir="rtl"] .sm\:pr-24{padding-left:6rem} html[dir="rtl"] .sm\:pl-24{padding-right:6rem} html[dir="rtl"] .sm\:pr-28{padding-left:7rem} html[dir="rtl"] .sm\:pl-28{padding-right:7rem} html[dir="rtl"] .sm\:pr-32{padding-left:8rem} html[dir="rtl"] .sm\:pl-32{padding-right:8rem} html[dir="rtl"] .sm\:pr-36{padding-left:9rem} html[dir="rtl"] .sm\:pl-36{padding-right:9rem} html[dir="rtl"] .sm\:pr-40{padding-left:10rem} html[dir="rtl"] .sm\:pl-40{padding-right:10rem} html[dir="rtl"] .sm\:pr-44{padding-left:11rem} html[dir="rtl"] .sm\:pl-44{padding-right:11rem} html[dir="rtl"] .sm\:pr-48{padding-left:12rem} html[dir="rtl"] .sm\:pl-48{padding-right:12rem} html[dir="rtl"] .sm\:pr-56{padding-left:14rem} html[dir="rtl"] .sm\:pl-56{padding-right:14rem} html[dir="rtl"] .sm\:pr-60{padding-left:15rem} html[dir="rtl"] .sm\:pl-60{padding-right:15rem} html[dir="rtl"] .sm\:pr-64{padding-left:16rem} html[dir="rtl"] .sm\:pl-64{padding-right:16rem} html[dir="rtl"] .sm\:pr-80{padding-left:20rem} html[dir="rtl"] .sm\:pl-80{padding-right:20rem} html[dir="rtl"] .sm\:pr-96{padding-left:24rem} html[dir="rtl"] .sm\:pl-96{padding-right:24rem} html[dir="rtl"] .sm\:pr-120{padding-left:30rem} html[dir="rtl"] .sm\:pl-120{padding-right:30rem} html[dir="rtl"] .sm\:pr-160{padding-left:40rem} html[dir="rtl"] .sm\:pl-160{padding-right:40rem} html[dir="rtl"] .sm\:pr-px{padding-left:1px} html[dir="rtl"] .sm\:pl-px{padding-right:1px} html[dir="rtl"] .sm\:pr-10\%{padding-left:10%} html[dir="rtl"] .sm\:pl-10\%{padding-right:10%} html[dir="rtl"] .sm\:pr-20\%{padding-left:20%} html[dir="rtl"] .sm\:pl-20\%{padding-right:20%} html[dir="rtl"] .sm\:pr-30\%{padding-left:30%} html[dir="rtl"] .sm\:pl-30\%{padding-right:30%} html[dir="rtl"] .sm\:pr-40\%{padding-left:40%} html[dir="rtl"] .sm\:pl-40\%{padding-right:40%} html[dir="rtl"] .sm\:pr-50\%{padding-left:50%} html[dir="rtl"] .sm\:pl-50\%{padding-right:50%} html[dir="rtl"] .sm\:pr-60\%{padding-left:60%} html[dir="rtl"] .sm\:pl-60\%{padding-right:60%} html[dir="rtl"] .sm\:pr-70\%{padding-left:70%} html[dir="rtl"] .sm\:pl-70\%{padding-right:70%} html[dir="rtl"] .sm\:pr-80\%{padding-left:80%} html[dir="rtl"] .sm\:pl-80\%{padding-right:80%} html[dir="rtl"] .sm\:pr-90\%{padding-left:90%} html[dir="rtl"] .sm\:pl-90\%{padding-right:90%} html[dir="rtl"] .sm\:pr-1vw{padding-left:1vw} html[dir="rtl"] .sm\:pl-1vw{padding-right:1vw} html[dir="rtl"] .sm\:pr-2vw{padding-left:2vw} html[dir="rtl"] .sm\:pl-2vw{padding-right:2vw} html[dir="rtl"] .sm\:pr-3vw{padding-left:3vw} html[dir="rtl"] .sm\:pl-3vw{padding-right:3vw} html[dir="rtl"] .sm\:pr-4vw{padding-left:4vw} html[dir="rtl"] .sm\:pl-4vw{padding-right:4vw} html[dir="rtl"] .sm\:pr-5vw{padding-left:5vw} html[dir="rtl"] .sm\:pl-5vw{padding-right:5vw} html[dir="rtl"] .sm\:pr-6vw{padding-left:6vw} html[dir="rtl"] .sm\:pl-6vw{padding-right:6vw} html[dir="rtl"] .sm\:pr-7vw{padding-left:7vw} html[dir="rtl"] .sm\:pl-7vw{padding-right:7vw} html[dir="rtl"] .sm\:pr-8vw{padding-left:8vw} html[dir="rtl"] .sm\:pl-8vw{padding-right:8vw} html[dir="rtl"] .sm\:pr-9vw{padding-left:9vw} html[dir="rtl"] .sm\:pl-9vw{padding-right:9vw} html[dir="rtl"] .sm\:pr-10vw{padding-left:10vw} html[dir="rtl"] .sm\:pl-10vw{padding-right:10vw} } @media(min-width:992px){html[dir="rtl"] .md\:pr-0{padding-left:0} html[dir="rtl"] .md\:pl-0{padding-right:0} html[dir="rtl"] .md\:pr-1{padding-left:.25rem} html[dir="rtl"] .md\:pl-1{padding-right:.25rem} html[dir="rtl"] .md\:pr-2{padding-left:.5rem;padding-right:0} html[dir="rtl"] .md\:pl-2{padding-right:.5rem;padding-left:0} html[dir="rtl"] .md\:pr-3{padding-left:.75rem} html[dir="rtl"] .md\:pl-3{padding-right:.75rem} html[dir="rtl"] .md\:pr-4{padding-left:1rem} html[dir="rtl"] .md\:pl-4{padding-right:1rem} html[dir="rtl"] .md\:pr-5{padding-left:1.25rem} html[dir="rtl"] .md\:pl-5{padding-right:1.25rem} html[dir="rtl"] .md\:pr-6{padding-left:1.5rem} html[dir="rtl"] .md\:pl-6{padding-right:1.5rem} html[dir="rtl"] .md\:pr-7{padding-left:1.75rem} html[dir="rtl"] .md\:pl-7{padding-right:1.75rem} html[dir="rtl"] .md\:pr-8{padding-left:2rem} html[dir="rtl"] .md\:pl-8{padding-right:2rem} html[dir="rtl"] .md\:pr-9{padding-left:2.25rem} html[dir="rtl"] .md\:pl-9{padding-right:2.25rem} html[dir="rtl"] .md\:pr-10{padding-left:2.5rem} html[dir="rtl"] .md\:pl-10{padding-right:2.5rem} html[dir="rtl"] .md\:pr-12{padding-left:3rem} html[dir="rtl"] .md\:pl-12{padding-right:3rem} html[dir="rtl"] .md\:pr-16{padding-left:4rem} html[dir="rtl"] .md\:pl-16{padding-right:4rem} html[dir="rtl"] .md\:pr-20{padding-left:5rem} html[dir="rtl"] .md\:pl-20{padding-right:5rem} html[dir="rtl"] .md\:pr-24{padding-left:6rem} html[dir="rtl"] .md\:pl-24{padding-right:6rem} html[dir="rtl"] .md\:pr-28{padding-left:7rem} html[dir="rtl"] .md\:pl-28{padding-right:7rem} html[dir="rtl"] .md\:pr-32{padding-left:8rem} html[dir="rtl"] .md\:pl-32{padding-right:8rem} html[dir="rtl"] .md\:pr-36{padding-left:9rem} html[dir="rtl"] .md\:pl-36{padding-right:9rem} html[dir="rtl"] .md\:pr-40{padding-left:10rem} html[dir="rtl"] .md\:pl-40{padding-right:10rem} html[dir="rtl"] .md\:pr-44{padding-left:11rem} html[dir="rtl"] .md\:pl-44{padding-right:11rem} html[dir="rtl"] .md\:pr-48{padding-left:12rem} html[dir="rtl"] .md\:pl-48{padding-right:12rem} html[dir="rtl"] .md\:pr-56{padding-left:14rem} html[dir="rtl"] .md\:pl-56{padding-right:14rem} html[dir="rtl"] .md\:pr-60{padding-left:15rem} html[dir="rtl"] .md\:pl-60{padding-right:15rem} html[dir="rtl"] .md\:pr-64{padding-left:16rem} html[dir="rtl"] .md\:pl-64{padding-right:16rem} html[dir="rtl"] .md\:pr-80{padding-left:20rem} html[dir="rtl"] .md\:pl-80{padding-right:20rem} html[dir="rtl"] .md\:pr-96{padding-left:24rem} html[dir="rtl"] .md\:pl-96{padding-right:24rem} html[dir="rtl"] .md\:pr-120{padding-left:30rem} html[dir="rtl"] .md\:pl-120{padding-right:30rem} html[dir="rtl"] .md\:pr-160{padding-left:40rem} html[dir="rtl"] .md\:pl-160{padding-right:40rem} html[dir="rtl"] .md\:pr-px{padding-left:1px} html[dir="rtl"] .md\:pl-px{padding-right:1px} html[dir="rtl"] .md\:pr-10\%{padding-left:10%} html[dir="rtl"] .md\:pl-10\%{padding-right:10%} html[dir="rtl"] .md\:pr-20\%{padding-left:20%} html[dir="rtl"] .md\:pl-20\%{padding-right:20%} html[dir="rtl"] .md\:pr-30\%{padding-left:30%} html[dir="rtl"] .md\:pl-30\%{padding-right:30%} html[dir="rtl"] .md\:pr-40\%{padding-left:40%} html[dir="rtl"] .md\:pl-40\%{padding-right:40%} html[dir="rtl"] .md\:pr-50\%{padding-left:50%} html[dir="rtl"] .md\:pl-50\%{padding-right:50%} html[dir="rtl"] .md\:pr-60\%{padding-left:60%} html[dir="rtl"] .md\:pl-60\%{padding-right:60%} html[dir="rtl"] .md\:pr-70\%{padding-left:70%} html[dir="rtl"] .md\:pl-70\%{padding-right:70%} html[dir="rtl"] .md\:pr-80\%{padding-left:80%} html[dir="rtl"] .md\:pl-80\%{padding-right:80%} html[dir="rtl"] .md\:pr-90\%{padding-left:90%} html[dir="rtl"] .md\:pl-90\%{padding-right:90%} html[dir="rtl"] .md\:pr-1vw{padding-left:1vw} html[dir="rtl"] .md\:pl-1vw{padding-right:1vw} html[dir="rtl"] .md\:pr-2vw{padding-left:2vw} html[dir="rtl"] .md\:pl-2vw{padding-right:2vw} html[dir="rtl"] .md\:pr-3vw{padding-left:3vw} html[dir="rtl"] .md\:pl-3vw{padding-right:3vw} html[dir="rtl"] .md\:pr-4vw{padding-left:4vw} html[dir="rtl"] .md\:pl-4vw{padding-right:4vw} html[dir="rtl"] .md\:pr-5vw{padding-left:5vw} html[dir="rtl"] .md\:pl-5vw{padding-right:5vw} html[dir="rtl"] .md\:pr-6vw{padding-left:6vw} html[dir="rtl"] .md\:pl-6vw{padding-right:6vw} html[dir="rtl"] .md\:pr-7vw{padding-left:7vw} html[dir="rtl"] .md\:pl-7vw{padding-right:7vw} html[dir="rtl"] .md\:pr-8vw{padding-left:8vw} html[dir="rtl"] .md\:pl-8vw{padding-right:8vw} html[dir="rtl"] .md\:pr-9vw{padding-left:9vw} html[dir="rtl"] .md\:pl-9vw{padding-right:9vw} html[dir="rtl"] .md\:pr-10vw{padding-left:10vw} html[dir="rtl"] .md\:pl-10vw{padding-right:10vw} } @media(min-width:1140px){html[dir="rtl"] .lg\:pr-0{padding-left:0} html[dir="rtl"] .lg\:pl-0{padding-right:0} html[dir="rtl"] .lg\:pr-1{padding-left:.25rem} html[dir="rtl"] .lg\:pl-1{padding-right:.25rem} html[dir="rtl"] .lg\:pr-2{padding-left:.5rem} html[dir="rtl"] .lg\:pl-2{padding-right:.5rem} html[dir="rtl"] .lg\:pr-3{padding-left:.75rem} html[dir="rtl"] .lg\:pl-3{padding-right:.75rem} html[dir="rtl"] .lg\:pr-4{padding-left:1rem} html[dir="rtl"] .lg\:pl-4{padding-right:1rem} html[dir="rtl"] .lg\:pr-5{padding-left:1.25rem} html[dir="rtl"] .lg\:pl-5{padding-right:1.25rem} html[dir="rtl"] .lg\:pr-6{padding-left:1.5rem} html[dir="rtl"] .lg\:pl-6{padding-right:1.5rem} html[dir="rtl"] .lg\:pr-7{padding-left:1.75rem} html[dir="rtl"] .lg\:pl-7{padding-right:1.75rem} html[dir="rtl"] .lg\:pr-8{padding-left:2rem} html[dir="rtl"] .lg\:pl-8{padding-right:2rem} html[dir="rtl"] .lg\:pr-9{padding-left:2.25rem} html[dir="rtl"] .lg\:pl-9{padding-right:2.25rem} html[dir="rtl"] .lg\:pr-10{padding-left:2.5rem} html[dir="rtl"] .lg\:pl-10{padding-right:2.5rem} html[dir="rtl"] .lg\:pr-12{padding-left:3rem} html[dir="rtl"] .lg\:pl-12{padding-right:3rem} html[dir="rtl"] .lg\:pr-16{padding-left:4rem} html[dir="rtl"] .lg\:pl-16{padding-right:4rem} html[dir="rtl"] .lg\:pr-20{padding-left:5rem} html[dir="rtl"] .lg\:pl-20{padding-right:5rem} html[dir="rtl"] .lg\:pr-24{padding-left:6rem} html[dir="rtl"] .lg\:pl-24{padding-right:6rem} html[dir="rtl"] .lg\:pr-28{padding-left:7rem} html[dir="rtl"] .lg\:pl-28{padding-right:7rem} html[dir="rtl"] .lg\:pr-32{padding-left:8rem} html[dir="rtl"] .lg\:pl-32{padding-right:8rem} html[dir="rtl"] .lg\:pr-36{padding-left:9rem} html[dir="rtl"] .lg\:pl-36{padding-right:9rem} html[dir="rtl"] .lg\:pr-40{padding-left:10rem} html[dir="rtl"] .lg\:pl-40{padding-right:10rem} html[dir="rtl"] .lg\:pr-44{padding-left:11rem} html[dir="rtl"] .lg\:pl-44{padding-right:11rem} html[dir="rtl"] .lg\:pr-48{padding-left:12rem} html[dir="rtl"] .lg\:pl-48{padding-right:12rem} html[dir="rtl"] .lg\:pr-56{padding-left:14rem} html[dir="rtl"] .lg\:pl-56{padding-right:14rem} html[dir="rtl"] .lg\:pr-60{padding-left:15rem} html[dir="rtl"] .lg\:pl-60{padding-right:15rem} html[dir="rtl"] .lg\:pr-64{padding-left:16rem} html[dir="rtl"] .lg\:pl-64{padding-right:16rem} html[dir="rtl"] .lg\:pr-80{padding-left:20rem} html[dir="rtl"] .lg\:pl-80{padding-right:20rem} html[dir="rtl"] .lg\:pr-96{padding-left:24rem} html[dir="rtl"] .lg\:pl-96{padding-right:24rem} html[dir="rtl"] .lg\:pr-120{padding-left:30rem} html[dir="rtl"] .lg\:pl-120{padding-right:30rem} html[dir="rtl"] .lg\:pr-160{padding-left:40rem} html[dir="rtl"] .lg\:pl-160{padding-right:40rem} html[dir="rtl"] .lg\:pr-px{padding-left:1px} html[dir="rtl"] .lg\:pl-px{padding-right:1px} html[dir="rtl"] .lg\:pr-10\%{padding-left:10%} html[dir="rtl"] .lg\:pl-10\%{padding-right:10%} html[dir="rtl"] .lg\:pr-20\%{padding-left:20%} html[dir="rtl"] .lg\:pl-20\%{padding-right:20%} html[dir="rtl"] .lg\:pr-30\%{padding-left:30%} html[dir="rtl"] .lg\:pl-30\%{padding-right:30%} html[dir="rtl"] .lg\:pr-40\%{padding-left:40%} html[dir="rtl"] .lg\:pl-40\%{padding-right:40%} html[dir="rtl"] .lg\:pr-50\%{padding-left:50%} html[dir="rtl"] .lg\:pl-50\%{padding-right:50%} html[dir="rtl"] .lg\:pr-60\%{padding-left:60%} html[dir="rtl"] .lg\:pl-60\%{padding-right:60%} html[dir="rtl"] .lg\:pr-70\%{padding-left:70%} html[dir="rtl"] .lg\:pl-70\%{padding-right:70%} html[dir="rtl"] .lg\:pr-80\%{padding-left:80%} html[dir="rtl"] .lg\:pl-80\%{padding-right:80%} html[dir="rtl"] .lg\:pr-90\%{padding-left:90%} html[dir="rtl"] .lg\:pl-90\%{padding-right:90%} html[dir="rtl"] .lg\:pr-1vw{padding-left:1vw} html[dir="rtl"] .lg\:pl-1vw{padding-right:1vw} html[dir="rtl"] .lg\:pr-2vw{padding-left:2vw} html[dir="rtl"] .lg\:pl-2vw{padding-right:2vw} html[dir="rtl"] .lg\:pr-3vw{padding-left:3vw} html[dir="rtl"] .lg\:pl-3vw{padding-right:3vw} html[dir="rtl"] .lg\:pr-4vw{padding-left:4vw} html[dir="rtl"] .lg\:pl-4vw{padding-right:4vw} html[dir="rtl"] .lg\:pr-5vw{padding-left:5vw} html[dir="rtl"] .lg\:pl-5vw{padding-right:5vw} html[dir="rtl"] .lg\:pr-6vw{padding-left:6vw} html[dir="rtl"] .lg\:pl-6vw{padding-right:6vw} html[dir="rtl"] .lg\:pr-7vw{padding-left:7vw} html[dir="rtl"] .lg\:pl-7vw{padding-right:7vw} html[dir="rtl"] .lg\:pr-8vw{padding-left:8vw} html[dir="rtl"] .lg\:pl-8vw{padding-right:8vw} html[dir="rtl"] .lg\:pr-9vw{padding-left:9vw} html[dir="rtl"] .lg\:pl-9vw{padding-right:9vw} html[dir="rtl"] .lg\:pr-10vw{padding-left:10vw} html[dir="rtl"] .lg\:pl-10vw{padding-right:10vw} } @media(min-width:1460px){html[dir="rtl"] .xl\:pr-0{padding-left:0} html[dir="rtl"] .xl\:pl-0{padding-right:0} html[dir="rtl"] .xl\:pr-1{padding-left:.25rem} html[dir="rtl"] .xl\:pl-1{padding-right:.25rem} html[dir="rtl"] .xl\:pr-2{padding-left:.5rem} html[dir="rtl"] .xl\:pl-2{padding-right:.5rem} html[dir="rtl"] .xl\:pr-3{padding-left:.75rem} html[dir="rtl"] .xl\:pl-3{padding-right:.75rem} html[dir="rtl"] .xl\:pr-4{padding-left:1rem} html[dir="rtl"] .xl\:pl-4{padding-right:1rem} html[dir="rtl"] .xl\:pr-5{padding-left:1.25rem} html[dir="rtl"] .xl\:pl-5{padding-right:1.25rem} html[dir="rtl"] .xl\:pr-6{padding-left:1.5rem} html[dir="rtl"] .xl\:pl-6{padding-right:1.5rem} html[dir="rtl"] .xl\:pr-7{padding-left:1.75rem} html[dir="rtl"] .xl\:pl-7{padding-right:1.75rem} html[dir="rtl"] .xl\:pr-8{padding-left:2rem} html[dir="rtl"] .xl\:pl-8{padding-right:2rem} html[dir="rtl"] .xl\:pr-9{padding-left:2.25rem} html[dir="rtl"] .xl\:pl-9{padding-right:2.25rem} html[dir="rtl"] .xl\:pr-10{padding-left:2.5rem} html[dir="rtl"] .xl\:pl-10{padding-right:2.5rem} html[dir="rtl"] .xl\:pr-12{padding-left:3rem} html[dir="rtl"] .xl\:pl-12{padding-right:3rem} html[dir="rtl"] .xl\:pr-16{padding-left:4rem} html[dir="rtl"] .xl\:pl-16{padding-right:4rem} html[dir="rtl"] .xl\:pr-20{padding-left:5rem;padding-right:0} html[dir="rtl"] .xl\:pl-20{padding-right:5rem} html[dir="rtl"] .xl\:pr-24{padding-left:6rem} html[dir="rtl"] .xl\:pl-24{padding-right:6rem} html[dir="rtl"] .xl\:pr-28{padding-left:7rem} html[dir="rtl"] .xl\:pl-28{padding-right:7rem} html[dir="rtl"] .xl\:pr-32{padding-left:8rem} html[dir="rtl"] .xl\:pl-32{padding-right:8rem} html[dir="rtl"] .xl\:pr-36{padding-left:9rem} html[dir="rtl"] .xl\:pl-36{padding-right:9rem} html[dir="rtl"] .xl\:pr-40{padding-left:10rem} html[dir="rtl"] .xl\:pl-40{padding-right:10rem} html[dir="rtl"] .xl\:pr-44{padding-left:11rem} html[dir="rtl"] .xl\:pl-44{padding-right:11rem} html[dir="rtl"] .xl\:pr-48{padding-left:12rem} html[dir="rtl"] .xl\:pl-48{padding-right:12rem} html[dir="rtl"] .xl\:pr-56{padding-left:14rem} html[dir="rtl"] .xl\:pl-56{padding-right:14rem} html[dir="rtl"] .xl\:pr-60{padding-left:15rem} html[dir="rtl"] .xl\:pl-60{padding-right:15rem} html[dir="rtl"] .xl\:pr-64{padding-left:16rem} html[dir="rtl"] .xl\:pl-64{padding-right:16rem} html[dir="rtl"] .xl\:pr-80{padding-left:20rem} html[dir="rtl"] .xl\:pl-80{padding-right:20rem} html[dir="rtl"] .xl\:pr-96{padding-left:24rem} html[dir="rtl"] .xl\:pl-96{padding-right:24rem} html[dir="rtl"] .xl\:pr-120{padding-left:30rem} html[dir="rtl"] .xl\:pl-120{padding-right:30rem} html[dir="rtl"] .xl\:pr-160{padding-left:40rem} html[dir="rtl"] .xl\:pl-160{padding-right:40rem} html[dir="rtl"] .xl\:pr-px{padding-left:1px} html[dir="rtl"] .xl\:pl-px{padding-right:1px} html[dir="rtl"] .xl\:pr-10\%{padding-left:10%} html[dir="rtl"] .xl\:pl-10\%{padding-right:10%} html[dir="rtl"] .xl\:pr-20\%{padding-left:20%} html[dir="rtl"] .xl\:pl-20\%{padding-right:20%} html[dir="rtl"] .xl\:pr-30\%{padding-left:30%} html[dir="rtl"] .xl\:pl-30\%{padding-right:30%} html[dir="rtl"] .xl\:pr-40\%{padding-left:40%} html[dir="rtl"] .xl\:pl-40\%{padding-right:40%} html[dir="rtl"] .xl\:pr-50\%{padding-left:50%} html[dir="rtl"] .xl\:pl-50\%{padding-right:50%} html[dir="rtl"] .xl\:pr-60\%{padding-left:60%} html[dir="rtl"] .xl\:pl-60\%{padding-right:60%} html[dir="rtl"] .xl\:pr-70\%{padding-left:70%} html[dir="rtl"] .xl\:pl-70\%{padding-right:70%} html[dir="rtl"] .xl\:pr-80\%{padding-left:80%} html[dir="rtl"] .xl\:pl-80\%{padding-right:80%} html[dir="rtl"] .xl\:pr-90\%{padding-left:90%} html[dir="rtl"] .xl\:pl-90\%{padding-right:90%} html[dir="rtl"] .xl\:pr-1vw{padding-left:1vw} html[dir="rtl"] .xl\:pl-1vw{padding-right:1vw} html[dir="rtl"] .xl\:pr-2vw{padding-left:2vw} html[dir="rtl"] .xl\:pl-2vw{padding-right:2vw} html[dir="rtl"] .xl\:pr-3vw{padding-left:3vw} html[dir="rtl"] .xl\:pl-3vw{padding-right:3vw} html[dir="rtl"] .xl\:pr-4vw{padding-left:4vw} html[dir="rtl"] .xl\:pl-4vw{padding-right:4vw} html[dir="rtl"] .xl\:pr-5vw{padding-left:5vw} html[dir="rtl"] .xl\:pl-5vw{padding-right:5vw} html[dir="rtl"] .xl\:pr-6vw{padding-left:6vw} html[dir="rtl"] .xl\:pl-6vw{padding-right:6vw} html[dir="rtl"] .xl\:pr-7vw{padding-left:7vw} html[dir="rtl"] .xl\:pl-7vw{padding-right:7vw} html[dir="rtl"] .xl\:pr-8vw{padding-left:8vw} html[dir="rtl"] .xl\:pl-8vw{padding-right:8vw} html[dir="rtl"] .xl\:pr-9vw{padding-left:9vw} html[dir="rtl"] .xl\:pl-9vw{padding-right:9vw} html[dir="rtl"] .xl\:pr-10vw{padding-left:10vw} html[dir="rtl"] .xl\:pl-10vw{padding-right:10vw} } html[dir="rtl"] .grid-14>.offs-1{margin-right:7.14286%;margin-left:0} html[dir="rtl"] .grid-14>.offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .grid-14>.offs-2{margin-right:14.28571%;margin-left:0} html[dir="rtl"] .grid-14>.offs-3{margin-right:21.42857%;margin-left:0} html[dir="rtl"] .grid-14>.offs-4{margin-right:28.57143%;margin-left:0} html[dir="rtl"] .grid-14>.offs-5{margin-right:35.71429%;margin-left:0} html[dir="rtl"] .grid-14>.offs-6{margin-right:42.85714%;margin-left:0} html[dir="rtl"] .grid-14>.offs-7{margin-right:50%;margin-left:0} html[dir="rtl"] .grid-14>.offs-8{margin-right:57.14286%;margin-left:0} html[dir="rtl"] .grid-14>.offs-9{margin-right:64.28571%;margin-left:0} html[dir="rtl"] .grid-14>.offs-10{margin-right:71.42857%;margin-left:0} html[dir="rtl"] .grid-14>.offs-11{margin-right:78.57143%;margin-left:0} html[dir="rtl"] .grid-14>.offs-12{margin-right:85.71429%;margin-left:0} html[dir="rtl"] .grid-14>.offs-13{margin-right:92.85714%;margin-left:0} html[dir="rtl"] .grid-12>.offs-1{margin-right:8.33333%;margin-left:0} html[dir="rtl"] .grid-12>.offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .grid-12>.offs-2{margin-right:16.66667%;margin-left:0} html[dir="rtl"] .grid-12>.offs-3{margin-right:25%;margin-left:0} html[dir="rtl"] .grid-12>.offs-4{margin-right:33.33333%;margin-left:0} html[dir="rtl"] .grid-12>.offs-5{margin-right:41.66667%;margin-left:0} html[dir="rtl"] .grid-12>.offs-6{margin-right:50%;margin-left:0} html[dir="rtl"] .grid-12>.offs-7{margin-right:58.33333%;margin-left:0} html[dir="rtl"] .grid-12>.offs-8{margin-right:66.66667%;margin-left:0} html[dir="rtl"] .grid-12>.offs-9{margin-right:75%;margin-left:0} html[dir="rtl"] .grid-12>.offs-10{margin-right:83.33333%;margin-left:0} html[dir="rtl"] .grid-12>.offs-11{margin-right:91.66667%;margin-left:0} html[dir="rtl"] .grid-10>.offs-1{margin-right:10%;margin-left:0} html[dir="rtl"] .grid-10>.offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .grid-10>.offs-2{margin-right:20%;margin-left:0} html[dir="rtl"] .grid-10>.offs-3{margin-right:30%;margin-left:0} html[dir="rtl"] .grid-10>.offs-4{margin-right:40%;margin-left:0} html[dir="rtl"] .grid-10>.offs-5{margin-right:50%;margin-left:0} html[dir="rtl"] .grid-10>.offs-6{margin-right:60%;margin-left:0} html[dir="rtl"] .grid-10>.offs-7{margin-right:70%;margin-left:0} html[dir="rtl"] .grid-10>.offs-8{margin-right:80%;margin-left:0} html[dir="rtl"] .grid-10>.offs-9{margin-right:90%;margin-left:0} @media(min-width:576px){html[dir="rtl"] .xs\:grid-14>.xs\:offs-1{margin-right:7.14286%;margin-left:0} html[dir="rtl"] .grid-14>.xs\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-2{margin-right:14.28571%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-3{margin-right:21.42857%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-4{margin-right:28.57143%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-5{margin-right:35.71429%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-6{margin-right:42.85714%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-7{margin-right:50%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-8{margin-right:57.14286%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-9{margin-right:64.28571%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-10{margin-right:71.42857%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-11{margin-right:78.57143%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-12{margin-right:85.71429%;margin-left:0} html[dir="rtl"] .xs\:grid-14>.xs\:offs-13{margin-right:92.85714%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-1{margin-right:8.33333%;margin-left:0} html[dir="rtl"] .grid-12>.xs\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-2{margin-right:16.66667%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-3{margin-right:25%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-4{margin-right:33.33333%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-5{margin-right:41.66667%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-6{margin-right:50%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-7{margin-right:58.33333%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-8{margin-right:66.66667%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-9{margin-right:75%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-10{margin-right:83.33333%;margin-left:0} html[dir="rtl"] .xs\:grid-12>.xs\:offs-11{margin-right:91.66667%;margin-left:0} html[dir="rtl"] .xs\:grid-10>.xs\:offs-1{margin-right:10%;margin-left:0} html[dir="rtl"] .grid-10>.xs\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .xs\:grid-10>.xs\:offs-2{margin-right:20%;margin-left:0} html[dir="rtl"] .xs\:grid-10>.xs\:offs-3{margin-right:30%;margin-left:0} html[dir="rtl"] .xs\:grid-10>.xs\:offs-4{margin-right:40%;margin-left:0} html[dir="rtl"] .xs\:grid-10>.xs\:offs-5{margin-right:50%;margin-left:0} html[dir="rtl"] .xs\:grid-10>.xs\:offs-6{margin-right:60%;margin-left:0} html[dir="rtl"] .xs\:grid-10>.xs\:offs-7{margin-right:70%} html[dir="rtl"] .xs\:grid-10>.xs\:offs-8{margin-right:80%;margin-left:0} html[dir="rtl"] .xs\:grid-10>.xs\:offs-9{margin-right:90%;margin-left:0} } @media(min-width:768px){html[dir="rtl"] .sm\:grid-14>.sm\:offs-1{margin-right:7.14286%;margin-left:0} html[dir="rtl"] .grid-14>.sm\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-2{margin-right:14.28571%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-3{margin-right:21.42857%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-4{margin-right:28.57143%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-5{margin-right:35.71429%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-6{margin-right:42.85714%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-7{margin-right:50%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-8{margin-right:57.14286%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-9{margin-right:64.28571%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-10{margin-right:71.42857%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-11{margin-right:78.57143%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-12{margin-right:85.71429%;margin-left:0} html[dir="rtl"] .sm\:grid-14>.sm\:offs-13{margin-right:92.85714%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-1{margin-right:8.33333%;margin-left:0} html[dir="rtl"] .grid-12>.sm\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-2{margin-right:16.66667%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-3{margin-right:25%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-4{margin-right:33.33333%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-5{margin-right:41.66667%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-6{margin-right:50%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-7{margin-right:58.33333%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-8{margin-right:66.66667%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-9{margin-right:75%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-10{margin-right:83.33333%;margin-left:0} html[dir="rtl"] .sm\:grid-12>.sm\:offs-11{margin-right:91.66667%;margin-left:0} html[dir="rtl"] .sm\:grid-10>.sm\:offs-1{margin-right:10%;margin-left:0} html[dir="rtl"] .grid-10>.sm\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .sm\:grid-10>.sm\:offs-2{margin-right:20%;margin-left:0} html[dir="rtl"] .sm\:grid-10>.sm\:offs-3{margin-right:30%;margin-left:0} html[dir="rtl"] .sm\:grid-10>.sm\:offs-4{margin-right:40%;margin-left:0} html[dir="rtl"] .sm\:grid-10>.sm\:offs-5{margin-right:50%;margin-left:0} html[dir="rtl"] .sm\:grid-10>.sm\:offs-6{margin-right:60%;margin-left:0} html[dir="rtl"] .sm\:grid-10>.sm\:offs-7{margin-right:70%;margin-left:0} html[dir="rtl"] .sm\:grid-10>.sm\:offs-8{margin-right:80%;margin-left:0} html[dir="rtl"] .sm\:grid-10>.sm\:offs-9{margin-right:90%;margin-left:0} } @media(min-width:992px){html[dir="rtl"] .md\:grid-14>.md\:offs-1{margin-right:7.14286%;margin-left:0} html[dir="rtl"] .grid-14>.md\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-2{margin-right:14.28571%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-3{margin-right:21.42857%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-4{margin-right:28.57143%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-5{margin-right:35.71429%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-6{margin-right:42.85714%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-7{margin-right:50%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-8{margin-right:57.14286%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-9{margin-right:64.28571%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-10{margin-right:71.42857%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-11{margin-right:78.57143%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-12{margin-right:85.71429%;margin-left:0} html[dir="rtl"] .md\:grid-14>.md\:offs-13{margin-right:92.85714%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-1{margin-right:8.33333%;margin-left:0} html[dir="rtl"] .grid-12>.md\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-2{margin-right:16.66667%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-3{margin-right:25%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-4{margin-right:33.33333%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-5{margin-right:41.66667%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-6{margin-right:50%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-7{margin-right:58.33333%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-8{margin-right:66.66667%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-9{margin-right:75%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-10{margin-right:83.33333%;margin-left:0} html[dir="rtl"] .md\:grid-12>.md\:offs-11{margin-right:91.66667%;margin-left:0} html[dir="rtl"] .md\:grid-10>.md\:offs-1{margin-right:10%;margin-left:0} html[dir="rtl"] .grid-10>.md\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .md\:grid-10>.md\:offs-2{margin-right:20%;margin-left:0} html[dir="rtl"] .md\:grid-10>.md\:offs-3{margin-right:30%;margin-left:0} html[dir="rtl"] .md\:grid-10>.md\:offs-4{margin-right:40%;margin-left:0} html[dir="rtl"] .md\:grid-10>.md\:offs-5{margin-right:50%;margin-left:0} html[dir="rtl"] .md\:grid-10>.md\:offs-6{margin-right:60%;margin-left:0} html[dir="rtl"] .md\:grid-10>.md\:offs-7{margin-right:70%;margin-left:0} html[dir="rtl"] .md\:grid-10>.md\:offs-8{margin-right:80%;margin-left:0} html[dir="rtl"] .md\:grid-10>.md\:offs-9{margin-right:90%;margin-left:0} } @media(min-width:1140px){html[dir="rtl"] .lg\:grid-14>.lg\:offs-1{margin-right:7.14286%;margin-left:0} html[dir="rtl"] .grid-14>.lg\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-2{margin-right:14.28571%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-3{margin-right:21.42857%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-4{margin-right:28.57143%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-5{margin-right:35.71429%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-6{margin-right:42.85714%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-7{margin-right:50%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-8{margin-right:57.14286%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-9{margin-right:64.28571%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-10{margin-right:71.42857%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-11{margin-right:78.57143%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-12{margin-right:85.71429%;margin-left:0} html[dir="rtl"] .lg\:grid-14>.lg\:offs-13{margin-right:92.85714%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-1{margin-right:8.33333%;margin-left:0} html[dir="rtl"] .grid-12>.lg\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-2{margin-right:16.66667%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-3{margin-right:25%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-4{margin-right:33.33333%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-5{margin-right:41.66667%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-6{margin-right:50%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-7{margin-right:58.33333%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-8{margin-right:66.66667%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-9{margin-right:75%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-10{margin-right:83.33333%;margin-left:0} html[dir="rtl"] .lg\:grid-12>.lg\:offs-11{margin-right:91.66667%;margin-left:0} html[dir="rtl"] .lg\:grid-10>.lg\:offs-1{margin-right:10%;margin-left:0} html[dir="rtl"] .grid-10>.lg\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .lg\:grid-10>.lg\:offs-2{margin-right:20%;margin-left:0} html[dir="rtl"] .lg\:grid-10>.lg\:offs-3{margin-right:30%;margin-left:0} html[dir="rtl"] .lg\:grid-10>.lg\:offs-4{margin-right:40%;margin-left:0} html[dir="rtl"] .lg\:grid-10>.lg\:offs-5{margin-right:50%;margin-left:0} html[dir="rtl"] .lg\:grid-10>.lg\:offs-6{margin-right:60%;margin-left:0} html[dir="rtl"] .lg\:grid-10>.lg\:offs-7{margin-right:70%;margin-left:0} html[dir="rtl"] .lg\:grid-10>.lg\:offs-8{margin-right:80%;margin-left:0} html[dir="rtl"] .lg\:grid-10>.lg\:offs-9{margin-right:90%;margin-left:0} } @media(min-width:1460px){html[dir="rtl"] .xl\:grid-14>.xl\:offs-1{margin-right:7.14286%;margin-left:0} html[dir="rtl"] .grid-14>.xl\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-2{margin-right:14.28571%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-3{margin-right:21.42857%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-4{margin-right:28.57143%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-5{margin-right:35.71429%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-6{margin-right:42.85714%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-7{margin-right:50%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-8{margin-right:57.14286%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-9{margin-right:64.28571%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-10{margin-right:71.42857%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-11{margin-right:78.57143%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-12{margin-right:85.71429%;margin-left:0} html[dir="rtl"] .xl\:grid-14>.xl\:offs-13{margin-right:92.85714%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-1{margin-right:8.33333%;margin-left:0} html[dir="rtl"] .grid-12>.xl\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-2{margin-right:16.66667%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-3{margin-right:25%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-4{margin-right:33.33333%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-5{margin-right:41.66667%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-6{margin-right:50%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-7{margin-right:58.33333%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-8{margin-right:66.66667%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-9{margin-right:75%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-10{margin-right:83.33333%;margin-left:0} html[dir="rtl"] .xl\:grid-12>.xl\:offs-11{margin-right:91.66667%;margin-left:0} html[dir="rtl"] .xl\:grid-10>.xl\:offs-1{margin-right:10%;margin-left:0} html[dir="rtl"] .grid-10>.xl\:offs-0{margin-right:0;margin-left:0} html[dir="rtl"] .xl\:grid-10>.xl\:offs-2{margin-right:20%;margin-left:0} html[dir="rtl"] .xl\:grid-10>.xl\:offs-3{margin-right:30%;margin-left:0} html[dir="rtl"] .xl\:grid-10>.xl\:offs-4{margin-right:40%;margin-left:0} html[dir="rtl"] .xl\:grid-10>.xl\:offs-5{margin-right:50%;margin-left:0} html[dir="rtl"] .xl\:grid-10>.xl\:offs-6{margin-right:60%;margin-left:0} html[dir="rtl"] .xl\:grid-10>.xl\:offs-7{margin-right:70%;margin-left:0} html[dir="rtl"] .xl\:grid-10>.xl\:offs-8{margin-right:80%;margin-left:0} html[dir="rtl"] .xl\:grid-10>.xl\:offs-9{margin-right:90%;margin-left:0} } html[dir="rtl"] .default-variant-axis li{margin-left:1.25rem;margin-right:0} @media(min-width:768px){html[dir="rtl"] .default-variant-axis li{margin-left:.5rem;margin-right:0} } @media(min-width:1140px){html[dir="rtl"] .default-variant-axis li{margin-left:1.5rem;margin-right:0} } html[dir="rtl"] .inheritPara ul{padding-right:18px;padding-left:0} @media(min-width:768px){[dir='rtl'] .slick-prev{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2041%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='41'%20height='41'%20fill='black'/%3E%3Cpath%20d='M29.7071%2020.7071C30.0976%2020.3166%2030.0976%2019.6834%2029.7071%2019.2929L23.3431%2012.9289C22.9526%2012.5384%2022.3195%2012.5384%2021.9289%2012.9289C21.5384%2013.3195%2021.5384%2013.9526%2021.9289%2014.3431L27.5858%2020L21.9289%2025.6569C21.5384%2026.0474%2021.5384%2026.6805%2021.9289%2027.0711C22.3195%2027.4616%2022.9526%2027.4616%2023.3431%2027.0711L29.7071%2020.7071ZM12%2021H29V19H12V21Z'%20fill='white'/%3E%3C/svg%3E")} } @media(min-width:1140px){[dir='rtl'] .slick-prev{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20width='30'%20height='30'%20viewBox='0%200%2041%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='41'%20height='41'%20fill='black'/%3E%3Cpath%20d='M29.7071%2020.7071C30.0976%2020.3166%2030.0976%2019.6834%2029.7071%2019.2929L23.3431%2012.9289C22.9526%2012.5384%2022.3195%2012.5384%2021.9289%2012.9289C21.5384%2013.3195%2021.5384%2013.9526%2021.9289%2014.3431L27.5858%2020L21.9289%2025.6569C21.5384%2026.0474%2021.5384%2026.6805%2021.9289%2027.0711C22.3195%2027.4616%2022.9526%2027.4616%2023.3431%2027.0711L29.7071%2020.7071ZM12%2021H29V19H12V21Z'%20fill='white'/%3E%3C/svg%3E")} } @media(min-width:1460px){[dir='rtl'] .slick-prev{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20width='41'%20height='41'%20viewBox='0%200%2041%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='41'%20height='41'%20fill='black'/%3E%3Cpath%20d='M29.7071%2020.7071C30.0976%2020.3166%2030.0976%2019.6834%2029.7071%2019.2929L23.3431%2012.9289C22.9526%2012.5384%2022.3195%2012.5384%2021.9289%2012.9289C21.5384%2013.3195%2021.5384%2013.9526%2021.9289%2014.3431L27.5858%2020L21.9289%2025.6569C21.5384%2026.0474%2021.5384%2026.6805%2021.9289%2027.0711C22.3195%2027.4616%2022.9526%2027.4616%2023.3431%2027.0711L29.7071%2020.7071ZM12%2021H29V19H12V21Z'%20fill='white'/%3E%3C/svg%3E")} } @media(min-width:768px){[dir='rtl'] .slick-next{background-image:url("data:image/svg+xml;charset=utf8,%3C?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3E%3C!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='20px'%20height='20px'%20viewBox='0%200%2041%2041'%20enable-background='new%200%200%2041%2041'%20xml:space='preserve'%3E%3Cimage%20id='image0'%20width='41'%20height='41'%20x='0'%20y='0'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAAAAACNC18qAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%20AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ%20cwAAAGAAAABgAPBrQs8AAAAHdElNRQfjAQ8UHyGjG+8GAAAASUlEQVQ4y2NgGAWjgDQg4MVEnEKx%20y/99iFV4WZAYhRLX/18SHeQKGU7/RwfIskSGHRqQJNr2gVdKdGySkEIYGAR9yAu5UTA8AQDq7DMk%20wgTv/wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMS0xNlQwMzozMTozMy0wNzowMOjEmNsAAAAl%20dEVYdGRhdGU6bW9kaWZ5ADIwMTktMDEtMTZUMDM6MzE6MzMtMDc6MDCZmSBnAAAAAElFTkSuQmCC'%20/%3E%3C/svg%3E")} } @media(min-width:1140px){[dir='rtl'] .slick-next{background-image:url("data:image/svg+xml;charset=utf8,%3C?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3E%3C!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='30px'%20height='30px'%20viewBox='0%200%2030%2030'%20enable-background='new%200%200%2041%2041'%20xml:space='preserve'%3E%3Cimage%20id='image0'%20width='30'%20height='30'%20x='0'%20y='0'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAAAAACNC18qAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%20AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ%20cwAAAGAAAABgAPBrQs8AAAAHdElNRQfjAQ8UHyGjG+8GAAAASUlEQVQ4y2NgGAWjgDQg4MVEnEKx%20y/99iFV4WZAYhRLX/18SHeQKGU7/RwfIskSGHRqQJNr2gVdKdGySkEIYGAR9yAu5UTA8AQDq7DMk%20wgTv/wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMS0xNlQwMzozMTozMy0wNzowMOjEmNsAAAAl%20dEVYdGRhdGU6bW9kaWZ5ADIwMTktMDEtMTZUMDM6MzE6MzMtMDc6MDCZmSBnAAAAAElFTkSuQmCC'%20/%3E%3C/svg%3E")} } @media(min-width:1460px){[dir='rtl'] .slick-next{background-image:url("data:image/svg+xml;charset=utf8,%3C?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3E%3C!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='41px'%20height='41px'%20viewBox='0%200%2041%2041'%20enable-background='new%200%200%2041%2041'%20xml:space='preserve'%3E%3Cimage%20id='image0'%20width='41'%20height='41'%20x='0'%20y='0'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAAAAACNC18qAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%20AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ%20cwAAAGAAAABgAPBrQs8AAAAHdElNRQfjAQ8UHyGjG+8GAAAASUlEQVQ4y2NgGAWjgDQg4MVEnEKx%20y/99iFV4WZAYhRLX/18SHeQKGU7/RwfIskSGHRqQJNr2gVdKdGySkEIYGAR9yAu5UTA8AQDq7DMk%20wgTv/wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMS0xNlQwMzozMTozMy0wNzowMOjEmNsAAAAl%20dEVYdGRhdGU6bW9kaWZ5ADIwMTktMDEtMTZUMDM6MzE6MzMtMDc6MDCZmSBnAAAAAElFTkSuQmCC'%20/%3E%3C/svg%3E")} } [dir='rtl'] .slick-prev{right:0;left:auto} [dir='rtl'] .slick-next{right:auto;left:0} [dir='rtl'] .relatedItemWrap .slick-list>.slick-track{margin-left:auto;margin-right:0} [dir='rtl'] .relatedItemWrap-v1 .slick-list{padding:0 0 0 30% !important} @media(min-width:768px){[dir='rtl'] .relatedItemWrap-v1 .slick-list{padding:0 0 0 5% !important} } [dir='rtl'] .header .expandright{left:0;padding-left:30px !important;padding-right:10px !important;right:auto} [dir='rtl'] .brandNavStoreItem.active:after{right:auto;left:23px;transform:rotateY(180deg)} [dir='rtl'] .community-filter-wrap .search-field::after{left:0;right:auto} [dir='rtl'] .community-filter-wrap .select-wrap:before{left:16px;right:auto} html[dir="rtl"] .search-wrapper label{left:0;right:auto} html[dir="rtl"] .section-bg{right:0} html[dir="rtl"] .filterItemWrap .filterItems .filterList ul>li.toggleable span{white-space:nowrap} [dir='rtl'] .radioButton{padding-right:25px;padding-left:0} [dir='rtl'] .radioCheckmark{left:auto;right:0} [dir='rtl'] .checkbox{padding-right:18px;padding-left:0} [dir='rtl'] .checkmark{right:0;left:auto} [dir='rtl'] .accordionUpArrow:before{float:left} [dir='rtl'] .accordionDownArrow:before{float:left} [dir='rtl'] .pl-pagination .pl-pagination-prev svg{transform:rotateY(180deg)} [dir='rtl'] .pl-pagination .pl-pagination-next svg{transform:rotateY(180deg)} [dir='rtl'] .fliter_header .close-btn{float:left} [dir='rtl'] .sidebar-inner-wrap{left:350px;right:auto;margin-left:-350px;margin-right:0} @media(min-width:768px){[dir='rtl'] .sidebar-inner-wrap{left:310px;right:0;margin-left:-310px;margin-right:0} } @media(min-width:992px){[dir='rtl'] .sidebar-inner-wrap{left:310px;right:auto;margin-left:-310px;margin-right:0} } @media(min-width:768px){[dir='rtl'] .storeSearchResult .slick-prev{right:-12px;left:auto} [dir='rtl'] .storeSearchResult .slick-next{left:-14px;right:auto} } @media(min-width:1140px){[dir='rtl'] .storeSearchResult .slick-prev{right:-22px;left:auto;width:30px;height:30px;transform:rotateY(180deg);background-image:url("data:image/svg+xml;charset=utf8,%3C?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3E%3C!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='30px'%20height='30px'%20viewBox='0%200%2030%2030'%20enable-background='new%200%200%2041%2041'%20xml:space='preserve'%3E%3Cimage%20id='image0'%20width='30'%20height='30'%20x='0'%20y='0'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAAAAACNC18qAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%20AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ%20cwAAAGAAAABgAPBrQs8AAAAHdElNRQfjAQ8UHyGjG+8GAAAASUlEQVQ4y2NgGAWjgDQg4MVEnEKx%20y/99iFV4WZAYhRLX/18SHeQKGU7/RwfIskSGHRqQJNr2gVdKdGySkEIYGAR9yAu5UTA8AQDq7DMk%20wgTv/wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMS0xNlQwMzozMTozMy0wNzowMOjEmNsAAAAl%20dEVYdGRhdGU6bW9kaWZ5ADIwMTktMDEtMTZUMDM6MzE6MzMtMDc6MDCZmSBnAAAAAElFTkSuQmCC'%20/%3E%3C/svg%3E")} [dir='rtl'] .storeSearchResult .slick-next{left:-24px;right:auto;width:30px;height:30px;transform:rotateY(180deg);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20width='30'%20height='30'%20viewBox='0%200%2041%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='41'%20height='41'%20fill='black'/%3E%3Cpath%20d='M29.7071%2020.7071C30.0976%2020.3166%2030.0976%2019.6834%2029.7071%2019.2929L23.3431%2012.9289C22.9526%2012.5384%2022.3195%2012.5384%2021.9289%2012.9289C21.5384%2013.3195%2021.5384%2013.9526%2021.9289%2014.3431L27.5858%2020L21.9289%2025.6569C21.5384%2026.0474%2021.5384%2026.6805%2021.9289%2027.0711C22.3195%2027.4616%2022.9526%2027.4616%2023.3431%2027.0711L29.7071%2020.7071ZM12%2021H29V19H12V21Z'%20fill='white'/%3E%3C/svg%3E")} } @media(min-width:1460px){[dir='rtl'] .storeSearchResult .slick-prev{right:-22px;left:auto;width:30px;height:30px} [dir='rtl'] .storeSearchResult .slick-next{left:-27px;right:auto;width:30px;height:30px} } [dir='rtl'] .hero-input form>input{padding-right:1rem} [dir='rtl'] .search-results-footer a{display:inline-block} [dir='rtl'] .search-results-footer a>span>svg{transform:rotateY(180deg)} [dir='rtl'] .active .contain-arrow-t.center::after{-webkit-transform:translateX(50%);transform:translateX(50%)} [dir='rtl'] .dropdownSelectOption .caret-icon{right:auto;left:0} [dir='rtl'] .vertical-carousel .slick-prev,[dir='rtl'] .vertical-carousel .slick-next{left:50% !important;-webkit-transform:translate(-50%,0) rotate(270deg);transform:translate(-50%,0) rotate(270deg);position:absolute;right:auto !important} @media(max-width:767px){.vertical-carousel .slick-list{padding:0 0 0 30px !important} } [dir='rtl'] .searchSummaryViewInput ~ .btn-search{right:auto;left:-64px} @media(min-width:992px){[dir='rtl'] .searchSummaryViewInput ~ .btn-search{right:auto;left:16px} } [dir='rtl'] .searchSummaryViewInput.search-expanded ~ .btn-search{left:auto;right:16px} [dir='rtl'] .searchSummaryViewInput.search-expanded{padding-right:3rem;padding-left:6rem;right:auto;left:0} [dir='rtl'] .searchSummaryViewInput.search-expanded ~ .search-collapse{left:16px;right:auto} [dir='rtl'] .searchSummaryViewInput.search-expanded ~ .svClearInput{display:inherit;left:2.5rem;right:auto} [dir='rtl'] .wd-header-2-5 #searchSummaryView{left:0;right:auto} @media only screen and (max-width:991px){[dir='rtl'] .wd-header-2-5 .custSearchWrap .searchSummaryViewInput ~ .btn-search{right:auto;left:0;margin-right:0;margin-left:8px} } @media(max-width:991px){[dir='rtl'] .wd-header-2-5 .custSearchWrap .searchSummaryViewInput.search-expanded ~ .btn-search{left:95%;right:auto} } @media(max-width:768px){[dir='rtl'] .wd-header-2-5 .custSearchWrap .searchSummaryViewInput.search-expanded ~ .btn-search{left:93%;right:auto} } @media(max-width:540px){[dir='rtl'] .wd-header-2-5 .custSearchWrap .searchSummaryViewInput.search-expanded ~ .btn-search{left:88%;right:auto} } [dir='rtl'] .wd-header-2-5 .mob-brand-logo{left:auto;right:50%;margin-right:0} [dir='rtl'] .wd-header-2-5 .hamburger-menu{padding-left:16px;padding-right:16px} [dir='rtl'] .wd-header-2-5 .hamburger-menu .bar,[dir='rtl'] .wd-header-2-5 .hamburger-menu .bar::before,[dir='rtl'] .wd-header-2-5 .hamburger-menu .bar::after{right:0;left:auto} @media(max-width:991px){[dir='rtl'] .hamburger-menu{left:auto;right:0;padding-right:0} [dir='rtl'] .mm-menu_offcanvas{right:0} [dir='rtl'] .wd-header-2-5 .mobile-nav-bar .middleMenu li{margin-left:0;margin-right:0} [dir='rtl'] body:not(.has-header-container) .left-slide ul,[dir='rtl'] .left-slide div.secondInheritWrapper{margin-left:0;margin-right:100%;left:auto;right:0} [dir='rtl'] body:not(.has-header-container) .left-slide ul.left,[dir='rtl'] .left-slide .secondInheritWrapper.left{margin-left:auto;margin-right:0} [dir='rtl'] body:not(.has-header-container) .left-slide ul.left li,[dir='rtl'] .left-slide .secondInheritWrapper.left li{margin-right:16px} [dir='rtl'] .wd-header-2-5 .placeHolder{padding:16px 45px 16px 0;justify-content:start;align-items:center} [dir='rtl'] .wd-header-2-5 .placeHolder::before{left:auto;right:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} [dir='rtl'] .wd-header-2-5 .dropDownItem::after{left:24px;right:auto} [dir='rtl'] .wd-header-2-5 .middleMenu{margin:0} [dir='rtl'] .wd-header-2-5 ul.dropDownContainer{margin-left:0;margin-right:40px} [dir='rtl'] .wd-header-2-5 .dropDownContainer .left-slide:after{right:auto;left:24px;transform:rotate(135deg);-webkit-transform:rotate(135deg)} [dir='rtl'] .wd-header-2-5 .slide.mobile-nav-div{left:auto;right:0} } [dir='rtl'] .title-style-blue-l-border{border-left-width:0;border-right-width:4px;padding-left:0;padding-right:.5rem;margin-left:0;margin-right:-0.75rem} [dir="rtl"] .mm-spn li:before{left:22px;right:auto;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(226deg) translate(0,0);top:40%} [dir="rtl"] .mm-spn.mm-spn--navbar:before{opacity:1;z-index:1;-webkit-transform:rotate(135deg) translate(50%,-50%);-ms-transform:rotate(135deg) translate(50%,-50%);transform:rotate(135deg) translate(50%,-50%);top:14px;left:auto;right:24px} [dir="rtl"] .mm-spn.mm-spn--navbar:after{text-align:right;padding:0 48px} [dir="rtl"] .bread-crumbs svg,[dir="rtl"] .pdpBreadcrumbView svg{-ms-transform:rotate(180deg);transform:rotate(180deg)} @media(min-width:992px){[dir="rtl"] .wd-header-2-5 nav.navContainer .productNavWrapper{position:absolute;left:auto;-moz-transform:translate(50%,0);-ms-transform:translate(50%,0);-webkit-transform:translate(50%,0);-o-transform:translate(50%,0);transform:translate(50%,0);width:100vw;overflow:hidden;right:50%} } @media(min-width:1140px){[dir="rtl"] .wd-header-2-5 nav.navContainer .productNavWrapper{right:50%} } [dir="rtl"] .clp-nav-item a.accordion{padding-right:0} [dir="rtl"] .left-filter-container .clp-nav-item-warp .clp-nav-item,[dir="rtl"] .left-filter-container .clp-filters-wrap .clp-filters-item{padding-right:0;padding-left:10px;left:auto;right:5px} [dir="rtl"] .clp-nav-item .accordion::after,[dir="rtl"] .clp-filters-item .accordion::after{right:auto;left:8px} [dir="rtl"] .splide .splide__controls{left:0;right:0} html[dir="rtl"] .btnprev>svg{transform:rotate(0) !important} html[dir="rtl"] .btnnext>svg{transform:rotate(180deg) !important} @media(max-width:1140px){html[dir="rtl"] .btnprev{left:auto;right:0} html[dir="rtl"] .btnnext{left:0;right:auto} } @media(max-width:768px){html[dir="rtl"] .mob-shopBy-close,html[dir="rtl"] .mob-filter-close{margin-left:initial} } html[dir="rtl"] .clp-filters-item-wrap .vvc-form_factor .checkbox span{direction:ltr} @media(min-width:992px){html[dir="rtl"] .pdp-redesign .component-product-resource{margin-right:calc((100% - 992px) / 2);margin-left:auto} } @media(min-width:1140px){html[dir="rtl"] .pdp-redesign .component-product-resource{margin-right:calc((100% - 1140px) / 2);margin-left:auto} } @media(min-width:1464px){html[dir="rtl"] .pdp-redesign .component-product-resource{margin-right:calc((100% - 1464px) / 2);margin-left:auto} } @media(min-width:768px){html[dir="rtl"] .pdp-redesign .product-resource-carousel .splide__track{padding-left:5rem !important;padding-right:0 !important} html[dir="rtl"] .pdp-redesign .product-resource-carousel .splide__slide{margin-left:24px !important;padding-right:auto !important} } html[dir="rtl"] .predictiveSearch #predictiveSearchNavForm .searchSummaryViewInput.search-expanded ~ .btn-search{right:0} .sharedHeaderContent .vatNumberPadding{padding-left:48px !important} .sharedHeaderContent #searchSummaryView{z-index:20} .sharedHeaderContent .AEMsharedHeader.wd-header-2-5 .AemToOracle-MySupport-popupBtn{z-index:0} .sharedHeaderContent .wd-header-2-5 #searchSummaryView{display:block !important} .sharedHeaderContent .wd-header-2-5 .AemToOracle-MySupport-popupBtn{top:17px;right:70px} .sharedHeaderContent .page-login .wd-header-2-5 .newCardWD{z-index:1} .sharedHeaderContent .AEM-isUserLoggedIn,.wd-header-2-5 .Aem-Shared-Header-signIn-myaccount{display:flex} .sharedHeaderContent .Aem-Shared-Header-signIn-myaccount span:first-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;width:auto} @media only screen and (min-width:991px){.sharedHeaderContent .AemToHybris-Sign-popupBtn{position:relative;top:8px;right:100px} .sharedHeaderContent .wd-header-2-5 .Aem-Shared-Header-signIn-myaccount{position:absolute;top:17px;right:96px} .sharedHeaderContent .page-login .wd-header-2-5 .commerce-user-info .login-btn-trigger{top:17px} .sharedHeaderContent .page-cartPage .wd-header-2-5 .commerce-user-info .login-btn-trigger{top:17px} } @media only screen and (max-width:991px){.sharedHeaderContent .wd-header-2-5 .Aem-Shared-Header-signIn-myaccount{display:none} .sharedHeaderContent .b2b .hamburger-menu .bar,.sharedHeaderContent .b2b .hamburger-menu .bar:before,.sharedHeaderContent .b2b .hamburger-menu .bar:after{background:black} .sharedHeaderContent .b2b .hamburger-menu .bar.animate{background:unset} } @media only screen and (max-width:991px){.sharedHeaderContent .medium-hybris-header .brand-logo-wrap{border-bottom:1px solid #e6e6e6} .sharedHeaderContent .medium-hybris-header .brand-logo-wrap .show-for-b2b{position:absolute;top:0;left:.938rem} .sharedHeaderContent .medium-hybris-header .show-for-b2b .image{width:8.438rem;top:0 !important;position:relative !important} .sharedHeaderContent .medium-hybris-header .show-for-b2b .text .textcolumn{margin-left:5.313rem} .sharedHeaderContent .b2b .openLoginFlyout svg{fill:#000 !important} } .headerContainer .AemToOracle-Mysupport-popupContainer{z-index:21;padding:10px} .aemToOracleMySupport .nav-promo-wrap{display:none} </style> <!-- schema-head --> <!-- Schema Use class --> <!-- json script for Type Corporation start --> <script type="application/ld+json" nonce="1182b04d9fA988B6EcD336EEfbe"> { "@context": "http://schema.org", "@id": "https://www.westerndigital.com/#organization", "@type": "Organization", "name": "Western Digital - US", "url": "https://www.westerndigital.com", "logo": "https://www.westerndigital.com/content/dam/western-digital/en-us/portal-assets/logo/westerndigital-logo.jpg", "description": "Western Digital delivers innovative storage solutions—HDDs, systems & personal data storage—powering innovation, reliability & future-ready performance." } </script> <!-- json script for Type Corporation end --> <!-- json script for Type WebSite start --> <script type="application/ld+json" nonce="1182b04d9fA988B6EcD336EEfbe"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Western Digital", "url": "https://www.westerndigital.com", "potentialAction": {"@type": "SearchAction", "target": "https://www.westerndigital.com/search?q={search_term}", "query-input": "required name=search_term" } } </script> <!-- json script for Type WebSite end --> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="6NKP2-36Q8Z-3K955-99NTF-ADBSM",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"6NKP2-36Q8Z-3K955-99NTF-ADBSM";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbetim6kd2z7j4ydq-f-694ece0b6-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"841982","ak.ai":parseInt("750579",10),"ak.ol":"0","ak.cr":4,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"1a76c849","ak.r":23331,"ak.a2":n,"ak.m":"ksd","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":53988,"ak.gh":"23.50.232.147","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1743382023","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==Gx5xZl5kPiZwoznWwTq3RbEIZGOmP8aWEw/aTMIe31wqiwj4OAC4FCQ/ZoZFNB0oLeEL1ycU5OONLkz3tKqQfruqwR+YrYk0jgVnK3hqDJU8KGhZrmjlmG4c4L0meCL49888bNqdE8S9uvyZJOa8IsNOarS6rgCjEvwESJykl86DCt5dZPRPTjvHFDHJuyEniHvvpVUl7dnIANrwkQ32s7tvM6PH99xBQY/WKO3XJAfj0oqEgSFhJsQp3XplOYWyvGIJC+bAlGxYah1lwzka2m19NhkuVLRMxbxZgVVmiUzZLLxB5nZanwo5PjXUvBjgHuzn2wddlEyafTcFmUFOgRfiBiZdUGVeLonFmjwEdtt7zv3MN4NO19VkvJNE/a6uDJgYJeJvEbGoZGtHnti6XWUNGu4S71u+lx26hWEkVlc=","ak.pv":"106","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class="page en-us en-us en-us "> <!-- <sly data-sly-test="GTM-KVV6RBXQ"> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KVV6RBXQ" height="0" width="0" style="display:none;visibility:hidden" title="googletagmanager"></iframe></noscript> </sly> --> <header class="header relative w-full"> <div class="experiencefragment-localized experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="header-container parbase aem-GridColumn aem-GridColumn--default--12"><div class="container wd-header-2-5 header-main"> <div class="headerContainer border-grey-light border-b"> <section class="relative section header-2-5 header-promo-bar" style="background-color:#2B2B2B"> <div class="container contain relative mx-auto"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex "> <div class="cols-12 md:cols-2 hidden md:block"> <div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> <div class="cols-12 md:cols-8"> <div> <div class="promo-carousel parbase"> <section class="splide promo-carousel-2-5 show-for-b2c" data-autorotate="true" data-autorotatespeed="3000" data-pauseonhover="true"> <div class="splide__slider"> <div class="splide__track"> <ul class="splide__list"> <li class="px-1 md:py-3 leading-none py-2 promo-slides splide__slide flex items-center justify-center text-center sm:min-h-10"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section_copy_copy_co section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center justify-center text-center sm:min-h-10 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" textcolumn"> <div class=" flex items-center justify-center textcolumn"><div class="text-xxs md:text-xs px-1 md:py-3 py-2 leading-none"><a class="wd-modal-btn cursor-pointer" role="button" data-target="#free-2day-shipping-with-code" href="#free-standard-shipping" aria-label="Learn more about free standard shipping on all eligible orders over $50.">Free 2-DAY shipping on all orders with code <b>WD2DAY</b>. <u>Details & Exclusions</u></a></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </li> </ul> </div> </div> </section> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" show-for-b2b text-xs textcolumn" id="loyalty-points-container"> <div class="text-black">.</div> </div> <div style="clear: both;"></div></div> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="main-par parsys"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" id="details" style="background-color:rgba(0, 0, 0, .7)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section header-edit-mode text-black py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="modal parbase"> <div class="py-6 wd-modal hidden " id="free-standard-shipping"> <div class="wd-modal-dialog m-auto px-6 m-auto w-full md:w-800px sm:w-576px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="text parbase"> <div class=" sm:mb-10 textcolumn"> <h4 class="text-base sm:text-xl md:text-2xl">Details & Exclusions<br> </h4> </div> <div style="clear: both;"></div></div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section xf-resizer-text-xs py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="text parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" textcolumn"> <p class="m-0 p-0">Non-members receive free standard shipping on orders of at least $50 excluding taxes and shipping costs, and after any applicable coupons have been applied. Western Digital Store members receive free standard shipping on all eligible orders. Free standard shipping (UPS Ground) applies to purchases delivered within the United States (other exclusions may apply). Western Digital reserves the right to change or discontinue these terms at any time without notice.<br> </p> </div> <div style="clear: both;"></div></div> </div> </div> </div> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="css-container parbase aem-GridColumn aem-GridColumn--default--12"> <div> <style>.xf-resizer-text-xs p { font-size: .875rem; } .xf-resizer-disclosures p { font-size:.875rem; } </style> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="modal parbase"> <div class="py-6 wd-modal hidden " id="free-2day-shipping-with-code"> <div class="wd-modal-dialog m-auto px-6 m-auto w-full md:w-800px sm:w-576px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="text parbase"> <div class=" sm:mb-10 textcolumn"> <h4 class="text-base sm:text-xl md:text-2xl">Details & Exclusions<br> </h4> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <div class="form-group"><span class="text-xs font-tight block pt-1">Free 2-day shipping all orders February 24, 2025 - March 31, 2025 with coupon code WD2DAY. Free 2-day shipping applies to purchases delivered within the contiguous United States, excluding addresses in Hawaii, Alaska, Puerto Rico and other U.S. territories (other exclusions may apply). Western Digital reserves the right to change or discontinue these terms at any time without notice.<br> </span></div> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="modal parbase"> <div class="py-6 wd-modal hidden " id="free-2day-shipping"> <div class="wd-modal-dialog m-auto px-6 m-auto w-full md:w-800px sm:w-576px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="text parbase"> <div class=" sm:mb-10 textcolumn"> <h4 class="text-base sm:text-xl md:text-2xl">Details & Exclusions<br> </h4> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <div class="form-group"><span class="text-xs font-tight block pt-1">Receive free 2-day shipping (UPS) on purchases $100 or more before taxes delivered within the contiguous United States, excluding addresses in Hawaii, Alaska, Puerto Rico and other U.S. territories. Products exclusions: Outlet Store products and recertified products. Retailers, Resellers and Distributors are excluded from this promotion. Western Digital reserves the right to change or discontinue these terms at any time without notice. This offer is valid on December 17th-18th, 2022. </span></div> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="modal parbase"> <div class="py-6 wd-modal hidden " id="ultrastar-terms"> <div class="wd-modal-dialog m-auto px-6 m-auto w-full md:w-800px sm:w-576px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="text parbase"> <div class=" sm:mb-10 textcolumn"> <h4 class="text-base sm:text-xl md:text-2xl">Details & Exclusions<br> </h4> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <div class="form-group"><span class="text-xs font-tight block pt-1 pb-1"><b><u>Offer Terms</u></b></span></div> <div class="form-group"><span class="text-xs font-tight block pt-1">Discount offer valid only for 10 or more <a href="https://www.westerndigital.com/products/internal-drives/data-center-drives/ultrastar-dc-hc570-hdd#0F48155"><b>22TB Ultrastar DC HC570 (0F48155)</b></a> or 10 or more <a href="https://www.westerndigital.com/products/outlet/internal-drives/data-center-drives/ultrastar-dc-hc560-hdd#0F38755"><b>20TB Ultrastar DC HC560 (0F38755)</b></a>, bought online through the Western Digital Store. This offer may not be combined, used in conjunction with or used in addition to any other promotion or offer, and does not apply to taxes or shipping costs. The offer is not applicable for any prior purchases and may not be available in all regions of the world. Delivery must be made within the contiguous United States, excluding addresses in Hawaii, Alaska, Puerto Rico and other U.S. territories. Western Digital reserves the right to change or discontinue this offer at any time without notice. Offer valid through December 30, 2022.</span></div> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> <div class="cols-12 md:cols-2 hidden md:flex items-center justify-end"> <div> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="text parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" show-for-b2c textcolumn"> <p><a href="/business" class="text-xs text-white">for Business <img src="/content/dam/store/en-us/portal-assets/icons/open-link.svg"> </a></p> </div> <div style="clear: both;"></div></div> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> </div> </div> </section> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0 header-nav-bar" style="background-color:rgba(255,255,255,0)"> <div class="relative container contain mx-auto"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex-wrap flex custSearchWrap"> <div class="md:cols-2 visibleAuthorMode md:items-center lg:flex-1"> <div class="brand-logo-wrap flex items-center h-full"> <div class=""> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="section parbase aem-GridColumn aem-GridColumn--default--12"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section show-for-b2c py-0" style="background-color:rgba(255, 255, 255, 0)"> <a class="block" href="/" target="_self" data-track-type="sectionCTA"> <div class="relative "> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/home-page/brand-logos/header-main-logo.svg" alt title="Western Digital Logo" class="cq-dd-image desktop-brand-logo " data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> </div> </a> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase aem-GridColumn aem-GridColumn--default--12"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section show-for-b2b visibleAuthorMode py-0" style="background-color:rgba(255, 255, 255, 0)"> <a class="block" href="/business" target="_self" data-track-type="sectionCTA" aria-label="Western Digital Business Homepage "> <div class="relative "> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/home-page/brand-logos/header-main-logo.svg" alt title="Western Digital Logo" class="cq-dd-image desktop-brand-logo " data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" -mt-3 textcolumn"> <p class="text-xxs text-business text-right">for Business</p> </div> <div style="clear: both;"></div></div> </div> </a> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> </div> <div class="md:cols-7 lg:cols-9 visibleAuthorMode"> <div> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="nav-container parbase aem-GridColumn aem-GridColumn--default--12"><div class="container "> <div class="h-50px flex md:hidden items-center"> <button class="hamburger-menu hamburger-menu-bar pr-5 z-50 print-none printHidden" aria-label="Main Menu"> <div class="bar -pin-t-6"> </div> </button> <!-- <div class="md:hidden flex items-center justify-start mb-1 -mt-px ml-7 mob-brand-logo"> <a aria-label="Western Digital Homepage" data-track-type="svg" href="/content/store/en-us" target="_self" tabindex="0"> <img alt="Western Digital Logo" src="/content/dam/store/en-us/assets/home-page/brand-logos/header-main-logo-mobile.svg"> <span class="text-blue text-xxs text-right block show-for-b2b">for Business</span> </a> </div> --> </div> <div class="slide mobile-nav-div -mx-4 md:mx-0"> <nav role="navigation" class="navContainer mobile-nav-bar"> <ul class="list-reset desktop-navigation-list middleMenu slidingBar md:-mx-2 lg:-mx-4 md:flex items-center justify-center"> <div class="mobile-userIfo-container md:hidden font-light bg-white text-gray-5 h-12 border-t border-grey-light sign-in-2-5 hide-for-support"> <a @click="openLoginFlyout($event)" class="mob-openLoginFlyout AEM-hybris-Support items-center flex-1 text-sm" target="_self" role="button" tabindex="0" data-track-type="button"> <span class="flex items-center flex-1 text-sm"> <span class="AEM-isUserLoggedIn hidden" v-if="isUserLoggedIn"> <b></b> <u></u> </span> <span class="AEM-isUserLoggedOut hidden" v-if="!isUserLoggedIn"><u></u></span> </span> </a> </div> <li id="productNavSections" class="mainMenuItem md:mx-4 xl:mx-6 " aria-label="Products" role="menu" aria-expanded="false" aria-controls="productNavSections" data-mx="dropDownInherit"> <button class="dropDownItem text-xs lg:text-sm inline-block pt-5 pb-5 cursor-pointer leading-none">Products</button> <ul id="productNavSections" class="dropDownContainer hidden productNavWrapper pin-l bg-white list-reset md:border-b border-grey-light" data-inherit="dropDownInherit"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex md:justify-center md:items-start md:py-12 contain mx-auto"> <li class="md:cols-2 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide leading-heading md:leading-normal" data-text="By Category"> <span class="cols-12 md:mb-6 md:pb-2 text-xs md:text-base md:font-bold md:border-b border-gray-light md:min-h-9">By Category</span> <div class="secondInheritWrapper row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul data-mx="secondInherit" class="md:cols-12 list-reset lg:pr-2 xl:pr-7 hidden text-xs md:text-sm"> <span class="placeHolder"></span> <div class="mt-8 md:mt-0"> <li data-track-type="button" data-track-heading="nav-product-portfolio"> <a href="/products/product-portfolio" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Product Portfolio" tabindex="0"> Product Portfolio </a> </li> <li data-track-type="button" data-track-heading="nav-hdd-internal"> <a href="/products/hdd/internal-hdd" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Internal HDDs" tabindex="0"> Internal HDDs </a> </li> <li data-track-type="button" data-track-heading="nav-hdd-external"> <a href="/products/hdd/external-hdd" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="External HDDs" tabindex="0"> External HDDs </a> </li> <li data-track-type="button" data-track-heading="nav-hdd-portable"> <a href="/products/hdd/portable-hdd" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Portable HDDs" tabindex="0"> Portable HDDs </a> </li> <li data-track-type="button" data-track-heading="nav-data-center-storage"> <a href="/products/data-center-storage" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Data Center Storage" tabindex="0"> Data Center Storage </a> </li> <li data-track-type="button" data-track-heading="nav-accessories"> <a href="/products/accessories" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Accessories" tabindex="0"> Accessories </a> </li> </div> </ul> </div> </li> <li class="md:cols-2 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide leading-heading md:leading-normal" data-text="By Use"> <span class="cols-12 md:mb-6 md:pb-2 text-xs md:text-base md:font-bold md:border-b border-gray-light md:min-h-9">By Use</span> <div class="secondInheritWrapper row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul data-mx="secondInherit" class="md:cols-12 list-reset lg:pr-2 xl:pr-7 hidden text-xs md:text-sm"> <span class="placeHolder"></span> <div class="mt-8 md:mt-0"> <li data-track-type="button" data-track-heading="nav-usecase-gaming-hdds"> <a href="/products/hdd?filterByUseCaseName=Gaming" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Gaming HDDs" tabindex="0"> Gaming HDDs </a> </li> <li data-track-type="button" data-track-heading="nav-usecase-surveillance-hdds"> <a href="/products/hdd?filterByUseCaseName=Smart+Video+Surveillance" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline xl:min-w-200px" aria-label="Surveillance (CCTV) HDDs" tabindex="0"> Surveillance (CCTV) HDDs </a> </li> <li data-track-type="button" data-track-heading="nav-usecase-raid-hdds"> <a href="/products/hdd?filterByUseCaseName=RAID" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="RAID HDDs" tabindex="0"> RAID HDDs </a> </li> <li data-track-type="button" data-track-heading="nav-usecase-backups"> <a href="/products/hdd?filterByUseCaseName=Backups" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Backups" tabindex="0"> Backups </a> </li> <li data-track-type="button" data-track-heading="nav-usecase-nas"> <a href="/products/hdd?filterByUseCaseName=Network+Attached+Storage+(NAS)" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline xl:min-w-200px" aria-label="Network Attached Storage (NAS)" tabindex="0"> Network Attached Storage (NAS) </a> </li> </div> </ul> </div> </li> <li class="md:cols-2 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide leading-heading md:leading-normal" data-text="By Capacity"> <span class="cols-12 md:mb-6 md:pb-2 text-xs md:text-base md:font-bold md:border-b border-gray-light md:min-h-9">By Capacity</span> <div class="secondInheritWrapper row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul data-mx="secondInherit" class="md:cols-12 list-reset lg:pr-2 xl:pr-7 hidden text-xs md:text-sm"> <span class="placeHolder"></span> <div class="mt-8 md:mt-0"> <li data-track-type="button" data-track-heading="nav-capacity-over50"> <a href="/products/hdd?filterByVvc-capacity=51%20TB%20-%20100%20TB" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Over 50TB" tabindex="0"> Over 50TB </a> </li> <li data-track-type="button" data-track-heading="nav-capacity-21to50"> <a href="/products/hdd?filterByVvc-capacity=21%20TB%20-%2050%20TB" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="21 - 50TB" tabindex="0"> 21 - 50TB </a> </li> <li data-track-type="button" data-track-heading="nav-capacity-11to20"> <a href="/products/hdd?filterByVvc-capacity=11%20TB%20-%2020%20TB" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="11 - 20TB" tabindex="0"> 11 - 20TB </a> </li> <li data-track-type="button" data-track-heading="nav-capacity-5to10"> <a href="/products/hdd?filterByVvc-capacity=05%20TB%20-%2010%20TB" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="5 - 10TB" tabindex="0"> 5 - 10TB </a> </li> <li data-track-type="button" data-track-heading="nav-capacity-1to5"> <a href="/products/hdd?filterByVvc-capacity=01%20TB%20-%2004%20TB" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="1 - 4TB" tabindex="0"> 1 - 4TB </a> </li> <li data-track-type="button" data-track-heading="nav-capacity-lessthan1"> <a href="/products/hdd?filterByVvc-capacity=0%20GB%20-%20960%20GB" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Less than 1TB" tabindex="0"> Less than 1TB </a> </li> </div> </ul> </div> </li> <li class="md:cols-2 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide leading-heading md:leading-normal" data-text="Promotions"> <span class="cols-12 md:mb-6 md:pb-2 text-xs md:text-base md:font-bold md:border-b border-gray-light md:min-h-9">Promotions</span> <div class="secondInheritWrapper row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul data-mx="secondInherit" class="md:cols-12 list-reset lg:pr-2 xl:pr-7 hidden text-xs md:text-sm"> <span class="placeHolder"></span> <div class="mt-8 md:mt-0"> <li data-track-type="button" data-track-heading="nav-promo"> <a href="/promo" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline show-for-b2c" aria-label="Discounts & Promotions" tabindex="0"> Discounts & Promotions </a> </li> <li data-track-type="button" data-track-heading="nav-weekly-sale"> <a href="/products/weekly-sale" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline show-for-b2c" aria-label="Weekly Sales" tabindex="0"> Weekly Sales </a> </li> <li data-track-type="button" data-track-heading="nav-clearance"> <a href="/products/clearance" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline show-for-b2c" aria-label="Clearance" tabindex="0"> Clearance </a> </li> <li data-track-type="button" data-track-heading="nav-recertified"> <a href="/products/recertified" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline show-for-b2c" aria-label="Recertified" tabindex="0"> Recertified </a> </li> <li data-track-type="button" data-track-heading="nav-bestsellers"> <a href="/products/top-sellers" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Bestsellers" tabindex="0"> Bestsellers </a> </li> <li data-track-type="button" data-track-heading="nav-whats-new"> <a href="/topics/whats-new" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="What's New" tabindex="0"> What's New </a> </li> </div> </ul> </div> </li> </div> <!--<div class="nav-promo-wrap"><p>Promo Banner Text</p> </div>--> <div class="nav-promo-wrap hidden md:block"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 show-for-b2c py-0" style="background-color:#F2F2F2"> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex justify-center"> <div class="cols-12 md:cols-6 mx-0 md:mx-6 lg:mx-6 mb-3 md:mb-0"> <div class="text parbase"> <div class=" lg:max-w-768px md:max-w-500px md:small textcolumn"> <p class="text-xs"><span class="font-medium">Shopping for business?</span> Join our business program today to get tiered pricing, rewards for your purchases, and more exclusive benefits.</p> </div> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-5 lg:cols-4 flex items-center"> <div class="button parbase"> <a href="/business/account-benefits" target="_self" class="btn text-black border border-black px-4 py-2 rounded-full mr-2 ml-0 text-xxs inline-block " data-track-type="button" data-track-heading="nav-business-account-benefits" aria-label="See All Business Benefits"> See All Benefits </a> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/store/business/registration?lp=register" target="_self" class="btn bg-black text-white border border-black px-4 py-2 rounded-full mx-2 text-xxs inline-block " data-track-type="button" data-track-heading="nav-registration" aria-label="Sign up for a business account"> Sign Up Now </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 show-for-b2b py-0" style="background-color:#F2F2F2"> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex "> <div class="cols-2 mr-1 flex justify-end"> </div> <div class="cols-10 md:cols-6 flex items-center"> <div class="text parbase"> <div class=" lg:xmax-w-768px md:xmax-w-500px md:small mx-0 md:mx-1 lg:mx-1 text-left textcolumn"> <p class="text-xs nav-promo-tiered-pricing"><span class="font-medium">Tiered Pricing for Business Members</span><br> Get special rates on select products. New products added monthly.</p> </div> <div style="clear: both;"></div></div> <div class="css-container parbase"> <div> <style>p.nav-promo-tiered-pricing { background-image: url("https://www.westerndigital.com/content/dam/store/en-us/assets/business/icons/icon-tiered-pricing-53.png"); background-repeat: no-repeat; padding-left: 67px; padding-top: 5px; min-height: 60px; }</style> </div> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-3 text-left"> <div class="button parbase"> <a href="/business/account-benefits/tiered-pricing" target="_self" class="btn border border-black px-4 py-2 rounded-full mx-2 mt-2 text-xxs inline-block " data-track-type="button" data-track-heading="nav-registration" aria-label="See All Products with Tiered Pricing"> See All Products with Tiered Pricing </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </ul> </li> <li id="solutionNavSections" class="mainMenuItem md:mx-4 xl:mx-6 " aria-label="Solutions" role="menu" aria-expanded="false" aria-controls="solutionNavSections" data-mx="dropDownInherit"> <button class="dropDownItem text-xs lg:text-sm inline-block pt-5 pb-5 cursor-pointer leading-none">Solutions</button> <ul id="solutionNavSections" class="dropDownContainer hidden productNavWrapper pin-l bg-white list-reset md:border-b border-grey-light" data-inherit="dropDownInherit"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex md:justify-center md:items-start md:py-12 contain mx-auto"> <li class="md:cols-5 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide leading-heading md:leading-normal" data-text="Learn & Compare"> <span class="cols-12 md:mb-6 md:pb-2 text-xs md:text-base md:font-bold md:border-b border-gray-light md:min-h-9">Learn & Compare</span> <div class="secondInheritWrapper row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul data-mx="secondInherit" class="md:cols-6 list-reset lg:pr-2 xl:pr-7 hidden text-xs md:text-sm"> <span class="placeHolder"></span> <div class="mt-8 md:mt-0"> <li data-track-type="button" data-track-heading="nav-internal-hdd"> <a href="/solutions/hard-drives" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Compare HDDs" tabindex="0"> Compare HDDs </a> </li> <li data-track-type="button" data-track-heading="nav-hdd-vs-ssd"> <a href="/solutions/hdd-vs-ssd" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="HDD vs. SSD" tabindex="0"> HDD vs. SSD </a> </li> <li data-track-type="button" data-track-heading="nav-thunderbolt-vs-usb-c"> <a href="/solutions/thunderbolt-vs-usb-c" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Thunderbolt vs. USB-C" tabindex="0"> Thunderbolt vs. USB-C </a> </li> </div> </ul> <ul data-mx="secondInherit" class="md:cols-6 list-reset lg:pl-2 xl:pl-7 hidden text-xs md:text-sm"> <li data-track-type="button" data-track-heading="nav-color-drives"> <a href="/solutions/color-drives" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Compare Color Drives" tabindex="0"> Compare Color Drives </a> </li> <li data-track-type="button" data-track-heading="nav-network-attached-storage-solutions"> <a href="/solutions/network-attached-storage" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="NAS Solutions" tabindex="0"> NAS Solutions </a> </li> <li data-track-type="button" data-track-heading="nav-data-security"> <a href="/solutions/data-security" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Data Security and Encryption" tabindex="0"> Data Security & Encryption </a> </li> </ul> </div> </li> <li class="md:cols-5 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide leading-heading md:leading-normal" data-text="Use Case"> <span class="cols-12 md:mb-6 md:pb-2 text-xs md:text-base md:font-bold md:border-b border-gray-light md:min-h-9">Use Case</span> <div class="secondInheritWrapper row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul data-mx="secondInherit" class="md:cols-6 list-reset lg:pr-2 xl:pr-7 hidden text-xs md:text-sm"> <span class="placeHolder"></span> <div class="mt-8 md:mt-0"> <li data-track-type="button" data-track-heading="nav-home-backup-solutions"> <a href="/solutions/home-backup-solutions" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Home Backups" tabindex="0"> Home Backups </a> </li> <li data-track-type="button" data-track-heading="nav-gaming"> <a href="/solutions/gaming" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Gaming" tabindex="0"> Gaming </a> </li> <li data-track-type="button" data-track-heading="nav-professional-photo-solutions"> <a href="/solutions/professional-photography" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Professional Photography Workflow" tabindex="0"> Professional Photography </a> </li> </div> </ul> <ul data-mx="secondInherit" class="md:cols-6 list-reset lg:pl-2 xl:pl-7 hidden text-xs md:text-sm"> <li data-track-type="button" data-track-heading="nav-solutions-raid"> <a href="/solutions/raid" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="RAID storage solutions" tabindex="0"> RAID Storage Solutions </a> </li> <li data-track-type="button" data-track-heading="nav-surveillance-solutions"> <a href="/solutions/surveillance" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Smart Video Surveillance" tabindex="0"> Smart Video Surveillance (CCTV) </a> </li> <li data-track-type="button" data-track-heading="nav-data-center-solutions"> <a href="/solutions/data-center" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Data Center Storage" tabindex="0"> Data Center Storage </a> </li> </ul> </div> </li> </div> <!--<div class="nav-promo-wrap"><p>Promo Banner Text</p> </div>--> <div class="nav-promo-wrap hidden md:block"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 show-for-b2c py-0" style="background-color:#F2F2F2"> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex justify-center"> <div class="cols-12 md:cols-6 mx-0 md:mx-6 lg:mx-6 mb-3 md:mb-0"> <div class="text parbase"> <div class=" lg:max-w-768px md:max-w-500px md:small textcolumn"> <p class="text-xs"><span class="font-medium">Shopping for business?</span> Join our business program today to get tiered pricing, rewards for your purchases, and more exclusive benefits.</p> </div> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-5 lg:cols-4 flex items-center"> <div class="button parbase"> <a href="/business/account-benefits" target="_self" class="btn text-black border border-black px-4 py-2 rounded-full mr-2 ml-0 text-xxs inline-block " data-track-type="button" data-track-heading="nav-business-account-benefits" aria-label="See All Business Benefits"> See All Benefits </a> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/store/business/registration?lp=register" target="_self" class="btn bg-black text-white border border-black px-4 py-2 rounded-full mx-2 text-xxs inline-block " data-track-type="button" data-track-heading="nav-registration" aria-label="Sign up for a business account"> Sign Up Now </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 show-for-b2b py-0" style="background-color:#F2F2F2"> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex "> <div class="cols-2 mr-1 flex justify-end"> </div> <div class="cols-10 md:cols-6 flex items-center"> <div class="text parbase"> <div class=" lg:xmax-w-768px md:xmax-w-500px md:small mx-0 md:mx-1 lg:mx-1 text-left textcolumn"> <p class="text-xs nav-promo-tiered-pricing"><span class="font-medium">Tiered Pricing for Business Members</span><br> Get special rates on select products. New products added monthly.</p> </div> <div style="clear: both;"></div></div> <div class="css-container parbase"> <div> <style>p.nav-promo-tiered-pricing { background-image: url("https://www.westerndigital.com/content/dam/store/en-us/assets/business/icons/icon-tiered-pricing-53.png"); background-repeat: no-repeat; padding-left: 67px; padding-top: 5px; min-height: 60px; }</style> </div> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-3 text-left"> <div class="button parbase"> <a href="/business/account-benefits/tiered-pricing" target="_self" class="btn border border-black px-4 py-2 rounded-full mx-2 mt-2 text-xxs inline-block " data-track-type="button" data-track-heading="nav-registration" aria-label="See All Products with Tiered Pricing"> See All Products with Tiered Pricing </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </ul> </li> <li id="supportNavSections" class="mainMenuItem md:mx-4 xl:mx-6 " aria-label="Support" role="menu" aria-expanded="false" aria-controls="supportNavSections" data-mx="dropDownInherit"> <button class="wdInterstitialSupport dropDownItem text-xs lg:text-sm inline-block pt-5 pb-5 cursor-pointer leading-none">Support</button> <ul id="supportNavSections" class="dropDownContainer hidden productNavWrapper pin-l bg-white list-reset md:border-b border-grey-light" data-inherit="dropDownInherit"> <!--<div class="nav-promo-wrap"><p>Promo Banner Text</p> </div>--> </ul> </li> <li id="companyNavSections" class="mainMenuItem md:mx-4 xl:mx-6 " aria-label="Company" role="menu" aria-expanded="false" aria-controls="companyNavSections" data-mx="dropDownInherit"> <button class="dropDownItem text-xs lg:text-sm inline-block pt-5 pb-5 cursor-pointer leading-none">Company</button> <ul id="companyNavSections" class="dropDownContainer hidden productNavWrapper pin-l bg-white list-reset md:border-b border-grey-light" data-inherit="dropDownInherit"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex md:justify-center md:items-start md:py-12 contain mx-auto"> <li class="md:cols-5 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide leading-heading md:leading-normal" data-text="About Us"> <span class="cols-12 md:mb-6 md:pb-2 text-xs md:text-base md:font-bold md:border-b border-gray-light md:min-h-9">About Us</span> <div class="secondInheritWrapper row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul data-mx="secondInherit" class="md:cols-6 list-reset lg:pr-2 xl:pr-7 hidden text-xs md:text-sm"> <span class="placeHolder"></span> <div class="mt-8 md:mt-0"> <li data-track-type="button" data-track-heading="nav-company"> <a href="/company" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Overview" tabindex="0"> Overview </a> </li> <li data-track-type="button" data-track-heading="nav-innovation"> <a href="/company/innovation" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Innovation" tabindex="0"> Innovation </a> </li> <li data-track-type="button" data-track-heading="nav-contact-us"> <a href="/company/office-locations" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Our Locations" tabindex="0"> Our Locations </a> </li> </div> </ul> <ul data-mx="secondInherit" class="md:cols-6 list-reset lg:pl-2 xl:pl-7 hidden text-xs md:text-sm"> <li data-track-type="button" data-track-heading="nav-careers"> <a href="/careers" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Careers" tabindex="0"> Careers </a> </li> <li data-track-type="button" data-track-heading="nav-investors"> <a href="https://investor.wdc.com/" target="_blank" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Investors" tabindex="0"> Investors </a> </li> <li data-track-type="button" data-track-heading="nav-western-digital-capital"> <a href="/company/western-digital-capital" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Capital" tabindex="0"> Capital </a> </li> </ul> </div> </li> <li class="md:cols-5 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide leading-heading md:leading-normal" data-text="Corporate Responsibility"> <span class="cols-12 md:mb-6 md:pb-2 text-xs md:text-base md:font-bold md:border-b border-gray-light md:min-h-9">Corporate Responsibility</span> <div class="secondInheritWrapper row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul data-mx="secondInherit" class="md:cols-6 list-reset lg:pr-2 xl:pr-7 hidden text-xs md:text-sm"> <span class="placeHolder"></span> <div class="mt-8 md:mt-0"> <li data-track-type="button" data-track-heading="nav-corporate-responsibility"> <a href="/company/corporate-responsibility" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Overview" tabindex="0"> Overview </a> </li> <li data-track-type="button" data-track-heading="nav-environment"> <a href="/company/corporate-responsibility/environment" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Environment" tabindex="0"> Environment </a> </li> <li data-track-type="button" data-track-heading="nav-people"> <a href="/company/corporate-responsibility/people" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="People" tabindex="0"> People </a> </li> <li data-track-type="button" data-track-heading="nav-supply-chain"> <a href="/company/corporate-responsibility/supply-chain" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Supply Chain" tabindex="0"> Supply Chain </a> </li> <li data-track-type="button" data-track-heading="nav-ethics"> <a href="/company/corporate-responsibility/ethics" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Ethics" tabindex="0"> Ethics </a> </li> </div> </ul> <ul data-mx="secondInherit" class="md:cols-6 list-reset lg:pl-2 xl:pl-7 hidden text-xs md:text-sm"> <li data-track-type="button" data-track-heading="nav-philanthropy"> <a href="/company/corporate-responsibility/philanthropy" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Philanthropy" tabindex="0"> Philanthropy </a> </li> <li data-track-type="button" data-track-heading="nav-privacy"> <a href="/privacy-center" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Data Privacy" tabindex="0"> Data Privacy </a> </li> </ul> </div> </li> <li class="md:cols-2 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide leading-heading md:leading-normal" data-text="News & Events"> <span class="cols-12 md:mb-6 md:pb-2 text-xs md:text-base md:font-bold md:border-b border-gray-light md:min-h-9">News & Events</span> <div class="secondInheritWrapper row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul data-mx="secondInherit" class="md:cols-12 list-reset lg:pr-2 xl:pr-7 hidden text-xs md:text-sm"> <span class="placeHolder"></span> <div class="mt-8 md:mt-0"> <li data-track-type="button" data-track-heading="nav-newsroom"> <a href="/company/newsroom" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Newsroom" tabindex="0"> Newsroom </a> </li> <li data-track-type="button" data-track-heading="nav-press-releases"> <a href="/company/newsroom/press-releases" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Press Releases" tabindex="0"> Press Releases </a> </li> <li data-track-type="button" data-track-heading="nav-media-kits"> <a href="/company/newsroom/media-kits" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Media Kits" tabindex="0"> Media Kits </a> </li> <li data-track-type="button" data-track-heading="nav-events"> <a href="/company/newsroom/events" target="_self" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Events" tabindex="0"> Events </a> </li> <li data-track-type="button" data-track-heading="nav-blogs"> <a href="https://blog.westerndigital.com/" target="_blank" class="btn hover:text-blue md:mb-4 inline-block focusOutline " aria-label="Blog Posts" tabindex="0"> Blog Posts </a> </li> </div> </ul> </div> </li> </div> <!--<div class="nav-promo-wrap"><p>Promo Banner Text</p> </div>--> <div class="nav-promo-wrap hidden md:block"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 show-for-b2c py-0" style="background-color:#F2F2F2"> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex justify-center"> <div class="cols-12 md:cols-6 mx-0 md:mx-6 lg:mx-6 mb-3 md:mb-0"> <div class="text parbase"> <div class=" lg:max-w-768px md:max-w-500px md:small textcolumn"> <p class="text-xs"><span class="font-medium">Shopping for business?</span> Join our business program today to get tiered pricing, rewards for your purchases, and more exclusive benefits.</p> </div> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-5 lg:cols-4 flex items-center"> <div class="button parbase"> <a href="/business/account-benefits" target="_self" class="btn text-black border border-black px-4 py-2 rounded-full mr-2 ml-0 text-xxs inline-block " data-track-type="button" data-track-heading="nav-business-account-benefits" aria-label="See All Business Benefits"> See All Benefits </a> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/store/business/registration?lp=register" target="_self" class="btn bg-black text-white border border-black px-4 py-2 rounded-full mx-2 text-xxs inline-block " data-track-type="button" data-track-heading="nav-registration" aria-label="Sign up for a business account"> Sign Up Now </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 show-for-b2b py-0" style="background-color:#F2F2F2"> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex "> <div class="cols-2 mr-1 flex justify-end"> </div> <div class="cols-10 md:cols-6 flex items-center"> <div class="text parbase"> <div class=" lg:xmax-w-768px md:xmax-w-500px md:small mx-0 md:mx-1 lg:mx-1 text-left textcolumn"> <p class="text-xs nav-promo-tiered-pricing"><span class="font-medium">Tiered Pricing for Business Members</span><br> Get special rates on select products. New products added monthly.</p> </div> <div style="clear: both;"></div></div> <div class="css-container parbase"> <div> <style>p.nav-promo-tiered-pricing { background-image: url("https://www.westerndigital.com/content/dam/store/en-us/assets/business/icons/icon-tiered-pricing-53.png"); background-repeat: no-repeat; padding-left: 67px; padding-top: 5px; min-height: 60px; }</style> </div> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-3 text-left"> <div class="button parbase"> <a href="/business/account-benefits/tiered-pricing" target="_self" class="btn border border-black px-4 py-2 rounded-full mx-2 mt-2 text-xxs inline-block " data-track-type="button" data-track-heading="nav-registration" aria-label="See All Products with Tiered Pricing"> See All Products with Tiered Pricing </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </ul> </li> <div id="mBusinessQuery-ng" class="fixed py-5 pin-b-12 z-100 mob-footer-banner nav-promo-wrap md:hidden"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 show-for-b2c py-0" style="background-color:#F2F2F2"> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex justify-center"> <div class="cols-12 md:cols-6 mx-0 md:mx-6 lg:mx-6 mb-3 md:mb-0"> <div class="text parbase"> <div class=" lg:max-w-768px md:max-w-500px md:small textcolumn"> <p class="text-xs"><span class="font-medium">Shopping for business?</span> Join our business program today to get tiered pricing, rewards for your purchases, and more exclusive benefits.</p> </div> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-5 lg:cols-4 flex items-center"> <div class="button parbase"> <a href="/business/account-benefits" target="_self" class="btn text-black border border-black px-4 py-2 rounded-full mr-2 ml-0 text-xxs inline-block " data-track-type="button" data-track-heading="nav-business-account-benefits" aria-label="See All Business Benefits"> See All Benefits </a> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/store/business/registration?lp=register" target="_self" class="btn bg-black text-white border border-black px-4 py-2 rounded-full mx-2 text-xxs inline-block " data-track-type="button" data-track-heading="nav-registration" aria-label="Sign up for a business account"> Sign Up Now </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 show-for-b2b py-0" style="background-color:#F2F2F2"> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex "> <div class="cols-2 mr-1 flex justify-end"> </div> <div class="cols-10 md:cols-6 flex items-center"> <div class="text parbase"> <div class=" lg:xmax-w-768px md:xmax-w-500px md:small mx-0 md:mx-1 lg:mx-1 text-left textcolumn"> <p class="text-xs nav-promo-tiered-pricing"><span class="font-medium">Tiered Pricing for Business Members</span><br> Get special rates on select products. New products added monthly.</p> </div> <div style="clear: both;"></div></div> <div class="css-container parbase"> <div> <style>p.nav-promo-tiered-pricing { background-image: url("https://www.westerndigital.com/content/dam/store/en-us/assets/business/icons/icon-tiered-pricing-53.png"); background-repeat: no-repeat; padding-left: 67px; padding-top: 5px; min-height: 60px; }</style> </div> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-3 text-left"> <div class="button parbase"> <a href="/business/account-benefits/tiered-pricing" target="_self" class="btn border border-black px-4 py-2 rounded-full mx-2 mt-2 text-xxs inline-block " data-track-type="button" data-track-heading="nav-registration" aria-label="See All Products with Tiered Pricing"> See All Products with Tiered Pricing </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> <button data-track-type="close" data-track-heading="close" aria-label="close pop-up" class="cursor-pointer sc-track closeBusiness pin-t-20 mt-3" tabindex="0">✕</button> </div> <li class="slidingDiv" style="width: 0px;"> </li> </ul> </nav> </div> </div> <div class="clearfix"></div></div> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> <div class="cols-12 md:cols-3 lg:cols-1 flex md:items-center md:justify-end lg:flex-1"> <div> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="commerce-user-info parbase aem-GridColumn aem-GridColumn--default--12"><div> <div ng-cloak v-cloak aem-comp="StoreCommerceUserInfoApp"> <div class="hidden loginRedirectPaths" data-sourcePath="/content/store/en-us" data-redirectPath="/content/store/en-us/business"></div> <div class="hidden loginRedirectPaths" data-sourcePath="/content/store/en-us/brand/wd" data-redirectPath="/content/store/en-us/business"></div> <div class="hidden loginRedirectPaths" data-sourcePath="/content/store/en-us/brand/sandisk" data-redirectPath="/content/store/en-us/business"></div> <div class="hidden loginRedirectPaths" data-sourcePath="/content/store/en-us/brand/sandisk-professional" data-redirectPath="/content/store/en-us/business"></div> <div class="hidden loginRedirectPaths" data-sourcePath="/content/store/en-us/brand/wd-black" data-redirectPath="/content/store/en-us/business"></div> <div class="hidden loginRedirectPaths" data-sourcePath="/content/store/en-us/products/weekly-sale" data-redirectPath="/content/store/en-us/business"></div> <div class="hidden loginRedirectPaths" data-sourcePath="/content/store/en-us/promo" data-redirectPath="/content/store/en-us/business"></div> <div class="flex items-center" v-if="isCatalogPurchasable"> <div> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="modal parbase aem-GridColumn aem-GridColumn--default--12"> <div class="py-6 wd-modal hidden " id="wdInterstitialb2cSignin"> <div class="wd-modal-dialog m-auto px-6 w-full xs:w-500px md:w-800px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="experiencefragment-localized experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="section parbase aem-GridColumn aem-GridColumn--default--12"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section interstatial-modal py-12 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center mb-3"> <div class="cols-12 flex items-center justify-center"> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/wdc-logo.svg" alt class="cq-dd-image mr-4 " id="signIn-left-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/sd-logo.svg" alt class="cq-dd-image pl-4 border-l border-grey " id="signIn-right-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center textcolumn"> <h2 class="hero-title heading-mb-4">A Note to Our Customers</h2> <p class="heading6 text-normal heading-mb-0 text-grey-3">We're making changes to how you buy HDD and flash products from the Western Digital family of brands.<br> To continue, please select from the following options:</p> </div> <div style="clear: both;"></div></div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section mt-8 py-0" style="background-color:#F9F7F6"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex text-center "> <div class="cols-12 md:cols-6 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-12 py-0" style="background-color:#F6F3F1"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M59.9039 91.9058H11.3285C9.38349 91.9004 7.51995 91.1242 6.14625 89.7472C4.77256 88.3703 4.00076 86.5049 4 84.5599L4 14.6872C4.00076 12.7422 4.77256 10.8768 6.14625 9.49988C7.51995 8.12291 9.38349 7.34669 11.3285 7.34131L59.9039 7.34131C61.8489 7.34669 63.7125 8.12291 65.0862 9.49988C66.4599 10.8768 67.2317 12.7422 67.2324 14.6872V84.5599C67.2366 85.5243 67.0501 86.48 66.6835 87.372C66.3169 88.264 65.7775 89.0747 65.0964 89.7575C64.4153 90.4402 63.6059 90.9815 62.7147 91.3502C61.8236 91.7189 60.8683 91.9077 59.9039 91.9058Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32.1849 67.0336C32.5621 67.2278 32.9837 67.3195 33.4075 67.2994C34.3088 67.3878 35.2145 67.4232 36.1199 67.4054C37.7127 67.3695 39.298 67.1749 40.8521 66.8245C42.3442 66.5003 43.8026 66.037 45.2083 65.4407C47.5905 64.4073 49.7955 63.0059 51.7425 61.2879C53.7015 59.5593 55.3712 57.5283 56.6882 55.272C57.5835 53.6939 58.3311 52.0363 58.9215 50.3205C59.304 49.0829 59.6061 47.8218 59.8261 46.5452C60.0469 45.2082 60.1359 43.8527 60.0918 42.4983C60.067 41.3032 59.9602 40.1112 59.7724 38.9307C59.5604 37.6109 59.2404 36.3108 58.8155 35.0435C58.1782 33.2003 57.3401 31.4327 56.3165 29.7726C55.197 28.0119 53.857 26.4016 52.3291 24.9808C51.0405 23.7536 49.6126 22.6814 48.0746 21.7863C46.4996 20.8563 44.8263 20.1039 43.0854 19.5429C40.9678 18.877 38.7697 18.5008 36.5512 18.4248C35.1826 18.363 33.8112 18.4345 32.4564 18.6383C31.1652 18.8277 29.8866 19.0944 28.6273 19.4369C26.8511 19.9744 25.1391 20.7048 23.5219 21.615C21.0377 22.9972 18.824 24.8173 16.9877 26.9876C15.8402 28.3118 14.8415 29.758 14.0095 31.3001C13.1258 32.8977 12.4458 34.5997 11.9854 36.3663C11.558 37.8987 11.2885 39.4707 11.181 41.0579C11.0481 42.8335 11.1016 44.6181 11.3407 46.3826C11.5127 47.5163 11.7615 48.6369 12.0856 49.7368C12.5066 51.1614 13.0407 52.5501 13.6828 53.8897C14.702 55.9747 16.0285 57.8949 17.6179 59.5861C19.2727 61.3691 21.1703 62.9103 23.2547 64.1644C23.6265 64.3778 24.0519 64.5898 24.4774 64.8033C24.6426 64.8982 24.7872 65.025 24.9028 65.1765" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34.8227 60.3468C34.8396 60.5658 34.8027 60.7857 34.7152 60.9872C34.178 62.1096 33.5885 63.1769 33.0512 64.2993C32.5139 65.4217 32.0348 66.5427 31.4409 67.6652C31.0053 68.4667 30.635 69.2624 30.2604 70.0683L25.2682 80.1644C24.9996 80.645 24.7847 81.1808 24.516 81.66C24.2474 82.1392 24.0804 82.6764 23.7639 83.1556C23.2018 84.0005 22.5166 84.7567 21.731 85.399C20.8325 86.1096 19.7952 86.624 18.6857 86.9091C17.5763 87.1942 16.4194 87.2437 15.2897 87.0544C13.1936 86.7956 11.284 85.7208 9.97522 84.0632C9.10576 83.0587 8.49089 81.8596 8.18255 80.5674C7.87421 79.2751 7.88147 77.9277 8.20372 76.6388C8.43046 75.5536 8.88098 74.5276 9.52652 73.6263C10.1721 72.725 10.9984 71.9682 11.9529 71.4042C12.9267 70.835 13.9301 70.3178 14.9587 69.8548L19.6299 67.6114C20.2746 67.2905 20.8641 66.9711 21.5089 66.7039C22.0998 66.383 25.1593 64.9397 25.1593 64.9397C27.683 63.7112 30.1515 62.4291 32.6751 61.2544C33.2647 60.8739 34.769 60.0796 34.8227 60.3468Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.7679 12.874C11.2376 12.9221 10.7329 13.124 10.3158 13.4549C9.85431 13.8922 9.57664 14.4887 9.53915 15.1234C9.50166 15.758 9.70716 16.3831 10.1139 16.8717C10.5074 17.2701 11.023 17.5251 11.5785 17.5959C12.1339 17.6667 12.6971 17.5493 13.1779 17.2624C13.5661 17.0083 13.8733 16.6482 14.063 16.2248C14.2527 15.8014 14.3169 15.3324 14.2481 14.8736C14.1716 14.4132 13.9594 13.9862 13.6386 13.6472C13.3177 13.3083 12.903 13.0729 12.4475 12.9713C12.2257 12.9117 11.9975 12.8791 11.7679 12.874Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 12.7109C59.4003 12.759 58.8956 12.9609 58.4785 13.2918C58.017 13.7291 57.7394 14.3257 57.7019 14.9603C57.6644 15.5949 57.8699 16.2201 58.2766 16.7086C58.6701 17.107 59.1858 17.362 59.7412 17.4328C60.2966 17.5036 60.8598 17.3862 61.3406 17.0993C61.7288 16.8452 62.036 16.4851 62.2257 16.0617C62.4154 15.6383 62.4796 15.1693 62.4108 14.7105C62.3344 14.2501 62.1221 13.8231 61.8013 13.4841C61.4805 13.1452 61.0657 12.9098 60.6102 12.8082C60.3884 12.7487 60.1602 12.716 59.9306 12.7109Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 81.175C59.4003 81.2232 58.8956 81.425 58.4785 81.7559C58.017 82.1932 57.7394 82.7898 57.7019 83.4244C57.6644 84.0591 57.8699 84.6842 58.2766 85.1728C58.6701 85.5711 59.1858 85.8261 59.7412 85.8969C60.2966 85.9677 60.8598 85.8503 61.3406 85.5634C61.7288 85.3093 62.036 84.9492 62.2257 84.5258C62.4154 84.1024 62.4796 83.6335 62.4108 83.1746C62.3344 82.7142 62.1221 82.2872 61.8013 81.9483C61.4805 81.6093 61.0657 81.374 60.6102 81.2723C60.3884 81.2128 60.1602 81.1801 59.9306 81.175Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M35.1299 37.374C34.3378 37.4599 33.5733 37.7144 32.8878 38.1204C32.1103 38.5475 31.4503 39.16 30.9664 39.9035C30.4826 40.647 30.1898 41.4985 30.1143 42.3824C30.0357 43.0928 30.0989 43.8117 30.3004 44.4975C30.5018 45.1832 30.8373 45.8222 31.2876 46.3772C31.7323 46.9469 32.2877 47.4206 32.9203 47.77C33.553 48.1194 34.2497 48.3372 34.9687 48.4102C36.415 48.5869 37.8724 48.1844 39.0231 47.2906C40.034 46.5332 40.7357 45.4347 40.998 44.199C41.203 43.3685 41.2083 42.5012 41.0135 41.6683C40.8186 40.8353 40.4291 40.0604 39.8769 39.407C39.4235 38.8388 38.8581 38.3699 38.2159 38.0295C37.5736 37.689 36.8682 37.4842 36.1435 37.4278C35.824 37.374 35.5031 37.4278 35.127 37.374" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.2971 74.5188C15.7162 74.5974 15.1557 74.7867 14.646 75.0764C14.0538 75.4161 13.5615 75.9058 13.2187 76.4962C12.8758 77.0866 12.6945 77.7568 12.6929 78.4395C12.6675 79.2782 12.9184 80.102 13.4069 80.7842C13.8954 81.4663 14.5946 81.9691 15.3968 82.2151C16.3108 82.5309 17.3098 82.4942 18.1982 82.1123C19.0867 81.7304 19.8006 81.0307 20.2004 80.1502C20.5575 79.42 20.6771 78.5964 20.5425 77.7948C20.4079 76.9932 20.0257 76.2539 19.4497 75.6805C19.0402 75.2694 18.546 74.9525 18.0016 74.7518C17.4571 74.5512 16.8754 74.4717 16.2971 74.5188Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.766 71.3577C31.1151 71.3577 32.4655 71.4099 34.073 71.4099H39.6768C42.4794 71.4099 43.5162 72.7169 43.5162 74.9633V80.8676C43.5166 81.6955 43.1894 82.4899 42.6061 83.0773C42.0228 83.6647 41.2307 83.9974 40.4029 84.0028H22.9686" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <path d="M10.3214 72.9383V64.3214C10.3214 61.7468 12.4822 61.3271 13.6134 62.483C15.1266 64.3298 16.9556 65.8933 19.0153 67.1008" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <rect x="50.6427" y="25.04" width="44.3573" height="67.0208" rx="1" fill="#F6F3F1" stroke="black" stroke-width="2"/> <path d="M94.4546 26.6155L53.2482 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9699 38.4622L62.0048 92.0305" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 52.8845L71.2761 91.5156" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9697 67.8218L80.5475 91.5155" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 82.2441L88.7888 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Shop HDDs and platforms</li> <li>• Sign in to your existing account</li> <li>• View and manage past orders</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a @click="openLoginPopup($event, true)" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex border border-black py-4 px-6 font-medium text-sm bg-black" style="font-weight: 600;">Continue to WesternDigital.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center justify-center py-12 md:py-0 md:my-12 md:border-l border-gray-2 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M45.8517 87.1125H26.3879C23.9052 87.0639 21.5435 86.0312 19.822 84.2415C18.1006 82.4519 17.1605 80.0518 17.2084 77.5691V22.5434C17.1605 20.0607 18.1006 17.6606 19.822 15.8709C21.5435 14.0813 23.9052 13.0486 26.3879 13L45.8517 13C48.3346 13.0484 50.6966 14.0809 52.4182 15.8706C54.1398 17.6603 55.08 20.0605 55.0321 22.5434V77.5691C55.08 80.0519 54.1398 82.4522 52.4182 84.2418C50.6966 86.0315 48.3346 87.0641 45.8517 87.1125Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M44.8864 17.6004C46.0255 17.6083 47.1559 17.7986 48.2347 18.1643C48.9657 18.4981 49.572 19.0553 49.9662 19.7556C50.3605 20.4559 50.5224 21.2633 50.4287 22.0614V30.8056C50.4287 30.8056 50.3855 32.4974 49.1334 31.6982L44.304 28.0275C43.9188 27.5772 43.6288 27.0535 43.4514 26.488C43.2741 25.9226 43.2131 25.3271 43.2722 24.7374V19.3732C43.2503 19.1483 43.2758 18.9213 43.347 18.7069C43.4182 18.4925 43.5336 18.2954 43.6857 18.1283C43.8378 17.9613 44.0233 17.828 44.2301 17.737C44.4369 17.6461 44.6605 17.5995 44.8864 17.6004Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M67.6993 52.3718H54.1688V44.7484C54.1709 44.4959 54.2227 44.2463 54.3212 44.0138C54.4198 43.7813 54.5631 43.5706 54.7431 43.3935C54.9231 43.2164 55.1363 43.0766 55.3703 42.9819C55.6044 42.8872 55.8548 42.8395 56.1073 42.8416H65.7661C66.2748 42.839 66.7638 43.0382 67.1259 43.3954C67.4881 43.7526 67.6939 44.2388 67.6984 44.7475L67.6993 52.3718Z" fill="#F9F7F6" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M57.8586 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M57.8586 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M63.6985 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M63.6985 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M69.4598 52.3701C69.713 52.3702 69.9638 52.4202 70.1978 52.5173C70.4318 52.6143 70.6443 52.7565 70.8233 52.9357C71.0024 53.1148 71.1443 53.3275 71.2412 53.5616C71.338 53.7956 71.3878 54.0465 71.3876 54.2998V79.3922C71.3828 81.437 70.5688 83.3968 69.1235 84.8434C67.6782 86.29 65.7192 87.1058 63.6743 87.1125H57.8898C55.8444 87.1067 53.8844 86.2914 52.4384 84.8447C50.9924 83.398 50.1779 81.4377 50.173 79.3922V54.3086C50.1717 54.0542 50.2208 53.802 50.3174 53.5667C50.4139 53.3313 50.5561 53.1174 50.7357 52.9372C50.9153 52.757 51.1288 52.6142 51.3639 52.5168C51.5989 52.4195 51.8509 52.3697 52.1053 52.3701H69.4598Z" fill="#F9F7F6" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M54.1688 56.3677H67.6993H54.1688Z" fill="#F9F7F6"/> <path d="M54.1688 56.3677H67.6993" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.8844 72.6658H88.2539C88.615 72.6646 88.9618 72.8069 89.2181 73.0613C89.4744 73.3158 89.6191 73.6616 89.6205 74.0227V83.6436C89.6179 84.0192 89.4666 84.3784 89.1998 84.6426C88.9329 84.9069 88.5722 85.0546 88.1966 85.0534H85.6044L85.4326 85.019H84.4968L82.3821 87.1161H80.2859V85.9451C80.2855 85.8424 80.2443 85.7441 80.1715 85.6718C80.0986 85.5994 80 85.5589 79.8974 85.5592H76.7254L76.6372 85.5935H76.6135L76.5897 85.6129L76.4469 85.6719L76.4099 85.7601L74.7596 87.1161H70.8827C70.5215 87.1168 70.1749 86.9741 69.919 86.7193C69.663 86.4645 69.5188 86.1185 69.5178 85.7574V74.0227C69.5192 73.6616 69.664 73.3158 69.9202 73.0613C70.1765 72.8069 70.5233 72.6646 70.8844 72.6658Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.2086 78.0837H88.9764H70.2086Z" fill="#F9F7F6"/> <path d="M70.2086 78.0837H88.9764" stroke="black" stroke-width="2" stroke-miterlimit="8"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Shop flash products, SSDs, and memory cards</li> <li>• Sign in with your existing email</li> <li>• Access and update your new account</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="https://shop.sandisk.com/en-us?v=profile-useraccount" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex py-4 px-6 font-medium text-sm bg-black justify-center bg-sd-red hover:bg-sd-dark-red sd-btn" style="font-weight: 600;">Go to SanDisk.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="text parbase"> <div class=" text-center mt-8 textcolumn"> <p class="heading6 heading-mb-0 font-medium text-grey-3">Need more information? <a class="text-blue" href="/support/website-separation">Visit FAQs</a></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center mt-4 textcolumn"> <div class="selection"><div class="form-group"><input type="checkbox" name="interstatial" class="wdInterstitialSupportHide"> <label style="color: #666666; font-size: 16px; font-weight: 400;" class="floatingLabelTop formLabel">Don't show this again</label></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="modal parbase aem-GridColumn aem-GridColumn--default--12"> <div class="py-6 wd-modal hidden " id="wdInterstitialb2cJoin"> <div class="wd-modal-dialog m-auto px-6 w-full xs:w-500px md:w-800px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="experiencefragment-localized experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="section parbase aem-GridColumn aem-GridColumn--default--12"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section interstatial-modal py-0" style="background-color:rgba(255,255,255,0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center mb-3"> <div class="cols-12 flex items-center justify-center"> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/wdc-logo.svg" alt class="cq-dd-image mr-4 " id="signIn-left-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/sd-logo.svg" alt class="cq-dd-image pl-4 border-l border-grey " id="signIn-right-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center textcolumn"> <h2 class="hero-title heading-mb-4">Looking to Create a New Account?</h2> <p class="heading6 text-normal heading-mb-0 text-grey-3">We're making changes to how you buy HDD and flash products from the Western Digital family of brands.<br> To continue, please select from the following options:</p> </div> <div style="clear: both;"></div></div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section mt-8 py-0" style="background-color:#F9F7F6"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex text-center "> <div class="cols-12 md:cols-6 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-12 py-0" style="background-color:#F6F3F1"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M59.9039 91.9058H11.3285C9.38349 91.9004 7.51995 91.1242 6.14625 89.7472C4.77256 88.3703 4.00076 86.5049 4 84.5599L4 14.6872C4.00076 12.7422 4.77256 10.8768 6.14625 9.49988C7.51995 8.12291 9.38349 7.34669 11.3285 7.34131L59.9039 7.34131C61.8489 7.34669 63.7125 8.12291 65.0862 9.49988C66.4599 10.8768 67.2317 12.7422 67.2324 14.6872V84.5599C67.2366 85.5243 67.0501 86.48 66.6835 87.372C66.3169 88.264 65.7775 89.0747 65.0964 89.7575C64.4153 90.4402 63.6059 90.9815 62.7147 91.3502C61.8236 91.7189 60.8683 91.9077 59.9039 91.9058Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32.1849 67.0336C32.5621 67.2278 32.9837 67.3195 33.4075 67.2994C34.3088 67.3878 35.2145 67.4232 36.1199 67.4054C37.7127 67.3695 39.298 67.1749 40.8521 66.8245C42.3442 66.5003 43.8026 66.037 45.2083 65.4407C47.5905 64.4073 49.7955 63.0059 51.7425 61.2879C53.7015 59.5593 55.3712 57.5283 56.6882 55.272C57.5835 53.6939 58.3311 52.0363 58.9215 50.3205C59.304 49.0829 59.6061 47.8218 59.8261 46.5452C60.0469 45.2082 60.1359 43.8527 60.0918 42.4983C60.067 41.3032 59.9602 40.1112 59.7724 38.9307C59.5604 37.6109 59.2404 36.3108 58.8155 35.0435C58.1782 33.2003 57.3401 31.4327 56.3165 29.7726C55.197 28.0119 53.857 26.4016 52.3291 24.9808C51.0405 23.7536 49.6126 22.6814 48.0746 21.7863C46.4996 20.8563 44.8263 20.1039 43.0854 19.5429C40.9678 18.877 38.7697 18.5008 36.5512 18.4248C35.1826 18.363 33.8112 18.4345 32.4564 18.6383C31.1652 18.8277 29.8866 19.0944 28.6273 19.4369C26.8511 19.9744 25.1391 20.7048 23.5219 21.615C21.0377 22.9972 18.824 24.8173 16.9877 26.9876C15.8402 28.3118 14.8415 29.758 14.0095 31.3001C13.1258 32.8977 12.4458 34.5997 11.9854 36.3663C11.558 37.8987 11.2885 39.4707 11.181 41.0579C11.0481 42.8335 11.1016 44.6181 11.3407 46.3826C11.5127 47.5163 11.7615 48.6369 12.0856 49.7368C12.5066 51.1614 13.0407 52.5501 13.6828 53.8897C14.702 55.9747 16.0285 57.8949 17.6179 59.5861C19.2727 61.3691 21.1703 62.9103 23.2547 64.1644C23.6265 64.3778 24.0519 64.5898 24.4774 64.8033C24.6426 64.8982 24.7872 65.025 24.9028 65.1765" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34.8227 60.3468C34.8396 60.5658 34.8027 60.7857 34.7152 60.9872C34.178 62.1096 33.5885 63.1769 33.0512 64.2993C32.5139 65.4217 32.0348 66.5427 31.4409 67.6652C31.0053 68.4667 30.635 69.2624 30.2604 70.0683L25.2682 80.1644C24.9996 80.645 24.7847 81.1808 24.516 81.66C24.2474 82.1392 24.0804 82.6764 23.7639 83.1556C23.2018 84.0005 22.5166 84.7567 21.731 85.399C20.8325 86.1096 19.7952 86.624 18.6857 86.9091C17.5763 87.1942 16.4194 87.2437 15.2897 87.0544C13.1936 86.7956 11.284 85.7208 9.97522 84.0632C9.10576 83.0587 8.49089 81.8596 8.18255 80.5674C7.87421 79.2751 7.88147 77.9277 8.20372 76.6388C8.43046 75.5536 8.88098 74.5276 9.52652 73.6263C10.1721 72.725 10.9984 71.9682 11.9529 71.4042C12.9267 70.835 13.9301 70.3178 14.9587 69.8548L19.6299 67.6114C20.2746 67.2905 20.8641 66.9711 21.5089 66.7039C22.0998 66.383 25.1593 64.9397 25.1593 64.9397C27.683 63.7112 30.1515 62.4291 32.6751 61.2544C33.2647 60.8739 34.769 60.0796 34.8227 60.3468Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.7679 12.874C11.2376 12.9221 10.7329 13.124 10.3158 13.4549C9.85431 13.8922 9.57664 14.4887 9.53915 15.1234C9.50166 15.758 9.70716 16.3831 10.1139 16.8717C10.5074 17.2701 11.023 17.5251 11.5785 17.5959C12.1339 17.6667 12.6971 17.5493 13.1779 17.2624C13.5661 17.0083 13.8733 16.6482 14.063 16.2248C14.2527 15.8014 14.3169 15.3324 14.2481 14.8736C14.1716 14.4132 13.9594 13.9862 13.6386 13.6472C13.3177 13.3083 12.903 13.0729 12.4475 12.9713C12.2257 12.9117 11.9975 12.8791 11.7679 12.874Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 12.7109C59.4003 12.759 58.8956 12.9609 58.4785 13.2918C58.017 13.7291 57.7394 14.3257 57.7019 14.9603C57.6644 15.5949 57.8699 16.2201 58.2766 16.7086C58.6701 17.107 59.1858 17.362 59.7412 17.4328C60.2966 17.5036 60.8598 17.3862 61.3406 17.0993C61.7288 16.8452 62.036 16.4851 62.2257 16.0617C62.4154 15.6383 62.4796 15.1693 62.4108 14.7105C62.3344 14.2501 62.1221 13.8231 61.8013 13.4841C61.4805 13.1452 61.0657 12.9098 60.6102 12.8082C60.3884 12.7487 60.1602 12.716 59.9306 12.7109Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 81.175C59.4003 81.2232 58.8956 81.425 58.4785 81.7559C58.017 82.1932 57.7394 82.7898 57.7019 83.4244C57.6644 84.0591 57.8699 84.6842 58.2766 85.1728C58.6701 85.5711 59.1858 85.8261 59.7412 85.8969C60.2966 85.9677 60.8598 85.8503 61.3406 85.5634C61.7288 85.3093 62.036 84.9492 62.2257 84.5258C62.4154 84.1024 62.4796 83.6335 62.4108 83.1746C62.3344 82.7142 62.1221 82.2872 61.8013 81.9483C61.4805 81.6093 61.0657 81.374 60.6102 81.2723C60.3884 81.2128 60.1602 81.1801 59.9306 81.175Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M35.1299 37.374C34.3378 37.4599 33.5733 37.7144 32.8878 38.1204C32.1103 38.5475 31.4503 39.16 30.9664 39.9035C30.4826 40.647 30.1898 41.4985 30.1143 42.3824C30.0357 43.0928 30.0989 43.8117 30.3004 44.4975C30.5018 45.1832 30.8373 45.8222 31.2876 46.3772C31.7323 46.9469 32.2877 47.4206 32.9203 47.77C33.553 48.1194 34.2497 48.3372 34.9687 48.4102C36.415 48.5869 37.8724 48.1844 39.0231 47.2906C40.034 46.5332 40.7357 45.4347 40.998 44.199C41.203 43.3685 41.2083 42.5012 41.0135 41.6683C40.8186 40.8353 40.4291 40.0604 39.8769 39.407C39.4235 38.8388 38.8581 38.3699 38.2159 38.0295C37.5736 37.689 36.8682 37.4842 36.1435 37.4278C35.824 37.374 35.5031 37.4278 35.127 37.374" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.2971 74.5188C15.7162 74.5974 15.1557 74.7867 14.646 75.0764C14.0538 75.4161 13.5615 75.9058 13.2187 76.4962C12.8758 77.0866 12.6945 77.7568 12.6929 78.4395C12.6675 79.2782 12.9184 80.102 13.4069 80.7842C13.8954 81.4663 14.5946 81.9691 15.3968 82.2151C16.3108 82.5309 17.3098 82.4942 18.1982 82.1123C19.0867 81.7304 19.8006 81.0307 20.2004 80.1502C20.5575 79.42 20.6771 78.5964 20.5425 77.7948C20.4079 76.9932 20.0257 76.2539 19.4497 75.6805C19.0402 75.2694 18.546 74.9525 18.0016 74.7518C17.4571 74.5512 16.8754 74.4717 16.2971 74.5188Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.766 71.3577C31.1151 71.3577 32.4655 71.4099 34.073 71.4099H39.6768C42.4794 71.4099 43.5162 72.7169 43.5162 74.9633V80.8676C43.5166 81.6955 43.1894 82.4899 42.6061 83.0773C42.0228 83.6647 41.2307 83.9974 40.4029 84.0028H22.9686" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <path d="M10.3214 72.9383V64.3214C10.3214 61.7468 12.4822 61.3271 13.6134 62.483C15.1266 64.3298 16.9556 65.8933 19.0153 67.1008" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <rect x="50.6427" y="25.04" width="44.3573" height="67.0208" rx="1" fill="#F6F3F1" stroke="black" stroke-width="2"/> <path d="M94.4546 26.6155L53.2482 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9699 38.4622L62.0048 92.0305" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 52.8845L71.2761 91.5156" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9697 67.8218L80.5475 91.5155" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 82.2441L88.7888 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Create a new account on WesternDigital.com</li> <li>• Shop HDDs and platforms</li> <li>• Access members-only benefits</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="/store/registration" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex border border-black py-4 px-6 font-medium text-sm bg-black justify-center" style="font-weight: 600;">Continue to WesternDigital.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center justify-center py-12 md:py-0 md:my-12 md:border-l border-gray-2 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M45.8517 87.1125H26.3879C23.9052 87.0639 21.5435 86.0312 19.822 84.2415C18.1006 82.4519 17.1605 80.0518 17.2084 77.5691V22.5434C17.1605 20.0607 18.1006 17.6606 19.822 15.8709C21.5435 14.0813 23.9052 13.0486 26.3879 13L45.8517 13C48.3346 13.0484 50.6966 14.0809 52.4182 15.8706C54.1398 17.6603 55.08 20.0605 55.0321 22.5434V77.5691C55.08 80.0519 54.1398 82.4522 52.4182 84.2418C50.6966 86.0315 48.3346 87.0641 45.8517 87.1125Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M44.8864 17.6004C46.0255 17.6083 47.1559 17.7986 48.2347 18.1643C48.9657 18.4981 49.572 19.0553 49.9662 19.7556C50.3605 20.4559 50.5224 21.2633 50.4287 22.0614V30.8056C50.4287 30.8056 50.3855 32.4974 49.1334 31.6982L44.304 28.0275C43.9188 27.5772 43.6288 27.0535 43.4514 26.488C43.2741 25.9226 43.2131 25.3271 43.2722 24.7374V19.3732C43.2503 19.1483 43.2758 18.9213 43.347 18.7069C43.4182 18.4925 43.5336 18.2954 43.6857 18.1283C43.8378 17.9613 44.0233 17.828 44.2301 17.737C44.4369 17.6461 44.6605 17.5995 44.8864 17.6004Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M67.6993 52.3718H54.1688V44.7484C54.1709 44.4959 54.2227 44.2463 54.3212 44.0138C54.4198 43.7813 54.5631 43.5706 54.7431 43.3935C54.9231 43.2164 55.1363 43.0766 55.3703 42.9819C55.6044 42.8872 55.8548 42.8395 56.1073 42.8416H65.7661C66.2748 42.839 66.7638 43.0382 67.1259 43.3954C67.4881 43.7526 67.6939 44.2388 67.6984 44.7475L67.6993 52.3718Z" fill="#F9F7F6" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M57.8586 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M57.8586 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M63.6985 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M63.6985 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M69.4598 52.3701C69.713 52.3702 69.9638 52.4202 70.1978 52.5173C70.4318 52.6143 70.6443 52.7565 70.8233 52.9357C71.0024 53.1148 71.1443 53.3275 71.2412 53.5616C71.338 53.7956 71.3878 54.0465 71.3876 54.2998V79.3922C71.3828 81.437 70.5688 83.3968 69.1235 84.8434C67.6782 86.29 65.7192 87.1058 63.6743 87.1125H57.8898C55.8444 87.1067 53.8844 86.2914 52.4384 84.8447C50.9924 83.398 50.1779 81.4377 50.173 79.3922V54.3086C50.1717 54.0542 50.2208 53.802 50.3174 53.5667C50.4139 53.3313 50.5561 53.1174 50.7357 52.9372C50.9153 52.757 51.1288 52.6142 51.3639 52.5168C51.5989 52.4195 51.8509 52.3697 52.1053 52.3701H69.4598Z" fill="#F9F7F6" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M54.1688 56.3677H67.6993H54.1688Z" fill="#F9F7F6"/> <path d="M54.1688 56.3677H67.6993" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.8844 72.6658H88.2539C88.615 72.6646 88.9618 72.8069 89.2181 73.0613C89.4744 73.3158 89.6191 73.6616 89.6205 74.0227V83.6436C89.6179 84.0192 89.4666 84.3784 89.1998 84.6426C88.9329 84.9069 88.5722 85.0546 88.1966 85.0534H85.6044L85.4326 85.019H84.4968L82.3821 87.1161H80.2859V85.9451C80.2855 85.8424 80.2443 85.7441 80.1715 85.6718C80.0986 85.5994 80 85.5589 79.8974 85.5592H76.7254L76.6372 85.5935H76.6135L76.5897 85.6129L76.4469 85.6719L76.4099 85.7601L74.7596 87.1161H70.8827C70.5215 87.1168 70.1749 86.9741 69.919 86.7193C69.663 86.4645 69.5188 86.1185 69.5178 85.7574V74.0227C69.5192 73.6616 69.664 73.3158 69.9202 73.0613C70.1765 72.8069 70.5233 72.6646 70.8844 72.6658Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.2086 78.0837H88.9764H70.2086Z" fill="#F9F7F6"/> <path d="M70.2086 78.0837H88.9764" stroke="black" stroke-width="2" stroke-miterlimit="8"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Create a new account on SanDisk.com</li> <li>• Shop flash products, SSDs, and memory cards</li> <li>• Access members-only benefits</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="https://shop.sandisk.com/en-us/store/registration" target="_blank" role="button" tabindex="0" class="signInBTN btn text-white inline-flex py-4 px-6 font-medium text-sm bg-black justify-center bg-sd-red hover:bg-sd-dark-red sd-btn" style="font-weight: 600;">Go to SanDisk.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="text parbase"> <div class=" text-center mt-8 textcolumn"> <p class="heading6 heading-mb-0 font-medium text-grey-3">Need more information? <a class="text-blue" href="/support/website-separation">Visit FAQs</a></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center mt-4 textcolumn"> <div class="selection"><div class="form-group"><input type="checkbox" name="interstatial" class="wdInterstitialSupportHide"> <label style="color: #666666; font-size: 16px; font-weight: 400;" class="floatingLabelTop formLabel">Don't show this again</label></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="modal parbase aem-GridColumn aem-GridColumn--default--12"> <div class="py-6 wd-modal hidden " id="wdInterstitialb2bSignin"> <div class="wd-modal-dialog m-auto px-6 w-full xs:w-500px md:w-800px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="experiencefragment-localized experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="section parbase aem-GridColumn aem-GridColumn--default--12"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section interstatial-modal py-0" style="background-color:rgba(255,255,255,0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center mb-3"> <div class="cols-12 flex items-center justify-center"> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/wdc-business-logo.svg" alt class="cq-dd-image mr-4 " id="signIn-left-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/sd-for-business.svg" alt class="cq-dd-image pl-4 border-l border-grey " id="signIn-right-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center textcolumn"> <h2 class="hero-title heading-mb-4">A Note to Our Business Customers</h2> <p class="heading6 text-normal heading-mb-0 text-grey-3">We're making changes to how you buy HDD and flash products from the Western Digital family of brands.<br> To continue, please select from the following options:</p> </div> <div style="clear: both;"></div></div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section mt-8 py-0" style="background-color:#F9F7F6"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex text-center"> <div class="cols-12 md:cols-6 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-12 py-0" style="background-color:#F6F3F1"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M59.9039 91.9058H11.3285C9.38349 91.9004 7.51995 91.1242 6.14625 89.7472C4.77256 88.3703 4.00076 86.5049 4 84.5599L4 14.6872C4.00076 12.7422 4.77256 10.8768 6.14625 9.49988C7.51995 8.12291 9.38349 7.34669 11.3285 7.34131L59.9039 7.34131C61.8489 7.34669 63.7125 8.12291 65.0862 9.49988C66.4599 10.8768 67.2317 12.7422 67.2324 14.6872V84.5599C67.2366 85.5243 67.0501 86.48 66.6835 87.372C66.3169 88.264 65.7775 89.0747 65.0964 89.7575C64.4153 90.4402 63.6059 90.9815 62.7147 91.3502C61.8236 91.7189 60.8683 91.9077 59.9039 91.9058Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32.1849 67.0336C32.5621 67.2278 32.9837 67.3195 33.4075 67.2994C34.3088 67.3878 35.2145 67.4232 36.1199 67.4054C37.7127 67.3695 39.298 67.1749 40.8521 66.8245C42.3442 66.5003 43.8026 66.037 45.2083 65.4407C47.5905 64.4073 49.7955 63.0059 51.7425 61.2879C53.7015 59.5593 55.3712 57.5283 56.6882 55.272C57.5835 53.6939 58.3311 52.0363 58.9215 50.3205C59.304 49.0829 59.6061 47.8218 59.8261 46.5452C60.0469 45.2082 60.1359 43.8527 60.0918 42.4983C60.067 41.3032 59.9602 40.1112 59.7724 38.9307C59.5604 37.6109 59.2404 36.3108 58.8155 35.0435C58.1782 33.2003 57.3401 31.4327 56.3165 29.7726C55.197 28.0119 53.857 26.4016 52.3291 24.9808C51.0405 23.7536 49.6126 22.6814 48.0746 21.7863C46.4996 20.8563 44.8263 20.1039 43.0854 19.5429C40.9678 18.877 38.7697 18.5008 36.5512 18.4248C35.1826 18.363 33.8112 18.4345 32.4564 18.6383C31.1652 18.8277 29.8866 19.0944 28.6273 19.4369C26.8511 19.9744 25.1391 20.7048 23.5219 21.615C21.0377 22.9972 18.824 24.8173 16.9877 26.9876C15.8402 28.3118 14.8415 29.758 14.0095 31.3001C13.1258 32.8977 12.4458 34.5997 11.9854 36.3663C11.558 37.8987 11.2885 39.4707 11.181 41.0579C11.0481 42.8335 11.1016 44.6181 11.3407 46.3826C11.5127 47.5163 11.7615 48.6369 12.0856 49.7368C12.5066 51.1614 13.0407 52.5501 13.6828 53.8897C14.702 55.9747 16.0285 57.8949 17.6179 59.5861C19.2727 61.3691 21.1703 62.9103 23.2547 64.1644C23.6265 64.3778 24.0519 64.5898 24.4774 64.8033C24.6426 64.8982 24.7872 65.025 24.9028 65.1765" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34.8227 60.3468C34.8396 60.5658 34.8027 60.7857 34.7152 60.9872C34.178 62.1096 33.5885 63.1769 33.0512 64.2993C32.5139 65.4217 32.0348 66.5427 31.4409 67.6652C31.0053 68.4667 30.635 69.2624 30.2604 70.0683L25.2682 80.1644C24.9996 80.645 24.7847 81.1808 24.516 81.66C24.2474 82.1392 24.0804 82.6764 23.7639 83.1556C23.2018 84.0005 22.5166 84.7567 21.731 85.399C20.8325 86.1096 19.7952 86.624 18.6857 86.9091C17.5763 87.1942 16.4194 87.2437 15.2897 87.0544C13.1936 86.7956 11.284 85.7208 9.97522 84.0632C9.10576 83.0587 8.49089 81.8596 8.18255 80.5674C7.87421 79.2751 7.88147 77.9277 8.20372 76.6388C8.43046 75.5536 8.88098 74.5276 9.52652 73.6263C10.1721 72.725 10.9984 71.9682 11.9529 71.4042C12.9267 70.835 13.9301 70.3178 14.9587 69.8548L19.6299 67.6114C20.2746 67.2905 20.8641 66.9711 21.5089 66.7039C22.0998 66.383 25.1593 64.9397 25.1593 64.9397C27.683 63.7112 30.1515 62.4291 32.6751 61.2544C33.2647 60.8739 34.769 60.0796 34.8227 60.3468Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.7679 12.874C11.2376 12.9221 10.7329 13.124 10.3158 13.4549C9.85431 13.8922 9.57664 14.4887 9.53915 15.1234C9.50166 15.758 9.70716 16.3831 10.1139 16.8717C10.5074 17.2701 11.023 17.5251 11.5785 17.5959C12.1339 17.6667 12.6971 17.5493 13.1779 17.2624C13.5661 17.0083 13.8733 16.6482 14.063 16.2248C14.2527 15.8014 14.3169 15.3324 14.2481 14.8736C14.1716 14.4132 13.9594 13.9862 13.6386 13.6472C13.3177 13.3083 12.903 13.0729 12.4475 12.9713C12.2257 12.9117 11.9975 12.8791 11.7679 12.874Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 12.7109C59.4003 12.759 58.8956 12.9609 58.4785 13.2918C58.017 13.7291 57.7394 14.3257 57.7019 14.9603C57.6644 15.5949 57.8699 16.2201 58.2766 16.7086C58.6701 17.107 59.1858 17.362 59.7412 17.4328C60.2966 17.5036 60.8598 17.3862 61.3406 17.0993C61.7288 16.8452 62.036 16.4851 62.2257 16.0617C62.4154 15.6383 62.4796 15.1693 62.4108 14.7105C62.3344 14.2501 62.1221 13.8231 61.8013 13.4841C61.4805 13.1452 61.0657 12.9098 60.6102 12.8082C60.3884 12.7487 60.1602 12.716 59.9306 12.7109Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 81.175C59.4003 81.2232 58.8956 81.425 58.4785 81.7559C58.017 82.1932 57.7394 82.7898 57.7019 83.4244C57.6644 84.0591 57.8699 84.6842 58.2766 85.1728C58.6701 85.5711 59.1858 85.8261 59.7412 85.8969C60.2966 85.9677 60.8598 85.8503 61.3406 85.5634C61.7288 85.3093 62.036 84.9492 62.2257 84.5258C62.4154 84.1024 62.4796 83.6335 62.4108 83.1746C62.3344 82.7142 62.1221 82.2872 61.8013 81.9483C61.4805 81.6093 61.0657 81.374 60.6102 81.2723C60.3884 81.2128 60.1602 81.1801 59.9306 81.175Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M35.1299 37.374C34.3378 37.4599 33.5733 37.7144 32.8878 38.1204C32.1103 38.5475 31.4503 39.16 30.9664 39.9035C30.4826 40.647 30.1898 41.4985 30.1143 42.3824C30.0357 43.0928 30.0989 43.8117 30.3004 44.4975C30.5018 45.1832 30.8373 45.8222 31.2876 46.3772C31.7323 46.9469 32.2877 47.4206 32.9203 47.77C33.553 48.1194 34.2497 48.3372 34.9687 48.4102C36.415 48.5869 37.8724 48.1844 39.0231 47.2906C40.034 46.5332 40.7357 45.4347 40.998 44.199C41.203 43.3685 41.2083 42.5012 41.0135 41.6683C40.8186 40.8353 40.4291 40.0604 39.8769 39.407C39.4235 38.8388 38.8581 38.3699 38.2159 38.0295C37.5736 37.689 36.8682 37.4842 36.1435 37.4278C35.824 37.374 35.5031 37.4278 35.127 37.374" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.2971 74.5188C15.7162 74.5974 15.1557 74.7867 14.646 75.0764C14.0538 75.4161 13.5615 75.9058 13.2187 76.4962C12.8758 77.0866 12.6945 77.7568 12.6929 78.4395C12.6675 79.2782 12.9184 80.102 13.4069 80.7842C13.8954 81.4663 14.5946 81.9691 15.3968 82.2151C16.3108 82.5309 17.3098 82.4942 18.1982 82.1123C19.0867 81.7304 19.8006 81.0307 20.2004 80.1502C20.5575 79.42 20.6771 78.5964 20.5425 77.7948C20.4079 76.9932 20.0257 76.2539 19.4497 75.6805C19.0402 75.2694 18.546 74.9525 18.0016 74.7518C17.4571 74.5512 16.8754 74.4717 16.2971 74.5188Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.766 71.3577C31.1151 71.3577 32.4655 71.4099 34.073 71.4099H39.6768C42.4794 71.4099 43.5162 72.7169 43.5162 74.9633V80.8676C43.5166 81.6955 43.1894 82.4899 42.6061 83.0773C42.0228 83.6647 41.2307 83.9974 40.4029 84.0028H22.9686" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <path d="M10.3214 72.9383V64.3214C10.3214 61.7468 12.4822 61.3271 13.6134 62.483C15.1266 64.3298 16.9556 65.8933 19.0153 67.1008" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <rect x="50.6427" y="25.04" width="44.3573" height="67.0208" rx="1" fill="#F6F3F1" stroke="black" stroke-width="2"/> <path d="M94.4546 26.6155L53.2482 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9699 38.4622L62.0048 92.0305" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 52.8845L71.2761 91.5156" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9697 67.8218L80.5475 91.5155" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 82.2441L88.7888 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Shop HDDs and platforms</li> <li>• Sign in to your existing account</li> <li>• View and manage past orders</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a @click="openLoginPopup($event, true)" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex border border-black py-4 px-6 font-medium text-sm bg-black justify-center" style="font-weight: 600;">Continue to WesternDigital.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center justify-center py-12 md:py-0 md:my-12 md:border-l border-gray-2 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M45.8517 87.1125H26.3879C23.9052 87.0639 21.5435 86.0312 19.822 84.2415C18.1006 82.4519 17.1605 80.0518 17.2084 77.5691V22.5434C17.1605 20.0607 18.1006 17.6606 19.822 15.8709C21.5435 14.0813 23.9052 13.0486 26.3879 13L45.8517 13C48.3346 13.0484 50.6966 14.0809 52.4182 15.8706C54.1398 17.6603 55.08 20.0605 55.0321 22.5434V77.5691C55.08 80.0519 54.1398 82.4522 52.4182 84.2418C50.6966 86.0315 48.3346 87.0641 45.8517 87.1125Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M44.8864 17.6004C46.0255 17.6083 47.1559 17.7986 48.2347 18.1643C48.9657 18.4981 49.572 19.0553 49.9662 19.7556C50.3605 20.4559 50.5224 21.2633 50.4287 22.0614V30.8056C50.4287 30.8056 50.3855 32.4974 49.1334 31.6982L44.304 28.0275C43.9188 27.5772 43.6288 27.0535 43.4514 26.488C43.2741 25.9226 43.2131 25.3271 43.2722 24.7374V19.3732C43.2503 19.1483 43.2758 18.9213 43.347 18.7069C43.4182 18.4925 43.5336 18.2954 43.6857 18.1283C43.8378 17.9613 44.0233 17.828 44.2301 17.737C44.4369 17.6461 44.6605 17.5995 44.8864 17.6004Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M67.6993 52.3718H54.1688V44.7484C54.1709 44.4959 54.2227 44.2463 54.3212 44.0138C54.4198 43.7813 54.5631 43.5706 54.7431 43.3935C54.9231 43.2164 55.1363 43.0766 55.3703 42.9819C55.6044 42.8872 55.8548 42.8395 56.1073 42.8416H65.7661C66.2748 42.839 66.7638 43.0382 67.1259 43.3954C67.4881 43.7526 67.6939 44.2388 67.6984 44.7475L67.6993 52.3718Z" fill="#F9F7F6" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M57.8586 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M57.8586 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M63.6985 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M63.6985 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M69.4598 52.3701C69.713 52.3702 69.9638 52.4202 70.1978 52.5173C70.4318 52.6143 70.6443 52.7565 70.8233 52.9357C71.0024 53.1148 71.1443 53.3275 71.2412 53.5616C71.338 53.7956 71.3878 54.0465 71.3876 54.2998V79.3922C71.3828 81.437 70.5688 83.3968 69.1235 84.8434C67.6782 86.29 65.7192 87.1058 63.6743 87.1125H57.8898C55.8444 87.1067 53.8844 86.2914 52.4384 84.8447C50.9924 83.398 50.1779 81.4377 50.173 79.3922V54.3086C50.1717 54.0542 50.2208 53.802 50.3174 53.5667C50.4139 53.3313 50.5561 53.1174 50.7357 52.9372C50.9153 52.757 51.1288 52.6142 51.3639 52.5168C51.5989 52.4195 51.8509 52.3697 52.1053 52.3701H69.4598Z" fill="#F9F7F6" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M54.1688 56.3677H67.6993H54.1688Z" fill="#F9F7F6"/> <path d="M54.1688 56.3677H67.6993" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.8844 72.6658H88.2539C88.615 72.6646 88.9618 72.8069 89.2181 73.0613C89.4744 73.3158 89.6191 73.6616 89.6205 74.0227V83.6436C89.6179 84.0192 89.4666 84.3784 89.1998 84.6426C88.9329 84.9069 88.5722 85.0546 88.1966 85.0534H85.6044L85.4326 85.019H84.4968L82.3821 87.1161H80.2859V85.9451C80.2855 85.8424 80.2443 85.7441 80.1715 85.6718C80.0986 85.5994 80 85.5589 79.8974 85.5592H76.7254L76.6372 85.5935H76.6135L76.5897 85.6129L76.4469 85.6719L76.4099 85.7601L74.7596 87.1161H70.8827C70.5215 87.1168 70.1749 86.9741 69.919 86.7193C69.663 86.4645 69.5188 86.1185 69.5178 85.7574V74.0227C69.5192 73.6616 69.664 73.3158 69.9202 73.0613C70.1765 72.8069 70.5233 72.6646 70.8844 72.6658Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.2086 78.0837H88.9764H70.2086Z" fill="#F9F7F6"/> <path d="M70.2086 78.0837H88.9764" stroke="black" stroke-width="2" stroke-miterlimit="8"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Shop flash products, SSDs, and memory cards</li> <li>• Sign in with your existing email</li> <li>• Access and update your new account</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="https://shop.sandisk.com/en-us?v=profile-useraccount" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex py-4 px-6 font-medium text-sm bg-black justify-center bg-sd-red hover:bg-sd-dark-red sd-btn" style="font-weight: 600;">Go to SanDisk.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="text parbase"> <div class=" text-center mt-8 textcolumn"> <p class="heading6 heading-mb-0 font-medium text-grey-3">Need more information? <a class="text-blue" href="/support/website-separation">Visit FAQs</a></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center mt-4 textcolumn"> <div class="selection"><div class="form-group"><input type="checkbox" name="interstatial" class="wdInterstitialSupportHide"> <label style="color: #666666; font-size: 16px; font-weight: 400;" class="floatingLabelTop formLabel">Don't show this again</label></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="modal parbase aem-GridColumn aem-GridColumn--default--12"> <div class="py-6 wd-modal hidden " id="wdInterstitialb2bJoin"> <div class="wd-modal-dialog m-auto px-6 w-full xs:w-500px md:w-800px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="experiencefragment-localized experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="section parbase aem-GridColumn aem-GridColumn--default--12"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section interstatial-modal py-0" style="background-color:rgba(255,255,255,0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center mb-3"> <div class="cols-12 flex items-center justify-center"> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/wdc-business-logo.svg" alt class="cq-dd-image mr-4 " id="signIn-left-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/sd-for-business.svg" alt class="cq-dd-image pl-4 border-l border-grey " id="signIn-right-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center textcolumn"> <h2 class="hero-title heading-mb-4">Looking to Create a New Business Account?</h2> <p class="heading6 text-normal heading-mb-0 text-grey-3">We're making changes to how you buy HDD and flash products from the Western Digital family of brands.<br> To continue, please select from the following options:</p> </div> <div style="clear: both;"></div></div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section mt-8 py-0" style="background-color:#F9F7F6"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex text-center"> <div class="cols-12 md:cols-6 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-12 py-0" style="background-color:#F6F3F1"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M59.9039 91.9058H11.3285C9.38349 91.9004 7.51995 91.1242 6.14625 89.7472C4.77256 88.3703 4.00076 86.5049 4 84.5599L4 14.6872C4.00076 12.7422 4.77256 10.8768 6.14625 9.49988C7.51995 8.12291 9.38349 7.34669 11.3285 7.34131L59.9039 7.34131C61.8489 7.34669 63.7125 8.12291 65.0862 9.49988C66.4599 10.8768 67.2317 12.7422 67.2324 14.6872V84.5599C67.2366 85.5243 67.0501 86.48 66.6835 87.372C66.3169 88.264 65.7775 89.0747 65.0964 89.7575C64.4153 90.4402 63.6059 90.9815 62.7147 91.3502C61.8236 91.7189 60.8683 91.9077 59.9039 91.9058Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32.1849 67.0336C32.5621 67.2278 32.9837 67.3195 33.4075 67.2994C34.3088 67.3878 35.2145 67.4232 36.1199 67.4054C37.7127 67.3695 39.298 67.1749 40.8521 66.8245C42.3442 66.5003 43.8026 66.037 45.2083 65.4407C47.5905 64.4073 49.7955 63.0059 51.7425 61.2879C53.7015 59.5593 55.3712 57.5283 56.6882 55.272C57.5835 53.6939 58.3311 52.0363 58.9215 50.3205C59.304 49.0829 59.6061 47.8218 59.8261 46.5452C60.0469 45.2082 60.1359 43.8527 60.0918 42.4983C60.067 41.3032 59.9602 40.1112 59.7724 38.9307C59.5604 37.6109 59.2404 36.3108 58.8155 35.0435C58.1782 33.2003 57.3401 31.4327 56.3165 29.7726C55.197 28.0119 53.857 26.4016 52.3291 24.9808C51.0405 23.7536 49.6126 22.6814 48.0746 21.7863C46.4996 20.8563 44.8263 20.1039 43.0854 19.5429C40.9678 18.877 38.7697 18.5008 36.5512 18.4248C35.1826 18.363 33.8112 18.4345 32.4564 18.6383C31.1652 18.8277 29.8866 19.0944 28.6273 19.4369C26.8511 19.9744 25.1391 20.7048 23.5219 21.615C21.0377 22.9972 18.824 24.8173 16.9877 26.9876C15.8402 28.3118 14.8415 29.758 14.0095 31.3001C13.1258 32.8977 12.4458 34.5997 11.9854 36.3663C11.558 37.8987 11.2885 39.4707 11.181 41.0579C11.0481 42.8335 11.1016 44.6181 11.3407 46.3826C11.5127 47.5163 11.7615 48.6369 12.0856 49.7368C12.5066 51.1614 13.0407 52.5501 13.6828 53.8897C14.702 55.9747 16.0285 57.8949 17.6179 59.5861C19.2727 61.3691 21.1703 62.9103 23.2547 64.1644C23.6265 64.3778 24.0519 64.5898 24.4774 64.8033C24.6426 64.8982 24.7872 65.025 24.9028 65.1765" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34.8227 60.3468C34.8396 60.5658 34.8027 60.7857 34.7152 60.9872C34.178 62.1096 33.5885 63.1769 33.0512 64.2993C32.5139 65.4217 32.0348 66.5427 31.4409 67.6652C31.0053 68.4667 30.635 69.2624 30.2604 70.0683L25.2682 80.1644C24.9996 80.645 24.7847 81.1808 24.516 81.66C24.2474 82.1392 24.0804 82.6764 23.7639 83.1556C23.2018 84.0005 22.5166 84.7567 21.731 85.399C20.8325 86.1096 19.7952 86.624 18.6857 86.9091C17.5763 87.1942 16.4194 87.2437 15.2897 87.0544C13.1936 86.7956 11.284 85.7208 9.97522 84.0632C9.10576 83.0587 8.49089 81.8596 8.18255 80.5674C7.87421 79.2751 7.88147 77.9277 8.20372 76.6388C8.43046 75.5536 8.88098 74.5276 9.52652 73.6263C10.1721 72.725 10.9984 71.9682 11.9529 71.4042C12.9267 70.835 13.9301 70.3178 14.9587 69.8548L19.6299 67.6114C20.2746 67.2905 20.8641 66.9711 21.5089 66.7039C22.0998 66.383 25.1593 64.9397 25.1593 64.9397C27.683 63.7112 30.1515 62.4291 32.6751 61.2544C33.2647 60.8739 34.769 60.0796 34.8227 60.3468Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.7679 12.874C11.2376 12.9221 10.7329 13.124 10.3158 13.4549C9.85431 13.8922 9.57664 14.4887 9.53915 15.1234C9.50166 15.758 9.70716 16.3831 10.1139 16.8717C10.5074 17.2701 11.023 17.5251 11.5785 17.5959C12.1339 17.6667 12.6971 17.5493 13.1779 17.2624C13.5661 17.0083 13.8733 16.6482 14.063 16.2248C14.2527 15.8014 14.3169 15.3324 14.2481 14.8736C14.1716 14.4132 13.9594 13.9862 13.6386 13.6472C13.3177 13.3083 12.903 13.0729 12.4475 12.9713C12.2257 12.9117 11.9975 12.8791 11.7679 12.874Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 12.7109C59.4003 12.759 58.8956 12.9609 58.4785 13.2918C58.017 13.7291 57.7394 14.3257 57.7019 14.9603C57.6644 15.5949 57.8699 16.2201 58.2766 16.7086C58.6701 17.107 59.1858 17.362 59.7412 17.4328C60.2966 17.5036 60.8598 17.3862 61.3406 17.0993C61.7288 16.8452 62.036 16.4851 62.2257 16.0617C62.4154 15.6383 62.4796 15.1693 62.4108 14.7105C62.3344 14.2501 62.1221 13.8231 61.8013 13.4841C61.4805 13.1452 61.0657 12.9098 60.6102 12.8082C60.3884 12.7487 60.1602 12.716 59.9306 12.7109Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 81.175C59.4003 81.2232 58.8956 81.425 58.4785 81.7559C58.017 82.1932 57.7394 82.7898 57.7019 83.4244C57.6644 84.0591 57.8699 84.6842 58.2766 85.1728C58.6701 85.5711 59.1858 85.8261 59.7412 85.8969C60.2966 85.9677 60.8598 85.8503 61.3406 85.5634C61.7288 85.3093 62.036 84.9492 62.2257 84.5258C62.4154 84.1024 62.4796 83.6335 62.4108 83.1746C62.3344 82.7142 62.1221 82.2872 61.8013 81.9483C61.4805 81.6093 61.0657 81.374 60.6102 81.2723C60.3884 81.2128 60.1602 81.1801 59.9306 81.175Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M35.1299 37.374C34.3378 37.4599 33.5733 37.7144 32.8878 38.1204C32.1103 38.5475 31.4503 39.16 30.9664 39.9035C30.4826 40.647 30.1898 41.4985 30.1143 42.3824C30.0357 43.0928 30.0989 43.8117 30.3004 44.4975C30.5018 45.1832 30.8373 45.8222 31.2876 46.3772C31.7323 46.9469 32.2877 47.4206 32.9203 47.77C33.553 48.1194 34.2497 48.3372 34.9687 48.4102C36.415 48.5869 37.8724 48.1844 39.0231 47.2906C40.034 46.5332 40.7357 45.4347 40.998 44.199C41.203 43.3685 41.2083 42.5012 41.0135 41.6683C40.8186 40.8353 40.4291 40.0604 39.8769 39.407C39.4235 38.8388 38.8581 38.3699 38.2159 38.0295C37.5736 37.689 36.8682 37.4842 36.1435 37.4278C35.824 37.374 35.5031 37.4278 35.127 37.374" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.2971 74.5188C15.7162 74.5974 15.1557 74.7867 14.646 75.0764C14.0538 75.4161 13.5615 75.9058 13.2187 76.4962C12.8758 77.0866 12.6945 77.7568 12.6929 78.4395C12.6675 79.2782 12.9184 80.102 13.4069 80.7842C13.8954 81.4663 14.5946 81.9691 15.3968 82.2151C16.3108 82.5309 17.3098 82.4942 18.1982 82.1123C19.0867 81.7304 19.8006 81.0307 20.2004 80.1502C20.5575 79.42 20.6771 78.5964 20.5425 77.7948C20.4079 76.9932 20.0257 76.2539 19.4497 75.6805C19.0402 75.2694 18.546 74.9525 18.0016 74.7518C17.4571 74.5512 16.8754 74.4717 16.2971 74.5188Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.766 71.3577C31.1151 71.3577 32.4655 71.4099 34.073 71.4099H39.6768C42.4794 71.4099 43.5162 72.7169 43.5162 74.9633V80.8676C43.5166 81.6955 43.1894 82.4899 42.6061 83.0773C42.0228 83.6647 41.2307 83.9974 40.4029 84.0028H22.9686" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <path d="M10.3214 72.9383V64.3214C10.3214 61.7468 12.4822 61.3271 13.6134 62.483C15.1266 64.3298 16.9556 65.8933 19.0153 67.1008" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <rect x="50.6427" y="25.04" width="44.3573" height="67.0208" rx="1" fill="#F6F3F1" stroke="black" stroke-width="2"/> <path d="M94.4546 26.6155L53.2482 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9699 38.4622L62.0048 92.0305" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 52.8845L71.2761 91.5156" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9697 67.8218L80.5475 91.5155" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 82.2441L88.7888 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Shop HDDs and platforms</li> <li>• Get exclusive business benefits</li> <li>• Earn rewards for eligible purchases</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="/store/registration" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex border border-black py-4 px-6 font-medium text-sm bg-black justify-center" style="font-weight: 600;">Continue to WesternDigital.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center justify-center py-12 md:py-0 md:my-12 md:border-l border-gray-2 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M45.8517 87.1125H26.3879C23.9052 87.0639 21.5435 86.0312 19.822 84.2415C18.1006 82.4519 17.1605 80.0518 17.2084 77.5691V22.5434C17.1605 20.0607 18.1006 17.6606 19.822 15.8709C21.5435 14.0813 23.9052 13.0486 26.3879 13L45.8517 13C48.3346 13.0484 50.6966 14.0809 52.4182 15.8706C54.1398 17.6603 55.08 20.0605 55.0321 22.5434V77.5691C55.08 80.0519 54.1398 82.4522 52.4182 84.2418C50.6966 86.0315 48.3346 87.0641 45.8517 87.1125Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M44.8864 17.6004C46.0255 17.6083 47.1559 17.7986 48.2347 18.1643C48.9657 18.4981 49.572 19.0553 49.9662 19.7556C50.3605 20.4559 50.5224 21.2633 50.4287 22.0614V30.8056C50.4287 30.8056 50.3855 32.4974 49.1334 31.6982L44.304 28.0275C43.9188 27.5772 43.6288 27.0535 43.4514 26.488C43.2741 25.9226 43.2131 25.3271 43.2722 24.7374V19.3732C43.2503 19.1483 43.2758 18.9213 43.347 18.7069C43.4182 18.4925 43.5336 18.2954 43.6857 18.1283C43.8378 17.9613 44.0233 17.828 44.2301 17.737C44.4369 17.6461 44.6605 17.5995 44.8864 17.6004Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M67.6993 52.3718H54.1688V44.7484C54.1709 44.4959 54.2227 44.2463 54.3212 44.0138C54.4198 43.7813 54.5631 43.5706 54.7431 43.3935C54.9231 43.2164 55.1363 43.0766 55.3703 42.9819C55.6044 42.8872 55.8548 42.8395 56.1073 42.8416H65.7661C66.2748 42.839 66.7638 43.0382 67.1259 43.3954C67.4881 43.7526 67.6939 44.2388 67.6984 44.7475L67.6993 52.3718Z" fill="#F9F7F6" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M57.8586 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M57.8586 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M63.6985 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M63.6985 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M69.4598 52.3701C69.713 52.3702 69.9638 52.4202 70.1978 52.5173C70.4318 52.6143 70.6443 52.7565 70.8233 52.9357C71.0024 53.1148 71.1443 53.3275 71.2412 53.5616C71.338 53.7956 71.3878 54.0465 71.3876 54.2998V79.3922C71.3828 81.437 70.5688 83.3968 69.1235 84.8434C67.6782 86.29 65.7192 87.1058 63.6743 87.1125H57.8898C55.8444 87.1067 53.8844 86.2914 52.4384 84.8447C50.9924 83.398 50.1779 81.4377 50.173 79.3922V54.3086C50.1717 54.0542 50.2208 53.802 50.3174 53.5667C50.4139 53.3313 50.5561 53.1174 50.7357 52.9372C50.9153 52.757 51.1288 52.6142 51.3639 52.5168C51.5989 52.4195 51.8509 52.3697 52.1053 52.3701H69.4598Z" fill="#F9F7F6" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M54.1688 56.3677H67.6993H54.1688Z" fill="#F9F7F6"/> <path d="M54.1688 56.3677H67.6993" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.8844 72.6658H88.2539C88.615 72.6646 88.9618 72.8069 89.2181 73.0613C89.4744 73.3158 89.6191 73.6616 89.6205 74.0227V83.6436C89.6179 84.0192 89.4666 84.3784 89.1998 84.6426C88.9329 84.9069 88.5722 85.0546 88.1966 85.0534H85.6044L85.4326 85.019H84.4968L82.3821 87.1161H80.2859V85.9451C80.2855 85.8424 80.2443 85.7441 80.1715 85.6718C80.0986 85.5994 80 85.5589 79.8974 85.5592H76.7254L76.6372 85.5935H76.6135L76.5897 85.6129L76.4469 85.6719L76.4099 85.7601L74.7596 87.1161H70.8827C70.5215 87.1168 70.1749 86.9741 69.919 86.7193C69.663 86.4645 69.5188 86.1185 69.5178 85.7574V74.0227C69.5192 73.6616 69.664 73.3158 69.9202 73.0613C70.1765 72.8069 70.5233 72.6646 70.8844 72.6658Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.2086 78.0837H88.9764H70.2086Z" fill="#F9F7F6"/> <path d="M70.2086 78.0837H88.9764" stroke="black" stroke-width="2" stroke-miterlimit="8"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Shop flash products, SSDs, and memory cards</li> <li>• Get exclusive business benefits</li> <li>• Apply for a dedicated business line of credit</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="https://shop.sandisk.com/en-us/store/registration" target="_blank" role="button" tabindex="0" class="signInBTN btn text-white inline-flex py-4 px-6 font-medium text-sm bg-black justify-center bg-sd-red hover:bg-sd-dark-red sd-btn" style="font-weight: 600;">Go to SanDisk.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="text parbase"> <div class=" text-center mt-8 textcolumn"> <p class="heading6 heading-mb-0 font-medium text-grey-3">Need more information? <a class="text-blue" href="/support/website-separation">Visit FAQs</a></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center mt-4 textcolumn"> <div class="selection"><div class="form-group"><input type="checkbox" name="interstatial" class="wdInterstitialSupportHide"> <label style="color: #666666; font-size: 16px; font-weight: 400;" class="floatingLabelTop formLabel">Don't show this again</label></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="modal parbase aem-GridColumn aem-GridColumn--default--12"> <div class="py-6 wd-modal hidden " id="wdInterstitialb2bBusiness"> <div class="wd-modal-dialog m-auto px-6 w-full xs:w-500px md:w-800px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="experiencefragment-localized experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="section parbase aem-GridColumn aem-GridColumn--default--12"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section interstatial-modal py-0" style="background-color:rgba(255,255,255,0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center mb-3"> <div class="cols-12 flex items-center justify-center"> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/wdc-business-logo.svg" alt class="cq-dd-image mr-4 " id="signIn-left-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/sd-for-business.svg" alt class="cq-dd-image pl-4 border-l border-grey " id="signIn-right-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center textcolumn"> <h2 class="hero-title heading-mb-4">A Note to Our Business Customers</h2> <p class="heading6 text-normal heading-mb-0 text-grey-3">We're making changes to how you buy HDD and flash products from the Western Digital family of brands.<br> To continue, please select from the following options:</p> </div> <div style="clear: both;"></div></div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section mt-8 py-0" style="background-color:#F9F7F6"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex text-center"> <div class="cols-12 md:cols-6 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-12 py-0" style="background-color:#F6F3F1"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M59.9039 91.9058H11.3285C9.38349 91.9004 7.51995 91.1242 6.14625 89.7472C4.77256 88.3703 4.00076 86.5049 4 84.5599L4 14.6872C4.00076 12.7422 4.77256 10.8768 6.14625 9.49988C7.51995 8.12291 9.38349 7.34669 11.3285 7.34131L59.9039 7.34131C61.8489 7.34669 63.7125 8.12291 65.0862 9.49988C66.4599 10.8768 67.2317 12.7422 67.2324 14.6872V84.5599C67.2366 85.5243 67.0501 86.48 66.6835 87.372C66.3169 88.264 65.7775 89.0747 65.0964 89.7575C64.4153 90.4402 63.6059 90.9815 62.7147 91.3502C61.8236 91.7189 60.8683 91.9077 59.9039 91.9058Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32.1849 67.0336C32.5621 67.2278 32.9837 67.3195 33.4075 67.2994C34.3088 67.3878 35.2145 67.4232 36.1199 67.4054C37.7127 67.3695 39.298 67.1749 40.8521 66.8245C42.3442 66.5003 43.8026 66.037 45.2083 65.4407C47.5905 64.4073 49.7955 63.0059 51.7425 61.2879C53.7015 59.5593 55.3712 57.5283 56.6882 55.272C57.5835 53.6939 58.3311 52.0363 58.9215 50.3205C59.304 49.0829 59.6061 47.8218 59.8261 46.5452C60.0469 45.2082 60.1359 43.8527 60.0918 42.4983C60.067 41.3032 59.9602 40.1112 59.7724 38.9307C59.5604 37.6109 59.2404 36.3108 58.8155 35.0435C58.1782 33.2003 57.3401 31.4327 56.3165 29.7726C55.197 28.0119 53.857 26.4016 52.3291 24.9808C51.0405 23.7536 49.6126 22.6814 48.0746 21.7863C46.4996 20.8563 44.8263 20.1039 43.0854 19.5429C40.9678 18.877 38.7697 18.5008 36.5512 18.4248C35.1826 18.363 33.8112 18.4345 32.4564 18.6383C31.1652 18.8277 29.8866 19.0944 28.6273 19.4369C26.8511 19.9744 25.1391 20.7048 23.5219 21.615C21.0377 22.9972 18.824 24.8173 16.9877 26.9876C15.8402 28.3118 14.8415 29.758 14.0095 31.3001C13.1258 32.8977 12.4458 34.5997 11.9854 36.3663C11.558 37.8987 11.2885 39.4707 11.181 41.0579C11.0481 42.8335 11.1016 44.6181 11.3407 46.3826C11.5127 47.5163 11.7615 48.6369 12.0856 49.7368C12.5066 51.1614 13.0407 52.5501 13.6828 53.8897C14.702 55.9747 16.0285 57.8949 17.6179 59.5861C19.2727 61.3691 21.1703 62.9103 23.2547 64.1644C23.6265 64.3778 24.0519 64.5898 24.4774 64.8033C24.6426 64.8982 24.7872 65.025 24.9028 65.1765" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34.8227 60.3468C34.8396 60.5658 34.8027 60.7857 34.7152 60.9872C34.178 62.1096 33.5885 63.1769 33.0512 64.2993C32.5139 65.4217 32.0348 66.5427 31.4409 67.6652C31.0053 68.4667 30.635 69.2624 30.2604 70.0683L25.2682 80.1644C24.9996 80.645 24.7847 81.1808 24.516 81.66C24.2474 82.1392 24.0804 82.6764 23.7639 83.1556C23.2018 84.0005 22.5166 84.7567 21.731 85.399C20.8325 86.1096 19.7952 86.624 18.6857 86.9091C17.5763 87.1942 16.4194 87.2437 15.2897 87.0544C13.1936 86.7956 11.284 85.7208 9.97522 84.0632C9.10576 83.0587 8.49089 81.8596 8.18255 80.5674C7.87421 79.2751 7.88147 77.9277 8.20372 76.6388C8.43046 75.5536 8.88098 74.5276 9.52652 73.6263C10.1721 72.725 10.9984 71.9682 11.9529 71.4042C12.9267 70.835 13.9301 70.3178 14.9587 69.8548L19.6299 67.6114C20.2746 67.2905 20.8641 66.9711 21.5089 66.7039C22.0998 66.383 25.1593 64.9397 25.1593 64.9397C27.683 63.7112 30.1515 62.4291 32.6751 61.2544C33.2647 60.8739 34.769 60.0796 34.8227 60.3468Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.7679 12.874C11.2376 12.9221 10.7329 13.124 10.3158 13.4549C9.85431 13.8922 9.57664 14.4887 9.53915 15.1234C9.50166 15.758 9.70716 16.3831 10.1139 16.8717C10.5074 17.2701 11.023 17.5251 11.5785 17.5959C12.1339 17.6667 12.6971 17.5493 13.1779 17.2624C13.5661 17.0083 13.8733 16.6482 14.063 16.2248C14.2527 15.8014 14.3169 15.3324 14.2481 14.8736C14.1716 14.4132 13.9594 13.9862 13.6386 13.6472C13.3177 13.3083 12.903 13.0729 12.4475 12.9713C12.2257 12.9117 11.9975 12.8791 11.7679 12.874Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 12.7109C59.4003 12.759 58.8956 12.9609 58.4785 13.2918C58.017 13.7291 57.7394 14.3257 57.7019 14.9603C57.6644 15.5949 57.8699 16.2201 58.2766 16.7086C58.6701 17.107 59.1858 17.362 59.7412 17.4328C60.2966 17.5036 60.8598 17.3862 61.3406 17.0993C61.7288 16.8452 62.036 16.4851 62.2257 16.0617C62.4154 15.6383 62.4796 15.1693 62.4108 14.7105C62.3344 14.2501 62.1221 13.8231 61.8013 13.4841C61.4805 13.1452 61.0657 12.9098 60.6102 12.8082C60.3884 12.7487 60.1602 12.716 59.9306 12.7109Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 81.175C59.4003 81.2232 58.8956 81.425 58.4785 81.7559C58.017 82.1932 57.7394 82.7898 57.7019 83.4244C57.6644 84.0591 57.8699 84.6842 58.2766 85.1728C58.6701 85.5711 59.1858 85.8261 59.7412 85.8969C60.2966 85.9677 60.8598 85.8503 61.3406 85.5634C61.7288 85.3093 62.036 84.9492 62.2257 84.5258C62.4154 84.1024 62.4796 83.6335 62.4108 83.1746C62.3344 82.7142 62.1221 82.2872 61.8013 81.9483C61.4805 81.6093 61.0657 81.374 60.6102 81.2723C60.3884 81.2128 60.1602 81.1801 59.9306 81.175Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M35.1299 37.374C34.3378 37.4599 33.5733 37.7144 32.8878 38.1204C32.1103 38.5475 31.4503 39.16 30.9664 39.9035C30.4826 40.647 30.1898 41.4985 30.1143 42.3824C30.0357 43.0928 30.0989 43.8117 30.3004 44.4975C30.5018 45.1832 30.8373 45.8222 31.2876 46.3772C31.7323 46.9469 32.2877 47.4206 32.9203 47.77C33.553 48.1194 34.2497 48.3372 34.9687 48.4102C36.415 48.5869 37.8724 48.1844 39.0231 47.2906C40.034 46.5332 40.7357 45.4347 40.998 44.199C41.203 43.3685 41.2083 42.5012 41.0135 41.6683C40.8186 40.8353 40.4291 40.0604 39.8769 39.407C39.4235 38.8388 38.8581 38.3699 38.2159 38.0295C37.5736 37.689 36.8682 37.4842 36.1435 37.4278C35.824 37.374 35.5031 37.4278 35.127 37.374" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.2971 74.5188C15.7162 74.5974 15.1557 74.7867 14.646 75.0764C14.0538 75.4161 13.5615 75.9058 13.2187 76.4962C12.8758 77.0866 12.6945 77.7568 12.6929 78.4395C12.6675 79.2782 12.9184 80.102 13.4069 80.7842C13.8954 81.4663 14.5946 81.9691 15.3968 82.2151C16.3108 82.5309 17.3098 82.4942 18.1982 82.1123C19.0867 81.7304 19.8006 81.0307 20.2004 80.1502C20.5575 79.42 20.6771 78.5964 20.5425 77.7948C20.4079 76.9932 20.0257 76.2539 19.4497 75.6805C19.0402 75.2694 18.546 74.9525 18.0016 74.7518C17.4571 74.5512 16.8754 74.4717 16.2971 74.5188Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.766 71.3577C31.1151 71.3577 32.4655 71.4099 34.073 71.4099H39.6768C42.4794 71.4099 43.5162 72.7169 43.5162 74.9633V80.8676C43.5166 81.6955 43.1894 82.4899 42.6061 83.0773C42.0228 83.6647 41.2307 83.9974 40.4029 84.0028H22.9686" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <path d="M10.3214 72.9383V64.3214C10.3214 61.7468 12.4822 61.3271 13.6134 62.483C15.1266 64.3298 16.9556 65.8933 19.0153 67.1008" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <rect x="50.6427" y="25.04" width="44.3573" height="67.0208" rx="1" fill="#F6F3F1" stroke="black" stroke-width="2"/> <path d="M94.4546 26.6155L53.2482 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9699 38.4622L62.0048 92.0305" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 52.8845L71.2761 91.5156" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9697 67.8218L80.5475 91.5155" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 82.2441L88.7888 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Shop HDDs and platforms</li> <li>• Sign up for a business account</li> <li>• Explore new products and technologies</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="/business" target="_self" role="button" tabindex="0" class="btn text-white inline-flex border border-black py-4 px-6 font-medium text-sm bg-black justify-center" style="font-weight: 600;">Continue to WesternDigital.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center justify-center py-12 md:py-0 md:my-12 md:border-l border-gray-2 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M45.8517 87.1125H26.3879C23.9052 87.0639 21.5435 86.0312 19.822 84.2415C18.1006 82.4519 17.1605 80.0518 17.2084 77.5691V22.5434C17.1605 20.0607 18.1006 17.6606 19.822 15.8709C21.5435 14.0813 23.9052 13.0486 26.3879 13L45.8517 13C48.3346 13.0484 50.6966 14.0809 52.4182 15.8706C54.1398 17.6603 55.08 20.0605 55.0321 22.5434V77.5691C55.08 80.0519 54.1398 82.4522 52.4182 84.2418C50.6966 86.0315 48.3346 87.0641 45.8517 87.1125Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M44.8864 17.6004C46.0255 17.6083 47.1559 17.7986 48.2347 18.1643C48.9657 18.4981 49.572 19.0553 49.9662 19.7556C50.3605 20.4559 50.5224 21.2633 50.4287 22.0614V30.8056C50.4287 30.8056 50.3855 32.4974 49.1334 31.6982L44.304 28.0275C43.9188 27.5772 43.6288 27.0535 43.4514 26.488C43.2741 25.9226 43.2131 25.3271 43.2722 24.7374V19.3732C43.2503 19.1483 43.2758 18.9213 43.347 18.7069C43.4182 18.4925 43.5336 18.2954 43.6857 18.1283C43.8378 17.9613 44.0233 17.828 44.2301 17.737C44.4369 17.6461 44.6605 17.5995 44.8864 17.6004Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M67.6993 52.3718H54.1688V44.7484C54.1709 44.4959 54.2227 44.2463 54.3212 44.0138C54.4198 43.7813 54.5631 43.5706 54.7431 43.3935C54.9231 43.2164 55.1363 43.0766 55.3703 42.9819C55.6044 42.8872 55.8548 42.8395 56.1073 42.8416H65.7661C66.2748 42.839 66.7638 43.0382 67.1259 43.3954C67.4881 43.7526 67.6939 44.2388 67.6984 44.7475L67.6993 52.3718Z" fill="#F9F7F6" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M57.8586 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M57.8586 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M63.6985 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M63.6985 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M69.4598 52.3701C69.713 52.3702 69.9638 52.4202 70.1978 52.5173C70.4318 52.6143 70.6443 52.7565 70.8233 52.9357C71.0024 53.1148 71.1443 53.3275 71.2412 53.5616C71.338 53.7956 71.3878 54.0465 71.3876 54.2998V79.3922C71.3828 81.437 70.5688 83.3968 69.1235 84.8434C67.6782 86.29 65.7192 87.1058 63.6743 87.1125H57.8898C55.8444 87.1067 53.8844 86.2914 52.4384 84.8447C50.9924 83.398 50.1779 81.4377 50.173 79.3922V54.3086C50.1717 54.0542 50.2208 53.802 50.3174 53.5667C50.4139 53.3313 50.5561 53.1174 50.7357 52.9372C50.9153 52.757 51.1288 52.6142 51.3639 52.5168C51.5989 52.4195 51.8509 52.3697 52.1053 52.3701H69.4598Z" fill="#F9F7F6" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M54.1688 56.3677H67.6993H54.1688Z" fill="#F9F7F6"/> <path d="M54.1688 56.3677H67.6993" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.8844 72.6658H88.2539C88.615 72.6646 88.9618 72.8069 89.2181 73.0613C89.4744 73.3158 89.6191 73.6616 89.6205 74.0227V83.6436C89.6179 84.0192 89.4666 84.3784 89.1998 84.6426C88.9329 84.9069 88.5722 85.0546 88.1966 85.0534H85.6044L85.4326 85.019H84.4968L82.3821 87.1161H80.2859V85.9451C80.2855 85.8424 80.2443 85.7441 80.1715 85.6718C80.0986 85.5994 80 85.5589 79.8974 85.5592H76.7254L76.6372 85.5935H76.6135L76.5897 85.6129L76.4469 85.6719L76.4099 85.7601L74.7596 87.1161H70.8827C70.5215 87.1168 70.1749 86.9741 69.919 86.7193C69.663 86.4645 69.5188 86.1185 69.5178 85.7574V74.0227C69.5192 73.6616 69.664 73.3158 69.9202 73.0613C70.1765 72.8069 70.5233 72.6646 70.8844 72.6658Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.2086 78.0837H88.9764H70.2086Z" fill="#F9F7F6"/> <path d="M70.2086 78.0837H88.9764" stroke="black" stroke-width="2" stroke-miterlimit="8"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Shop flash products, SSDs, and memory cards</li> <li>• Sign up for a business account</li> <li>• Explore new products and technologies</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="https://shop.sandisk.com/en-us/business" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex py-4 px-6 font-medium text-sm bg-black justify-center bg-sd-red hover:bg-sd-dark-red sd-btn" style="font-weight: 600;">Go to SanDisk.com</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="text parbase"> <div class=" text-center mt-8 textcolumn"> <p class="heading6 heading-mb-0 font-medium text-grey-3">Need more information? <a class="text-blue" href="/support/website-separation">Visit FAQs</a></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center mt-4 textcolumn"> <div class="selection"><div class="form-group"><input type="checkbox" name="interstatial" class="wdInterstitialSupportHide"> <label style="color: #666666; font-size: 16px; font-weight: 400;" class="floatingLabelTop formLabel">Don't show this again</label></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="modal parbase aem-GridColumn aem-GridColumn--default--12"> <div class="py-6 wd-modal hidden " id="wdInterstitialSupport"> <div class="wd-modal-dialog m-auto px-6 w-full xs:w-500px md:w-800px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="experiencefragment-localized experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="section parbase aem-GridColumn aem-GridColumn--default--12"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section interstatial-modal py-0" style="background-color:rgba(255,255,255,0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center mb-3"> <div class="cols-12 flex items-center justify-center"> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/wdc-logo.svg" alt class="cq-dd-image mr-4 " id="signIn-left-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> <div class="image"> <picture> <img src="/content/dam/store/en-us/assets/interstitial/sandisk-logo-new.svg" alt class="cq-dd-image pl-4 border-l border-grey " id="signIn-right-image" data-emptytext="Image"/> </picture> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center px-8 md:px-20 textcolumn"> <h2 class="hero-title heading-mb-4">A Note to Our Customers</h2> <p class="heading6 text-normal heading-mb-0 text-grey-3">Western Digital has separated into two independent companies and the support process for your Western Digital and Sandisk brand HDD and flash products may have changed.<br> To continue, please select from the following options:</p> </div> <div style="clear: both;"></div></div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section mt-8 py-0" style="background-color:#F9F7F6"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex text-center"> <div class="cols-12 md:cols-6 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-12 py-0" style="background-color:#F6F3F1"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M59.9039 91.9058H11.3285C9.38349 91.9004 7.51995 91.1242 6.14625 89.7472C4.77256 88.3703 4.00076 86.5049 4 84.5599L4 14.6872C4.00076 12.7422 4.77256 10.8768 6.14625 9.49988C7.51995 8.12291 9.38349 7.34669 11.3285 7.34131L59.9039 7.34131C61.8489 7.34669 63.7125 8.12291 65.0862 9.49988C66.4599 10.8768 67.2317 12.7422 67.2324 14.6872V84.5599C67.2366 85.5243 67.0501 86.48 66.6835 87.372C66.3169 88.264 65.7775 89.0747 65.0964 89.7575C64.4153 90.4402 63.6059 90.9815 62.7147 91.3502C61.8236 91.7189 60.8683 91.9077 59.9039 91.9058Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32.1849 67.0336C32.5621 67.2278 32.9837 67.3195 33.4075 67.2994C34.3088 67.3878 35.2145 67.4232 36.1199 67.4054C37.7127 67.3695 39.298 67.1749 40.8521 66.8245C42.3442 66.5003 43.8026 66.037 45.2083 65.4407C47.5905 64.4073 49.7955 63.0059 51.7425 61.2879C53.7015 59.5593 55.3712 57.5283 56.6882 55.272C57.5835 53.6939 58.3311 52.0363 58.9215 50.3205C59.304 49.0829 59.6061 47.8218 59.8261 46.5452C60.0469 45.2082 60.1359 43.8527 60.0918 42.4983C60.067 41.3032 59.9602 40.1112 59.7724 38.9307C59.5604 37.6109 59.2404 36.3108 58.8155 35.0435C58.1782 33.2003 57.3401 31.4327 56.3165 29.7726C55.197 28.0119 53.857 26.4016 52.3291 24.9808C51.0405 23.7536 49.6126 22.6814 48.0746 21.7863C46.4996 20.8563 44.8263 20.1039 43.0854 19.5429C40.9678 18.877 38.7697 18.5008 36.5512 18.4248C35.1826 18.363 33.8112 18.4345 32.4564 18.6383C31.1652 18.8277 29.8866 19.0944 28.6273 19.4369C26.8511 19.9744 25.1391 20.7048 23.5219 21.615C21.0377 22.9972 18.824 24.8173 16.9877 26.9876C15.8402 28.3118 14.8415 29.758 14.0095 31.3001C13.1258 32.8977 12.4458 34.5997 11.9854 36.3663C11.558 37.8987 11.2885 39.4707 11.181 41.0579C11.0481 42.8335 11.1016 44.6181 11.3407 46.3826C11.5127 47.5163 11.7615 48.6369 12.0856 49.7368C12.5066 51.1614 13.0407 52.5501 13.6828 53.8897C14.702 55.9747 16.0285 57.8949 17.6179 59.5861C19.2727 61.3691 21.1703 62.9103 23.2547 64.1644C23.6265 64.3778 24.0519 64.5898 24.4774 64.8033C24.6426 64.8982 24.7872 65.025 24.9028 65.1765" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34.8227 60.3468C34.8396 60.5658 34.8027 60.7857 34.7152 60.9872C34.178 62.1096 33.5885 63.1769 33.0512 64.2993C32.5139 65.4217 32.0348 66.5427 31.4409 67.6652C31.0053 68.4667 30.635 69.2624 30.2604 70.0683L25.2682 80.1644C24.9996 80.645 24.7847 81.1808 24.516 81.66C24.2474 82.1392 24.0804 82.6764 23.7639 83.1556C23.2018 84.0005 22.5166 84.7567 21.731 85.399C20.8325 86.1096 19.7952 86.624 18.6857 86.9091C17.5763 87.1942 16.4194 87.2437 15.2897 87.0544C13.1936 86.7956 11.284 85.7208 9.97522 84.0632C9.10576 83.0587 8.49089 81.8596 8.18255 80.5674C7.87421 79.2751 7.88147 77.9277 8.20372 76.6388C8.43046 75.5536 8.88098 74.5276 9.52652 73.6263C10.1721 72.725 10.9984 71.9682 11.9529 71.4042C12.9267 70.835 13.9301 70.3178 14.9587 69.8548L19.6299 67.6114C20.2746 67.2905 20.8641 66.9711 21.5089 66.7039C22.0998 66.383 25.1593 64.9397 25.1593 64.9397C27.683 63.7112 30.1515 62.4291 32.6751 61.2544C33.2647 60.8739 34.769 60.0796 34.8227 60.3468Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.7679 12.874C11.2376 12.9221 10.7329 13.124 10.3158 13.4549C9.85431 13.8922 9.57664 14.4887 9.53915 15.1234C9.50166 15.758 9.70716 16.3831 10.1139 16.8717C10.5074 17.2701 11.023 17.5251 11.5785 17.5959C12.1339 17.6667 12.6971 17.5493 13.1779 17.2624C13.5661 17.0083 13.8733 16.6482 14.063 16.2248C14.2527 15.8014 14.3169 15.3324 14.2481 14.8736C14.1716 14.4132 13.9594 13.9862 13.6386 13.6472C13.3177 13.3083 12.903 13.0729 12.4475 12.9713C12.2257 12.9117 11.9975 12.8791 11.7679 12.874Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 12.7109C59.4003 12.759 58.8956 12.9609 58.4785 13.2918C58.017 13.7291 57.7394 14.3257 57.7019 14.9603C57.6644 15.5949 57.8699 16.2201 58.2766 16.7086C58.6701 17.107 59.1858 17.362 59.7412 17.4328C60.2966 17.5036 60.8598 17.3862 61.3406 17.0993C61.7288 16.8452 62.036 16.4851 62.2257 16.0617C62.4154 15.6383 62.4796 15.1693 62.4108 14.7105C62.3344 14.2501 62.1221 13.8231 61.8013 13.4841C61.4805 13.1452 61.0657 12.9098 60.6102 12.8082C60.3884 12.7487 60.1602 12.716 59.9306 12.7109Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M59.9306 81.175C59.4003 81.2232 58.8956 81.425 58.4785 81.7559C58.017 82.1932 57.7394 82.7898 57.7019 83.4244C57.6644 84.0591 57.8699 84.6842 58.2766 85.1728C58.6701 85.5711 59.1858 85.8261 59.7412 85.8969C60.2966 85.9677 60.8598 85.8503 61.3406 85.5634C61.7288 85.3093 62.036 84.9492 62.2257 84.5258C62.4154 84.1024 62.4796 83.6335 62.4108 83.1746C62.3344 82.7142 62.1221 82.2872 61.8013 81.9483C61.4805 81.6093 61.0657 81.374 60.6102 81.2723C60.3884 81.2128 60.1602 81.1801 59.9306 81.175Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M35.1299 37.374C34.3378 37.4599 33.5733 37.7144 32.8878 38.1204C32.1103 38.5475 31.4503 39.16 30.9664 39.9035C30.4826 40.647 30.1898 41.4985 30.1143 42.3824C30.0357 43.0928 30.0989 43.8117 30.3004 44.4975C30.5018 45.1832 30.8373 45.8222 31.2876 46.3772C31.7323 46.9469 32.2877 47.4206 32.9203 47.77C33.553 48.1194 34.2497 48.3372 34.9687 48.4102C36.415 48.5869 37.8724 48.1844 39.0231 47.2906C40.034 46.5332 40.7357 45.4347 40.998 44.199C41.203 43.3685 41.2083 42.5012 41.0135 41.6683C40.8186 40.8353 40.4291 40.0604 39.8769 39.407C39.4235 38.8388 38.8581 38.3699 38.2159 38.0295C37.5736 37.689 36.8682 37.4842 36.1435 37.4278C35.824 37.374 35.5031 37.4278 35.127 37.374" stroke="#0072EF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.2971 74.5188C15.7162 74.5974 15.1557 74.7867 14.646 75.0764C14.0538 75.4161 13.5615 75.9058 13.2187 76.4962C12.8758 77.0866 12.6945 77.7568 12.6929 78.4395C12.6675 79.2782 12.9184 80.102 13.4069 80.7842C13.8954 81.4663 14.5946 81.9691 15.3968 82.2151C16.3108 82.5309 17.3098 82.4942 18.1982 82.1123C19.0867 81.7304 19.8006 81.0307 20.2004 80.1502C20.5575 79.42 20.6771 78.5964 20.5425 77.7948C20.4079 76.9932 20.0257 76.2539 19.4497 75.6805C19.0402 75.2694 18.546 74.9525 18.0016 74.7518C17.4571 74.5512 16.8754 74.4717 16.2971 74.5188Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.766 71.3577C31.1151 71.3577 32.4655 71.4099 34.073 71.4099H39.6768C42.4794 71.4099 43.5162 72.7169 43.5162 74.9633V80.8676C43.5166 81.6955 43.1894 82.4899 42.6061 83.0773C42.0228 83.6647 41.2307 83.9974 40.4029 84.0028H22.9686" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <path d="M10.3214 72.9383V64.3214C10.3214 61.7468 12.4822 61.3271 13.6134 62.483C15.1266 64.3298 16.9556 65.8933 19.0153 67.1008" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/> <rect x="50.6427" y="25.04" width="44.3573" height="67.0208" rx="1" fill="#F6F3F1" stroke="black" stroke-width="2"/> <path d="M94.4546 26.6155L53.2482 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9699 38.4622L62.0048 92.0305" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 52.8845L71.2761 91.5156" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9697 67.8218L80.5475 91.5155" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M94.9698 82.2441L88.7888 92.0307" stroke="black" stroke-width="2" stroke-linecap="round"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Get help with HDDs and platforms</li> <li>• Sign in to your existing account</li> <li>• View and manage support requests</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="/support?hideinterstitialsupportmodal=true" target="_self" role="button" tabindex="0" class="btn text-white inline-flex border border-black py-4 px-6 font-medium text-sm bg-black justify-center" style="font-weight: 600;">Continue to Western Digital Support</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center justify-center py-12 md:py-0 md:my-12 md:border-l border-gray-2 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="svg parbase"> <div class="mb-4"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M45.8517 87.1125H26.3879C23.9052 87.0639 21.5435 86.0312 19.822 84.2415C18.1006 82.4519 17.1605 80.0518 17.2084 77.5691V22.5434C17.1605 20.0607 18.1006 17.6606 19.822 15.8709C21.5435 14.0813 23.9052 13.0486 26.3879 13L45.8517 13C48.3346 13.0484 50.6966 14.0809 52.4182 15.8706C54.1398 17.6603 55.08 20.0605 55.0321 22.5434V77.5691C55.08 80.0519 54.1398 82.4522 52.4182 84.2418C50.6966 86.0315 48.3346 87.0641 45.8517 87.1125Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M44.8864 17.6004C46.0255 17.6083 47.1559 17.7986 48.2347 18.1643C48.9657 18.4981 49.572 19.0553 49.9662 19.7556C50.3605 20.4559 50.5224 21.2633 50.4287 22.0614V30.8056C50.4287 30.8056 50.3855 32.4974 49.1334 31.6982L44.304 28.0275C43.9188 27.5772 43.6288 27.0535 43.4514 26.488C43.2741 25.9226 43.2131 25.3271 43.2722 24.7374V19.3732C43.2503 19.1483 43.2758 18.9213 43.347 18.7069C43.4182 18.4925 43.5336 18.2954 43.6857 18.1283C43.8378 17.9613 44.0233 17.828 44.2301 17.737C44.4369 17.6461 44.6605 17.5995 44.8864 17.6004Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="8"/> <path d="M67.6993 52.3718H54.1688V44.7484C54.1709 44.4959 54.2227 44.2463 54.3212 44.0138C54.4198 43.7813 54.5631 43.5706 54.7431 43.3935C54.9231 43.2164 55.1363 43.0766 55.3703 42.9819C55.6044 42.8872 55.8548 42.8395 56.1073 42.8416H65.7661C66.2748 42.839 66.7638 43.0382 67.1259 43.3954C67.4881 43.7526 67.6939 44.2388 67.6984 44.7475L67.6993 52.3718Z" fill="#F9F7F6" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M57.8586 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M57.8586 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M63.6985 46.8381V48.6841V46.8381Z" fill="#F9F7F6"/> <path d="M63.6985 46.8381V48.6841" stroke="#080808" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M69.4598 52.3701C69.713 52.3702 69.9638 52.4202 70.1978 52.5173C70.4318 52.6143 70.6443 52.7565 70.8233 52.9357C71.0024 53.1148 71.1443 53.3275 71.2412 53.5616C71.338 53.7956 71.3878 54.0465 71.3876 54.2998V79.3922C71.3828 81.437 70.5688 83.3968 69.1235 84.8434C67.6782 86.29 65.7192 87.1058 63.6743 87.1125H57.8898C55.8444 87.1067 53.8844 86.2914 52.4384 84.8447C50.9924 83.398 50.1779 81.4377 50.173 79.3922V54.3086C50.1717 54.0542 50.2208 53.802 50.3174 53.5667C50.4139 53.3313 50.5561 53.1174 50.7357 52.9372C50.9153 52.757 51.1288 52.6142 51.3639 52.5168C51.5989 52.4195 51.8509 52.3697 52.1053 52.3701H69.4598Z" fill="#F9F7F6" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M54.1688 56.3677H67.6993H54.1688Z" fill="#F9F7F6"/> <path d="M54.1688 56.3677H67.6993" stroke="#ED1C24" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.8844 72.6658H88.2539C88.615 72.6646 88.9618 72.8069 89.2181 73.0613C89.4744 73.3158 89.6191 73.6616 89.6205 74.0227V83.6436C89.6179 84.0192 89.4666 84.3784 89.1998 84.6426C88.9329 84.9069 88.5722 85.0546 88.1966 85.0534H85.6044L85.4326 85.019H84.4968L82.3821 87.1161H80.2859V85.9451C80.2855 85.8424 80.2443 85.7441 80.1715 85.6718C80.0986 85.5994 80 85.5589 79.8974 85.5592H76.7254L76.6372 85.5935H76.6135L76.5897 85.6129L76.4469 85.6719L76.4099 85.7601L74.7596 87.1161H70.8827C70.5215 87.1168 70.1749 86.9741 69.919 86.7193C69.663 86.4645 69.5188 86.1185 69.5178 85.7574V74.0227C69.5192 73.6616 69.664 73.3158 69.9202 73.0613C70.1765 72.8069 70.5233 72.6646 70.8844 72.6658Z" fill="#F9F7F6" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M70.2086 78.0837H88.9764H70.2086Z" fill="#F9F7F6"/> <path d="M70.2086 78.0837H88.9764" stroke="black" stroke-width="2" stroke-miterlimit="8"/> </svg> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul class="text-base list-reset text-grey-3"> <li>• Get help with flash products, SSDs, and memory cards</li> <li>• Sign in with your existing email</li> <li>• View and manage support requests</li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-8 textcolumn"> <p><b><a href="https://shop.sandisk.com/en-us/support" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex py-4 px-6 font-medium text-sm bg-black justify-center bg-sd-red hover:bg-sd-dark-red sd-btn" style="font-weight: 600;">Go to Sandisk Support</a></b></p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="text parbase"> <div class=" text-center mt-8 textcolumn"> <p class="heading6 heading-mb-0 font-medium text-grey-3">Need more information? <a class="text-blue" href="/support/support-faq">Visit FAQs</a></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" text-center mt-4 textcolumn"> <div class="selection"><div class="form-group"><input type="checkbox" name="interstatial" class="wdInterstitialSupportHide"> <label style="color: #666666; font-size: 16px; font-weight: 400;" class="floatingLabelTop formLabel">Don't show this again</label></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> </div> </div> </div> <div class="text parbase"> <div class=" textcolumn"> <div class="sm:items-center "><div v-if="isUserLoggedIn" class="login-btn-trigger absolute md:pin-r-0 pin-r-25 pin-t-6 mt-1 md:mt-0 flex items-center"><span class="text-xs lg:text-sm mr-1 pr-px hidden md:block pb-2">Welcome, {{firstName}}!</span> <button class="text-xs lg:text-sm myAccountMenu openLoginFlyout text-black pb-2 -mb-1 whitespace-no-wrap " @click="openLoginFlyout($event)" aria-label="My Accounts Menu press tab to navigate menu items" tabindex="0" role="menu" aria-expanded="false" aria-controls="user-profile-dropdown"><span class="hidden md:block underline">Accounts</span></button></div> <div v-if="!isUserLoggedIn" class="login-btn-trigger absolute pin-r-25 pin-t-6 mt-1 md:mt-0 md:pin-r-0 flex items-center"><button class="text-xs lg:text-sm whitespace-no-wrap cursor-pointer openLoginFlyout" @click="openLoginFlyout($event)" role="button"><span class="hidden md:block">Sign In</span></button></div> </div> <div class="hidden login-flyout m-auto w-full xs:w-400px absolute pin-r-80 z-10 pin-t"><div class="border border-grey-light bg-white"><button @click="closeLoginFlyout($event)" class="loginFlyoutClose px-4 py-4 cursor-pointer absolute pin-r-0 sc-track pin-t z-1" aria-label="Login flyout close" tabindex="0"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.54" fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0L7 5.6L1.4 0L0 1.4L5.6 7L0 12.6L1.4 14L7 8.4L12.6 14L14 12.6L8.4 7L14 1.4Z" fill="black"></path></svg></button><div><div class="login-tabs"><div class=" w-full tabview-box " id="editorial-tab-1" aria-labelledby="editorial-tab-1"><div class="p-6 sm:p-8"><div v-show="!isUserLoggedIn"><p class="text-base font-bold leading-heading mb-6">Sign In or Create <span class="shopAccount">an Account</span><span class="businessAccount hidden">a Business Account</span></p> <div class="flex"><div class="button flex-1 mr-2"><div class="shopAccount shopAccountLogin"><a @click="openLoginPopup($event, true)" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex border border-blue py-4 px-10 font-medium text-sm bg-blue w-full justify-center" data-track-type="button" aria-label="Sign in to Shop">Sign In</a></div> <div class="businessAccount hidden"><a @click="openLoginPopup($event)" target="_self" role="button" tabindex="0" class="signInBTN btn text-white inline-flex border border-black py-4 px-10 font-medium text-sm bg-black w-full justify-center" data-track-type="button" aria-label="Sign in to Shop">Sign In</a></div> </div> <div class="button flex-1 ml-2"><div class="shopAccount "><a href="/store/registration" target="_self" tabindex="0" class="signUpBTN btn text-blue inline-flex border border-blue py-4 px-3 font-medium text-sm bg-white w-full justify-center " aria-label="Create Account">Create Account</a></div> <div class="businessAccount hidden"><a href="/store/business/login" target="_self" tabindex="0" class="signUpBTN btn text-black inline-flex border border-black py-4 px-3 font-medium text-sm bg-white w-full justify-center " aria-label="Create Account">Create Account</a></div> </div> </div> </div> <div v-if="isUserLoggedIn" class="show-for-b2c"><p class="text-base font-bold leading-heading">My Shop Account</p> <div class=" block sm:flex"><ul class="list-reset mr-12"> <li class="mb-6 sm:mb-4 sm:block leading-heading"><a :href="gotoCommerceURL('my-account')" class="block hover:text-blue">Overview</a></li> <li class="mb-6 sm:mb-4 block leading-heading"><a :href="gotoCommerceURL('my-account/orders')" class="block hover:text-blue">Orders</a></li> <li class="mb-6 sm:mb-4 block leading-heading"><a :href="gotoCommerceURL('my-account/returns')" class="block hover:text-blue">Returns</a></li> <li class="mb-6 sm:mb-4 block leading-heading"><a :href="gotoCommerceURL('my-account/service-orders')" class="block hover:text-blue">Service Plans</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/payment-details')" class="block hover:text-blue">Payment Methods</a></li> </ul> <ul class="list-reset mt-6 sm:mt-0"> <li class="mb-6 sm:mb-4 block leading-heading"><a :href="gotoCommerceURL('my-account/address-book')" class="block hover:text-blue">Address Book</a></li> <li class="mb-6 sm:mb-4 block leading-heading"><a :href="gotoCommerceURL('my-account/profile')" class="block hover:text-blue">Personal Details</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('logout')" class="block logout hover:text-blue" @click="logout($event)">Logout</a></li> </ul> </div> </div> <div v-if="isUserLoggedIn" class="show-for-b2b"><p class="text-base font-bold leading-heading">My Business Account</p> <div class="flex w-full"><ul class="list-reset md:mr-12 w-half"> <li class="mb-6 sm:mb-4 sm:block leading-heading "><a :href="gotoCommerceURL('my-account')" class="block hover:text-blue">Overview</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/orders')" class="block hover:text-blue">Orders</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/returns')" class="block hover:text-blue">Returns</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('bulkOrder')" class="block hover:text-blue">Easy Reorder</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/saved-carts')" class="block hover:text-blue">Saved Carts</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/taxExemption')" class="block hover:text-blue">Tax Exemption</a></li> </ul> <ul class="list-reset w-half"> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/credits')" class="block hover:text-blue">Western Digital Credit</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/rewards')" class="block hover:text-blue">Pro Rewards</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/payment-details')" class="block hover:text-blue">Payment Methods</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/address-book')" class="block hover:text-blue"> Address Book</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('my-account/profile')" class="block hover:text-blue"> Personal Details</a></li> <li class="mb-6 sm:mb-4 block leading-heading "><a :href="gotoCommerceURL('logout')" class="block logout hover:text-blue" @click="logout($event)">Logout</a></li> </ul> </div> </div> </div> <div class="bg-grey-1 p-6 sm:p-8"><div class="support-menuitems1"><p class="text-base font-bold leading-heading">Other Accounts</p> <div class="flex w-full"><ul class="list-reset w-half"> <li class="mb-6 sm:mb-4 leading-heading"><a href="https://support-en.wd.com/app/utils/login_form" class="hover:text-blue">Customer Support</a></li> <li class="mb-6 sm:mb-4 leading-heading"><a href="https://portal.wdc.com/s/login" class="hover:text-blue">Business Support</a></li> <li class="mb-6 sm:mb-4 leading-heading "><a href="https://businessportal.westerndigital.com/" target="_blankj" class="hover:text-blue">Business Portal</a></li> </ul> <ul class="list-reset w-half"> <li class="mb-6 sm:mb-4 leading-heading"><a href="https://ibi.sandisk.com/" class="hover:text-blue">ibi</a></li> <li class="mb-6 sm:mb-4 leading-heading"><a href="https://www.mycloud.com/" class="hover:text-blue">My Cloud</a></li> </ul> </div> </div> </div> </div> <div class="hidden w-full tabview-box pin-l pb-4 xs:pb-8 p-6" id="editorial-tab-2" aria-labelledby="editorial-tab-2"> </div> </div> </div> </div> </div> <div class="wd-modal py-6 flex-wrap hidden login-modal"><div class="wd-modal-dialog m-auto px-6 sm:px-0 w-full xs:w-500px" role="d" aria-label="Login Model"><div class="wd-modal-content"><button class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" @click="closeLoginModal($event)" data-track-heading="close modal" aria-label="sign in modal close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.54" fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0L7 5.6L1.4 0L0 1.4L5.6 7L0 12.6L1.4 14L7 8.4L12.6 14L14 12.6L8.4 7L14 1.4Z" fill="black"></path></svg></button><div class="modal-body w-full bg-white p-12 personalDetail"><div><div class="personalDetailInfo shopAccount" v-if="showLoginForm"><h3 class="mb-10">Sign In</h3> <div class="selection mb-6"><div class="form-group mb-7"><div class="select-dropdown"><select @change="loginSelection()" id="login-selection" class="inputHeight block appearance-menulist w-full h-12 border border-black-50 text-black px-4 pr-8 leading-tight form-control"><option value="buying-for-yourself-or-a-business?">Buying for yourself or a business?</option> <option value="for-myself">For myself</option> <option value="for-a-business">For a business</option></select></div> </div> </div> <div class="b2b_login"><a href="/store/business/login" class="text-center bg-grey-light pointer-events-none text-white w-full p-4 block">Continue to Sign In</a></div> <div class="b2c_login hidden"><form name="loginForm" class="store-form loginForm" :action="platformCommerceURL + '/store/popup/login'" @submit="loginUser($event)" method="post"> <div data-class="login-error" class="form-error hidden"><div class="errorcontent mb-10 text-sm leading-normal bg-red text-white relative py-2 px-10 "><button aria-hidden="true" data-dismiss="alert" type="button" aria-label="close" class="close closeAccAlert absolute pin-r-0 pr-4 text-2xl text-white pin-t-0 font-RobotoLight ">×</button><span class="login-error" role="alert"></span></div> </div> <div class="form-group"><input name="j_username" class="inputHeight text-base w-full border border-black-1 px-3 validate relative email form-control" type="email" aria-label="Email" id="j_username" :value="loginEmail" v-model="loginEmail" aria-invalid="false"><p role="alert" class="error-message font-Roboto text-red text-xxs mb-0 font-roboto">Enter a valid email address.</p> <label class="control-label floatingLabelTop" for="j_username">Email</label></div> <div class="form-group"><input name="j_password" class="inputHeight text-base w-full border border-black-1 px-3 empty validate password" type="password" autocomplete="off" aria-label="Password" id="j_password" :value="loginPassword" v-model="loginPassword" aria-invalid="false"><p role="alert" class="error-message font-Roboto text-red text-xxs mb-0 font-roboto">Password field cannot be empty.</p> <label class="control-label floatingLabelTop" for="j_password">Password</label></div> <p class="md:text-base text-xxs mb-6 mt-6">By signing in, you agree to Western Digital's <a class="underline hover:text-blue cursor-pointer inline-block" target="_blank" href="/legal/privacy-statement">Privacy Statement</a> and <a class="underline hover:text-blue cursor-pointer inline-block" target="_blank" href="/legal/terms-of-use">Terms of Use</a></p> <button type="submit" class="defaultBtn bg-blue text-white hover:bg-dark-blue active:bg-darker-blue w-full" aria-label="submit">Sign In</button><div class="mt-5"><button class="text-black underline hover:text-blue cursor-pointer text-xs forgetPassModal" @click="openForgotPasswordPopup($event,'b2c')">Forgot Password?</button></div> </form> </div> <div class="relative flex justify-center mt-9"><div class="w-full border-b border-grey-2 pt-2"> </div> <p id="newCreateAccountLabel" class="text-sm p-4 bg-white absolute -pin-t-20">Not a member yet?</p> </div> <a :href="gotoCommerceURL('registration')" class="flex" aria-labelledby="newCreateAccountLabel newCreateAccount" tabindex="0"><span tabindex="-1" class="text-center mt-8 defaultBtn border border-blue hover:bg-grey-1 active:bg-grey-light text-blue w-full " data-track-type="no-track">Join Now</span></a></div> <div class="personalDetailInfo businessAccount hidden" v-if="showLoginForm"><h3 class="mb-10">Sign In for Business</h3> <form name="loginForm" class="store-form loginForm" :action="platformCommerceURL + '/store/business/popup/login'" method="post"> </form> </div> </div> <div class="resendVerificationEmail" v-if="showResendEmailForm"><h3>Resend Verification Email</h3> <div class="resendEmailForm" v-if="!resendVerificationSuccess"><div class="store-form resend-email-verification-form"><form id="resendVerificationEmailForm" name="resendVerificationEmailForm" data-track-name="Forgot-Password-Form" data-track-type="form" :action="platformCommerceURL + '/us/en/registration/validation/aem-resend-verify-email'" @submit="resendEmailVerification($event)" method="post" class="loginForm"> <div data-class="login-error" class="form-error hidden"><div class="errorcontent mb-10 text-sm leading-normal bg-red text-white relative py-2 px-10 "><button aria-hidden="true" data-dismiss="alert" type="button" class="close closeAccAlert absolute pin-r-0 pr-4 text-xl md:text-2xl text-white pin-t-0 font-RobotoLight " aria-label="close">×</button><span class="login-error" role="alert"></span></div> </div> <p class="mb-8">Enter your account email address to receive an email to validate your account.</p> <div class="control-group"><div class="form-group"><input id="resendVerificationEmailForm.email" name="email" class="inputHeight text-base w-full border border-black-1 px-3 validate relative email form-control" type="email" :value="loginEmail" v-model="loginEmail"><p role="alert" class="error-message font-Roboto text-red text-xxs mb-0 font-roboto">Enter a valid email address.</p> <label class="control-label floatingLabelTop" for="resendVerificationEmailForm.email">Email Address</label></div> <button class="py-3 px-16 bg-black text-white text-md border border-black hover:bg-black-1 w-full" type="submit" data-track-type="no-track">Resend Verification Email</button></div> <div> </div> </form> </div> </div> <div class="resendVerificationSuccessMsg" v-if="resendVerificationSuccess"><p class="text-black mb-0">{{resendVerificationSuccessMsg}}</p> <button @click="closeLoginModal($event)" class="py-3 px-10 text-base bg-black text-white border border-black hover:bg-grey-4 hover:border-grey-4 w-full mt-10 wd-modal-close">Okay</button></div> </div> <div class="body-content forgetPassForm" v-if="showForgotPwdForm"><div class="forgotten-password" v-if="!forgotPwdSuccess"><h3>Reset Password</h3> <p class="mb-8">Please update your password to login. Enter your email and click “Reset Password” to continue.</p> <div class="store-form forgot-pwd"><form name="forgot-pwd-form" class="forgot-pwd-form" :action="gotoCommerceURL('login/pw/request')" @submit="forgotPwd($event)" method="post"> <div data-class="login-error" class="form-error hidden"><div class="errorcontent mb-10 text-sm leading-normal bg-red text-white relative py-2 px-10 "><button aria-hidden="true" data-dismiss="alert" type="button" class="close closeAccAlert absolute pin-r-0 pr-4 text-xl md:text-2xl text-white pin-t-0 font-RobotoLight " aria-label="close">×</button><span class="login-error" role="alert"></span></div> </div> <div class="control-group"><div class="form-group"><input name="email" class="inputHeight text-base w-full border border-black-1 px-3 validate relative email form-control" aria-label="email" type="email" :value="loginEmail" v-model="loginEmail"><p role="alert" class="error-message font-Roboto text-red text-xxs mb-0 font-roboto">Enter a valid email address.</p> <label class="control-label floatingLabelTop">Email Address</label></div> <button class="py-3 px-16 bg-black text-white text-md border border-black hover:bg-black-1 w-full" type="submit" aria-label="Reset Password">Reset Password</button></div> </form> <p class="text-xxs text-center mt-6" @click="openLoginPopup($event)">or Return to <span class="underline hover:text-blue cursor-pointer backToSignIn">Log In.</span></p> </div> </div> <div class="confirm" v-if="forgotPwdSuccess"><div class="text parbase"><div v-html="forgotSuccessMsg"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <div class="py-6 wd-modal hidden" id="sessionTimedoutContainer"> <div class="wd-modal-dialog m-auto px-6 w-full xs:w-500px md:w-800px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" @click="closeSessionTimedoutModal()" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-10 text-center"> <div class="text-center mb-6"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="160" viewBox="0 0 200 160"> <defs> <linearGradient id="linear-gradient" x1="0.173" y1="-0.385" x2="0.5" y2="1.177" gradientUnits="objectBoundingBox"> <stop offset="0" stop-color="#d548ff"/> <stop offset="1" stop-color="#014289"/> </linearGradient> <clipPath id="clip-path"> <rect id="Rectangle_25976" data-name="Rectangle 25976" width="85.326" height="85.323" fill="none"/> </clipPath> </defs> <g id="image-modal-b2btimeout" transform="translate(-342.549 -224)"> <rect id="shape" width="200" height="160" transform="translate(342.549 224)" fill="none"/> <path id="blob_14_" data-name="blob(14)" d="M76.2-34.169c15.24,13.469,24.431,24.22,30.313,47.2,5.882,23.108,1.451,43.931-13.923,58.512C77.352,86.129,53.118,93.167,25.948,90.3s-47.283-4.166-63.86-18.748c-16.443-14.582-28.263-35.9-29.733-58.512-1.6-22.49,5.615-46.463,22.058-60.056C-29.01-60.49-3.074-63.579,19.385-60.49A107.219,107.219,0,0,1,76.2-34.169Z" transform="translate(421.035 289.852)" fill="url(#linear-gradient)"/> <g id="Group_28147" data-name="Group 28147" transform="translate(398.549 262)" clip-path="url(#clip-path)"> <path id="Path_24888" data-name="Path 24888" d="M207.029,181.293q-.046-.267-.092-.533c-.081-.467-.163-.933-.235-1.4a23.377,23.377,0,0,0-9.888-15.536c-.223-.154-.449-.3-.676-.448l-.169-.107c-.228-.144-.457-.285-.689-.42h0c-.232-.135-.466-.265-.7-.392l-.172-.092c-.237-.125-.475-.248-.715-.365l-.006,0c-.238-.116-.479-.227-.72-.335l-.176-.078c-.244-.107-.489-.211-.736-.309l-.014-.005c-.243-.1-.488-.188-.734-.276l-.178-.063c-.251-.088-.5-.173-.755-.252l-.019-.006c-.247-.077-.495-.149-.743-.218l-.182-.05c-.255-.069-.511-.134-.768-.194l-.026-.006c-.249-.058-.5-.11-.75-.16l-.183-.036c-.259-.049-.518-.1-.778-.135l-.033,0c-.25-.038-.5-.071-.751-.1l-.185-.021c-.261-.029-.522-.055-.783-.075l-.04,0c-.25-.019-.5-.033-.749-.043l-.185-.007c-.261-.009-.523-.015-.785-.015-.083,0-.165,0-.248,0-.111,0-.222,0-.333,0-.083,0-.166.006-.249.01-.112,0-.223.007-.335.013-.081,0-.161.01-.242.015-.113.007-.227.013-.34.022-.081.006-.162.015-.243.022-.113.01-.226.019-.339.031l-.245.029c-.112.013-.223.025-.335.039-.089.011-.177.025-.266.038-.1.015-.209.029-.313.045s-.2.034-.3.051-.185.03-.278.048q-.287.053-.574.114-.554.118-1.1.26a23.571,23.571,0,0,0-17.623,25.872,22.287,22.287,0,0,0,1.158,4.943,23.952,23.952,0,0,0,16.09,14.864,22.581,22.581,0,0,0,3,.6q1.011.132,2.032.171a23.681,23.681,0,0,0,15.09-4.579q.816-.6,1.571-1.262a23.583,23.583,0,0,0,7.257-11.775c.236-.884.394-1.789.56-2.748.072-.413.144-.827.223-1.239Zm-10.608,14.876a18.141,18.141,0,0,1-12.926,5.384h0a18.377,18.377,0,0,1-13.1-5.441,18.005,18.005,0,0,1-5.316-12.843,18.4,18.4,0,0,1,18.478-18.413h.026a18.337,18.337,0,0,1,18.192,18.387,18.129,18.129,0,0,1-5.35,12.926" transform="translate(-121.703 -121.487)" fill="#fff"/> <path id="Path_24889" data-name="Path 24889" d="M70.777,16.771q-.636-.916-1.329-1.805A38.808,38.808,0,0,0,11.156,11.6q-.537.546-1.053,1.114-1.291,1.42-2.451,2.977-.27.362-.53.73A38.256,38.256,0,0,0,0,38.178c0,.04,0,.08,0,.12A36.79,36.79,0,0,0,2.068,51.206,41.051,41.051,0,0,0,12.956,67.831,36.3,36.3,0,0,0,18.8,72.1,43.3,43.3,0,0,0,30.68,76.809c.077.019.155.033.231.045a2.689,2.689,0,0,0,.286.031,2.4,2.4,0,0,0,1.425-.379,2.728,2.728,0,0,0,1.152-1.683A2.6,2.6,0,0,0,31.9,71.754c-.286-.082-.581-.151-.893-.224-.274-.064-.548-.129-.82-.2A33.606,33.606,0,0,1,37.23,5.294C48.2,4.868,57.443,8.962,64.715,17.455a32.912,32.912,0,0,1,6.9,13.784,4.709,4.709,0,0,0,.894,1.869c.042.05.086.1.132.142a2.473,2.473,0,0,0,2.831.3,2.579,2.579,0,0,0,1.363-2.808,38.1,38.1,0,0,0-6.058-13.968" transform="translate(0 0)" fill="#fff"/> <path id="Path_24890" data-name="Path 24890" d="M108.416,70.726V67.321q0-4.192-.005-8.383a2.7,2.7,0,0,0-1.865-2.821,2.558,2.558,0,0,0-2.307.376,2.768,2.768,0,0,0-1.072,2.252c-.012,4.231-.01,8.535-.007,12.7q0,2.583,0,5.167v2.245H94.957q-2.147,0-4.294.007a2.607,2.607,0,0,0-2.58,1.76,2.493,2.493,0,0,0,.294,2.314,2.552,2.552,0,0,0,.212.261,3,3,0,0,0,2.218.906l1.868.008c4.341.015,8.685.007,12.773-.005a2.685,2.685,0,0,0,2.964-3.019q.013-3.637,0-7.274Z" transform="translate(-66.929 -42.624)" fill="#fff"/> <path id="Path_24891" data-name="Path 24891" d="M247.525,213.715q0,.649,0,1.3t0,1.284q0,.091,0,.181v.018c0,.526,0,1.06,0,1.6v.005c0,.547,0,1.1.008,1.639a2.637,2.637,0,0,0,4.424,2.049,2.394,2.394,0,0,0,.769-1.68c.119-3.481.116-6.878-.007-10.1a2.278,2.278,0,0,0-.731-1.631,2.758,2.758,0,0,0-2.028-.674,2.578,2.578,0,0,0-2.426,2.674c-.006.528-.008,1.062-.009,1.594s0,1.058,0,1.578c0,.054,0,.109,0,.163" transform="translate(-188.413 -158.103)" fill="#fff"/> <path id="Path_24892" data-name="Path 24892" d="M250.17,287.418h-.011a2.66,2.66,0,0,0-2.609,2.636,2.625,2.625,0,0,0,2.617,2.608h.008a2.61,2.61,0,0,0,1.851-.787,2.583,2.583,0,0,0,.767-1.838,2.663,2.663,0,0,0-2.624-2.62" transform="translate(-188.435 -218.782)" fill="#fff"/> </g> </g> </svg> </div> <div class="text-2xl font-bold mb-2">Your session timed out.</div> <p class="mb-8">Log back into your account for special pricing and other benefits.</p> <button @click="triggerSignInModal()" class="signInBTN btn text-white inline-flex border border-blue py-4 px-8 font-medium text-sm bg-blue w-full sm:w-auto justify-center">Sign In</button> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> <div class="clearfix"></div></div> </div> </div> </div> <div class="product-cart parbase"> <div ng-cloak class="flex item-center store-product-cart-container -mt-1 newCardWD absolute pin-r-15 z-10 md:z-4 -pin-t-25 md:pin-r-10 md:pin-t-0 md:relative vue-product-cart" aem-comp="StoreProductCartApp"> <div class="hidden" ref="cartpromotion" data-cartpromotionsjsonstring="{"promotions":[ { "BOGO":{ "title":"Congrats! You qualify for a free gift.", "desc":"Choose your free gift:", "showPrice":"false", "type":"popup" }, "BOGO1":{ "title":"Congrats! You qualify for a free gift.", "desc":"Choose your free gift:", "showPrice":"false", "type":"popup" }, "Select":{ "title":"Add a protective case for your drive!", "desc":"Choose your case:", "showPrice":"true", "type":"popup" }, "Select2":{ "title":"You Qualify for a Free Gift! You also Receive $200 off your Case", "desc":"Choose your case:", "showPrice":"true", "type":"popup" }, "Select3":{ "title":"Add a case for $199.99. Save $100!", "desc":"Choose your case", "showPrice":"true", "type":"popup" }, "BUNDLE1A":{ "title":"You qualify for a bundle discount!", "desc":"Choose a Bundle", "showPrice":"true", "type":"popup" }, "BUNDLE15":{ "title":"Buy 2 for a special discount!", "desc":"Add 1 more", "showPrice":"true", "type":"popup" }, "BUNDLE16":{ "title":"Bundle with iXpand Mini Flash Drive for only $5!", "desc":"Choose a Bundle", "showPrice":"true", "type":"popup" }, "BUNDLE1B":{ "title":"You qualify for a bundle discount!", "desc":"Choose a Bundle", "showPrice":"true", "type":"popup" }, "BUNDLE2A":{ "title":"You qualify for a bundle discount!", "desc":"Choose a Bundle", "showPrice":"true", "type":"popup" }, "BUNDLE2B":{ "title":"You qualify for a bundle discount!", "desc":"Choose a Bundle", "showPrice":"true", "type":"popup" }, "BUNDLE3A":{ "title":"You qualify for a 15% bundle discount!", "desc":"Choose a Bundle", "showPrice":"true", "type":"popup" }, "BUNDLE3B":{ "title":"Congrats! You qualify for a free gift.", "desc":"Use code FREECASE at checkout", "showPrice":"true", "type":"popup" }, "BUNDLE4A":{ "title":"Save 25% when you buy two qualifying memory cards!", "desc":"Choose a Bundle", "showPrice":"true", "type":"popup" }, "BUNDLE5A":{ "title":"Special Offer: Get $50 Off a Pelican Case", "desc":"Choose a Bundle", "showPrice":"true", "type":"popup" }, "BUNDLE9":{ "title":"Collector’s Bundle Offer: Purchase all 4 capacities and save 15%", "desc":"Add all capacities to cart", "showPrice":"true", "type":"popup" }, "BUNDLE9A":{ "title":"Bundle and save 20% with code GAMERSPC20", "desc":"Select a bundle option", "showPrice":"true", "type":"popup" }, "BUNDLE9B":{ "title":"Free WD_Black T-shirt with purchase!", "desc":"Select free gift", "showPrice":"false", "type":"popup" }, "BUNDLE9C":{ "title":"Free backpack for SanDisk Professional orders $500+,", "desc":"Add Backpack", "showPrice":"true", "type":"popup" }, "BUNDLE9D":{ "title":"Buy a SanDisk Professional Shuttle, get Pelican Case for $99", "desc":"Add Pelican Case", "showPrice":"true", "type":"popup" }, "BUNDLE10":{ "title":"Bundle and save 20% with code BUILDPC20", "desc":"Select a bundle option", "showPrice":"true", "type":"popup" }, "BUNDLE10A":{ "title":"You qualify for a 20% off bundle", "desc":"Add product.", "showPrice":"true", "type":"popup" }, "BUNDLE10B":{ "title":"You qualify for a 10% off bundle", "desc":"Add product.", "showPrice":"true", "type":"popup" }, "BUNDLE10C":{ "title":"You qualify for a free case.", "desc":"Add product.", "showPrice":"true", "type":"popup" }, "BUNDLE10D":{ "title":"You qualify for a G-Tech AmorATD 1TB ", "desc":"Add product.", "showPrice":"true", "type":"popup" }, "BUNDLE11": { "title": "Special Offer", "desc": "Your order qualifies for 50% off iXpand Mini Flash Drive for iPhone 128GB", "showPrice": "true", "type": "popup" }, "BUNDLE12": { "title": "Buy two units of WD Gold 16TB and save 45% off list price", "desc": "Add product", "showPrice": "true", "type": "popup" }, "BUNDLE14": { "title": "You qualify for a BONUS item!", "desc": "Add product", "showPrice": "true", "type": "popup" }, "LUMINAR":{ "title":"Congratulations! You qualify for a free promotion with this purchase.", "promoTitle":"Luminar 4 FREE for 90 days*", "image":"/content/dam/store/en-us/assets/luminar/luminar.JPG", "desc":"Luminar 4’s revolutionary tools and AI technologies give superpowers for creative photo editing. A perfect assistant for working with your super-fast SanDisk Portable SSD.", "offerText":"You will receive an email where you can redeem your 90 days for Luminar 4 once the purchase has been completed.", "disclosureTitle":"*Terms and Conditions", "disclosureText":"*Offer valid through the Western Digital store with purchase of a SanDisk Extreme Portable SSD or SanDisk Extreme Pro Portable SSD. Offer limited to 1 per new Skylum user account. Available in all countries where a Skylum account is available. Offer is only valid while supplies last. This offer may not be combined, used in conjunction with or used in addition to any other promotion or offer. Western Digital reserves the right to change or discontinue this offer at any time without notice. Delivery must be within the EU. The offer has no cash value, and cannot be exchanged or returned. Offer must be redeemed by December 31, 2020.", "type":"3poffer" }, "GAME":{ "title":"Congratulations! You qualify for a FREE Game with this purchase*", "promoTitle":"Choose Your Game", "image":"", "desc":"","offerText":"You will receive an email where you can redeem your Steam game code upon shipment of your qualified product.", "offerTextCtaLink":"/content/store/en-us/promotions/wd-black/gamers-bundle.html", "offerTextCtaLabel":"Learn More", "disclosureTitle":"*Terms and Conditions", "disclosureText":"*Limit one offer per order. Internet connection and Steam account required. Game titles may be changed at any time and may vary by country. System requirements vary by game. Age restrictions apply. ISP fees may apply. Offer limited to one game per qualifying WD_BLACK Game Drive product purchase. Western Digital reserves the right to change or discontinue this offer at any time without notice. All games published by BIGBEN/NACON, all rights reserved.", "type":"select3poffer" }, "FREEPRINTS":{ "title":"Congratulations! You qualify for a free promotion with this purchase*", "promoTitle":"", "image":"/content/dam/store/en-us/assets/promotions/print/wdc_print_logo_blk.png", "desc":"Bring your Favorite Memories to Life with our New Print Service. From Personalized Gifts to High Quality Photos.", "offerText":"You will Receive an Email with a Coupon Code for Free Prints at the Western Digital Print Store once your purchase has been completed.", "disclosureTitle":"*Terms and Conditions", "disclosureText":"*Offer valid through the Western Digital store. Limit of one Western Digital Print Store offer per customer. Western Digital Print Store coupon: (i) 10 Free 4x6 Prints valid on the Western Digital Print store with a minimum order of $15; (ii) Excludes shipping and taxes; and (iii) expires January 31, 2021. Offer is only valid while supplies last. This offer may not be combined, used in conjunction with or used in addition to any other promotion or offer. Retailers, Resellers and Distributors are excluded from this offer. The offer is not applicable for any prior purchases and may not be available in all regions of the world. Western Digital reserves the right to change or discontinue this offer at any time without noticeDelivery must be within the contiguous United States, excluding addresses in Hawaii, Alaska, Puerto Rico and other U.S. territories. This offer is valid between November 26, 2020 and November 28, 2020.", "type":"3poffer" }, "Default":{ "title":"Display message title", "desc":"Display message description", "showPrice":"false", "type":"message" }, "BUNDLE5B":{ "title":"Bundle with a Reader to Save 10%", "desc":"Add Reader", "showPrice":"true", "type":"popup" } } ] }"></div> <div class="carticon mr-6 flex" v-if="isCatalogPurchasable" v-cloak> <button v-on:click="showMiniCart($event,'cart')" class="mini-cart-trigger relative cursor-pointer inline-flex" v-bind:class="{'pointer-events-none' : totalItems == 0 }"> <div class="oldCartIcon"> <svg role="img" :aria-label="totalItemsAriaLabel" class="flex" width="26" height="32" viewBox="0 0 25 32" fill="none" xmlns="http://www.w3.org/2000/svg" v-if="totalItems > 0"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3C4.5 2.17157 5.17157 1.5 6 1.5H19C19.8284 1.5 20.5 2.17157 20.5 3V5.09424H4.5V3ZM3.5 5.09424V3C3.5 1.61929 4.61929 0.5 6 0.5H19C20.3807 0.5 21.5 1.61929 21.5 3V5.09424H25V30.0942H0V5.09424H3.5Z" fill="black"></path> </svg> <svg role="img" aria-label="Cart Items: 0" class="flex " width="26" height="32" viewBox="0 0 25 32" fill="none" xmlns="http://www.w3.org/2000/svg" v-if="!totalItems > 0"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3.46558C4.5 2.63715 5.17157 1.96558 6 1.96558H19C19.8284 1.96558 20.5 2.63715 20.5 3.46558V5.21495H4.5V3.46558ZM3.5 5.21495V3.46558C3.5 2.08487 4.61929 0.965576 6 0.965576H19C20.3807 0.965576 21.5 2.08486 21.5 3.46558V5.21495H24H25V6.21495V27.1092V28.1092H24H1H0V27.1092V6.21495V5.21495H1H3.5ZM1 6.21495H24V27.1092H1V6.21495Z" fill="currentColor"></path> </svg> <span class="nav-cart-count-placeholder f-size-xs font-weight-bold absolute pin-t-0 pin-l-0 text-white pt-3 text-center text-xxs w-full" v-if="totalItems > 0" aria-hidden="true">{{totalItems}}</span> </div> <div class="hidden newCartIcon"> <!-- <svg role="img" :aria-label="totalItemsAriaLabel" class=" flex md:ml-2" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M15.55 13c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.37-.66-.11-1.48-.87-1.48H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45zM6.16 6h12.15l-2.76 5H8.53L6.16 6zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"></path></svg> --> <!-- 2-5 new icon --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" :aria-label="totalItemsAriaLabel"> <g id="shopping-cart-icon" transform="translate(0.063 -0.127)"> <path id="box" d="M0,0H24V24H0Z" transform="translate(-0.063 0.127)" fill="none"/> <path id="Path_24171" data-name="Path 24171" d="M0,0H18V13a3,3,0,0,1-3,3H3a3,3,0,0,1-3-3Z" transform="translate(3.526 5.48)" fill="none"/> <path id="Rectangle_21157_-_Outline" data-name="Rectangle 21157 - Outline" d="M1.265,1.265V12.647a2.532,2.532,0,0,0,2.529,2.529H15.176a2.532,2.532,0,0,0,2.529-2.529V1.265H1.265M0,0H18.97V12.647a3.794,3.794,0,0,1-3.794,3.794H3.794A3.794,3.794,0,0,1,0,12.647Z" transform="translate(2.937 5.039)"/> <path id="Path_16732" data-name="Path 16732" d="M298.12,17.957a3.523,3.523,0,0,0-.864-2.207,2.7,2.7,0,0,0-4.06.738,3.789,3.789,0,0,0-.357,1.466l-1.265,0a5.046,5.046,0,0,1,.463-1.977,3.958,3.958,0,0,1,6.108-1.129,4.775,4.775,0,0,1,1.24,3.1Z" transform="translate(-283.058 -13.711)"/> </g> </svg> <span class="bg-blue nav-cart-count-placeholder font-medium absolute -pin-t-10 -pin-r-10 text-white text-center rounded-full w-5 h-5 inline-flex justify-center items-center" v-bind:class="totalItems > 99 ? 'text-xxxs' : 'text-xxs'" v-if="totalItems > 0" aria-hidden="true"> {{totalItems > 99 ? '99+' : totalItems}} </span> </div> </button> </div> <div id="openCartModal" class="wd-modal cartwrapper openCart hidden"> <!-- Bogo Promotions View --> <div v-if="promotionsFound" class="w-full sm:w-500px xl:w-600px bg-white absolute pin-r pin-t z-20"> <div class="cartTitleHeight flex md:px-8 px-4 py-4 items-center"> <span class="flex-1 font-bold text-base "> {{promotion.info.title}}</span> <button class="wd-modal-close cursor-pointer sc-track" data-track-type="close modal" data-track-heading="close modal" aria-label="close cart"> <svg width="13.71px" height="13.71px" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> </div> <!-- Start of modal body--> <div class="modal-body w-full bg-white validate-portal-form personalDetail"> <div v-if="promotion.info.type=='3poffer'"> <div class="py-6 md:px-8 px-4 max-h-400px overflow-auto cartItemsWrap promoViewWrap"> <h2 class="heading4 text-center mb-4" v-if="promotion.info.promoTitle"> {{promotion.info.promoTitle}}</h2> <div class="text-center pt-3 pb-6" v-if="promotion.info.image"> <img class="w-64" :src="promotion.info.image"/> </div> <p v-if="promotion.info.desc">{{promotion.info.desc}}</p> <p v-if="promotion.info.promoDesc" class="text-lg font-bold">{{promotion.info.promoDesc}} </p> <p v-if="promotion.info.offerText" class="text-blue">{{promotion.info.offerText}}</p> <div class="accordion-text" v-if="promotion.info.disclosureTitle != ''"> <section class="section component-accordian-text "> <div class="accordion-text mt-3 sm:mt-0"> <div class="accordion-box"> <button id="accordion_text_label_3pp" @click="accordionShow=!accordionShow" class="w-auto text-sm relative flex sm:inline-flex accordion-title cursor-pointer mb-1 font-bold text-left" aria-controls="accordion_text" aria-expanded="false" tabindex="0"> <span class="mb-0 pr-8 subtitle"> {{promotion.info.disclosureTitle}} </span> <svg aria-label="Expand Section" class="text-black ml-2 mr-3 absolute pin-r sm:mr-0 pin-t-6" v-show="!accordionShow" width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.43805 4.58774H10.2047V6.21127H6.43805V10.4789H4.71246V6.21127H0.945862V4.58774H4.71246V0.644867H6.43805V4.58774Z" fill="currentColor"></path> </svg> <svg aria-label="Collapse Section" class="text-black ml-2 mr-3 absolute pin-r sm:mr-0 pin-t-11" v-show="accordionShow" width="11" height="3" viewBox="0 0 11 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.000244141" y="0.590332" width="11" height="2.10303" fill="currentColor "></rect> </svg> </button> <div class="accordion-content" v-show="accordionShow" id="accordion_text" aria-labelledby="accordion_text_label_3pp" style="display: none;"> <div class="mb-6 "> <div class="digital-media-attributes"> <div class="section "> <div class="digital-media-attributes"> {{promotion.info.disclosureText}} </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="md:px-8 px-4 py-6 bg-gray-1"> <div class="flex flex-col sm:flex-row"> <button @click="accept3PP(true)" class="acceptPromotion mb-3 sm:mb-0 w-full flex-1 py-4 text-sm font-medium border border-blue bg-blue text-white mr-0 sm:mr-3 text-center flex items-center justify-center px-2" aria-label="Accept Promotion"> Accept Promotion </button> <button @click="accept3PP(false)" class="w-full ml-0 sm:ml-3 flex-1 py-4 text-sm font-medium text-blue border border-blue text-center flex items-center justify-center px-2" aria-label="No Thanks"> No Thanks </button> </div> </div> </div> <div v-if="promotion.info.type=='select3poffer'"> <div class="py-6 md:px-8 px-4 max-h-400px overflow-auto cartItemsWrap promoViewWrap"> <h2 class="heading4 text-center mb-4" v-if="promotion.info.promoTitle"> {{promotion.info.promoTitle}}</h2> <div class="text-center pt-3 pb-6" v-if="promotion.info.image"> <img class="w-64" :src="promotion.info.image"/> </div> <p v-if="promotion.info.desc">{{promotion.info.desc}}</p> <p v-if="promotion.info.promoDesc" class="text-lg font-bold">{{promotion.info.promoDesc}} </p> <div class="bogo-list grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap sm:flex flex"> <!-- Products --> <div class="cols-6 xs:cols-4 equal-cal-flex-item p-2" v-for="bogoItems in promotion.targetProducts"> <button class="bogoProduct border-2 hover:border-blue h-full flex flex-wrap cursor-pointer" :class="{'border-blue active' : bogoItems.selected, 'border-grey-light' : !bogoItems.selected}" @click="bogoItems.selected = selectBogoProduct(bogoItems,$event)" data-productId="bogoItems.productId" data-quantity="bogoItems.qty"> <div class="h-full"> <div class="bg-grey-1"> <img class="" :src="bogoItems.productInfo.urlFileReference"/> </div> <div class="px-2"> <div class="font-medium text-sm my-3 leading-tight"> <a :href="rewritePageURL(bogoItems.productInfo.pagePath)" class="no-underline hover:underline" target="_blank"> {{bogoItems.productInfo.variantTitle}} </a> </div> </div> </div> </button> </div> </div> <p v-if="promotion.info.offerText" class="text-blue px-2 mt-3">{{promotion.info.offerText}} <a v-if="promotion.info.offerTextCtaLink" :href="promotion.info.offerTextCtaLink" class="underline" target="_blank"> {{promotion.info.offerTextCtaLabel}} </a> </p> <div class="accordion-text px-2" v-if="promotion.info.disclosureTitle != ''"> <section class="section component-accordian-text "> <div class="accordion-text mt-3 sm:mt-0"> <div class="accordion-box"> <button id="accordion_text_label_3pp" @click="accordionShow=!accordionShow" class="w-auto text-sm relative flex sm:inline-flex accordion-title cursor-pointer mb-1 font-bold text-left" aria-controls="accordion_text" aria-expanded="false" tabindex="0"> <span class="mb-0 pr-8 subtitle"> {{promotion.info.disclosureTitle}} </span> <svg aria-label="Expand Section" v-show="!accordionShow" class="text-black ml-2 mr-3 absolute pin-r sm:mr-0 pin-t-6" width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.43805 4.58774H10.2047V6.21127H6.43805V10.4789H4.71246V6.21127H0.945862V4.58774H4.71246V0.644867H6.43805V4.58774Z" fill="currentColor"></path> </svg> <svg aria-label="Collapse Section" v-show="accordionShow" class="text-black ml-2 mr-3 absolute pin-r sm:mr-0 pin-t-11" width="11" height="3" viewBox="0 0 11 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.000244141" y="0.590332" width="11" height="2.10303" fill="currentColor "></rect> </svg> </button> <div class="accordion-content" v-show="accordionShow" id="accordion_text" aria-labelledby="accordion_text_label_3pp" style="display: none;"> <div class="mb-6 "> <div class="digital-media-attributes"> <div class="section "> <div class="digital-media-attributes"> {{promotion.info.disclosureText}} </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="md:px-8 px-4 py-6 bg-gray-1"> <div class="flex flex-col sm:flex-row"> <button @click="accept3PP(true,true)" class="addToCartBogo acceptPromotion mb-3 sm:mb-0 w-full flex-1 py-4 text-sm font-medium border border-blue bg-blue text-white mr-0 sm:mr-3 text-center flex items-center justify-center px-2 pointer-events-none opacity-25" aria-label="Confirm"> Confirm </button> <button @click="accept3PP(false,true)" class="w-full ml-0 sm:ml-3 flex-1 py-4 text-sm font-medium text-blue border border-blue text-center flex items-center justify-center px-2" aria-label="No Thanks"> No Thanks </button> </div> </div> </div> <div v-if="promotion.targetProducts && promotion.info.type=='popup'"> <div class="py-6 md:px-8 px-4 max-h-400px overflow-auto cartItemsWrap promoViewWrap"> <div class="font-medium offer-item pb-6"> <h4 class="text-base md:text-lg font-bold mb-0">{{promotion.info.desc}}</h4> </div> <p v-if="promotion.info.promoDesc" class="text-lg font-bold">{{promotion.info.promoDesc}} </p> <div class="bogo-list grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap sm:flex flex"> <!-- Start of BOGO Product --> <div class="cols-6 xs:cols-4 equal-cal-flex-item p-2" v-for="(bogoItems,index) in promotion.targetProducts"> <button class="bogoProduct border-2 hover:border-blue h-full flex flex-wrap cursor-pointer" @click="bogoItems.selected = selectBogoProduct(bogoItems,$event)" :class="{'border-blue active' : bogoItems.selected, 'border-grey-light' : !bogoItems.selected}" data-productId="bogoItems.productId" data-quantity="bogoItems.qty"> <div class="h-full"> <div class="bg-grey-1"> <img class="" :src="bogoItems.productInfo.urlFileReference"/> </div> <div class="px-2"> <div class="font-medium text-sm my-3 leading-tight"> {{bogoItems.productInfo.variantTitle}}</div> <div class="text-xs font-normal" v-if="bogoItems.productId"></div> <div class="mt-auto"> <!-- show default price --> <div class="text-xs font-normal mb-3" v-if="promotion.info.showPrice == 'false'"> Starting at <span class="leading-normal pr-1 text-grey-5 line-through" v-if="productPriceObj[bogoItems.productId] && productPriceObj[bogoItems.productId].prices.list.amountFormatted"> {{productPriceObj[bogoItems.productId].prices.list.amountFormatted}} </span> <span class="font-bold">FREE</span> </div> <div class="text-xs font-normal mb-3" v-if="promotion.info.showPrice == 'true' && productPriceObj[bogoItems.productId]"> Starting at <span class="leading-normal pr-1" v-if="productPriceObj[bogoItems.productId].prices.list.amount == productPriceObj[bogoItems.productId].prices.sale.amount"> {{productPriceObj[bogoItems.productId].prices.list.amountFormatted}} </span> <span class="leading-normal pr-2 text-grey-5 line-through" v-if="productPriceObj[bogoItems.productId].prices.list.amount != productPriceObj[bogoItems.productId].prices.sale.amount"> {{productPriceObj[bogoItems.productId].prices.list.amountFormatted}} </span> <span class="leading-normal" v-if="productPriceObj[bogoItems.productId].prices.list.amount != productPriceObj[bogoItems.productId].prices.sale.amount"> {{productPriceObj[bogoItems.productId].prices.sale.amountFormatted}} </span> </div> <div class="text-xs font-normal mb-3" v-if="bogoItems.qty > 1"> Qty. <span class="leading-normal pl-1 pr-1"> {{bogoItems.qty}} </span> </div> </div> </div> </div> </button> </div> <!-- End of BOGO Product --> </div> </div> <div class="md:px-8 px-4 py-6 bg-gray-1"> <div class="flex flex-col sm:flex-row"> <button @click="addToCart()" class="addToCartBogo mb-3 sm:mb-0 w-full flex-1 py-4 text-sm font-medium border border-blue bg-blue text-white mr-0 sm:mr-3 text-center flex items-center justify-center px-2 pointer-events-none opacity-25" aria-label="Add To Cart"> Add to Cart </button> <button @click="handleSkipBogoPromotions()" class="w-full ml-0 sm:ml-3 flex-1 py-4 text-sm font-medium text-blue border border-blue text-center flex items-center justify-center px-2" aria-label="No Thanks"> No Thanks </button> </div> </div> </div> </div> <!-- End of modal body--> </div> <!-- Cart View --> <div v-if="!promotionsFound" class="w-full sm:w-500px xl:w-600px bg-white absolute pin-r pin-t z-20"> <div class="cartTitleHeight flex md:px-8 px-4 py-4 items-center relative z-1"> <span class="flex-1 font-bold text-base"> Your Cart ({{totalItems}} {{totalItems == 1 ? 'Item' : 'Items'}}) </span> <button v-on:click="hideMiniCart()" class="wd-modal-close cursor-pointer sc-track closeCart" data-track-type="close modal" data-track-heading="close modal" aria-label="close cart"> <svg width="13.71px" height="13.71px" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> </div> <!-- /* Candy rack Container */--> <div class="candyRackContainer" v-if="showCandyRackContainer"> <div class="flex border-b border-grey-light"> <!-- /* MainSKU STARTS */--> <div class="cartItems"> <div class="row_width grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex flex-wrap"> <div class="cols-3 px-2 py-3"> <div class="flex items-center justify-center justify-center mx-2 text-center h-full w-full"> <picture class="w-16 h-16 sm:w-24 sm:h-24 block"> <source :srcset="productInfo[mainSkuId].urlFileReference+'.wdthumb.319.319.webp'" type="image/webp"/> <source :srcset="productInfo[mainSkuId].urlFileReference+'.wdthumb.319.319.jpg'" type="image/jpeg"/> <source :srcset="productInfo[mainSkuId].urlFileReference+'.wdthumb.319.319.png'" type="image/png"/> <img :alt="productInfo[mainSkuId].pageTitle" :src="productInfo[mainSkuId].urlFileReference+'.thumb.319.319.png'" class="flex-no-shrink"/> </picture> </div> </div> <div class="cols-9 px-2 py-4 flex"> <div class="px-2"> <div class="font-bold text-xs sm:text-sm xl:text-base"> <a class="black" :href="rewritePageURL(productInfo[mainSkuId].pagePath)"> {{productInfo[mainSkuId].pageTitle}} </a> </div> <div class="font-normal text-xxs text-grey-5">{{productInfo[mainSkuId].sku}} </div> <div class="leading-loose sm:leading-normal text-xxs xl:text-sm m-0 sm:mt-2 xl:mt-1 font-normal sm:font-tight"> Qty. {{mainSkuQuantity}} </div> </div> <div class=" px-2 sm:px-4 text-right" v-if="productPriceObj[mainSkuId].prices.list.amount != productPriceObj[mainSkuId].prices.sale.amount && productPriceObj[mainSkuId].prices.sale.amountFormatted"> <p class="flex-inline mb-2 text-xs sm:text-sm font-normal line-through text-grey-5"> {{productPriceObj[mainSkuId].prices.list.amountFormatted}}</p> <p class="flex-inline text-xs sm:text-sm font-bold text-black"> {{productPriceObj[mainSkuId].prices.sale.amountFormatted}}</p> </div> <div class=" px-2 sm:px-4 text-right whitespace-no-wrap" v-if="productPriceObj[mainSkuId].prices.list.amount == productPriceObj[mainSkuId].prices.sale.amount && productPriceObj[mainSkuId].prices.sale.amountFormatted"> <p class="flex-inline font-bold text-xs sm:text-sm text-black"> {{productPriceObj[mainSkuId].prices.sale.amountFormatted}}</p> </div> </div> </div> </div> </div> <!--/* Candyrack Products : Starts */ --> <div class="cr-product-list"> <!--/* Upsell: STARTS*/ --> <div class="border-b border-grey-light"> <div class="text-center sm:border-l border-grey py-3 px-4 sm:ml-12" v-if="(getFilteredCandyRackProducts('UPSELLING',true)).length > 0 "> <p class="text-base md:text-lg font-bold">Upgrade Your Product</p> </div> </div> <div class="cr-product-item" v-for="item in getFilteredCandyRackProducts('UPSELLING',true)"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap flex items-center sm:border-l border-grey py-6 px-4 sm:px-8 sm:ml-12 relative"> <hr class="w-4 h-px bg-grey absolute pin-l pin-t-half hidden sm:block"/> <div class="cols-12 sm:cols-7 mb-6 sm:mb-0"> <div class=" flex items-center"> <div class="px-3"> <picture class="w-16 h-16 block"> <source :srcset="productInfo[item.code].urlFileReference+'.wdthumb.319.319.webp'" type="image/webp"/> <source :srcset="productInfo[item.code].urlFileReference+'.wdthumb.319.319.jpg'" type="image/jpeg"/> <source :srcset="productInfo[item.code].urlFileReference+'.wdthumb.319.319.png'" type="image/png"/> <img :alt="productInfo[item.code].pageTitle" :src="productInfo[item.code].urlFileReference+'.thumb.319.319.png'" class="flex-no-shrink"/> </picture> </div> <div class="px-3"> <div class="font-medium text-sm mb-2 leading-tight"> <a :href="rewritePageURL(productInfo[item.code].pagePath)" class="no-underline hover:underline" target="_blank"> {{productInfo[item.code].variantTitle}} </a> </div> <div v-if="item.refType=='UPSELLING'"> <div class="cols-3 flex-inline text-xs" v-if="productPriceObj[item.code].prices.list.amount != productPriceObj[item.code].prices.sale.amount && productPriceObj[item.code].prices.sale.amountFormatted"> <span class="font-normal line-through text-black mr-1">{{productPriceObj[item.code].prices.list.amountFormatted}}</span> <span class="font-bold text-green">{{productPriceObj[item.code].prices.sale.amountFormatted}}</span> </div> <div class="cols-3 text-xs whitespace-no-wrap" v-if="productPriceObj[item.code].prices.list.amount == productPriceObj[item.code].prices.sale.amount && productPriceObj[item.code].prices.sale.amountFormatted"> <span class="font-bold">{{productPriceObj[item.code].prices.sale.amountFormatted}}</span> </div> </div> <div v-if="productPriceObj[item.code].prices.upsell && item.refType=='UPSELLING_SUPER_PROMO'"> <div class="cols-3 flex-inline text-xs" v-if="productPriceObj[item.code].prices.list.amount != productPriceObj[item.code].prices.upsell.amount && productPriceObj[item.code].prices.upsell.amountFormatted"> <span class="font-normal line-through text-black mr-1">{{productPriceObj[item.code].prices.list.amountFormatted}}</span> <span class="font-bold text-green">{{productPriceObj[item.code].prices.upsell.amountFormatted}}</span> </div> </div> </div> </div> <div class="text-grey text-xs mt-2" v-if="item.refDesc && item.refType=='UPSELLING'"> {{item.refDesc}} </div> <div class="text-grey text-xs mt-2" v-if="item.refType=='UPSELLING_SUPER_PROMO'"> {{updatePromoMessage(item)}} </div> </div> <div class="cols-12 sm:cols-5"> <div class="sm:px-3"> <button v-if="item.refType=='UPSELLING' || item.refType=='UPSELLING_SUPER_PROMO'" @click="updateCartObject(item.code,mainSkuQuantity,(productPriceObj[item.code].prices.upsell ? item.refType : 'UPSELLING'))" class="cursor-pointer leading-tight text-center bleading-none capitalize py-3 w-full text-xs text-white border hover:bg-grey-4 hover:border-grey-4" :class="cartObjectMap[item.code]==null ? 'bg-black border-black' : 'bg-grey-2 border-bg-grey-2'" aria-label="Upgrade"> <span v-show="cartObjectMap[item.code]==null">Upgrade</span> <span v-show="cartObjectMap[item.code]!=null">Remove</span> </button> </div> </div> </div> </div> <!--/* Candyrack Products : Type = UPSELLING : ENDS*/ --> <div class="border-b border-grey-light" v-if="(getFilteredCandyRackProducts('CROSSELLING',true)).length > 0 "> <div class="text-center sm:border-l border-grey py-3 px-4 sm:ml-12"> <p class="text-base md:text-lg font-bold">You May Also Consider</p> </div> </div> <div class="cr-product-item" v-for="item in getFilteredCandyRackProducts('CROSSELLING',true)"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap flex items-center sm:border-l border-grey py-6 px-4 sm:px-8 sm:ml-12 relative"> <hr class="w-4 h-px bg-grey absolute pin-l pin-t-half hidden sm:block"/> <div class="cols-12 sm:cols-7 mb-6 sm:mb-0"> <div class=" flex items-center"> <div class="px-3"> <picture class="w-16 h-16 block"> <source :srcset="productInfo[item.code].urlFileReference+'.wdthumb.319.319.webp'" type="image/webp"/> <source :srcset="productInfo[item.code].urlFileReference+'.wdthumb.319.319.jpg'" type="image/jpeg"/> <source :srcset="productInfo[item.code].urlFileReference+'.wdthumb.319.319.png'" type="image/png"/> <img :alt="productInfo[item.code].pageTitle" :src="productInfo[item.code].urlFileReference+'.thumb.319.319.png'" class="flex-no-shrink"/> </picture> </div> <div class="px-3"> <div class="font-medium text-sm mb-2 leading-tight"> <a :href="rewritePageURL(productInfo[item.code].pagePath)" class="no-underline hover:underline" target="_blank"> {{productInfo[item.code].variantTitle}} </a> </div> <div class="cols-3 flex-inline text-xs" v-if="productPriceObj[item.code].prices.list.amount != productPriceObj[item.code].prices.sale.amount && productPriceObj[item.code].prices.sale.amountFormatted"> <span class="font-normal line-through text-black mr-1">{{productPriceObj[item.code].prices.list.amountFormatted}}</span> <span class="font-bold text-green">{{productPriceObj[item.code].prices.sale.amountFormatted}}</span> </div> <div class="cols-3 text-xs whitespace-no-wrap" v-if="productPriceObj[item.code].prices.list.amount == productPriceObj[item.code].prices.sale.amount && productPriceObj[item.code].prices.sale.amountFormatted"> <span class="font-bold">{{productPriceObj[item.code].prices.sale.amountFormatted}}</span> </div> </div> </div> <div class="text-grey text-xs mt-2" v-if="item.refDesc">{{item.refDesc}}</div> </div> <div class="cols-12 sm:cols-5"> <div class="sm:px-3"> <div v-if="item.refType=='CROSSELLING'" class="flex items-center "> <div class=" border border-grey-light flex productQty mr-2"> <button class="px-2 py-3 text-xs" @click="decrement(item.code)" :disabled="productQuantity[item.code]<=1" aria-label="Decrease the quantity"> <svg xmlns="http://www.w3.org/2000/svg" id="Group_20079" data-name="Group 20079" width="10.428" height="10" viewBox="0 0 12.428 13"> <g id="Group_17085" data-name="Group 17085" transform="translate(5.903)" opacity="0"> <line id="Line_584" data-name="Line 584" y2="13" fill="none" stroke="currentColor" stroke-width="1"/> </g> <g id="Group_17086" data-name="Group 17086" transform="translate(0 6.379) rotate(-90)"> <line id="Line_584-2" data-name="Line 584" y2="12.428" fill="none" stroke="currentColor" stroke-width="1"/> </g> </svg> </button> <input id="productQuantity" v-model="productQuantity[item.code]" :input="productQuantity[item.code] = productQuantity[item.code]" type="number" min="1" class="px-0 py-3 text-center w-8"/> <button class="px-2 py-3 text-xs" @click="increment(item.code)" aria-label="Increase the quantity"> <svg xmlns="http://www.w3.org/2000/svg" id="Group_20076" data-name="Group 20076" width="10.428" height="10" viewBox="0 0 12.428 13"> <g id="Group_17085" data-name="Group 17085" transform="translate(5.903)"> <line id="Line_584" data-name="Line 584" y2="13" fill="none" stroke="currentColor" stroke-width="1"/> </g> <g id="Group_17086" data-name="Group 17086" transform="translate(0 6.379) rotate(-90)"> <line id="Line_584-2" data-name="Line 584" y2="12.428" fill="none" stroke="currentColor" stroke-width="1"/> </g> </svg> </button> </div> <button @click="updateCartObject(item.code,productQuantity[item.code],item.refType);" class="cursor-pointer leading-tight text-center bleading-none capitalize py-3 w-full text-xs text-white border hover:bg-grey-4 hover:border-grey-4" :class="cartObjectMap[item.code]!=null && cartObjectMap[item.code]['quantity'] == productQuantity[item.code] ? 'bg-grey-2 border-bg-grey-2' : 'bg-black border-black'" aria-label="Add To Cart"> <span v-show="cartObjectMap[item.code]==null">Add</span> <span v-show="cartObjectMap[item.code]!=null && cartObjectMap[item.code]['quantity'] == productQuantity[item.code]">Remove</span> </button> </div> <div v-if="item.refType=='SERVICE'" class="flex items-center "> <div class=" border border-grey-light flex productQty mr-2"> <!--<button class="px-2 py-3 text-xs" ng-click="decrement(item.code)" ng-disabled="productQuantity[item.code]<=1" aria-label="Decrease the quantity"> <svg xmlns="http://www.w3.org/2000/svg" id="Group_20079" data-name="Group 20079" width="10.428" height="10" viewBox="0 0 12.428 13"> <g id="Group_17085" data-name="Group 17085" transform="translate(5.903)" opacity="0"> <line id="Line_584" data-name="Line 584" y2="13" fill="none" stroke="currentColor" stroke-width="1"/> </g> <g id="Group_17086" data-name="Group 17086" transform="translate(0 6.379) rotate(-90)"> <line id="Line_584-2" data-name="Line 584" y2="12.428" fill="none" stroke="currentColor" stroke-width="1"/> </g> </svg> </button>--> <!--<input id="productQuantity" ng-model="productQuantity[item.code]" ng-init="productQuantity[item.code] = productQuantity[item.code] ? productQuantity[item.code] : 1" ng-change="productQuantity[item.code] = productQuantity[item.code]" type="number" min="1" ng-max="mainSkuQuantity" class="px-0 py-3 text-center w-8">--> <input type="number" :value="mainSkuQuantity" class="px-0 py-3 text-center w-21" disabled/> <!--<button class="px-2 py-3 text-xs" ng-click="increment(item.code)" ng-disabled="productQuantity[item.code]==mainSkuQuantity" aria-label="Increase the quantity" > <svg xmlns="http://www.w3.org/2000/svg" id="Group_20076" data-name="Group 20076" width="10.428" height="10" viewBox="0 0 12.428 13"> <g id="Group_17085" data-name="Group 17085" transform="translate(5.903)"> <line id="Line_584" data-name="Line 584" y2="13" fill="none" stroke="currentColor" stroke-width="1"/> </g> <g id="Group_17086" data-name="Group 17086" transform="translate(0 6.379) rotate(-90)"> <line id="Line_584-2" data-name="Line 584" y2="12.428" fill="none" stroke="currentColor" stroke-width="1"/> </g> </svg> </button>--> </div> <button @click="updateCartObject(item.code,productQuantity[item.code],item.refType);" class="cursor-pointer leading-tight text-center bleading-none capitalize py-3 w-full text-xs text-white border hover:bg-grey-4 hover:border-grey-4" :class="cartObjectMap[item.code]!=null && cartObjectMap[item.code]['quantity'] == productQuantity[item.code] ? 'bg-grey-2 border-bg-grey-2' : 'bg-black border-black'" aria-label="Add To Cart"> <span v-show="cartObjectMap[item.code]==null">Add</span> <span v-show="cartObjectMap[item.code]!=null && cartObjectMap[item.code]['quantity'] == productQuantity[item.code]">Remove</span> </button> </div> </div> </div> </div> </div> </div> <!--/* Candyrack Products : ENDS*/ --> <div class="md:px-8 px-4 py-6 bg-gray-1"> <div class="flex flex-col sm:flex-row"> <button @click="addToCartCandyRack(true)" class="mb-3 sm:mb-0 w-full flex-1 py-4 text-sm font-medium border border-blue bg-blue text-white mr-0 sm:mr-3 text-center flex items-center justify-center px-2" aria-label="Add To Cart"> Add to Cart </button> <button @click="addToCartCandyRack(false)" class="w-full ml-0 sm:ml-3 flex-1 py-4 text-sm font-medium text-blue border border-blue text-center flex items-center justify-center px-2" aria-label="No Thanks"> No Thanks </button> </div> </div> <!--/* Candyrack Products */ --> </div> <div class="cartDetailsContainer" v-show="!showCandyRackContainer"> <div class="cartSignInBar"> <div class="flex md:px-8 px-4 py-4 bg-blue items-center" v-if="!isUserLoggedIn"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mr-4" fill="#ffffff" version="1.1" width="21.6" height="21.6" viewBox="0 0 24 24"> <path d="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/> </svg> <span class="text-white flex-1 font-normal xs:text-sm text-xs "> <button class="underline text-white" href="#" @click="openLoginPopupFromCart($event)" target="_self">Sign In</button> and Save! Not a Member? <a :href="gotoCommerceURL('registration')" class="underline"> Join Now </a> </span> <button class="flex items-center" v-on:click="closeSignInBanner($event)" data-track-type="close modal" data-track-heading="close modal" aria-label="Close Sign in"> <svg width="14" height="14" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="white"></path> </svg> </button> </div> </div> <span v-if="cartItems == null || Object.keys(cartItems).length == 0" class="hidden block md:px-8 px-4 py-4 cartinitloadmessage loadingdots font-RobotoCondensed font-bold text-xl"> Loading </span> <div class="cartShowInProgress hidden py-6"> <div class=" flex items-center justify-center "> <span class="text-sm text-center"> Adding to Cart... <br/><svg width="100px" height="100px" version="1.1" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> <path fill="#000000" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"> <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"/> </path> </svg> </span> </div> </div> <div class="cartShowCompleted hidden md:px-8 px-4 py-4 bg-green text-white"> <div class=" flex item-center"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"> <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"> </path> </svg> <span class="pl-2 text-sm"> Successfully added to cart! </span> </div> </div> <div> <div role="alert" class="showProductAddResponse hidden form-error globalMessages-error text-sm leading-normal w-full mt-6 md:px-8 px-4 py-4"> <div class="flex alert alert-danger alert-dismissable getAccAlert py-2 px-3 "> <svg xmlns="http://www.w3.org/2000/svg" height="21" viewBox="0 0 24 24" width="21"> <path d="M0 0h24v24H0z" fill="none"></path> <path xmlns="http://www.w3.org/2000/svg" fill="#DF001F" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></path> </svg> <span class="pl-2" v-html="cartItems.responseMessage"></span> </div> </div> <div class="cartItems"> <div v-if="cartItems != null && cartItems.cartEntries != null && cartItems.cartEntries.length > 0"> <div class="py-6 md:px-8 px-4 max-h-400px overflow-auto cartItemsWrap"> <!-- Accepted Promotion Message --> <div v-if="acceptedPromotions.length > 0" class="acceptedPromotions mb-2"> <div v-for="(acceptedPromotion,idx) in acceptedPromotions" class="row_width grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex flex-wrap border border-green font-medium text-green" v-bind:class="{'mb-2' : !(idx == acceptedPromotions.length - 1)}"> <p class="px-4 py-2 bg-green-lighter text-xs"> {{acceptedPromotion.description}} </p> </div> </div> <!-- Cart : Products List : STARTS --> <div class="cartItems"> <div v-for="(item,idx) in cartItems.cartEntries" class="row_width grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex flex-wrap border-grey-light mb-6" :class="{'border-t' : !idx==0 && item.productType!='Service' , 'pt-6' : !idx==0 }"> <div class="cols-3"> <div class="flex flex-col items-center h-full justify-center ml-2 mr-2"> <picture> <source :srcset="item.pageImage+'.wdthumb.319.319.webp'" type="image/webp"/> <source :srcset="item.pageImage+'.wdthumb.319.319.jpg'" type="image/jpeg"/> <source :srcset="item.pageImage+'.wdthumb.319.319.png'" type="image/png"/> <img :alt="item.pageTitle" :src="item.pageImage+'.thumb.319.319.png'" class="flex-no-shrink"/> </picture> </div> </div> <div class="cols-6 px-2 py-4"> <div class="font-bold text-xs sm:text-sm"> <a class="black" :href="rewritePageURL(item.pagePath)"> {{item.pageTitle}} </a> </div> <div class="font-normal text-xxs text-grey-5">{{item.sku}}</div> <div class="leading-loose sm:leading-normal text-xs md:text-sm m-0 sm:mt-2 xl:mt-1 font-normal sm:font-tight"> Qty. {{item.quantity}} </div> <div class="font-medium text-sm text-green leading-heading mt-2" v-if="item.displayMessage" v-for="(displayMsg) in item.displayMessage">{{displayMsg}}</div> <div class="bg-grey" v-if="defaultPromotions[item.sku]"> {{defaultPromotions[item.sku]}}</div> </div> <div class="cols-3 py-4 font-bold text-xs md:text-sm text-right" v-if="!item.isSubscriptionProduct && item.prices.list.amount != item.prices.sale.amount && item.prices.sale.amountFormatted"> <p class="flex-inline mb-0 sm:mb-4 text-xs font-normal sm:font-light font-Roboto line-through text-grey-5"> {{item.prices.list.amountFormatted}}</p> {{item.prices.sale.amountFormatted}} </div> <div class="cols-3 py-4 font-bold text-xs md:text-sm text-right whitespace-no-wrap" v-if="!item.isSubscriptionProduct && item.prices.list.amount == item.prices.sale.amount && item.prices.sale.amountFormatted"> {{item.prices.sale.amountFormatted}} </div> <div class="cols-3 py-4 sm:font-bold text-xs sm:text-sm xl:text-base text-right" v-if="item.isSubscriptionProduct"> <p class="flex-inline mb-0 text-xs font-normal sm:font-light font-Roboto text-grey-5"> {{item.prices.sale.amountFormatted}} / {{item.prices.sale.billingPlanName}} <sup>*</sup></p> <p> {{item.prices.list.amountFormatted}} </p> </div> <div class="cols-12 pt-2 text-grey-5 text-xs" v-if="item.isSubscriptionProduct"><sup>*</sup> Billing begins following the close of your first month of service.</div> </div> </div> <!-- Cart : Products List : ENDS --> </div> <!-- Cart : Total : STARTS --> <div class="carttotal md:px-8 px-4 py-6 bg-gray-1"> <div class=""> <div class="flex mb-2"> <div class="flex-1 font-bold text-base">Subtotal</div> <div class="flex-1 font-bold text-base text-right"> {{cartItems.subtotal.amountFormatted}} </div> </div> <div class="text-xs xl:text-xs leading-normal -mt-1"> Taxes calculated at checkout </div> <div class="text-xs xl:text-xs mt-1" v-html="freeShippingMessage"></div> </div> <div class="flex flex-col sm:flex-row mt-6"> <a aria-label="View Shopping Cart" @click="removeAllSessionVariable()" :href="gotoCommerceURL('cart')" class="mc-view-cart mb-3 sm:mb-0 w-full flex-1 py-4 text-sm font-medium text-black border border-blue bg-blue text-white mr-0 sm:mr-3 text-center flex items-center justify-center px-2"> View Cart ({{totalItems}}) </a> <a aria-label="Checkout Cart" @click="removeAllSessionVariable()" :href="gotoCommerceURL('cart/checkout')" class="mc-checkout-cart w-full ml-0 sm:ml-3 flex-1 py-4 text-sm font-medium text-blue border border-blue text-center flex items-center justify-center px-2"> Checkout </a> </div> </div> <!-- Cart : Total : ENDS --> </div> </div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="corpSearch"> <div class="predictiveSearch search-main absolute pin-r-80 z-4 -pin-t-50 md:pin-r-10 md:pin-t-0 md:relative" id="searchSummaryView" aem-comp="PredictiveSearchApp" data-popular-xf="/content/experience-fragments/store/search-fragments/popular-search/master" data-grey-xf="/content/experience-fragments/store/search-fragments/grey-bottom-bar/master" data-search-page="/search" data-explore-mapping="Media Kits,Blogs,Press Release,Solutions,Legal,Business,Company,Topics,Events,Promo,Other" data-support-mapping="Support Products,Software Downloads,Knowledge Base,Documents,Community" data-emailTo="PDL-Web-IT-Monitoring@wdc.com" data-emailTemplatePath="/content/dam/store/en-us/portal-assets/email-template/predictive-search-error-info.html" data-emailSubject="Western Digital - Predictive Search Issue" data-fields-params="?fields=FEATURED&pageSize=10&currentPage=0&query=:relevance:category:cat_featured_product&customQuery=*:*&sort=launchDate" data-errorcodes="404,503" v-cloak> <div class="hero-input" aria-controls="searchResultInnerWarp"> <form method="get" name="searchForm" id="predictiveSearchNavForm" class="global-predictive-search ui-front input-group relative flex items-center store-summary-view-vanilla predictive-search-form"> <input type="text" name="q" v-model="q" class="searchSummaryViewInput" autocomplete="off" placeholder="What can we help you find?" aria-labelledby="searchBTN" @input="autoSuggest()" id="predictiveSearchTerm"/> <div id="predictiveSearchContainer" class="absolute pin-l bg-white md:border-b border-grey-light" v-cloak> <!--Skeleton Predictive Result View--> <div class="skeleton-group hidden"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex md:items-start py-4 md:py-12 contain mx-auto"> <!--Frist Col--> <div class="md:cols-3 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide"> <!--Did You Mean?--> <span class="mb-6 loadingSkeleton bg-grey-1 h-6 w-200px"></span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul class="md:cols-12 list-reset lg:pr-2 xl:pr-7 text-sm mb-2 md:mb-0"> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> </ul> </div> <!--End Did You Mean?--> <!--Categories--> <span class="mb-6 loadingSkeleton bg-grey-1 h-6 w-200px"></span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul class="md:cols-12 list-reset lg:pr-2 xl:pr-7 text-sm"> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> </ul> </div> <!--End Categories--> </div> <!--End Frist Col--> <!--Second Col - Products--> <div class="md:cols-4 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide"> <span class="mb-6 loadingSkeleton bg-grey-1 h-6 w-200px"></span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap flex w-full"> <ul class="cols-6 list-reset lg:pr-2 xl:pr-7 text-xs flex justify-center items-center"> <li> <div class="mb-8 md:mb-12 inline-block text-center"> <div class="loadingSkeleton bg-grey-1 w-200px mb-1" style="height: 117px;"></div> <div class="mb-1 loadingSkeleton bg-grey-1 h-7 w-full"></div> <div class="loadingSkeleton bg-grey-1 h-4 w-full"></div> </div> </li> </ul> <ul class="cols-6 list-reset lg:pr-2 xl:pr-7 text-xs flex justify-center items-center"> <li> <div class="mb-8 md:mb-12 inline-block text-center"> <div class="loadingSkeleton bg-grey-1 w-200px mb-1" style="height: 117px;"></div> <div class="mb-1 loadingSkeleton bg-grey-1 h-7 w-full"></div> <div class="loadingSkeleton bg-grey-1 h-4 w-full"></div> </div> </li> </ul> <ul class="cols-6 list-reset lg:pr-2 xl:pr-7 text-xs flex justify-center items-center"> <li> <div class="mb-8 md:mb-12 inline-block text-center"> <div class="loadingSkeleton bg-grey-1 w-200px mb-1" style="height: 117px;"></div> <div class="mb-1 loadingSkeleton bg-grey-1 h-7 w-full"></div> <div class="loadingSkeleton bg-grey-1 h-4 w-full"></div> </div> </li> </ul> <ul class="md:cols-6 list-reset lg:pr-2 xl:pr-7 text-xs flex justify-center items-center"> <li> <div class="mb-8 md:mb-12 inline-block text-center"> <div class="loadingSkeleton bg-grey-1 w-200px mb-1" style="height: 117px;"></div> <div class="mb-1 loadingSkeleton bg-grey-1 h-7 w-full"></div> <div class="loadingSkeleton bg-grey-1 h-4 w-full"></div> </div> </li> </ul> </div> </div> <!--End Second Col - Products--> <!--Third Col--> <div class="md:cols-4 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide"> <!--More--> <span class="mb-6 loadingSkeleton bg-grey-1 h-6 w-200px"></span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul class="md:cols-12 list-reset lg:pr-2 xl:pr-7 text-sm mb-2 md:mb-0"> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-4 w-200px"> </div> </li> </ul> </div> <!--End More--> <!--Blogs--> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul class="md:cols-12 list-reset lg:pr-2 xl:pr-7 text-sm mb-2 md:mb-0 md:text-base mt-8"> <li class="mb-6"> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-5 w-200px"> </div> </li> <li class="mb-6"> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-5 w-200px"> </div> </li> <li class="mb-6"> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-5 w-200px"> </div> </li> <li> <div class="btn mb-6 inline-block loadingSkeleton bg-grey-1 h-5 w-200px"> </div> </li> </ul> </div> <!--End Blogs--> </div> <!--End Third Col--> </div> </div> <!--Skeleton Predictive Result View--> <!--Search History View--> <div class="searchHistoryView contain mx-auto hidden"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex md:items-start py-4 md:py-12" v-show="recentSearchesArray.length > 0 || showPopularSearches || featuredProducts.length > 0"> <!--Recent Searches--> <div class="md:cols-3 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide" v-if="recentSearchesArray.length > 0"> <span class="cols-12 mb-6 text-base font-bold leading-heading inline-block">Recent Searches</span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full"> <ul class="md:cols-12 list-reset lg:pr-2 xl:pr-7 text-sm mb-2 md:mb-0"> <li v-for="(recent,index) in recentSearchesArray" :key="index"> <a @click="submitQuery(event,recent)" target="_self" :title="recent" class="btn mb-6 inline-block font-bold leading-medium" href="javascript:void(0)">{{recent}}</a> </li> <li> <button type="button" class="btn mb-6 inline-block underline" @click="clearRecentCookie(event)">Clear Recent Searches</button> </li> </ul> </div> </div> <!--End Recent Searches--> <!--Popular Searches--> <div class="md:cols-3 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide"> <span class="cols-12 mb-6 text-base font-bold leading-heading inline-block" v-show="showPopularSearches">Popular Searches</span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full" id="popularSearches" v-show="showPopularSearches"> </div> </div> <!--End Popular Searches--> <!--Featured Products--> <div class="md:cols-5 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide" v-if="featuredProducts.length > 0"> <span class="cols-12 mb-6 text-base font-bold leading-heading inline-block">Featured Products</span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap flex w-full"> <ul class="cols-6 md:cols-4 list-reset lg:pr-2 xl:pr-7 text-sm text-center" v-for="(f,index) in featuredProducts" :key="index"> <li @click="productClicked(index)"> <a :href="f.pagePath" target="_self" class="btn mb-8 md:mb-12 inline-block text-center leading-medium"> <img :class="'mb-1 search-product'+index" :src="f.urlFileReference+'.thumb.319.319.png'" width="117" height="117"/> <div class="mb-1 text-xs leading-tight">{{f.pageTitle}}</div> <div class="text-xs text-grey-3" v-if="f.minPricedSkuObj && f.minPricedSkuObj.prices.list.amountFormatted"> Starting at <span aria-hidden="true" class="mr-2 line-through font-normal sm:font-light " v-if="(f.minPricedSkuObj.prices.list.amount != f.minPricedSkuObj.prices.sale.amount) && !f.minPricedSkuObj.isSubscriptionProduct"> {{f.minPricedSkuObj.prices.list.amountFormatted}} </span> <span class="leading-tight font-normal sm:font-bold"> {{f.minPricedSkuObj.prices.sale.amountFormatted}} <span class="" v-show="(f.minPricedSkuObj.prices.list.amount != f.minPricedSkuObj.prices.sale.amount) && f.minPricedSkuObj.isSubscriptionProduct"> / {{f.minPricedSkuObj.prices.sale.billingPlanName}}</span> </span> </div> </a> </li> </ul> </div> </div> <!--End Featured Products--> </div> </div> <!--End Search History View--> <!--Predictive Result View--> <div class="predictiveResultView contain mx-auto" v-if="allResults.length > 0"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex md:items-start py-8 md:py-12"> <!--Frist Col--> <div class="md:cols-3 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide" v-if="suggestions.length > 0 || categories.length > 0"> <!--Did You Mean?--> <span class="cols-12 mb-6 text-base font-bold leading-heading inline-block" v-if="suggestions.length > 0">Suggestions</span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full" v-if="suggestions.length > 0"> <ul class="md:cols-12 list-reset lg:pr-2 xl:pr-7 text-sm" v-for="(s,index) in suggestions" :key="index"> <li> <a @click="submitQuery(event, s.term)" href="javascript:void(0)" target="_self" class="btn mb-6 inline-block leading-medium" v-if="s.term">{{s.term}}</a> </li> </ul> </div> <!--End Did You Mean?--> <!--Categories--> <span :class="suggestions.length > 0 ? 'cols-12 mb-6 text-base font-bold leading-heading md:inline-block mt-2 hidden' : 'cols-12 mb-6 text-base font-bold leading-heading md:inline-block hidden'" v-if="categories.length > 0">Categories</span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex hidden w-full" v-if="categories.length > 0"> <ul class="md:cols-12 list-reset lg:pr-2 xl:pr-7 text-sm" v-for="(c,index) in categories" :key="index"> <li> <a :href="c.url" target="_self" class="btn mb-6 inline-block leading-medium predictive-search-class" v-if="c.title">{{c.title}}</a> </li> </ul> </div> <!--End Categories--> </div> <!--End Frist Col--> <!--Second Col - Products--> <div class="md:cols-4 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide" v-if="products.length > 0"> <span class="cols-12 mb-6 text-base leading-heading inline-block mt-2 md:mt-0"><span class="font-bold">Products</span> <a @click="updateUrl(event)" href="javascript:void(0)" data-url="/search" class="underline text-sm text-grey-3">View All</a></span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap flex w-full"> <ul class="cols-6 list-reset lg:pr-2 xl:pr-7 text-xs flex justify-center items-center" v-for="(p,index) in products" :key="index"> <li @click="productClicked(index)"> <a :href="p.url" target="_self" class="btn mb-8 md:mb-12 inline-block text-center leading-medium"> <img :class="'mb-1 search-product'+index" :alt="p.title[0]" :src="p.primaryImage+'.thumb.319.319.png'" width="117" height="117"/> <div class="mb-1 text-xs leading-tight" v-if="p.title && p.title[0]">{{p.title[0]}} </div> <div class="text-xs text-grey-3" v-if="p.minPricedSkuObj && p.minPricedSkuObj.prices.list.amountFormatted"> Starting at <span aria-hidden="true" class="mr-2 line-through font-normal sm:font-light " v-if="(p.minPricedSkuObj.prices.list.amount != p.minPricedSkuObj.prices.sale.amount) && !p.minPricedSkuObj.isSubscriptionProduct"> {{p.minPricedSkuObj.prices.list.amountFormatted}} </span> <span class="leading-tight font-normal sm:font-bold"> {{p.minPricedSkuObj.prices.sale.amountFormatted}} <span class="" v-show="(p.minPricedSkuObj.prices.list.amount != p.minPricedSkuObj.prices.sale.amount) && p.minPricedSkuObj.isSubscriptionProduct"> / {{p.minPricedSkuObj.prices.sale.billingPlanName}}</span> </span> </div> </a> </li> </ul> </div> </div> <!--End Second Col - Products--> <!--Third Col--> <div class="md:cols-5 md:px-4 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex second left-slide" v-if="support.length > 0 || explore.length > 0"> <!--More--> <span class="cols-12 mb-6 text-base leading-heading inline-block" v-if="explore.length > 0"><span class="font-bold">Explore</span> <a @click="updateUrl(event)" href="javascript:void(0)" data-url="/search" class="underline text-sm text-grey-3">View All</a></span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full" v-if="explore.length > 0"> <ul class="md:cols-12 list-reset lg:pr-2 xl:pr-7 text-sm" v-for="(e,index) in explore" :key="index"> <li> <a :href="e.url" :target="e.url.includes('blog.') ? '_blank' : '_self'" class="btn mb-6 inline-block leading-medium predictive-search-class">{{e.title[0].replace("| Western Digital","")}}</a> </li> </ul> </div> <!--End More--> <!--Support--> <span :class="explore.length > 0 ? 'cols-12 mb-6 text-base leading-heading inline-block mt-2' : 'cols-12 mb-6 text-base leading-heading inline-block'" v-if="support.length > 0"><span class="font-bold">Support</span> <a @click="updateUrl(event)" href="javascript:void(0)" data-url="/support/search-support" class="underline text-sm text-grey-3">View All</a></span> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex w-full" v-if="support.length > 0"> <ul class="md:cols-12 list-reset lg:pr-2 xl:pr-7 text-sm" v-for="(s,index) in support" :key="index"> <li> <a :href="s.url" target="_blank" class="btn mb-6 inline-block leading-medium predictive-search-class">{{s.title[0]}}</a> </li> </ul> </div> <!--End Blogs--> </div> <!--End Third Col--> </div> </div> <!--Predictive Result View--> <!--Grey bar--> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 show-for-b2c py-0" style="background-color:#F2F2F2" v-show="allResults.length > 0 || showGreyBar || suggestions.length > 0" id="greyBar"> </section> <!--End Grey bar--> </div> <button type="button" class="underline text-sm absolute md:pin-r-12 pin-r-2 svClearInput pin-t-15" @click="q='';suggestions=[];resetValues();">Clear</button> <!-- <button type="submit" class="btn-search btn flex itmes-center" id="searchBTN" aria-label="Search">--> <button type="button" class="search-collapse btn flex itmes-center" aria-label="Search Close" @click="q='';suggestions=[];resetValues();"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="1" fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0L7 5.6L1.4 0L0 1.4L5.6 7L0 12.6L1.4 14L7 8.4L12.6 14L14 12.6L8.4 7L14 1.4Z" fill="black"></path> </svg> </button> <button type="button" class="btn-search btn-search-SummaryView btn flex itmes-center bg-white" id="searchBTN" aria-label="Search" @click="showDefaultScreen(event)"> <svg aria-hidden="true" width="24" height="24" viewBox="0 -10 57 75" fill="none" stroke="currentColor" stroke-width="5" xmlns="http://www.w3.org/2000/svg" class="searchmag"> <path d="M42.9302 23.2003C42.9302 34.6828 33.83 43.9006 22.7151 43.9006C11.6001 43.9006 2.5 34.6828 2.5 23.2003C2.5 11.7178 11.6001 2.5 22.7151 2.5C33.83 2.5 42.9302 11.7178 42.9302 23.2003Z"> </path> <line y1="-2.5" x2="27.0574" y2="-2.5" transform="translate(34.0703 38.6664) scale(0.989377 1.01051) rotate(45)"></line> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="hidden" id="Search_Icon" data-name="Search Icon" width="24" height="24" viewBox="0 0 24 24"> <g id="search-icon" transform="translate(0.063 -0.127)"> <path id="box" d="M0,0H24V24H0Z" transform="translate(-0.063 0.127)" fill="none"/> <g id="Group_24554" data-name="Group 24554" transform="translate(1.921 2.11)"> <g id="Ellipse_513" data-name="Ellipse 513" transform="translate(0.016 0.018)" fill="#fff" stroke="#000" stroke-width="1"> <ellipse cx="9.503" cy="9.503" rx="9.503" ry="9.503" stroke="none"/> <ellipse cx="9.503" cy="9.503" rx="9.003" ry="9.003" fill="none"/> </g> <line id="Line_20" data-name="Line 20" x1="3.77" y1="3.77" transform="translate(16.246 16.247)" fill="none" stroke="#000" stroke-linecap="round" stroke-width="1"/> </g> </g> </svg> </button> <input type="hidden" ref="textLength" data-textLength="3"/> </form> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> </div> </div> </section> </div> </div> <div class="clearfix"></div></div> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </header> <span id="skipToMainContent" tabindex="-1"></span> <section role="main" class="mainContainWrap"> <div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section_copy_copy_co section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" id="brand-home" style="background-color:rgba(255, 255, 255, 0)" data-track-heading="1A|gift-guide"> <div class="relative "> <div class="reference parbase"> </div> <div class="carousel parbase"> <section class="ng-cloak splide heroBannerCarousel wd-hero-carousel" data-autorotate="false" data-autorotatespeed="8000" data-pauseonhover="true" data-hidepausebtn="true"> <div class="splide__slider"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide firstSlide "> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full 1a-target py-0" style="background-color:rgb(0, 0, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="main-par parsys"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-0" style="background-color:#f2f3f3"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section min-h-225px sm:min-h-300px md:min-h-400px xl:min-h-500px inherit-bg-position-y bg-top py-0" style="background-color:rgb(0, 0, 0)"> <div data-Bgimage="/content/dam/store/en-us/assets/home-page/lifestyle/mh-data-center-storage-1a-desktop.png" class="aem-section-bgimage section-884474040335 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex items-center min-h-225px"> <div class="cols-12 md:cols-6 lg:cols-6 hidden md:block"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section text-white txt-slid-up py-6 md:py-8" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" hidden visibleAuthorMode textcolumn"> <p><span data-nosnippet="true">(3/20) | WW EN Only - WEBOPS-6790</span></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <h1 class="h2-hero heading-mb-2">Every Breakthrough <br> Depends on Reliable, <br> Scalable Storage</h1> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/solutions/data-center" target="_self" class="btn py-2 md:py-3 px-4 md:px-8 mt-4 md:mt-8 text-black bg-white border-white font-medium text-xs md:text-sm border inline-flex " data-track-type="button" data-track-heading="1A | data-center" aria-label="data-center"> Step Inside </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6 lg:cols-6 md:min-h-500px lg:min-h-600 flex items-center justify-center"> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> <style> .section-884474040335 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-884474040335.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-data-center-storage-1a-mobile.png.wdthumb.840.840.webp); } .no-webp .section-884474040335.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-data-center-storage-1a-mobile.png.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-884474040335.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-data-center-storage-1a-desktop.png.wdthumb.1280.1280.webp); } .no-webp .section-884474040335.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-data-center-storage-1a-desktop.png.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-884474040335.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-data-center-storage-1a-desktop.png.wdthumb.3000.3000.webp); } .no-webp .section-884474040335.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-data-center-storage-1a-desktop.png.thumb.3000.3000.png); } } </style> </div> <div class="reference parbase"> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section md:hidden visibleAuthorMode py-0" style="background-color:black"> <div class="relative container contain mx-auto"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center min-h-175px sm:min-h-200px py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section text-white py-6 md:py-8" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" textcolumn"> <h1 class="h2-hero heading-mb-2">Every Breakthrough Depends on Reliable, Scalable Storage</h1> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/solutions/data-center" target="_self" class="btn py-2 md:py-3 px-4 md:px-8 mt-4 md:mt-8 text-black bg-white border-white font-medium text-xs md:text-sm border inline-flex " data-track-type="button" data-track-heading="1A | data-center" aria-label="data-center"> Step Inside </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </li> <li class="splide__slide lastSlide"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-0" style="background-color:#eaeaea"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="main-par parsys"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-0" style="background-color:#f2f3f3"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section min-h-225px sm:min-h-300px md:min-h-400px xl:min-h-500px py-0" style="background-color:#132E3F"> <div data-Bgimage="/content/dam/store/en-us/assets/promo/world-backup-day/2025/world-backup-day-hero.jpg" class="aem-section-bgimage section-263812912834 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex items-center min-h-225px"> <div class="cols-12 md:cols-6 lg:cols-6 hidden md:block"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section text-white txt-slid-up py-6 md:py-8" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" hidden visibleAuthorMode textcolumn"> <p><span data-nosnippet="true">(3/3 - 3/31) | US, CA, UK, ROE, FR, DE, AT, ES, IT, NL, JP - WEBOPS-6614</span></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <h1 class="h1-hero heading-mb-2">Back Up What<br> You Can’t Give Up<br> </h1> <p class="hero-subtitle heading-mb-0 text-normal">Save a copy today, secure peace of mind for the future.<br> </p> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/promo/world-backup-day" target="_self" class="btn py-2 md:py-3 px-4 md:px-8 mt-4 md:mt-8 text-black bg-white border-white font-medium text-xs md:text-sm border inline-flex " data-track-type="button" data-track-heading="1b|world-backup-day" aria-label="Shop Now World Backup Day"> Shop Now </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6 lg:cols-6 md:min-h-500px lg:min-h-600 flex items-center justify-center"> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> <style> .section-263812912834 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-263812912834.lazyloaded { background-image: url(/content/dam/store/en-us/assets/promo/world-backup-day/2025/world-backup-day-hero-mobile.jpg.wdthumb.840.840.webp); } .no-webp .section-263812912834.lazyloaded { background-image: url(/content/dam/store/en-us/assets/promo/world-backup-day/2025/world-backup-day-hero-mobile.jpg.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-263812912834.lazyloaded { background-image: url(/content/dam/store/en-us/assets/promo/world-backup-day/2025/world-backup-day-hero.jpg.wdthumb.1280.1280.webp); } .no-webp .section-263812912834.lazyloaded { background-image: url(/content/dam/store/en-us/assets/promo/world-backup-day/2025/world-backup-day-hero.jpg.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-263812912834.lazyloaded { background-image: url(/content/dam/store/en-us/assets/promo/world-backup-day/2025/world-backup-day-hero.jpg.wdthumb.3000.3000.webp); } .no-webp .section-263812912834.lazyloaded { background-image: url(/content/dam/store/en-us/assets/promo/world-backup-day/2025/world-backup-day-hero.jpg.thumb.3000.3000.png); } } </style> </div> <div class="reference parbase"> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section md:hidden visibleAuthorMode py-0" style="background-color:#132E3F"> <div class="relative container contain mx-auto"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center min-h-175px sm:min-h-200px py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section text-white py-6 md:py-8" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" textcolumn"> <h1 class="h1-hero heading-mb-2">Back Up What<br> You Can’t Give Up<br> </h1> <p class="hero-subtitle heading-mb-0 text-normal">Save a copy today, secure peace of mind for the future.<br> </p> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/promo/world-backup-day" target="_self" class="btn py-2 md:py-3 px-4 md:px-8 mt-4 md:mt-8 text-black bg-white border-white font-medium text-xs md:text-sm border inline-flex " data-track-type="button" data-track-heading="1b|world-backup-day" aria-label="Shop Now World Backup Day"> Shop Now </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </li> </ul> </div> <div class="splide__controls flex justify-center absolute pin-b-15 pin-l pin-r"> <ul class="splide__pagination pl-0"></ul> <button class="hidden splide__toggle" type="button"> <div class="splide__toggle__play"> <svg class="" xmlns="http://www.w3.org/2000/svg" width="7.557" height="9.197" viewBox="0 0 7.557 9.197"> <g id="Path_17401" data-name="Path 17401" transform="translate(8 -0.401) rotate(90)" fill="rgba(255,255,255,0.75)"> <path d="M4.576.678a.5.5,0,0,1,.848,0l4.1,6.557A.5.5,0,0,1,9.1,8H.9a.5.5,0,0,1-.424-.765Z" stroke="none"/> <path d="M 4.999999523162842 0.943392276763916 L 4.999999523162842 0.9434022903442383 L 0.9021196365356445 7.500002384185791 L 9.097879409790039 7.500002384185791 L 5.001729488372803 0.9435825347900391 C 5.001559734344482 0.9435324668884277 5.000909328460693 0.943392276763916 4.999999523162842 0.943392276763916 M 4.999999523162842 0.4433975219726562 C 5.163042068481445 0.4433975219726562 5.326084613800049 0.5217323303222656 5.423999309539795 0.6784024238586426 L 9.521879196166992 7.235002517700195 C 9.730019569396973 7.56802225112915 9.490589141845703 8.000001907348633 9.097879409790039 8.000001907348633 L 0.9021196365356445 8.000001907348633 C 0.5094099044799805 8.000001907348633 0.2699794769287109 7.56802225112915 0.4781198501586914 7.235002517700195 L 4.575999736785889 0.6784024238586426 C 4.673914432525635 0.5217323303222656 4.836956977844238 0.4433975219726562 4.999999523162842 0.4433975219726562 Z" stroke="none" fill="rgba(106,106,106,0.5)"/> </g> </svg> <span>Play Slides</span> </div> <div class="splide__toggle__pause"> <svg class="" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 7.5"> <g id="Group_25720" data-name="Group 25720" transform="translate(-3373 -18817)"> <g id="Rectangle_17718" data-name="Rectangle 17718" transform="translate(3373 18817)" fill="rgba(255,255,255,0.75)" stroke="rgba(106,106,106,0.5)" stroke-width="0.5"> <rect width="4" height="8" rx="1" stroke="none"/> <rect x="0.25" y="0.25" width="3.5" height="7.5" rx="0.75" fill="none"/> </g> <g id="Rectangle_17719" data-name="Rectangle 17719" transform="translate(3379 18817)" fill="rgba(255,255,255,0.75)" stroke="rgba(106,106,106,0.5)" stroke-width="0.5"> <rect width="4" height="8" rx="1" stroke="none"/> <rect x="0.25" y="0.25" width="3.5" height="7.5" rx="0.75" fill="none"/> </g> </g> </svg> <span>Pause Slides</span> </div> </button> </div> </div> </section> <style> .promo-carousel .splide__list { height: auto; } .promo-carousel .splide__arrow { background: none; } .promo-carousel .splide__arrow svg { height: 10px; width: 10px; } </style> <style> .promo-carousel .splide__list{ height: auto; } .promo-carousel .splide__arrow { background: none; } .promo-carousel .splide__arrow svg { height: 10px; width: 10px; } </style> <div style="clear: both;"></div></div> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" text-center hidden visibleAuthorMode tracking-loose textcolumn"> <p class="heading1">---- WebOps CSS Below ----</p> </div> <div style="clear: both;"></div></div> <div class="css-container parbase"> <div> <style>.rounded-sm > .section-bg { border-radius: .125rem; } .rounded> .section-bg { border-radius: .25rem !important; } .rounded-lg > .section-bg { border-radius: .5rem !important; } .rounded-full > .section-bg { border-radius: 9999px; } .hero-title { font-size: 1.5rem !important; } .tracking-loose{ letter-spacing: 0.25rem; } @media (min-width: 576px) { .xs\:rounded-sm > .section-bg { border-radius: .125rem; } .xs\:rounded> .section-bg { border-radius: .25rem !important; } .xs\:rounded-lg > .section-bg { border-radius: .5rem !important; } .xs\:rounded-full > .section-bg { border-radius: 9999px; } .hero-title { font-size: 1.75rem !important; } .tracking-loose { letter-spacing: 0.25rem; } } .text-wrap { text-wrap: balance; } @media (min-width: 768px) { .sm\:rounded-sm > .section-bg { border-radius: .125rem; } .sm\:rounded> .section-bg { border-radius: .25rem !important; } .sm\:rounded-lg > .section-bg { border-radius: .5rem !important; } .sm\:rounded-full > .section-bg { border-radius: 9999px; } .tracking-loose { letter-spacing: 0.50rem; } } @media (min-width: 992px) { .md\:rounded-sm > .section-bg { border-radius: .125rem; } .md\:rounded> .section-bg { border-radius: .25rem !important; } .md\:rounded-lg > .section-bg { border-radius: .5rem !important; } .md\:rounded-full > .section-bg { border-radius: 9999px; } .hero-title { font-size: 3rem !important; } .tracking-loose { letter-spacing: 0.75rem; } } @media (min-width: 1140px) { .lg\:rounded-sm > .section-bg { border-radius: .125rem; } .lg\:rounded> .section-bg { border-radius: .25rem !important; } .lg\:rounded-lg > .section-bg { border-radius: .5rem !important; } .lg\:rounded-full > .section-bg { border-radius: 9999px; } } @media (min-width: 1464px) { .xl\:rounded-sm > .section-bg { border-radius: .125rem; } .xl\:rounded> .section-bg { border-radius: .25rem !important; } .xl\:rounded-lg > .section-bg { border-radius: .5rem !important; } .xl\:rounded-full > .section-bg { border-radius: 9999px; } }</style> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section show-for-b2c py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section_copy_copy_co section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:#f2f3f3" data-track-heading="1.5|free-express-shipping"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex"> <div class="cols-12 md:cols-4 order-3 md:order-1"> </div> <div class="cols-12 md:cols-4 order-2 md:order-2 flex items-center justify-center "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section px-6 py-6 text-center h-full py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" hidden d-block-edit-mode textcolumn"> <p>(3/15-3/31) | US - 6793</p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <h2 class="heading6 heading-mb-2">Free 2-Day Shipping<br> </h2> <p>on all orders now through March 31st. Use code <b>WD2DAY</b> at checkout.<br> </p> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="#2dayfreeshipping" class="btn inline-flex text-black bg-none border border-none font-medium text-sm mt-4 underline wd-modal-btn " data-track-type="button" aria-label="See Details"> See Details </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-4 expand-h-full order-1 md:order-3"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full flex items-end justify-center md:justify-start min-h-225px md:min-h-150px xmd:pl-10 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="image"> <picture> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.thumb.1280.1280.png" alt class="cq-dd-image max-h-225px md:max-h-150px lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/home-page/product/free-shipping.png.thumb.1280.1280.png"/> </picture> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div style="clear: both;"></div></div> <div class="modal parbase"> <div class="py-6 wd-modal hidden " id="2dayfreeshipping"> <div class="wd-modal-dialog m-auto px-6 m-auto w-full md:w-800px sm:w-576px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-12"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" textcolumn"> <h2 class="heading4 heading-mb-4">Details & Exclusions</h2> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <ul> <li>Free 2-day shipping with code WD2DAY<br> </li> </ul> <p>Free express shipping applies to purchases delivered within the contiguous United States, excluding addresses in Hawaii, Alaska, Puerto Rico and other U.S. territories (other exclusions may apply). Western Digital reserves the right to change or discontinue these terms at any time without notice.<br> </p> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div class="reference parbase"> </div> <div class="reference parbase"> </div> <div class="reference parbase"> </div> <div class="reference parbase"> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative container contain mx-auto"> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section text-center py-8 md:py-16 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative container contain mx-auto"> <div class="text parbase"> <div class=" textcolumn"> <h2 class="heading2 heading-mb-3">Our Product Lineup</h2> <p class="heading5 text-normal">Discover a full portfolio of HDDs and platforms.</p> </div> <div style="clear: both;"></div></div> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex items-center justify-center sm:-mx-2"> <div class="cols-6 md:cols-2 sm:px-2 pb-4 md:pb-0 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section px-3 py-3 md:px-2 md:py-4 text-center section-hover py-0" style="background-color:rgba(255, 255, 255, 0)" data-track-heading="2a|products.hdd"> <a class="block" href="/products/hdd" target="_self" data-track-type="sectionCTA" data-track-heading="2a|products.hdd" aria-label="$i18n{token.shopButton}: Hard Drives"> <div class="relative "> <div class="image"> <picture> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.thumb.1280.1280.png" alt class="cq-dd-image pb-4 max-h-225px lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/home-page/product/western-digital-cat1-hard-drives.png.thumb.1280.1280.png"/> </picture> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <p class="subtitle2 heading-mb-0 hover:underline">Hard Drives</p> </div> <div style="clear: both;"></div></div> </div> </a> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-6 md:cols-2 sm:px-2 pb-4 md:pb-0 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section px-3 py-3 md:px-2 md:py-4 text-center section-hover py-0" style="background-color:rgba(255, 255, 255, 0)" data-track-type="products.data-center-storage" data-track-heading="2b|products.data-center-storage"> <a class="block" href="/products/data-center-storage" target="_self" data-track-type="products.data-center-storage" data-track-heading="2b|products.data-center-storage" aria-label="$i18n{token.shopButton}: Data Center Drives"> <div class="relative "> <div class="image"> <picture> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.thumb.1280.1280.png" alt class="cq-dd-image pb-4 max-h-225px lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/home-page/product/western-digital-cat2-data-center.png.thumb.1280.1280.png"/> </picture> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <p class="subtitle2 heading-mb-0 hover:underline">Data Center<br> </p> </div> <div style="clear: both;"></div></div> </div> </a> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-6 md:cols-2 sm:px-2 pb-4 md:pb-0 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section px-3 py-3 md:px-2 md:py-4 text-center section-hover py-0" style="background-color:rgba(255, 255, 255, 0)" data-track-type="products.memory-cards" data-track-heading="2c|nas"> <a class="block" href="/products/network-attached-storage" target="_self" data-track-type="products.memory-cards" data-track-heading="2c|nas" aria-label="$i18n{token.shopButton}: Network Attached Storage"> <div class="relative "> <div class="image"> <picture> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.thumb.1280.1280.png" alt class="cq-dd-image pb-4 max-h-225px lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/home-page/product/western-digital-cat3-nas.png.thumb.1280.1280.png"/> </picture> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <p class="subtitle2 heading-mb-0 hover:underline">NAS<br> </p> </div> <div style="clear: both;"></div></div> </div> </a> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-6 md:cols-2 sm:px-2 pb-4 md:pb-0 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section px-3 py-3 md:px-2 md:py-4 text-center section-hover py-0" style="background-color:rgba(255, 255, 255, 0)" data-track-heading="2d|gaming"> <a class="block" href="/products/hdd?filterByUseCaseName=Gaming" target="_self" data-track-type="sectionCTA" data-track-heading="2d|gaming" aria-label="$i18n{token.shopButton}: Gaming"> <div class="relative "> <div class="image"> <picture> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.thumb.1280.1280.png" alt class="cq-dd-image pb-4 max-h-225px lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/home-page/product/western-digital-cat4-gaming.png.thumb.1280.1280.png"/> </picture> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <p class="subtitle2 heading-mb-0 hover:underline">Gaming<br> </p> </div> <div style="clear: both;"></div></div> </div> </a> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-6 md:cols-2 sm:px-2 pb-4 md:pb-0 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section px-3 py-3 md:px-2 md:py-4 text-center section-hover py-0" style="background-color:rgba(255, 255, 255, 0)" data-track-type="products.data-center-storage" data-track-heading="2e|raid"> <a class="block" href="/products/hdd?filterByUseCaseName=RAID" target="_self" data-track-type="products.data-center-storage" data-track-heading="2e|raid" aria-label="$i18n{token.shopButton}: RAID"> <div class="relative "> <div class="image"> <picture> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.thumb.1280.1280.png" alt class="cq-dd-image pb-4 max-h-225px lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/home-page/product/western-digital-cat5-raid.png.thumb.1280.1280.png"/> </picture> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <p class="subtitle2 heading-mb-0 hover:underline">RAID<br> </p> </div> <div style="clear: both;"></div></div> </div> </a> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="carousel parbase"> <section class="ng-cloak splide heroBannerCarousel wd-hero-carousel" data-autorotate="false" data-autorotatespeed="8000" data-pauseonhover="true" data-hidepausebtn="true"> <div class="splide__slider"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide firstSlide "> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full 1b-target py-0" style="background-color:rgb(0, 0, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="main-par parsys"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section min-h-225px sm:min-h-300px md:min-h-400px xl:min-h-500px py-0" style="background-color:rgba(255, 255, 255, 0)"> <div data-Bgimage="/content/dam/store/en-us/assets/home-page/lifestyle/mh-digital-city-skylines-background.jpg" class="aem-section-bgimage section-1470636695550 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex items-center min-h-225px sm:min-h-325px"> <div class="cols-12 md:cols-6 lg:cols-6 hidden md:block"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section px-2 py-6 sm:px-12 sm:py-12 md:px-16 md:py-16 lg:px-20 lg:py-20 txt-slid-up text-white py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" hidden visibleAuthorMode textcolumn"> <p><span data-nosnippet="true">(2/21) | WW - WEBOPS-6641</span></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <p class="hero-title heading-mb-2">Leading the Way Forward<br> </p> <p class="hero-subtitle heading-mb-0 text-normal">Forging the future with people, values, and vision.<br> </p> </div> <div style="clear: both;"></div></div> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-start"> <div class="max-w-175px mr-4"> <div class="button parbase"> <a href="/company" target="_self" class="btn py-2 md:py-3 px-4 md:px-8 mt-4 md:mt-6 text-black bg-white border-white font-medium text-xs md:text-sm border inline-flex " data-track-type="button" data-track-heading="3a|company" aria-label="Learn More: About WD"> Learn More </a> <div style="clear: both;"></div></div> </div> <div class="max-w-175px"> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6 lg:cols-6 md:min-h-500px xl:min-h-600 flex items-center justify-center"> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> <style> .section-1470636695550 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-1470636695550.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-digital-city-skylines-background-mobile.png.wdthumb.840.840.webp); } .no-webp .section-1470636695550.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-digital-city-skylines-background-mobile.png.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-1470636695550.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-digital-city-skylines-background.jpg.wdthumb.1280.1280.webp); } .no-webp .section-1470636695550.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-digital-city-skylines-background.jpg.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-1470636695550.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-digital-city-skylines-background.jpg.wdthumb.3000.3000.webp); } .no-webp .section-1470636695550.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-digital-city-skylines-background.jpg.thumb.3000.3000.png); } } </style> </div> <div class="reference parbase"> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section md:hidden visibleAuthorMode py-0" style="background-color:rgb(0, 0, 0)"> <div class="relative container contain mx-auto"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section px-2 py-6 sm:px-12 sm:py-12 md:px-16 md:py-16 lg:px-20 lg:py-20 txt-slid-up flex items-center min-h-175px sm:min-h-200px text-white py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" textcolumn"> <p class="hero-title heading-mb-2">Leading the Way Forward<br> </p> <p class="hero-subtitle heading-mb-0 text-normal">Forging the future with people, values, and vision<br> </p> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/company" target="_self" class="btn py-2 md:py-3 px-4 md:px-8 mt-4 md:mt-6 text-black bg-white border-white font-medium text-xs md:text-sm border inline-flex " data-track-type="button" data-track-heading="3a|company" aria-label="Learn More: About WD"> Learn More </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </li> <li class="splide__slide lastSlide"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-0" style="background-color:#eaeaea"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="main-par parsys"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full py-0" style="background-color:#f2f3f3"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section min-h-225px sm:min-h-300px md:min-h-400px xl:min-h-500px py-0" style="background-color:#132E3F"> <div data-Bgimage="/content/dam/store/en-us/assets/home-page/lifestyle/mh-tax-time-desktop.png" class="aem-section-bgimage section-337464035966 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative container contain mx-auto"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex items-center min-h-225px"> <div class="cols-12 md:cols-6 lg:cols-6 hidden md:block"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section text-white txt-slid-up py-6 md:py-8" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" hidden visibleAuthorMode textcolumn"> <p><span data-nosnippet="true">(3/18-4/15) | NA EMEA ECOM - WEBOPS-6649</span></p> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" textcolumn"> <h1 class="h1-hero heading-mb-2">It’s Tax Season<br> </h1> <p class="hero-subtitle heading-mb-0 text-normal">Stay ready and organized with dependable storage.<br> </p> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/products/hdd?filterByBrandName=Western+Digital,WD" target="_self" class="btn py-2 md:py-3 px-4 md:px-8 mt-4 md:mt-8 text-black bg-white border-white font-medium text-xs md:text-sm border inline-flex " data-track-type="button" data-track-heading="3b|hdd?filterByBrandName=Western+Digital,WD" aria-label="Shop Now HDD"> Shop Now </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6 lg:cols-6 md:min-h-500px lg:min-h-600 flex items-center justify-center"> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> <style> .section-337464035966 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-337464035966.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-tax-time-mobile.png.wdthumb.840.840.webp); } .no-webp .section-337464035966.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-tax-time-mobile.png.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-337464035966.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-tax-time-desktop.png.wdthumb.1280.1280.webp); } .no-webp .section-337464035966.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-tax-time-desktop.png.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-337464035966.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-tax-time-desktop.png.wdthumb.3000.3000.webp); } .no-webp .section-337464035966.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-tax-time-desktop.png.thumb.3000.3000.png); } } </style> </div> <div class="reference parbase"> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section md:hidden visibleAuthorMode py-0" style="background-color:black"> <div class="relative container contain mx-auto"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex items-center min-h-175px sm:min-h-200px py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section text-white py-6 md:py-8" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" textcolumn"> <h1 class="h1-hero heading-mb-2">It’s Tax Season<br> </h1> <p class="hero-subtitle heading-mb-0 text-normal">Stay ready and organized with dependable storage.<br> </p> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/products/hdd?filterByBrandName=Western+Digital,WD" target="_self" class="btn py-2 md:py-3 px-4 md:px-8 mt-4 md:mt-8 text-black bg-white border-white font-medium text-xs md:text-sm border inline-flex " data-track-type="button" data-track-heading="3b|hdd?filterByBrandName=Western+Digital,WD" aria-label="Shop Now HDD"> Shop Now </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </li> </ul> </div> <div class="splide__controls flex justify-center absolute pin-b-15 pin-l pin-r"> <ul class="splide__pagination pl-0"></ul> <button class="hidden splide__toggle" type="button"> <div class="splide__toggle__play"> <svg class="" xmlns="http://www.w3.org/2000/svg" width="7.557" height="9.197" viewBox="0 0 7.557 9.197"> <g id="Path_17401" data-name="Path 17401" transform="translate(8 -0.401) rotate(90)" fill="rgba(255,255,255,0.75)"> <path d="M4.576.678a.5.5,0,0,1,.848,0l4.1,6.557A.5.5,0,0,1,9.1,8H.9a.5.5,0,0,1-.424-.765Z" stroke="none"/> <path d="M 4.999999523162842 0.943392276763916 L 4.999999523162842 0.9434022903442383 L 0.9021196365356445 7.500002384185791 L 9.097879409790039 7.500002384185791 L 5.001729488372803 0.9435825347900391 C 5.001559734344482 0.9435324668884277 5.000909328460693 0.943392276763916 4.999999523162842 0.943392276763916 M 4.999999523162842 0.4433975219726562 C 5.163042068481445 0.4433975219726562 5.326084613800049 0.5217323303222656 5.423999309539795 0.6784024238586426 L 9.521879196166992 7.235002517700195 C 9.730019569396973 7.56802225112915 9.490589141845703 8.000001907348633 9.097879409790039 8.000001907348633 L 0.9021196365356445 8.000001907348633 C 0.5094099044799805 8.000001907348633 0.2699794769287109 7.56802225112915 0.4781198501586914 7.235002517700195 L 4.575999736785889 0.6784024238586426 C 4.673914432525635 0.5217323303222656 4.836956977844238 0.4433975219726562 4.999999523162842 0.4433975219726562 Z" stroke="none" fill="rgba(106,106,106,0.5)"/> </g> </svg> <span>Play Slides</span> </div> <div class="splide__toggle__pause"> <svg class="" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 7.5"> <g id="Group_25720" data-name="Group 25720" transform="translate(-3373 -18817)"> <g id="Rectangle_17718" data-name="Rectangle 17718" transform="translate(3373 18817)" fill="rgba(255,255,255,0.75)" stroke="rgba(106,106,106,0.5)" stroke-width="0.5"> <rect width="4" height="8" rx="1" stroke="none"/> <rect x="0.25" y="0.25" width="3.5" height="7.5" rx="0.75" fill="none"/> </g> <g id="Rectangle_17719" data-name="Rectangle 17719" transform="translate(3379 18817)" fill="rgba(255,255,255,0.75)" stroke="rgba(106,106,106,0.5)" stroke-width="0.5"> <rect width="4" height="8" rx="1" stroke="none"/> <rect x="0.25" y="0.25" width="3.5" height="7.5" rx="0.75" fill="none"/> </g> </g> </svg> <span>Pause Slides</span> </div> </button> </div> </div> </section> <style> .promo-carousel .splide__list { height: auto; } .promo-carousel .splide__arrow { background: none; } .promo-carousel .splide__arrow svg { height: 10px; width: 10px; } </style> <style> .promo-carousel .splide__list{ height: auto; } .promo-carousel .splide__arrow { background: none; } .promo-carousel .splide__arrow svg { height: 10px; width: 10px; } </style> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative container contain mx-auto"> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="main-par parsys"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-10 md:py-16 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" text-center max-w-700 mx-auto textcolumn"> <h2 class="heading2 heading-mb-3">A Legacy in Technology and Innovation<br> </h2> <p class="heading5 text-normal heading-mb-0">We’ve been redefining storage with game-changing technologies for 50-plus years—and we’re just getting started.<br> </p> </div> <div style="clear: both;"></div></div> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex xs:-mx-2 mt-6 md:mt-12"> <div class="cols-12 xs:cols-6 lxg:cols-4 xs:px-2 pb-4 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex text-center text-white justify-center h-full px-6 md:px-12 py-6 md:py-12 min-h-450px md:min-h-450px lg:min-h-500px bg-zoom rounded-20px overflow-hidden py-0" style="background-color:rgb(0, 0, 0)" data-track-heading="4|data-center"> <a class="block" href="/solutions/data-center" target="_self" data-track-type="sectionCTA" data-track-heading="4|data-center" aria-label="$i18n{search.learnmore}: "> <div data-Bgimage="/content/dam/store/en-us/assets/home-page/product/hp-section4-tile1.png" class="aem-section-bgimage section-1667159693494 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center"> <div class="cols-11"> <div class="text parbase"> <div class=" textcolumn"> <h3 class="heading3 heading-mb-3">Driving the Data Center</h3> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-2 textcolumn"> <p>Our industry-leading HDDs serve as the backbone and power behind today’s data centers.<br> </p> </div> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </a> </section> <!--/* Gradient Background Section */ --> <style> .section-1667159693494 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-1667159693494.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile1.png.wdthumb.840.840.webp); } .no-webp .section-1667159693494.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile1.png.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-1667159693494.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile1.png.wdthumb.1280.1280.webp); } .no-webp .section-1667159693494.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile1.png.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-1667159693494.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile1.png.wdthumb.3000.3000.webp); } .no-webp .section-1667159693494.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile1.png.thumb.3000.3000.png); } } </style> </div> </div> <div class="cols-12 xs:cols-6 lxg:cols-4 xs:px-2 pb-4 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex text-center text-white justify-center h-full px-6 md:px-12 py-6 md:py-12 min-h-450px md:min-h-450px lg:min-h-500px bg-zoom rounded-20px overflow-hidden py-0" style="background-color:rgb(0, 0, 0)" data-track-heading="4|technical-brief-continuous-innovation.pdf"> <a class="block" href="https://documents.westerndigital.com/content/dam/doc-library/en_us/assets/public/western-digital/collateral/tech-brief/technical-brief-continuous-innovation.pdf" target="_blank" data-track-type="sectionCTA" data-track-heading="4|technical-brief-continuous-innovation.pdf" aria-label="$i18n{search.learnmore}: "> <div data-Bgimage="/content/dam/store/en-us/assets/home-page/product/hp-section4-tile2.png" class="aem-section-bgimage section-14097707298 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center"> <div class="cols-10"> <div class="text parbase"> <div class=" textcolumn"> <h3 class="heading3 heading-mb-3">Unrivaled TCO</h3> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-2 textcolumn"> <p>Learn how our continuous innovations help you keep pace with the exponential growth of data creation.<br> </p> </div> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </a> </section> <!--/* Gradient Background Section */ --> <style> .section-14097707298 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-14097707298.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile2.png.wdthumb.840.840.webp); } .no-webp .section-14097707298.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile2.png.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-14097707298.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile2.png.wdthumb.1280.1280.webp); } .no-webp .section-14097707298.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile2.png.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-14097707298.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile2.png.wdthumb.3000.3000.webp); } .no-webp .section-14097707298.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile2.png.thumb.3000.3000.png); } } </style> </div> </div> <div class="cols-12 xs:cols-6 lxg:cols-4 xs:px-2 pb-4 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex text-center text-white justify-center h-full px-6 md:px-12 py-6 md:py-12 min-h-450px md:min-h-450px lg:min-h-500px bg-zoom rounded-20px overflow-hidden py-0" style="background-color:rgb(0, 0, 0)" data-track-heading="4|data-security"> <a class="block" href="/solutions/data-security" target="_self" data-track-type="sectionCTA" data-track-heading="4|data-security" aria-label="$i18n{search.learnmore}: "> <div data-Bgimage="/content/dam/store/en-us/assets/home-page/product/hp-section4-tile3.png" class="aem-section-bgimage section-159220057925 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center"> <div class="cols-10"> <div class="text parbase"> <div class=" textcolumn"> <h3 class="heading3 heading-mb-3">Protection for Your Most Valuable Data</h3> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-2 textcolumn"> <p>We build peace of mind into the core of every one of our HDDs and platforms.<br> </p> </div> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </a> </section> <!--/* Gradient Background Section */ --> <style> .section-159220057925 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-159220057925.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile3.png.wdthumb.840.840.webp); } .no-webp .section-159220057925.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile3.png.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-159220057925.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile3.png.wdthumb.1280.1280.webp); } .no-webp .section-159220057925.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile3.png.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-159220057925.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile3.png.wdthumb.3000.3000.webp); } .no-webp .section-159220057925.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile3.png.thumb.3000.3000.png); } } </style> </div> </div> <div class="cols-12 xs:cols-6 xs:px-2 pb-4 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section flex text-center text-white justify-center h-full px-6 md:px-12 py-6 md:py-12 min-h-450px md:min-h-450px lg:min-h-500px bg-zoom rounded-20px overflow-hidden py-0" style="background-color:rgb(0, 0, 0)" data-track-heading="4|hdd-innovation"> <a class="block" href="/company/innovation/hdd-innovation" target="_self" data-track-type="sectionCTA" data-track-heading="4|hdd-innovation" aria-label="$i18n{search.learnmore}: "> <div data-Bgimage="/content/dam/store/en-us/assets/home-page/product/hp-section4-tile4.png" class="aem-section-bgimage section-1546958057432 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex justify-center"> <div class="cols-10"> <div class="text parbase"> <div class=" textcolumn"> <h3 class="heading3 heading-mb-3">32TB and Beyond</h3> </div> <div style="clear: both;"></div></div> <div class="text parbase"> <div class=" mt-2 textcolumn"> <p>Count on us to keep delivering solutions that unlock your data's full potential.<br> </p> </div> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </a> </section> <!--/* Gradient Background Section */ --> <style> .section-1546958057432 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-1546958057432.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile4.png.wdthumb.840.840.webp); } .no-webp .section-1546958057432.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile4.png.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-1546958057432.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile4.png.wdthumb.1280.1280.webp); } .no-webp .section-1546958057432.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile4.png.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-1546958057432.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile4.png.wdthumb.3000.3000.webp); } .no-webp .section-1546958057432.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/product/hp-section4-tile4.png.thumb.3000.3000.png); } } </style> </div> </div> </div> <div style="clear: both;"></div></div> <div class="css-container parbase"> <div> <style>.bg-zoom > a > div:first-child { transform: scale(1); transition: transform 0.3s ease-in-out; } .bg-zoom > a:hover > div:first-child { transform: scale(1.1); } .bg-zoom:not(:hover) > a > div:first-child { transform: scale(1); } .text-grey-zoom{ color:#C9C9C9; }</style> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-5 md:py-16 py-0" style="background-color:#f2f3f3"> <div class="relative container contain mx-auto"> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="main-par parsys"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section text-center py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" pb-8 md:pb-10 textcolumn"> <h2 class="heading2 heading-mb-0">Industry News</h2> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section pt-4 md:pt-4 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="main-par parsys"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section pt-4 md:pt-4 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex md:-mx-2"> <div class="cols-12 md:cols-6 md:px-2 pb-4 md:pb-0 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full shadow-lg rounded-20px overflow-hidden py-0" style="background-color:rgb(255, 255, 255)" data-track-heading="5a|whats-new"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section min-h-225px py-0" style="background-color:rgba(255, 255, 255, 0)"> <div data-Bgimage="/content/dam/store/en-us/assets/home-page/lifestyle/mh-5a-nab-event-desktop.png" class="aem-section-bgimage section-705442821973 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative "> </div> </section> <!--/* Gradient Background Section */ --> <style> .section-705442821973 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-705442821973.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5a-nab-event-mobile.png.wdthumb.840.840.webp); } .no-webp .section-705442821973.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5a-nab-event-mobile.png.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-705442821973.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5a-nab-event-desktop.png.wdthumb.1280.1280.webp); } .no-webp .section-705442821973.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5a-nab-event-desktop.png.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-705442821973.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5a-nab-event-desktop.png.wdthumb.3000.3000.webp); } .no-webp .section-705442821973.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5a-nab-event-desktop.png.thumb.3000.3000.png); } } </style> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-6 px-4 py-0 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" textcolumn"> <p class="font-light heading-mb-2 uppercase">Event<br> </p> <p class="heading5 heading-mb-8 text-bold">NAB Show 2025<br> </p> <p>Join us at the premier event for the broadcast, media, and entertainment industries. New products will debut in South Hall Lower, Room SL2129. <br> </p> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/company/newsroom/events/nab-2025" target="_self" class="btn mt-6 text-black bg-none border-none font-normal text-xs md:text-sm border inline-flex underline " data-track-type="button" data-track-heading="5a|nab-2025" aria-label="Read More"> Read More </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-6 md:px-2 expand-h-full"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section h-full rounded-20px shadow-lg overflow-hidden py-0" style="background-color:rgb(255, 255, 255)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section min-h-225px inherit-bg-position-y bg-top py-0" style="background-color:rgba(255, 255, 255, 0)"> <div data-Bgimage="/content/dam/store/en-us/assets/home-page/lifestyle/mh-5b-irving-blog.png" class="aem-section-bgimage section-518144994120 section-bg absolute pin-t pin-b pin-l pin-r lazyload "> </div> <div class="relative "> </div> </section> <!--/* Gradient Background Section */ --> <style> .section-518144994120 { background-size: cover; background-position: center; background-repeat: no-repeat; } </style> <style> .webp .section-518144994120.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5b-irving-blog.png.wdthumb.840.840.webp); } .no-webp .section-518144994120.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5b-irving-blog.png.thumb.840.840.png); } @media (min-width: 768px) { .webp .section-518144994120.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5b-irving-blog.png.wdthumb.1280.1280.webp); } .no-webp .section-518144994120.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5b-irving-blog.png.thumb.1280.1280.png); } } @media (min-width: 992px) { .webp .section-518144994120.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5b-irving-blog.png.wdthumb.3000.3000.webp); } .no-webp .section-518144994120.lazyloaded { background-image: url(/content/dam/store/en-us/assets/home-page/lifestyle/mh-5b-irving-blog.png.thumb.3000.3000.png); } } </style> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-6 px-4 py-0 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" textcolumn"> <p class="font-light heading-mb-2 uppercase">BLOG<br> </p> <p class="heading4 heading-mb-8 text-bold">The Future of HDDs Begins Now<br> </p> <p class="mb-8">As we become a standalone HDD company, CEO Irving Tan shares his thoughts.<br> </p> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="https://blog.westerndigital.com/the-future-of-hdds-begins-now/" target="_blank" class="btn mt-6 text-black bg-none border-none font-normal text-xs md:text-sm border inline-flex underline " data-track-type="button" data-track-heading="5b|the-future-of-hdds-begins-now" aria-label="Read More"> Read More </a> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative container contain mx-auto"> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-10 md:py-16 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" text-center textcolumn"> <h2 class="heading2 heading-mb-0">Popular Products</h2> </div> <div style="clear: both;"></div></div> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section text-center py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="product-listing parbase"> <div> <div aem-comp="StoreProductCardListingApp"> <div class="hidden"> <div> <div ref="productcardfiltersjsonstring" data-productcardfiltersjsonstring="[{"productID":"wd-red-pro-sata-hdd","skuID":null},{"productID":"wd-black-desktop-sata-hdd","skuID":null},{"productID":"sandisk-pro-g-drive-armoratd-usb-3-1-hdd","skuID":null},{"productID":"wd-elements-desktop-usb-3-0-hdd","skuID":null}]"></div> </div> <div ref="hideBadge"></div> <div ref="productDescription"></div> </div> <!-- Skeleton loading --> <div v-if="loading" class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex pt-2 -mx-2"> <div class="cols-12 sm:cols-6 md:cols-3 px-2 py-4 expand-h-full"> <div class="loadingSkeleton bg-grey-2 h-400px"></div> </div> <div class="cols-12 sm:cols-6 md:cols-3 px-2 py-4 expand-h-full"> <div class="loadingSkeleton bg-grey-2 h-400px"></div> </div> <div class="cols-12 sm:cols-6 md:cols-3 px-2 py-4 expand-h-full"> <div class="loadingSkeleton bg-grey-2 h-400px"></div> </div> <div class="cols-12 sm:cols-6 md:cols-3 px-2 py-4 expand-h-full"> <div class="loadingSkeleton bg-grey-2 h-400px"></div> </div> </div> <!-- End Skeleton loading --> <div v-cloak v-if="!loading" class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex pt-2 -mx-2"> <div class="cols-12 sm:cols-6 md:cols-3 px-2 py-4 expand-h-full" v-for="(productReferenceObj,index) in productReferenceObject"> <div class="h-full relative flex flex-col bg-white"> <a class="block" :href="rewritePageUrl(productReferenceObj.pagePath, productReferenceObj.skuid)"> <div class="py-12 px-8"> <div class="row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex"> <!-- Image --> <div class="cols-12 text-left"> <div class="flex justify-between items-center absolute pin-t-15 pin-l w-full"> <div class="" v-if="!hideBadge && productReferenceObj.badgesInfo && productReferenceObj.badgesInfo.tagTitle && isBadgeStatusActive(productReferenceObj.badgesInfo.startDate, productReferenceObj.badgesInfo.endDate)"> <div class="text-xs font-medium py-1 px-4 leading-heading" :class="productReferenceObj.badgesInfo.styleClass"> {{productReferenceObj.badgesInfo.tagTitle}}</div> </div> </div> <div class="flex flex-col items-center mb-4"> <picture class="flex-1"> <source :srcset="productReferenceObj.urlFileReference+'.wdthumb.319.319.webp'" media="(min-width: 992px)" type="image/webp"/> <source :srcset="productReferenceObj.urlFileReference+'.wdthumb.319.319.jpg'" media="(min-width: 992px)" type="image/jpeg"/> <source :srcset="productReferenceObj.urlFileReference+'.wdthumb.319.319.png'" media="(min-width: 992px)" type="image/png"/> <source :srcset="productReferenceObj.urlFileReference+'.wdthumb.319.319.webp'" media="(min-width: 500px)" type="image/webp"/> <source :srcset="productReferenceObj.urlFileReference+'.wdthumb.319.319.jpg'" media="(min-width: 500px)" type="image/jpeg"/> <source :srcset="productReferenceObj.urlFileReference+'.wdthumb.319.319.png'" media="(min-width: 500px)" type="image/png"/> <source :srcset="productReferenceObj.urlFileReference+'.wdthumb.319.319.webp'" media="(min-width: 300px)" type="image/webp"/> <source :srcset="productReferenceObj.urlFileReference+'.wdthumb.319.319.jpg'" media="(min-width: 300px)" type="image/jpeg"/> <source :srcset="productReferenceObj.urlFileReference+'.wdthumb.319.319.png'" media="(min-width: 300px)" type="image/png"/> <img role="presentation" class="img-fluid" :src="productReferenceObj.urlFileReference+'.thumb.319.319.png'" :alt="productReferenceObj.pageTitle"/> </picture> </div> <!-- Start of Product BV--> <div v-if="!isB2BUser() && productReferenceObj.hideProductReviews != 'true'" class="mb-3"> <div data-bv-show="inline_rating" :data-bv-product-id="productReferenceObj.minPricedSku" :data-bv-redirect-url="rewritePageURL(productReferenceObj.pagePath)"> </div> </div> <!-- End of Product BV--> </div> <div class="cols-12"> <div class="leading-default font-bold heading6 heading-mb-1"> {{productReferenceObj.pageTitle}}</div> <!-- Show Product Capacity --> <div class="capacity-col mt-3 text-xs leading-tight" v-if="productReferenceObj.capacity"><span class="text-gray-4">Capacity: </span> <span class="font-bold">{{productReferenceObj.capacity}}</span> </div> <p v-if="productReferenceObj.minPricedSkuObj && productReferenceObj.minPricedSkuObj.prices.list.amountFormatted" class="text-sm mb-4 "> <span class="text-gray-4">Starting at</span> <span class="font-bold"> {{productReferenceObj.minPricedSkuObj.prices.sale.amountFormatted}} <span class="" v-show="(productReferenceObj.minPricedSkuObj.prices.list.amount != productReferenceObj.minPricedSkuObj.prices.sale.amount) && productReferenceObj.minPricedSkuObj.isSubscriptionProduct"> / {{productReferenceObj.minPricedSkuObj.prices.sale.billingPlanName}}</span> </span> <span aria-hidden="true" class="line-through text-gray-4" v-if="(productReferenceObj.minPricedSkuObj.prices.list.amount != productReferenceObj.minPricedSkuObj.prices.sale.amount) && !productReferenceObj.minPricedSkuObj.isSubscriptionProduct"> {{productReferenceObj.minPricedSkuObj.prices.list.amountFormatted}} </span> </p> </div> </div> </div> </a> <!-- /* Promotion Message and Link:Below Price STARTS */--> <div class="h-full flex items-end"> </div> <!-- /*Promotion Message and Link:Below Price ENDS */--> </div> </div> </div> <div v-for="productReferenceObj in productReferenceObject"> <div v-if="productReferenceObj && productReferenceObj.cpJson && isOfferActive(productReferenceObj.cpJson.promoStartDate, productReferenceObj.cpJson.promoEndDate) && ((!isB2BUser() && productReferenceObj.cpJson.attCustomerChannel == 'B2C') || (isB2BUser() && productReferenceObj.cpJson.attCustomerChannel == 'B2B') || productReferenceObj.cpJson.attCustomerChannel == 'All') && productReferenceObj.cpJson.targetModal" v-html="productReferenceObj.cpJson.targetModal" class="py-6 wd-modal hidden" :id="productReferenceObj.cpJson.cta.replace('#','')"> </div> </div> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section move-up-section py-0" style="background-color:#f2f3f3"> <div class="relative container contain mx-auto"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section md:py-16 py-6 py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="text parbase"> <div class=" text-center textcolumn"> <h2 class="heading4 md:mb-12 mb-8 font-medium">Shop our Personal & Professional Storage Brands</h2> </div> <div style="clear: both;"></div></div> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex text-center"> <div class="cols-12 md:cols-3 md:px-8 px-0 md:py-0 py-6"> <div class="image"> <a href="/products/hdd?filterByBrandName=Western+Digital" target="_self" data-track-type="imageCta" data-track-heading="hdd?filterByBrandName=Western+Digital"> <picture> <source data-srcset="/content/dam/store/en-us/assets/company/logo_western-digital.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/company/logo_western-digital.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/company/logo_western-digital.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/company/logo_western-digital.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/company/logo_western-digital.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/company/logo_western-digital.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/company/logo_western-digital.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/company/logo_western-digital.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/company/logo_western-digital.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/company/logo_western-digital.png.thumb.1280.1280.png" alt="Western Digital" title="Western Digital" height="60" class="cq-dd-image img-fluid lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/company/logo_western-digital.png.thumb.1280.1280.png"/> </picture> </a> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-3 md:px-8 px-0 md:py-0 py-6"> <div class="image"> <a href="/brand/wd" target="_self" data-track-type="imageCta"> <picture> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.thumb.1280.1280.png" alt="WD" title="WD" height="60" class="cq-dd-image img-fluid lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/home-page/brand-logos/wd-logo.png.thumb.1280.1280.png"/> </picture> </a> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-3 md:px-8 px-0 md:py-0 py-6"> <div class="image"> <a href="/brand/sandisk-professional" target="_self" data-track-type="imageCta"> <picture> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.thumb.1280.1280.png" alt="SanDisk Professional " title="SanDisk Professional " height="60" class="cq-dd-image img-fluid lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/home-page/brand-logos/sandisk-professional-logo.png.thumb.1280.1280.png"/> </picture> </a> <div style="clear: both;"></div></div> </div> <div class="cols-12 md:cols-3 md:px-8 px-0 md:py-0 py-6"> <div class="image"> <a href="/brand/wd-black" target="_self" data-track-type="imageCta"> <picture> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.thumb.1280.1280.png" alt="WD_BLACK" title="WD_BLACK" height="60" class="cq-dd-image img-fluid lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/home-page/brand-logos/wd_black-logo.png.thumb.1280.1280.png"/> </picture> </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="reference parbase"> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div> <div aem-comp="ProductCompareTray" id="ProductCompareTray" data-canCompare="You can compare 4 items at a time." data-itemExists="Item already exists in the compare tray." data-tryPctAgain="We are not able to process your request at this time. Please try our Product Compare tool again later." data-notAvailable="One or more products are not currently available." data-emailTo="DL-IT-AEM-Support@wdc.com" data-emailTemplatePath="/content/dam/store/en-us/portal-assets/email-template/pct-error-info.html" data-emailSubject="Western Digital - PCT Issue" data-errorcodes="404,503" data-enableStage="false" data-enableProd="false" v-cloak> <!-- Compare Tray --> <section class="wd-compare-tray-wrap" v-if="compareCount"> <!-- Compare Tray Button --> <div class="relative container contain mx-auto wd-compare-tray-btn mb-6"> <button class="compare-tray-btn flex items-center justify-center font-sm font-medium hover:underline focusOutline text-center mx-auto" @click="addToggleClass()"> Compare ({{compareCount}}) <svg class="ml-1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="tray-collapse-icon" transform="translate(-783 -857.432)"> <rect id="Rectang le_24551" data-name="Rectangle 24551" width="16" height="16" transform="translate(783 857.432)" fill="none"/> <path id="caret" d="M-5110.489-13983.5l-5.645-5.485a1.156,1.156,0,0,1,0-1.668,1.237,1.237,0,0,1,1.719,0l3.926,3.812,3.925-3.812a1.236,1.236,0,0,1,1.718,0,1.153,1.153,0,0,1,0,1.668Z" transform="translate(5901.489 14853.334)"/> </g> </svg> </button> </div> <!-- Compare Tray Button --> <!-- Compare Tray Body --> <div class="compare-tray-body px-2 row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap flex justify-center mb-4"> <div class="cols-12 sm:cols-3 hidden sm:flex justify-end pr-12 items-cetner"> <div class=" text-bold w-200px leading-tight text-2xl mt-4">Add up to 4 products</div> </div> <div class=" cols-12 sm:cols-6"> <ul class="list-reset tray-list flex items-start justify-center"> <li class="tray-list-item px-3 lg:px-6" v-for="(skuObj,index) in compareTrayArray" :key="index"> <div v-if="skuObj.title" class="tray-has-item"> <button class="tray-remove-item-btn" @click="removeSkuFromCookie(skuObj.skuID)"> <svg xmlns="http://www.w3.org/2000/svg" id="tray-remove-icon" width="32" height="32" viewBox="0 0 32 32"> <circle id="Ellipse_1" data-name="Ellipse 1" cx="16" cy="16" r="16"/> <g id="Group_26705" data-name="Group 26705" transform="translate(1 1)"> <line id="Line_1297" data-name="Line 1297" x2="10" y2="10" transform="translate(10 10)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"/> <line id="Line_1298" data-name="Line 1298" x1="10" y2="10" transform="translate(10 10)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"/> </g> </svg> </button> <a :href="skuObj.pagePath+'?sku='+skuObj.skuID"> <picture> <source :srcset="skuObj.primaryImage+'.wdthumb.319.319.webp'" type="image/webp"/> <source :srcset="skuObj.primaryImage+'.wdthumb.319.319.jpg'" type="image/jpeg"/> <source :srcset="skuObj.primaryImage+'.wdthumb.319.319.png'" type="image/png"/> <img :alt="skuObj.title" :src="skuObj.primaryImage+'.thumb.319.319.png'" class="flex-no-shrink"/> </picture> </a> </div> <div v-if="skuObj.title" class="text-xs font-bold mt-2 hidden md:block text-center" :title="skuObj.title">{{ skuObj.title.length < 15 ? skuObj.title : skuObj.title.substring(0,14) + "..." }}</div> <div v-if="!skuObj.title" class="tray-item-empty"></div> </li> </ul> </div> <div class="cols-12 sm:cols-3 xl:cols-2 md:pl-12"> <div class="px-6 flex sm:flex-col -mx-2 sm:mx-0 mt-6 sm:mt-0 justify-center"> <a :href="compareCount < 2 ? 'javascript:void(0)' : comparePageLink" class="inline-block sm:mb-4 text-white items-center text-center" @click.prevent="handleCompareButtonClick" :class="compareCount < 2 ? 'opacity-50 pointer-events-none btn text-white flex border border-blue py-3 px-4 font-medium text-sm bg-blue justify-center sm:flex-1 mx-2 sm:mx-0' : 'btn text-white flex border border-blue py-3 px-4 font-medium text-sm bg-blue justify-center sm:flex-1 mx-2 sm:mx-0'" :disabled="compareCount < 2 ? 'disabled' : null" aria-label="Compare"> Compare </a> <button class="btn text-black flex border border-black py-3 px-4 items-center text-center font-medium text-sm bg-white justify-center mx-2 sm:mx-0 pct-clearAll sm:flex-1 compare-tray-clearAll" @click="clearAllSkus()" aria-label="Clear All">Clear All</button> </div> </div> </div> <!-- End Compare Tray Body --> <!-- End Compare Tray --> </section> <!-- Select Options Modal --> <div class="modal"> <div class="py-6 wd-modal hidden" id="compare-tray-modal"> <div class="wd-modal-dialog m-auto px-6 w-full xs:w-500px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="18" height="18" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white p-8"> <p class="text-base font-bold leading-heading mb-6">Select options</p> <div class="flex items-start -mx-5"> <div class="w-100px sm:w-200px px-1 sm:px-5"> <picture v-if="primaryImage"> <source :srcset="primaryImage+'.wdthumb.319.319.webp'" type="image/webp"/> <source :srcset="primaryImage+'.wdthumb.319.319.jpg'" type="image/jpeg"/> <source :srcset="primaryImage+'.wdthumb.319.319.png'" type="image/png"/> <img :alt="modalTitle" :src="primaryImage+'.thumb.319.319.png'" class="flex-no-shrink"/> </picture> </div> <div class="px-1 sm:px-5"> <div class="text-base font-bold mb-4">{{modalTitle}}</div> <div class="mb-4" v-for="(variantObj, index) in variantCategoryOptions" :key="index"> <label class="text-xs">{{variantObj.optionName}}</label> <div class="relative mt-2" v-if="!variantObj.selectedVarinat.includes('vc-color/') &&variantObj.optionValues.length > 6"> <select class="variant-category-select block appearance-none w-full border border-black py-2 px-4 pr-8 leading-tight bg-white" @change="getSelectedCatValue($event,variantObj.optionName,index)"> <option v-for="(item, index1) in variantObj.optionValues" :class="item.viewType ? 'active-variant-axis active' : ''" :key="index1" :value="item.val" :data-variant-category="variantObj.optionName" v-if="item.showFlag"> {{item.text}}</option> </select> <div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="fill-current h-4 w-4"> <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"> </path> </svg> </div> </div> <div class="mb-8" v-if="!variantObj.selectedVarinat.includes('vc-color/') && variantObj.optionValues.length <= 6"> <ul :aria-label="variantObj.optionName" role="list" class="flex list-reset variant-axis-default flex-wrap variant-category-container mb-4"> <li role="listitem" :data-variant-category="variantObj.optionName" v-for="(item, index1) in variantObj.optionValues" :key="index1" :class="item.viewType ? 'active-variant-axis active mr-4 mb-4' : 'mr-4 mb-4'" v-if="item.showFlag"> <button :aria-label="item.text" :class="item.viewType ? 'py-2 px-4 block border border-black active:bg-grey-light text-xs text-center leading-tight border-black border-black bg-black text-white active' : 'py-2 px-4 block border border-black active:bg-grey-light text-xs text-center leading-tight border-black'" :value="item.val" @click="getSelectedCatValue($event,variantObj.optionName,index)">{{item.text}}</button> </li> </ul> </div> <div class="mb-8" v-if="variantObj.selectedVarinat.includes('vc-color/')"> <ul :aria-label="variantObj.optionName" role="list" class="flex flex-wrap list-reset variant-category-container pb-3"> <li role="listitem" :data-variant-category="variantObj.optionName" v-for="(item, index1) in variantObj.optionValues" :key="index1" :class="item.viewType ? 'active-variant-axis active mb-6' : 'mb-6'" v-if="item.showFlag"> <button :aria-label="item.text" :data-color="item.colorCode" class="block cursor-pointer w-10 h-10 mr-4 relative border border-black active" :style="'background-color:'+item.colorCode" :value="item.val" @click="getSelectedCatValue($event,variantObj.optionName,index)"> <span :class="item.viewType ? 'color-span border-b-3 border-solid border-black block absolute w-full -pin-b-10' : 'color-span border-b-3 border-solid border-black block absolute w-full -pin-b-10 hidden'"> </span></button> </li> </ul> </div> </div> </div> </div> <button type="button" aria-label="Add to Compare" class="wd-modal-close bg-black text-white w-full py-3 font-medium" @click="findSelectedSku()"> Add to Compare </button> </div> </div> </div> </div> </div> <!-- End Select Options Modal --> <!-- Alert Modal --> <div class="modal"> <div class="py-6 wd-modal hidden" id="compare-tray-alert"> <div class="wd-modal-dialog m-auto px-6 w-full xs:w-500px" role="modal" aria-label="Modal"> <!-- Modal content--> <div class="wd-modal-content"> <!-- Modal close--> <button aria-label="close" class="wd-modal-close alert-close-btn p-4 cursor-pointer absolute pin-r-0 sc-track" data-track-type="close modal" data-track-heading="close modal" tabindex="0"> <svg width="18" height="18" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 1L1 20M1 1L20 20L1 1Z" stroke="black"></path> </svg> </button> <!-- Modal body--> <div class="modal-body w-full bg-white px-8 py-12"> <p class="mb-8" :aria-label="alertMessage">{{alertMessage}} </p> <button type="button" aria-label="Add to Compare" class="wd-modal-close alert-close-btn bg-black text-white w-full py-3 font-medium"> OK </button> </div> </div> </div> </div> </div> <!-- End Alert Modal --> </div> </div> </section> <footer> <div class="experiencefragment-localized experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="section parbase aem-GridColumn aem-GridColumn--default--12"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section wd-footer footer text-white py-8 sm:pb-0 cq-edit-bg-dark printHidden py-0" style="background-color:#111111"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex contain "> <div class="cols-12"> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex sm:flex items-center border-b border-grey-3"> <div class="cols-12 md:cols-8 pb-4 border-b border-grey-3 mb-7 md:mb-0 md:border-0"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsive-columns-flexbox parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex "> <div class="cols-12 md:flex items-end"> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section py-0" style="background-color:rgba(255, 255, 255, 0)"> <div class="relative "> <div class="svg parbase"> <div class="md:pr-8 flex items-center pb-3 md:pb-0"> <svg xmlns="http://www.w3.org/2000/svg" width="152" viewBox="0 13 174 20" fill="none"> <path d="M72.2861 16.1975H75.2666V18.8083H77.6162V20.8823H75.2666V25.9733C75.2666 26.8725 75.8105 27.4962 76.7097 27.4962C77.1956 27.4962 77.4639 27.4455 77.5509 27.431V29.2295C77.3986 29.2802 76.5864 29.5413 75.4842 29.5413C73.0548 29.5413 72.2861 27.9894 72.2861 26.0168V16.1975Z" fill="white"/> <path d="M99.8574 18.8084H96.877V29.2296H99.8792V22.9639C99.8792 21.7165 100.546 20.8825 101.736 20.8825C103.077 20.8825 103.621 21.8688 103.621 22.9639V29.2296H106.623V22.2604C106.623 20.1065 105.427 18.4966 102.889 18.4966C100.822 18.4966 100.104 19.7294 99.9009 20.0703H99.8574V18.8084Z" fill="white"/> <path d="M95.8547 18.4966C93.1425 18.4966 92.5116 20.0195 92.3013 20.4982H92.2578V18.8084H89.5674V29.2296H92.5696V24.0589C92.5696 21.818 94.0635 20.897 95.8547 20.897V18.4966Z" fill="white"/> <path d="M68.8612 21.7383L70.7829 20.4401C70.5363 20.0195 69.5138 18.4966 66.5188 18.4966C64.2853 18.4966 62.4288 19.6497 62.4288 21.673C62.4288 23.5658 63.7994 24.465 65.3151 24.9292C65.7647 25.067 66.2143 25.1975 66.6131 25.328C67.4253 25.5891 68.049 25.8139 68.049 26.4376C68.049 26.996 67.4326 27.3876 66.3448 27.3876C64.9452 27.3876 64.2998 26.5391 64.0677 26.1838L62.0518 27.3151C62.2476 27.801 63.3353 29.5415 66.5261 29.5415C68.9627 29.5415 71.0367 28.5117 71.0367 26.2345C71.0367 24.3345 69.6806 23.4425 68.078 22.9493C67.6719 22.8261 67.273 22.7028 66.9104 22.594C66.1853 22.3764 65.4166 22.1734 65.4166 21.4844C65.4166 20.9768 65.8952 20.6577 66.7872 20.6577C68.1795 20.6504 68.6581 21.4482 68.8612 21.7383Z" fill="white"/> <path d="M49.056 14.2466L46.3292 24.9223L43.6096 14.2466H39.8602L37.0608 25.2269L34.2542 14.2466H31.085L34.9504 29.2303H38.9319L41.637 18.6126L44.3493 29.2303H48.0987L51.9714 14.2466H49.056Z" fill="white"/> <path d="M61.4346 24.0154C61.4346 21.2814 59.7957 18.4966 56.2641 18.4966C53.0878 18.4966 51.0791 20.8825 51.0791 24.0154C51.0791 27.0975 53.0516 29.5342 56.3874 29.5342C59.3171 29.5342 60.4339 27.7937 60.7022 27.2208L58.679 26.0532C58.5412 26.3143 58.0336 27.3804 56.4019 27.3804C55.0893 27.3804 54.1611 26.3578 54.0668 24.9219H61.4346C61.4346 24.9292 61.4346 24.0372 61.4346 24.0154ZM54.0668 22.8551C54.1829 21.6875 54.8283 20.6359 56.2641 20.6359C57.6129 20.6359 58.3236 21.6005 58.4397 22.8551H54.0668Z" fill="white"/> <path d="M88.1954 24.0154C88.1954 21.2814 86.5565 18.4966 83.0249 18.4966C79.8486 18.4966 77.8398 20.8825 77.8398 24.0154C77.8398 27.0975 79.8123 29.5342 83.1481 29.5342C86.0779 29.5342 87.1946 27.7937 87.463 27.2208L85.4397 26.0532C85.3019 26.3143 84.7943 27.3804 83.1626 27.3804C81.8501 27.3804 80.9219 26.3578 80.8276 24.9219H88.1954C88.1954 24.9292 88.1954 24.0372 88.1954 24.0154ZM80.8276 22.8551C80.9436 21.6875 81.589 20.6359 83.0249 20.6359C84.3737 20.6359 85.0844 21.6005 85.2004 22.8551H80.8276Z" fill="white"/> <path d="M148.368 16.1975H151.349V18.8083H153.698V20.8823H151.349V25.9733C151.349 26.8725 151.893 27.4962 152.792 27.4962C153.278 27.4962 153.546 27.4455 153.633 27.431V29.2295C153.481 29.2802 152.668 29.5413 151.566 29.5413C149.137 29.5413 148.368 27.9894 148.368 26.0168V16.1975Z" fill="white"/> <path d="M117.466 14.2466H112.36V29.2293H117.466C122.23 29.2293 125.044 26.9449 125.044 21.738C125.044 16.5237 122.121 14.2466 117.466 14.2466ZM117.277 26.7346H115.573V16.734H117.277C121.142 16.734 121.744 19.352 121.744 21.738C121.744 24.1239 121.179 26.7346 117.277 26.7346Z" fill="white"/> <path d="M168.797 14.2466H165.715V29.2293H168.797V14.2466Z" fill="white"/> <path d="M171.742 26.9821C171.031 26.9821 170.466 27.5477 170.466 28.2512C170.466 28.9619 171.039 29.5275 171.742 29.5275C172.446 29.5275 173.011 28.9619 173.011 28.2512C173.011 27.555 172.446 26.9821 171.742 26.9821ZM171.742 29.31C171.162 29.31 170.691 28.8386 170.691 28.2584C170.691 27.6855 171.162 27.2141 171.742 27.2141C172.322 27.2141 172.786 27.6855 172.786 28.2584C172.786 28.8386 172.322 29.31 171.742 29.31Z" fill="white"/> <path d="M172.213 28.5485C172.192 28.389 172.126 28.2874 171.974 28.2512V28.2439C172.119 28.2149 172.257 28.1206 172.257 27.8958C172.257 27.5985 172.018 27.4825 171.72 27.4825H171.249V28.9836H171.503V28.3527H171.662C171.858 28.3527 171.945 28.447 171.974 28.7153C171.989 28.8096 172.003 28.9836 172.003 28.9836H172.257C172.264 28.9836 172.228 28.7081 172.213 28.5485ZM171.735 28.1496H171.51V27.7H171.735C171.923 27.7 172.003 27.816 172.003 27.9248C172.003 28.0409 171.916 28.1496 171.735 28.1496Z" fill="white"/> <path d="M138.346 18.8084V19.9252H138.302C138.121 19.6061 137.381 18.4966 135.445 18.4966C132.254 18.4966 131.094 21.1001 131.094 23.7543C131.094 26.4158 132.254 29.0121 135.445 29.0121C137.417 29.0121 138.15 27.859 138.302 27.5834H138.346V28.7728C138.346 30.2087 137.323 31.1007 136.134 31.1007C134.77 31.1007 134.052 30.1869 133.857 29.8388C133.588 29.9766 131.841 31.0209 131.841 31.0209C132.051 31.4633 132.95 33.3343 136.228 33.3343C139.673 33.3343 141.326 31.1297 141.326 28.0475V18.8084H138.346ZM136.33 26.7784C134.625 26.7784 134.314 25.1105 134.314 23.7616C134.314 22.2241 134.741 20.7447 136.33 20.7447C137.91 20.7447 138.346 22.2241 138.346 23.7616C138.346 25.1105 137.997 26.7784 136.33 26.7784Z" fill="white"/> <path d="M158.695 18.4966C155.932 18.4966 154.888 19.9833 154.605 20.3459L156.338 21.673C156.614 21.2959 157.288 20.6359 158.478 20.6359C159.819 20.6359 160.66 21.2814 160.66 22.4127V22.6448C160.66 22.6448 159.478 22.6448 159.34 22.6448C156.302 22.6448 154.322 23.7688 154.322 26.162C154.322 28.1926 155.773 29.5415 157.731 29.5415C159.834 29.5415 160.559 28.3956 160.711 28.1926H160.747C160.747 28.6277 160.747 29.2369 160.747 29.2369H163.663V22.6375C163.663 19.6497 161.277 18.4966 158.695 18.4966ZM160.668 25.0815C160.668 26.3071 160.131 27.3876 158.833 27.3876C157.963 27.3876 157.317 26.851 157.317 25.9807C157.317 25.1105 157.919 24.4505 159.486 24.4505C159.565 24.4505 160.668 24.4505 160.668 24.4505C160.668 24.4505 160.668 25.067 160.668 25.0815Z" fill="white"/> <path d="M129.7 18.8084H126.618V29.2224H129.7V18.8084Z" fill="white"/> <path d="M128.163 17.3505C129.089 17.3505 129.839 16.6004 129.839 15.6752C129.839 14.75 129.089 14 128.163 14C127.238 14 126.488 14.75 126.488 15.6752C126.488 16.6004 127.238 17.3505 128.163 17.3505Z" fill="white"/> <path d="M146.424 18.8084H143.342V29.2224H146.424V18.8084Z" fill="white"/> <path d="M144.887 17.3505C145.812 17.3505 146.562 16.6004 146.562 15.6752C146.562 14.75 145.812 14 144.887 14C143.962 14 143.212 14.75 143.212 15.6752C143.212 16.6004 143.962 17.3505 144.887 17.3505Z" fill="white"/> <path d="M27.0377 27.8958H26.5445V29.2302H26.3632V27.8958H25.8701V27.729H27.0377V27.8958Z" fill="#003399"/> <path d="M27.2699 27.729H27.531L28.0386 28.9039H28.0459L28.5608 27.729H28.8218V29.2302H28.6405V27.9756H28.6333L28.0966 29.2302H27.9879L27.4512 27.9756H27.444V29.2302H27.2627V27.729H27.2699Z" fill="#003399"/> <path d="M19.3725 14.2466H22.8754C23.7094 14.2466 24.3911 14.9211 24.3911 15.7624V19.2653C24.3911 20.6143 22.7593 21.2888 21.8093 20.3387L18.3064 16.8357C17.3419 15.8784 18.0236 14.2466 19.3725 14.2466ZM9.21212 22.6885C7.73992 22.6813 6.55055 21.4919 6.53605 20.0123V15.7551C6.53605 14.9211 5.86159 14.2393 5.02033 14.2393H1.51749C0.168575 14.2393 -0.505885 15.8711 0.444159 16.8212L12.3959 28.7734C13.3532 29.7307 14.9777 29.049 14.9777 27.7V24.197C14.9777 23.363 14.3032 22.6813 13.4619 22.6813L9.21212 22.6885ZM18.6183 22.6885C17.1461 22.6813 15.9567 21.4919 15.9422 20.0123V15.7551C15.9422 14.9211 15.2678 14.2393 14.4265 14.2393H10.9237C9.57474 14.2393 8.90028 15.8711 9.85032 16.8212L21.802 28.7734C22.7593 29.7307 24.3838 29.049 24.3838 27.7V24.197C24.3838 23.363 23.7094 22.6813 22.8681 22.6813L18.6183 22.6885Z" fill="url(#paint0_linear_63_572)"/> <defs> <linearGradient id="paint0_linear_63_572" x1="12.2119" y1="15.7886" x2="20.4654" y2="29.8117" gradientUnits="userSpaceOnUse"> <stop stop-color="#00E5D1"/> <stop offset="0.0802084" stop-color="#01E2D2"/> <stop offset="0.1446" stop-color="#04D8D6"/> <stop offset="0.2036" stop-color="#08C7DC"/> <stop offset="0.2593" stop-color="#0EAFE5"/> <stop offset="0.3127" stop-color="#1790F0"/> <stop offset="0.3637" stop-color="#216BFD"/> <stop offset="0.37" stop-color="#2266FF"/> <stop offset="0.5196" stop-color="#2164FC"/> <stop offset="0.6397" stop-color="#1E5FF2"/> <stop offset="0.7497" stop-color="#1857E1"/> <stop offset="0.8535" stop-color="#104BC9"/> <stop offset="0.9521" stop-color="#063CAB"/> <stop offset="1" stop-color="#003399"/> </linearGradient> </defs> </svg> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex "> <div class="cols-12 flex items-center pb-1 -mb-px"> <div class="svg parbase"> <div class="pr-6 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="29" height="17" viewBox="0 0 29 17"> <g id="WD_Footer_Logo" data-name="WD Footer Logo" transform="translate(-0.001 0.235)"> <path id="Exclusion_1" data-name="Exclusion 1" d="M27.195,17H1.8A1.81,1.81,0,0,1,0,15.188V1.811A1.81,1.81,0,0,1,1.8,0h25.39A1.81,1.81,0,0,1,29,1.811V15.188A1.811,1.811,0,0,1,27.195,17ZM4.363,6.27l-.737,6.66H7.107l2.657-5.4,0,0v0l.541,5.4h3.129l2.147-6.265-2.537-.092-.994,3.137-.334-3.179L8.069,6.4,6.432,9.512,6.9,6.355Zm11.925.5h0l-2.071,6.057H19.2A6.926,6.926,0,0,0,25.31,8.417a3.412,3.412,0,0,0-.283-3.142A3.3,3.3,0,0,0,22.222,4h-4.99l-.649,1.9h4.5a1.581,1.581,0,0,1,1.312.633,1.777,1.777,0,0,1,.121,1.612A3.465,3.465,0,0,1,19.424,10.4c-.085,0-.157.01-.224.016-.124.01-.229.018-.366.018-.122,0-.254-.006-.417-.019l1.228-3.529-3.357-.118ZM4.634,3.894l-.22,1.99,2.564.007.292-2Zm9.281.034h0l-.621,1.961h2.588l.671-1.961Zm-4.5,0h0L8.388,5.888h3.254l-.207-1.961Z" transform="translate(0.001 -0.235)" fill="#c3c3c3"/> </g> </svg> </div> <div style="clear: both;"></div></div> <div class="svg parbase"> <div class="pr-6 flex items-center"> <svg id="Group_17037" data-name="Group 17037" xmlns="http://www.w3.org/2000/svg" width="91.226" height="9.589" viewBox="0 0 91.226 9.589"> <g id="Group_17036" data-name="Group 17036" transform="translate(0 0)"> <g id="Group_17034" data-name="Group 17034" transform="translate(0 0.008)"> <g id="Group_17033" data-name="Group 17033"> <g id="Group_17031" data-name="Group 17031"> <g id="Group_17030" data-name="Group 17030"> <g id="Group_17029" data-name="Group 17029"> <rect id="Rectangle_672" data-name="Rectangle 672" width="7.537" height="0.927" transform="translate(22.654 8.649)" fill="#c3c3c3"/> <path id="Path_4325" data-name="Path 4325" d="M319.618,295.07h-4.237v9.576h4.237a2.7,2.7,0,0,0,2.7-2.7V297.77a2.7,2.7,0,0,0-2.7-2.7Zm1.772,6.876a1.775,1.775,0,0,1-1.772,1.773h-3.31V296h3.31a1.775,1.775,0,0,1,1.772,1.773Z" transform="translate(-303.66 -295.07)" fill="#c3c3c3"/> <path id="Path_4326" data-name="Path 4326" d="M294,296.972a5.2,5.2,0,0,1-.105,1.045l-1,4.91L291.64,298.1H290.9l-1.254,4.831-1-4.91a5.231,5.231,0,0,1-.105-1.045v-1.9h-.927v1.994a5.2,5.2,0,0,0,.105,1.045l1.334,6.537h1.105l1.112-4.279,1.112,4.279h1.105l1.334-6.537a5.231,5.231,0,0,0,.105-1.045v-1.994H294Z" transform="translate(-287.617 -295.071)" fill="#c3c3c3"/> </g> </g> </g> <g id="Group_17032" data-name="Group 17032" transform="translate(34.17)"> <path id="Path_4327" data-name="Path 4327" d="M396.315,304.647v-9.576h1.741v7.836h5.2v1.741Z" transform="translate(-384.595 -295.07)" fill="#c3c3c3"/> <path id="Path_4328" data-name="Path 4328" d="M455.25,297.748a2.705,2.705,0,0,0-.091-.259c-.156-.442-.324-.675-.727-.675h-1.949a.726.726,0,0,0-.728.727v4.639a.726.726,0,0,0,.728.727H454.4c.4,0,.585-.234.74-.675.027-.1.078-.259.078-.259l1.639.431a2.555,2.555,0,0,1-2.534,2.248h-1.754a2.557,2.557,0,0,1-2.56-2.56v-4.457a2.557,2.557,0,0,1,2.56-2.56h1.767a2.578,2.578,0,0,1,2.547,2.235Z" transform="translate(-415.622 -295.071)" fill="#c3c3c3"/> <path id="Path_4329" data-name="Path 4329" d="M429.748,304.647c0-1.442-.026-1.364-.143-1.754v-.013h0l-2.787-7.809h-1.674l-2.786,7.809h0v.013c-.117.39-.143.312-.143,1.754h1.676a7.7,7.7,0,0,1,.039-1.027c.13-.506.195-.74.195-.74h3.717s.065.234.195.74a7.688,7.688,0,0,1,.04,1.027Zm-5.026-3.483,1.257-3.522,1.257,3.522Z" transform="translate(-399.557 -295.07)" fill="#c3c3c3"/> <path id="Path_4330" data-name="Path 4330" d="M375.7,297.646a2.579,2.579,0,0,0-2.576-2.576h-4.572v1.871l1.639,2.053h-1.639v5.652h4.572a2.579,2.579,0,0,0,2.576-2.576v-.5a2.563,2.563,0,0,0-.657-1.712,2.563,2.563,0,0,0,.657-1.712Zm-5.055-.849h2.479a.85.85,0,0,1,.849.849v.5a.85.85,0,0,1-.849.849H372.4Zm3.328,5.273a.85.85,0,0,1-.849.849h-2.847v-2.2h2.847a.85.85,0,0,1,.849.849Z" transform="translate(-368.552 -295.07)" fill="#c3c3c3"/> <path id="Path_4331" data-name="Path 4331" d="M482.062,300.733h0l-1.159-1.85,2.687-3.814h-2.028l-3.024,4.207V295.07H476.8v9.576h1.741v-2.409l1.254-1.779.158.241h0l.22.336.364.557c.526.806,1.163,1.786,1.253,1.95a1.956,1.956,0,0,1,.128.8h0v.305h1.674a5.487,5.487,0,0,0-.241-1.862C483.184,302.452,482.6,301.593,482.062,300.733Z" transform="translate(-431.099 -295.07)" fill="#c3c3c3"/> </g> </g> </g> <g id="Group_17035" data-name="Group 17035" transform="translate(88.441)"> <path id="Path_4332" data-name="Path 4332" d="M497.1,295.244v-.192h1.132v.192h-.469v1.566h-.193v-1.566Z" transform="translate(-497.1 -295.052)" fill="#c3c3c3"/> <path id="Path_4333" data-name="Path 4333" d="M501.945,295.052h.2v1.757h-.185V295.5l-.284.836h-.2l-.284-.836v1.308h-.185v-1.757h.2l.369,1.07Z" transform="translate(-499.358 -295.052)" fill="#c3c3c3"/> </g> </g> </svg> </div> <div style="clear: both;"></div></div> <div class="svg parbase"> <div class=" flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="44.963" height="15.675" viewBox="0 0 44.963 15.675"> <g id="SanDiskPro_Footer_Logo" data-name="SanDiskPro Footer Logo" transform="translate(-0.006 0.026)"> <path id="Path_2852" data-name="Path 2852" d="M5.344.914,5.355.838C-.075.18-.861,7.117,3.82,7.99c.124-.762.226-1.539.336-2.308C1.262,5.145,1.6.58,5.344.914Z" transform="translate(-0.74 -0.82)" fill="#c3c3c3"/> <path id="Path_2853" data-name="Path 2853" d="M16.681,11.44h0c-.1.609-.183,1.222-.277,1.823a1.973,1.973,0,0,1-.5,3.912h-.081l-.273,1.838.138.015A3.827,3.827,0,0,0,16.681,11.44Z" transform="translate(-12.392 -9.199)" fill="#c3c3c3"/> <path id="Path_2854" data-name="Path 2854" d="M49.58,15.833h1.129a1.463,1.463,0,0,0,1.584,1.278,1.278,1.278,0,0,0,1.439-1.186c0-.675-.609-1-1.229-1.163l-.975-.243c-1.629-.411-1.893-1.373-1.893-2.006a2.329,2.329,0,0,1,2.536-2.193,2.265,2.265,0,0,1,2.447,2.249H53.489a1.373,1.373,0,0,0-2.715-.077c0,.243.079.754,1.041,1l.965.243c1.278.322,2.093,1.02,2.093,2.129a2.366,2.366,0,0,1-2.581,2.283A2.474,2.474,0,0,1,49.58,15.833Z" transform="translate(-39.176 -8.318)" fill="#c3c3c3"/> <path id="Path_2855" data-name="Path 2855" d="M81.766,22.379v5.076H80.7v-.76a2.023,2.023,0,0,1-1.748.869A2.51,2.51,0,0,1,76.43,24.91a2.5,2.5,0,0,1,2.51-2.64,2.007,2.007,0,0,1,1.761.852v-.743ZM80.689,24.9a1.606,1.606,0,0,0-1.618-1.618A1.559,1.559,0,0,0,77.495,24.9a1.6,1.6,0,0,0,3.194,0Z" transform="translate(-60.308 -17.723)" fill="#c3c3c3"/> <path id="Path_2856" data-name="Path 2856" d="M109.308,24.57v2.9h-1.065V24.647a1.164,1.164,0,0,0-1.152-1.3,1.37,1.37,0,0,0-1.467,1.422v2.708H104.56V22.4h1.065v.781a1.892,1.892,0,0,1,1.652-.89C108.557,22.29,109.319,23.127,109.308,24.57Z" transform="translate(-82.449 -17.739)" fill="#c3c3c3"/> <path id="Path_2857" data-name="Path 2857" d="M130,10.35h2.459c2.225,0,3.5,1.682,3.5,3.88s-1.278,3.848-3.494,3.848H130Zm2.459,6.673c1.548,0,2.342-1.222,2.342-2.794s-.794-2.826-2.342-2.826h-1.388v5.619Z" transform="translate(-102.472 -8.341)" fill="#c3c3c3"/> <path id="Path_2858" data-name="Path 2858" d="M160.14,11.906a.73.73,0,1,1,.728.675A.73.73,0,0,1,160.14,11.906Zm.194,1.789H161.4v5.076h-1.065Z" transform="translate(-126.194 -9.035)" fill="#c3c3c3"/> <path id="Path_2859" data-name="Path 2859" d="M168.78,25.9h.99c0,.4.358.75.935.75s.945-.27.945-.652c0-.336-.273-.511-.654-.6l-.679-.162c-.945-.251-1.38-.741-1.38-1.491a1.632,1.632,0,0,1,1.8-1.491,1.608,1.608,0,0,1,1.8,1.522h-1.022a.705.705,0,0,0-.76-.62.671.671,0,0,0-.75.62c0,.315.294.488.609.564l.771.185a1.482,1.482,0,0,1,1.327,1.491c0,.967-.956,1.533-2,1.533A1.8,1.8,0,0,1,168.78,25.9Z" transform="translate(-132.994 -17.715)" fill="#c3c3c3"/> <path id="Path_2860" data-name="Path 2860" d="M193.273,18.731l-2.208-2.415v2.415H190V11.18h1.065v4.2l1.663-1.727h1.446l-2.151,2.2,2.643,2.881Z" transform="translate(-149.696 -8.995)" fill="#c3c3c3"/> <path id="Path_2862" data-name="Path 2862" d="M3.646,57a1.207,1.207,0,0,1-1.278,1.278H1.546v1.378H.75V55.712H2.358A1.218,1.218,0,0,1,3.646,57Zm-.8,0a.52.52,0,0,0-.517-.583H1.544v1.163h.773A.522.522,0,0,0,2.845,57Z" transform="translate(-0.743 -44.043)" fill="#c3c3c3"/> <path id="Path_2863" data-name="Path 2863" d="M35.63,57.513a2,2,0,1,1,.578,1.424A2.006,2.006,0,0,1,35.63,57.513Zm3.211,0a1.216,1.216,0,1,0-.33.9,1.209,1.209,0,0,0,.33-.9Z" transform="translate(-28.196 -43.893)" fill="#c3c3c3"/> <path id="Path_2864" data-name="Path 2864" d="M59.694,56.418v.958H61v.7H59.694v1.588H58.9V55.72h2.436v.7Z" transform="translate(-46.511 -44.051)" fill="#c3c3c3"/> <path id="Path_2865" data-name="Path 2865" d="M78.413,58.959v.7H75.89V55.72h2.47v.7H76.682v.939h1.469v.715H76.684v.882Z" transform="translate(-59.883 -44.051)" fill="#c3c3c3"/> <path id="Path_2866" data-name="Path 2866" d="M92.93,58.2h.8a.592.592,0,0,0,.639.522c.353,0,.588-.183.588-.464,0-.213-.16-.373-.5-.475l-.481-.136c-.865-.23-1.018-.75-1.018-1.105a1.238,1.238,0,0,1,1.361-1.173,1.2,1.2,0,0,1,1.318,1.2h-.8a.545.545,0,0,0-1.082-.045c0,.1.028.3.441.426l.441.126c.6.166,1.116.479,1.118,1.15a1.262,1.262,0,0,1-1.414,1.2A1.281,1.281,0,0,1,92.93,58.2Z" transform="translate(-73.295 -43.775)" fill="#c3c3c3"/> <path id="Path_2867" data-name="Path 2867" d="M110.92,58.2h.8a.594.594,0,0,0,.639.522c.356,0,.59-.183.59-.464,0-.213-.162-.373-.5-.475l-.481-.136c-.864-.23-1.02-.75-1.02-1.105a1.24,1.24,0,0,1,1.363-1.173,1.194,1.194,0,0,1,1.316,1.2h-.794a.547.547,0,0,0-1.084-.045c0,.1.03.3.443.426l.441.126c.594.166,1.116.479,1.116,1.15a1.261,1.261,0,0,1-1.414,1.2A1.282,1.282,0,0,1,110.92,58.2Z" transform="translate(-87.454 -43.775)" fill="#c3c3c3"/> <path id="Path_2868" data-name="Path 2868" d="M129.8,55.72h.788v3.943H129.8Z" transform="translate(-102.314 -44.051)" fill="#c3c3c3"/> <path id="Path_2869" data-name="Path 2869" d="M138.42,57.5A2,2,0,1,1,139,58.925,2.008,2.008,0,0,1,138.42,57.5Zm3.211,0a1.218,1.218,0,1,0-.33.895,1.209,1.209,0,0,0,.33-.895Z" transform="translate(-109.099 -43.878)" fill="#c3c3c3"/> <path id="Path_2870" data-name="Path 2870" d="M201.09,55.72h.794v3.237h1.491v.707h-2.283Z" transform="translate(-158.424 -44.051)" fill="#c3c3c3"/> <path id="Path_2871" data-name="Path 2871" d="M163.873,54.89h-.8v.1h0v2.342l-1.407-2.447h-.739l0,3.943h.8l0-2.47,1.433,2.472h.713Z" transform="translate(-126.658 -43.223)" fill="#c3c3c3"/> <path id="Path_2872" data-name="Path 2872" d="M21.338,59.675,20.312,58.22a1.148,1.148,0,0,0,.956-1.2,1.214,1.214,0,0,0-1.295-1.278H18.4v3.937h.794V56.432h.7a.593.593,0,1,1-.066,1.184h-.3v.732l.877,1.32Z" transform="translate(-14.635 -44.064)" fill="#c3c3c3"/> <path id="Path_2873" data-name="Path 2873" d="M180.945,54.9l-.858,0-1.467,3.941h.841l1.05-3.119.5,1.482-.671,0-.234.692h1.146l.322.943h.837Z" transform="translate(-140.581 -43.231)" fill="#c3c3c3"/> </g> </svg> </div> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> <div class="cols-12 md:cols-4 mb-7 md:mb-0"> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsive-columns-flexbox parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex flex md:-mt-6"> <div class="cols-12 flex items-center md:justify-end justify-start"> <div class="text parbase"> <div class=" text-xs textcolumn"> <p class="text-xs">Country/Region:</p> </div> <div style="clear: both;"></div></div> <div class="button parbase"> <a href="/region-selector" target="_self" class="btn ml-1 mt-1 text-bold hover:underline " data-track-type="button" aria-label="United States"> United States </a> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex sm:py-12 pb-0 sm:flex pt-8"> <div class="sm:cols-6 md:cols-3 cols-12 md:mb-0 mb-8 pr-4 order-1"> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="text parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" text-sm leading-tight pl-0 md:pl-5 pr-4 sm:pr-0 textcolumn"> <p class="mb-5 text-lg">Shopping</p> <ul class="list-reset text-grey"> <li class="mb-5 show-for-b2b"><a href="/store/business/my-account" data-track-heading="footer-my-account">My Account</a></li> <li class="mb-5 show-for-b2c"><a href="/store/my-account" data-track-heading="footer-my-account">My Account</a></li> <li class="mb-5"><a href="/company/programs/communications-registration" data-track-heading="footer-communication-registration">Sign Up for Email</a></li> <li class="mb-5 show-for-b2c"><a href="/promo" data-track-heading="footer-promo">Discounts & Promotions</a></li> <li class="mb-5"><a href="/products/product-portfolio" data-track-heading="footer-product-portfolio">Product Portfolio</a></li> <li class="mb-5"><a href="/support/store/warranty-policy" data-track-heading="footer-warranty-policy">Warranty Policy</a></li> <li class="mb-5"><a href="/support/store/return-policy" data-track-heading="footer-return-policy">Return Policy</a></li> <li class="mb-5 show-for-b2c"><a href="/company/programs/affirm-financing" data-track-heading="footer-affirm-financing">Financing Options</a></li> <li class="mb-5 show-for-b2c"><a href="/company/distributors" data-track-heading="footer-distributors">Distributors & Resellers</a></li> <li class="mb-5 show-for-b2b"><a href="/company/contact-us?selectedValue=looking-to-purchase" data-track-heading="footer-sales-inquiry">Sales Inquiry</a></li> <li class="mb-5"><a href="/support/store/shopping-faq" data-track-heading="footer-shopping-faq">Shopping FAQ</a></li> </ul> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> <div class="sm:cols-6 md:cols-3 cols-12 md:mb-0 mb-8 pr-4 md:order-2 sm:order-3"> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="text parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" text-sm leading-tight pr-4 sm:pr-0 textcolumn"> <p class="mb-5 text-lg">Programs</p> <ul class="list-reset text-grey"> <li class="mb-5 show-for-b2c"><a href="/business/account-benefits" data-track-heading="footer-business-account-benefits">Business Account Benefits</a></li> <li class="mb-5 show-for-b2c"><a href="/company/programs/data-recovery" data-track-heading="footer-data-recovery">Data Recovery</a></li> <li class="mb-5 show-for-b2c"><a href="/company/programs/easy-recycle" data-track-heading="footer-easy-recycle">Recycle Program</a></li> <li class="mb-5"><a href="/business/line-of-credit" data-track-heading="footer-western-digital-credit">Western Digital Credit</a></li> <li class="mb-5"><a href="/business/pro-rewards" data-track-heading="footer-pro-rewards">Pro Rewards</a></li> <li class="mb-5"><a href="/company/partners" data-track-heading="footer-partners">Partner Programs</a></li> <li class="mb-5"><a href="/company/programs/affiliate-program" data-track-heading="footer-affiliate-program">Affiliate Program</a></li> <li class="mb-5"><a href="/company/corporate-responsibility/philanthropy" data-track-heading="footer-philanthropy">Philanthropic Programs</a></li> <li class="mb-5"><a href="/company/western-digital-capital" data-track-heading="footer-western-digital-capital">Western Digital Capital</a></li> </ul> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> <div class="sm:cols-6 md:cols-3 cols-12 sm:mb-0 mb-8 pr-4 md:order-3 sm:order-2"> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="text parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" text-sm leading-tight pr-4 sm:pr-0 textcolumn"> <p class="mb-5 text-lg">Company</p> <ul class="list-reset text-grey"> <li class="mb-5"><a href="/company" data-track-heading="footer-company">About Us</a></li> <li class="mb-5"><a href="/company/newsroom" data-track-heading="footer-newsroom">News & Events</a></li> <li class="mb-5"><a href="/company/leadership" data-track-heading="footer-leadership">Leadership</a></li> <li class="mb-5"><a href="/company/corporate-responsibility" data-track-heading="footer-corporate-responsibility">Corporate Responsibility</a></li> <li class="mb-5"><a href="/privacy-center" data-track-heading="footer-privacy">Privacy Center</a></li> <li class="mb-5"><a href="https://blog.westerndigital.com/" target="_blank" data-track-heading="footer-blog">Blog</a></li> <li class="mb-5"><a href="/careers" target="_blank" data-track-heading="footer-careers">Careers</a></li> <li class="mb-5"><a href="https://investor.wdc.com/" target="_blank" data-track-heading="footer-investor">Investors</a></li> <li class="mb-5"><a href="/company/office-locations" data-track-heading="footer-office-location">Office Locations</a></li> <li class="mb-5"><a href="/company/contact-us" data-track-heading="footer-contact-us">Contact Us</a></li> </ul> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> <div class="sm:cols-6 md:cols-3 cols-12 pr-4 order-4"> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="text parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" text-sm leading-tight pr-4 sm:pr-0 textcolumn"> <p class="mb-5 text-lg">Support</p> <ul class="list-reset text-grey"> <li class="mb-5"><a href="/support" data-track-heading="footer-support">Get Help</a></li> <li class="mb-5"><a href="/support/store/resource-library" data-track-heading="footer-resource-library">Resource Library</a></li> <li class="mb-5"><a href="/support/product-security" data-track-heading="footer-product-security">Product Security</a></li> </ul> </div> <div style="clear: both;"></div></div> </div> </div> </div> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="text parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" text-sm leading-tight pr-4 sm:pr-0 mt-12 mb-8 textcolumn"> <p>Online Store Support:<br> US +1 (800) 275-4932<br> Monday — Friday, 8am — 5pm PST<br> </p> </div> <div style="clear: both;"></div></div> </div> </div> </div> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsive-columns-flexbox parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex mt-8 mb-10"> <div class="cols-12 flex justify-start"> <div class="svg parbase"> <div class="mr-7"> <a aria-label="Instagram for WesternDigital" data-track-type="svg" href="https://www.instagram.com/westerndigital/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="a"><rect width="21.623" height="21.623" fill="none"/></clipPath></defs><g transform="translate(-1031 -415)"><rect width="24" height="24" transform="translate(1031 415)" fill="none"/><g transform="translate(1032 416)" clip-path="url(#a)"><path d="M21.054,3.734A5.544,5.544,0,0,0,17.889.569a7.984,7.984,0,0,0-2.626-.5C14.111.012,13.744,0,10.812,0S7.506.012,6.355.067a7.91,7.91,0,0,0-2.62.5A5.232,5.232,0,0,0,1.818,1.818,5.393,5.393,0,0,0,.569,3.734a7.788,7.788,0,0,0-.5,2.62C.018,7.506,0,7.873,0,10.812s.012,3.3.067,4.457a7.91,7.91,0,0,0,.5,2.62A5.232,5.232,0,0,0,1.818,19.8a5.311,5.311,0,0,0,1.916,1.249,7.943,7.943,0,0,0,2.62.5c1.151.055,1.518.067,4.457.067s3.3-.012,4.457-.067a7.984,7.984,0,0,0,2.626-.5A5.289,5.289,0,0,0,19.8,19.8a5.393,5.393,0,0,0,1.249-1.916,8.07,8.07,0,0,0,.5-2.62c.049-1.151.067-1.518.067-4.457s-.012-3.3-.067-4.457a8.07,8.07,0,0,0-.5-2.62M19.609,15.171a6.065,6.065,0,0,1-.373,2.008,3.36,3.36,0,0,1-.808,1.243,3.311,3.311,0,0,1-1.243.808,6.029,6.029,0,0,1-2.008.373c-1.139.049-1.482.061-4.365.061s-3.226-.012-4.365-.061a6.066,6.066,0,0,1-2.008-.373A3.36,3.36,0,0,1,3.2,18.421a3.36,3.36,0,0,1-.808-1.243,6.029,6.029,0,0,1-.373-2.008c-.049-1.139-.061-1.482-.061-4.365s.012-3.226.061-4.365a6.065,6.065,0,0,1,.373-2.008A3.36,3.36,0,0,1,3.2,3.19a3.36,3.36,0,0,1,1.243-.808,6.029,6.029,0,0,1,2.008-.373c1-.049,1.384-.061,3.4-.061h.967c2.883,0,3.226.012,4.365.061a6.066,6.066,0,0,1,2.008.373,3.36,3.36,0,0,1,1.243.808,3.36,3.36,0,0,1,.808,1.243,6.028,6.028,0,0,1,.373,2.008c.049,1.139.061,1.482.061,4.365s-.012,3.226-.061,4.365" transform="translate(0 0)" fill="currentColor"/><path d="M250.9,61.1a1.3,1.3,0,1,0,1.3,1.3,1.3,1.3,0,0,0-1.3-1.3" transform="translate(-234.319 -57.359)" fill="currentColor"/><path d="M91.547,85.9a5.547,5.547,0,1,0,5.547,5.547A5.546,5.546,0,0,0,91.547,85.9m0,9.146a3.6,3.6,0,1,1,3.6-3.6,3.6,3.6,0,0,1-3.6,3.6" transform="translate(-80.735 -80.641)" fill="currentColor"/></g></g></svg> </a> </div> <div style="clear: both;"></div></div> <div class="svg parbase"> <div class="mr-7"> <a aria-label="Linked In for WesternDigital" data-track-type="svg" href="https://www.linkedin.com/company/western-digital" target="_blank"> <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 24 24"><path d="M4.674 6.799H.254v13.272h4.42V6.8zm.281-4.098C4.942 1.4 4.005.41 2.491.41.991.41 0 1.4 0 2.7c0 1.272.95 2.29 2.438 2.29h.026c1.54 0 2.505-1.018 2.491-2.29zm15.616 9.763c0-4.071-2.17-5.973-5.076-5.973-2.383 0-3.428 1.326-4.004 2.237h.027V6.799H7.112s.053 1.246 0 13.272h4.406v-7.406c0-.402.04-.79.147-1.085.322-.79 1.045-1.607 2.264-1.607 1.593 0 2.236 1.219 2.236 3v7.098h4.406v-7.607z"></path></svg> </a> </div> <div style="clear: both;"></div></div> <div class="svg parbase"> <div class="mr-7 -mt-1"> <a aria-label="Twitter for WesternDigital" data-track-type="svg" href="https://twitter.com/westerndigital" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28.714" height="28.714" viewBox="0 0 28.714 28.714"> <defs> <clipPath id="clip-path"> <path id="Path_5897" data-name="Path 5897" d="M0,0H28.714V28.714H0Z" transform="translate(566 200)" fill="currentColor"/> </clipPath> </defs> <g id="Mask_Group_1" data-name="Mask Group 1" transform="translate(-566 -200)" clip-path="url(#clip-path)"> <g id="new-twitter-x-icon_1_" data-name="new-twitter-x-icon (1)" transform="translate(568.746 202.357)"> <path id="Path_1" data-name="Path 1" d="M18.244,2.25h3.308l-7.227,8.26,8.5,11.24H16.17l-5.214-6.817L4.99,21.75H1.68l7.73-8.835L1.254,2.25H8.08l4.713,6.231ZM17.083,19.77h1.833L7.084,4.126H5.117Z" fill="currentColor"/> </g> </g> </svg> </a> </div> <div style="clear: both;"></div></div> <div class="svg parbase"> <div class="mr-7"> <a aria-label="Facebook for WesternDigital" data-track-type="svg" href="https://www.facebook.com/WesternDigitalCorporation" target="_blank"> <svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" viewBox="0 0 24 24"><path d="M19.65.21H1.35A1.14,1.14,0,0,0,.21,1.35v18.3a1.14,1.14,0,0,0,1.14,1.14H11.2v-8H8.52V9.71H11.2V7.42a3.75,3.75,0,0,1,4-4.1,21.27,21.27,0,0,1,2.38.12V6.21L16,6.23c-1.3,0-1.54.6-1.54,1.5v2h3.07l-.4,3.11H14.41v8h5.24a1.14,1.14,0,0,0,1.14-1.14V1.35A1.14,1.14,0,0,0,19.65.21Z"></path></svg> </a> </div> <div style="clear: both;"></div></div> <div class="svg parbase"> <div> <a aria-label="Youtube for WesternDigital" data-track-type="svg" href="https://www.youtube.com/channel/UCQpijqbZeCM3zLew0ZwiX4A" target="_blank"> <svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" viewBox="0 0 39 30"><path d="M28.17,14.08a1.39,1.39,0,0,1-.66,1.19l-11.27,7a1.25,1.25,0,0,1-.75.22,1.46,1.46,0,0,1-.68-.17,1.43,1.43,0,0,1-.73-1.24V7a1.43,1.43,0,0,1,.73-1.23,1.41,1.41,0,0,1,1.43,0l11.27,7A1.41,1.41,0,0,1,28.17,14.08Zm11.26,0a44.8,44.8,0,0,0-.68-9.55,5,5,0,0,0-4.27-4A132,132,0,0,0,19.72,0,132.23,132.23,0,0,0,5,.55a5,5,0,0,0-4.24,4A43,43,0,0,0,0,14.08a44.75,44.75,0,0,0,.68,9.55,5.06,5.06,0,0,0,4.27,4,132.23,132.23,0,0,0,14.77.55,132,132,0,0,0,14.76-.55,5,5,0,0,0,4.25-4A43.5,43.5,0,0,0,39.43,14.08Z"></path></svg> </a> </div> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </div> </div> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="image aem-GridColumn aem-GridColumn--default--12"> <a href="/company/newsroom/press-releases/2025/2025-03-11-ethisphere-names-western-digital-as-one-of-the-2025-worlds-most-ethical-companies" target="_blank" data-track-type="imageCta"> <picture> <source data-srcset="/content/dam/store/en-us/assets/company/ethisphere-award.png.wdthumb.1280.1280.webp" media="(min-width: 992px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/company/ethisphere-award.png.wdthumb.1280.1280.jpg" media="(min-width: 992px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/company/ethisphere-award.png.wdthumb.1280.1280.png" media="(min-width: 992px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/company/ethisphere-award.png.wdthumb.500.500.webp" media="(min-width: 500px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/company/ethisphere-award.png.wdthumb.500.500.jpg" media="(min-width: 500px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/company/ethisphere-award.png.wdthumb.500.500.png" media="(min-width: 500px)" type="image/png"/> <source data-srcset="/content/dam/store/en-us/assets/company/ethisphere-award.png.wdthumb.500.500.webp" media="(min-width: 300px)" type="image/webp"/> <source data-srcset="/content/dam/store/en-us/assets/company/ethisphere-award.png.wdthumb.500.500.jpg" media="(min-width: 300px)" type="image/jpeg"/> <source data-srcset="/content/dam/store/en-us/assets/company/ethisphere-award.png.wdthumb.500.500.png" media="(min-width: 300px)" type="image/png"/> <img data-src="/content/dam/store/en-us/assets/company/ethisphere-award.png.thumb.1280.1280.png" alt="ethisphere-award" class="cq-dd-image max-w-100px hide-for-support img-fluid lazyload" data-emptytext="Image" data-zoom-image="/content/dam/store/en-us/assets/company/ethisphere-award.png.thumb.1280.1280.png"/> </picture> </a> <div style="clear: both;"></div></div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> <div class="section parbase"> <!--/* Background Color Section */ --> <section data-rellax-percentage="0.35" class=" bg-color relative section store-retail-section1 py-0" style="background-color:rgb(0, 0, 0)"> <div class="relative "> <div class="responsive-columns-flexbox parbase"> <div class=" row grid-12 xs:grid-12 sm:grid-12 md:grid-12 lg:grid-12 xl:grid-12 flex-wrap md:flex contain flex"> <div class="cols-12 text-white"> <div class="experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="text parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" text-xs border-b border-grey-3 sm:border-0 pb-5 sm:pb-0 textcolumn"> <ul class="list-reset"> <li class="inline-block mt-6 pr-4"><a href="/legal/privacy-statement">Privacy</a></li> <li class="inline-block mt-6 pr-4"><a href="/legal">Legal</a></li> <li class="inline-block mt-6 pr-4"><a href="/legal/cookie-statement">Cookie Statement</a></li> <li class="inline-block mt-6 pr-4"><a href="/legal/cookie-statement#internet-based-advertising">About Ads</a></li> <li class="inline-block mt-6 pr-4"><a href="/legal/trademarks">Trademarks</a></li> <li class="inline-block mt-6 pr-4"><a href="/legal/terms-and-conditions-of-sale-consumer">Terms of Sale</a></li> <li class="inline-block mt-6 pr-4"><a href="/company/corporate-responsibility/environment#product-compliance">Product Compliance</a></li> <li class="inline-block mt-6 pr-4"><a href="/content/store/en-us/legal/privacy-statement.en-us#exercising-your-rights">Do Not Sell or Share My Personal Information</a></li> <li class="inline-block mt-6"><div class="-ml-1" id="teconsent"> </div> </li> </ul> </div> <div style="clear: both;"></div></div> <div class="text parbase aem-GridColumn aem-GridColumn--default--12"> <div class=" text-xs mb-6 mt-5 textcolumn"> <div class="text-xs">© 2025 Western Digital Corporation or its affiliates. All rights reserved.</div> </div> <div style="clear: both;"></div></div> </div> </div> </div> </div> </div> <div style="clear: both;"></div></div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </section> <!--/* Gradient Background Section */ --> </div> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </footer> <script type="text/javascript" src="https://static.sandisk.com/etc.clientlibs/wd-static/designs/clientlibs/vue-global.min.js" nonce="1182b04d9fA988B6EcD336EEfbe"></script> <div id="commonUtilLoad" data-isPublishInstance="true" data-isWcmModeDisabled="true" data-rootPath="/content/store/en-us" data-rootPathToReplaceInURL="/content/store/en-us" data-siteName="store" data-currentPagePath="/content/store/en-us" data-country="US" data-language="en" data-locale="en-US" data-isPathProtected="/content/dam/customer-portal/en_us/external/public/cps/n/,/content/dam/doc-library/en_us/assets/public/secure/" data-nonceKey="1182b04d9fA988B6EcD336EEfbe" data-regionSelectorExcelPath="/content/dam/store/en-us/assets/sys/region-details/regiondetail.xlsx.exceltojson.json" data-enableRecaptcha="true" data-recaptchaSiteKey="6Lcq8PwUAAAAAGbqfzxKsmHCQjbUTZr6MCSCYmXW" data-excludeProductReferenceFromSession="false" data-timeZone="America/Los_Angeles" data-oracleServiceCloudHost="https://support-en.wd.com/cgi-bin/westerndigital.cfg/php/custom/osvc_service.php" data-loadClpfromSolr="false" data-clpSolrServletUrl="/bin/sd/clpsolrservlet.json"> </div> <div id="commerceLoad" data-purchasable-catalog="true" data-commerce-interstitialpopupenabled="true" data-commerce-service="https://api.westerndigital.com/wdwebservices/v2" data-commerce-platform="https://www.westerndigital.com" data-commerce-b2c-service-site="us" data-commerce-b2b-service-site="usb2b" data-commerce-affirm-script-url="https://cdn1.affirm.com/js/v2/affirm.js" data-commerce-affirm-api-key="RHAKD2RV4JJCVY8Y" data-session-timeout="15" data-wtb-page-path="/content/store/en-us/company/distributors.html" data-heartbeat-check="15" data-loyalty-program-check="true" data-loyalty-api-key="d23bcf99c6ee4015270da12e18a29e4d" data-disable-loyalty-program-flash-product="true" data-loyalty-partner-id="ce963df76d" data-zinrelo-js-library-url="//cdn.zinrelo.com/js/all.js" data-enableBV="true" data-bv-endpoint-url="https://apps.bazaarvoice.com/deployments/western_digital/main_site/production/en_US/bv.js" data-bv-product-api-url="https://apps.bazaarvoice.com/api/data/products.json?stats=Reviews&passkey=caAleWo5KlHivgLvQOZt7Pvm5g6eN5jkzC5iSV4BqTO0o&apiversion=5.5&filter=id:"> </div> <script src="/etc.clientlibs/wd/designs/clientlibs/store-vue.min.js"></script> <script type="text/javascript" nonce="1182b04d9fA988B6EcD336EEfbe"> !function(e,t,n,i){let a="at-body-style";function r(){return t.getElementsByTagName("head")[0]}!function e(n,i,a){if(n){var r=t.createElement("style");r.setAttribute("type","text/css"),r.id=i,r.innerHTML=a,n.appendChild(r)}}(r(),a,n),setTimeout(function(){!function e(n,i){if(n){var a=t.getElementById(i);a&&n.removeChild(a)}}(r(),a)},3e3)}(window,document,"#brand-home .heroBannerCarousel {opacity: 0 !important}",3e3); </script> <script type="text/javascript" nonce="1182b04d9fA988B6EcD336EEfbe"> const rd_cookieClassName="cookieRedirect",rd_storeCookieName="storeCookieRedirect",rd_oneStudioCookieName="saml_request_path",rd_channelCookie="Channel",rd_b2bCookieVal="B2B";function rd_delete_cookie(e){document.cookie=e+"=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;"}function rd_getRedirectCookie(e){for(var o=document.cookie.split("; "),t=0;t<o.length;t++){var i=o[t].split("=");if(e==i[0])return i.shift(),i.join("=")}return null}function rd_setRedirectCookie(e,o){document.cookie=e+"="+o+"; Path=/;"}function rd_redirectOnPageLoad(){var e=rd_getRedirectCookie(rd_storeCookieName),o=rd_getRedirectCookie(rd_oneStudioCookieName);e&&rd_getRedirectCookie(rd_channelCookie)&&"B2B"==rd_getRedirectCookie(rd_channelCookie)?(window.location.href=e,rd_delete_cookie(rd_storeCookieName)):o&&(window.location.href=o,rd_delete_cookie(rd_oneStudioCookieName))}window.addEventListener("click",function(e){if(e.srcElement.classList.contains("cookieRedirect")){var o=document.querySelector("#commonUtilLoad").getAttribute("data-sitename");"store"==o?rd_setRedirectCookie(rd_storeCookieName,window.location.pathname+window.location.search):"onestudio"==o&&"/"!=document.location.pathname&&"/sign-out"!=document.location.pathname&&rd_setRedirectCookie(rd_oneStudioCookieName,window.location.pathname+window.location.search)}}),rd_redirectOnPageLoad(); </script> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="override iparsys parsys"></div> </div> </div> <script nonce="1182b04d9fA988B6EcD336EEfbe"> window.addEventListener('load', (event) => { var scriptsToLoad = document.querySelectorAll('link[data-href]'); scriptsToLoad.forEach((link) => { link.setAttribute('href', link.getAttribute('data-href')); link.onload = () => { link.removeAttribute('data-href'); }; }); }); </script> </body> </html>