html{height:100%}
*,*:before,*:after{box-sizing:border-box}
.controls{padding:0 1rem 15px 10px;font-size:.1px;width:100%}
.control[data-filter]:after{content:'';position:absolute;width:10px;height:10px;top:calc(50% - 6px);left:calc(50% - 6px);border:2px solid currentColor;border-radius:2px;background:currentColor;transition:background-color 150ms,border-color 150ms}
.control[data-sort]:after{content:'';position:absolute;width:10px;height:10px;border-top:2px solid;border-left:2px solid;top:calc(50% - 6px);left:calc(50% - 6px);transform:translateY(1px) rotate(45deg)}
.control-sort[data-sort*=':desc']:after{transform:translateY(-3px) rotate(-135deg)}
.mixitup-control-active{background:#e2231a !important;color:#fff !important}
.mixitup-control-active[data-filter]:after{background:transparent}
.control[data-filter]+.control[data-sort]{margin-left:.75rem}
.control[data-filter='.green']{color:#91e6c7}
.control[data-filter='.blue']{color:#5ecdde}
.control[data-filter='.pink']{color:#d595aa}
.control[data-filter='none']{color:#2f2f2f}
.control{color:#0d5c91;text-decoration:underline;border:0}
.control-text{width:auto;font-size:.9rem;padding:0 1rem;font-weight:700}
.control-sort:after{content:'';position:absolute;width:10px;height:10px;border-top:2px solid;border-left:2px solid;top:calc(50% - 6px);left:calc(50% - 6px);transform:translateY(2px) rotate(45deg)}
.control-sort[data-sort*=':desc']:after{transform:translateY(-3px) rotate(-135deg)}
.control:first-of-type{border-radius:3px 0 0 3px}
.control:last-of-type{border-radius:0 3px 3px 0}
.controls-pagination{padding:1rem 1rem 15px 10px;font-size:.1px;display:flex;flex-direction:column;align-items:center;width:100%}
.controls-pagination:after{content:'';display:inline-block;width:100%}
.mixitup-page-list,.mixitup-page-stats{display:inline-block}
.mixitup-page-list{text-align:left;vertical-align:middle}
.mixitup-page-stats{font-size:14px;color:#333;font-weight:bold}
.mixitup-control{position:relative;display:inline-block;text-align:center;width:2rem;height:2rem;background:#fff;border:0;margin-right:1px;cursor:pointer;font-size:.9rem;color:#333;font-weight:bold;transition:color 150ms,border-color 150ms;vertical-align:middle}
.mixitup-control:first-child{border-radius:3px 0 0 3px}
.mixitup-control:last-child{border-radius:0 3px 3px 0}
.mixitup-control:not(.mixitup-control-active):hover{color:#91e6c7}
.mixitup-control-active{border-bottom-color:#000;cursor:default}
.mixitup-control:disabled{background:#eaeaea;color:#aaa;cursor:default}
.mixitup-control-truncation-marker{background:transparent;pointer-events:none;line-height:2.2em}
.container{padding:1rem 1rem 1rem 10px;text-align:justify;font-size:.1px}
.container:after{content:'';display:inline-block;width:100%}
.mix.green{color:#91e6c7}
.mix.pink{color:#d595aa}
.mix.blue{color:#5ecdde}
.column-counter{font-size:2px}
@media screen and (min-width:541px){.column-counter{font-size:3px}
}
@media screen and (min-width:961px){.column-counter{font-size:4px}
}
@media screen and (min-width:1281px){.column-counter{font-size:5px}
}
.select-wrapper{display:inline-block;padding:0;background:#2a2a2a;margin-left:.5rem;vertical-align:top}
.filter-container{width:100%;max-width:1140px;margin:0 auto}
.FontAwesomeSelect{font-family:'Font Awesome 5 Pro';font-weight:900}
.control-group{display:flex;margin-left:0;justify-content:flex-start;flex-direction:row;align-items:center;vertical-align:top}
.filter-stats-wrapper{display:flex;flex-direction:row;flex:6;padding:5px 10px;background:#f1f0ee}
.mixitup-page-stats-label{font-size:14px}
.text-input-wrapper{display:flex;border:#2a2a2a 1px solid;margin-right:15px;vertical-align:top;flex:3.01}
.text-input-wrapper input{font-size:14px;padding:3px;border-radius:2px;border:0;width:95%}
.text-input-wrapper .search-icon{width:6%;background-color:#2a2a2a;background-image:url(https://canada.lenovo.com/fr/_p1-ofp_static_pub/fes/cms/2021/04/19/wnpi66fc3izf724x2qnkyfyjwakmyx489245.svg);background-repeat:no-repeat;background-position:center;background-size:15px 16px;cursor:pointer}
.filter-select-groups fieldset:first-of-type{margin-left:0}
.dynamic-column-control.feature-customer-stories-filter .custom-container,.dynamic-column-control.feature-customer-stories-filter .custom-container .custom-container-wrapper{height:100%}
.filter-container{width:100%;max-width:1140px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:5px 0 0 0}
.filter-container.base-component{padding:35px 0 0 0}
.select-hidden{display:none;visibility:hidden;padding-right:10px}
.select{cursor:pointer;display:inline-block;position:relative;font-size:16px;color:#fff;width:100%}
.select-styled{background-color:#2a2a2a;padding:8px 12px;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;font-size:14px;font-weight:500;color:#fff;position:relative}
.select-styled:after{content:'\f107';font-family:'Font Awesome 5 Pro' !important;width:0;height:0;margin-left:5px;font-size:12px}
.select-styled:hover{background-color:#2a2a2a}
.select-styled.active{background-color:#2a2a2a}
.select-styled.active:after{top:9px;border-color:transparent transparent #fff transparent;content:'\f106';font-family:'Font Awesome 5 Pro' !important}
.select-wrapped-options{display:none;min-width:400px;position:absolute;max-height:250px;overflow:hidden;top:100%;right:0;left:0;z-index:999;padding:10px 10px;list-style:none;background-color:#2a2a2a}
.select-options{max-height:220px;overflow:hidden;overflow-y:auto;padding:0 8px 0 0;list-style:none;margin-bottom:0}
.select-options li{display:flex;margin:0;padding:0;font-size:14px;text-indent:10px;border-top:1px solid #2a2a2a;-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;-webkit-transition:all .15s ease-in;transition:all .15s ease-in}
.select-options li:hover,.select-options li.is-selected{color:#2a2a2a;background:#fff}
.select-options li[rel='hide']{display:none}
li button.filter{width:100%;height:100%;display:inline-block;padding:12px 0}
.select-options li button{font-size:14px;padding-left:8px;text-align:left;font-weight:700}
button:focus{outline:0}
.filter-select-groups--mobile .select-styled-trigger--mobile:after,.filter-select-groups--mobile .select-styled--mobile:after{content:'\f107';font-family:'Font Awesome 5 Pro' !important;font-size:12px;position:absolute;right:8px;margin-left:0;width:auto;height:auto}
.filter-select-groups--mobile .select-styled-trigger--mobile,.filter-select-groups--mobile .select-styled--mobile{background-color:#2a2a2a;padding:8px 12px;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;font-size:14px;color:#fff;position:relative;cursor:pointer}
.filter-select-groups--mobile .select-styled-trigger--mobile{margin-bottom:10px}
.filter-select-groups--mobile .select-wrapper{width:100%;margin:10px 0}
.select-styled-trigger--mobile.active{background-color:#a8a8a8}
.filter-select-groups--mobile .select-styled-trigger--mobile.active:after,.filter-select-groups--mobile .select-styled--mobile.active:after{top:4px;border-color:transparent transparent #fff transparent;content:'\f106' !important;font-family:'Font Awesome 5 Pro' !important}
.filter-select-groups-list{display:none}
.filter-select-groups-list.active{display:block}
@media screen and (max-width:1279px){.control-group{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0}
.text-input-wrapper{border:#2a2a2a 1px solid;margin-right:0;width:100%}
.filter-stats-wrapper{display:flex;flex-direction:row;padding:10px;background:#f1f0ee;width:100%;margin-top:15px}
.filter-container{padding:0 15px}
}
.select-options::-webkit-scrollbar{width:8px;background-color:#f5f5f5}
.select-options::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);background-color:#d62929}
.select-options::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);border-radius:0;background-color:#f5f5f5}
.select-styled .selected{display:none}
.select-styled .selected.active{display:inline-block}
.filter-container.base-component>div{width:100%}
.full-width-container:has(>.lenovo-filter-container){background-color:#e4e4e4 !important}
.lenovo-filter-container{background-color:white;width:100%}
.lenovo-filter-container .filter-container{min-height:429px}
.lenovo-filter-container .controls{padding:0 1rem 15px 0}
.lenovo-filter-container .select{width:auto;height:2em;line-height:2}
.lenovo-filter-container .select-styled,.lenovo-filter-container .select-styled--mobile{font-size:11px;padding:3px 26px}
.lenovo-filter-container .filter-select-groups--mobile .select-styled--mobile{padding:5px 12px;width:100%}
.lenovo-filter-container .filter-select-groups--mobile .select{width:100%}
.lenovo-filter-container .select::after{display:none}
.lenovo-filter-container .select{overflow:visible}
.lenovo-filter-container .select:has(>.select-styled.active){height:2.45em}
.lenovo-filter-container .select .select-wrapped-options{min-width:250px;padding:5px 8px}
.lenovo-filter-container .filter-select-groups--mobile .select .select-wrapped-options{top:0 !important}
.lenovo-filter-container .filter-select-groups--desktop{padding-bottom:20px;height:52px}
.select-options li{border-top:3px solid #2a2a2a}
.lenovo-filter-container .select ul li button.filter{padding:5px 10px;color:#2a2a2a;background:#fff;font-size:11px;font-weight:800}
.lenovo-filter-container .select ul li button.filter:hover{background-color:#dbdbdb}
.lenovo-filter-container .mix{width:32%;padding:0;margin:0 15px 15px 0;vertical-align:top;display:flex;background:#fff;border-radius:2px;position:relative}
.mix a:hover{text-decoration:none !important}
.lenovo-filter-container .custom-container__wrapper{padding:0}
.lenovo-filter-container .dynamic-column-control.feature-customer-stories-filter a .custom-container .headline .headline-wrapper{padding:4px 20px}
.lenovo-filter-container .h2{font-size:1.3rem;line-height:1;font-weight:700;max-width:100%;margin:20px 0 30px 0}
.lenovo-filter-container .dynamic-column-control.feature-customer-stories-filter a .custom-container .text{padding:10px 20px 20px}
.lenovo-filter-container .dynamic-column-control.feature-customer-stories-filter a .custom-container .text p{font-size:12px;font-weight:500;text-align:justify;line-height:1.6em !important}
.lenovo-filter-container .dynamic-column-control.feature-customer-stories-filter a .custom-container .text h2{font-size:1.1rem;line-height:24px}
.font-16{font-size:16px !important}
.lenovo-filter-container .dynamic-column-control.feature-customer-stories-filter a .custom-container .headline{position:absolute;right:0;background:rgba(226,35,26,1)}
.lenovo-filter-container .dynamic-column-control.feature-customer-stories-filter a .custom-container .headline .headline-wrapper p{font-size:12px;font-weight:600}
.lenovo-filter-container .text-input-wrapper input:focus{border:0;outline:0}
.lenovo-filter-container .dynamic-column-control{width:100%}
.lenovo-filter-container .select-wrapped-options{z-index:998}
.lenovo-filter-container .name-text{color:#e2231a}
.mixitup-page-stats-label{display:inline-block;padding-right:10px}
.select-styled--mobile .selected{display:none}
.select-styled--mobile .selected.active{display:inline-block}
.filter-select-groups--mobile{display:none}
.filter-select-groups--desktop{display:block}
span.selected{pointer-events:none}
.select-options .filter.disabled{pointer-events:none;background:#b9b8b8 !important;color:#888686 !important}
.select-options li:has(>.filter.disabled){cursor:not-allowed}
.select-styled .count-number{width:12.5px;display:inline-block;margin-left:3px}
.lenovo-filter-container fieldset legend{display:none}
.loading-card{width:32%;padding:0;margin:0 15px 15px 0;vertical-align:top;border-radius:2px;position:relative;background:#fff;height:380px;box-shadow:0 0 5px #ddd}
.loading-card .image,.loading-card h2,.loading-card p{background-color:#f1f0ee;background:linear-gradient(110deg,#f1f0ee 8%,#f7f7f7 18%,#f1f0ee 33%);border-radius:2px;background-size:200% 100%;animation:1.5s shine linear infinite}
.loading-card .content{padding:30px}
.loading-card .image{height:200px;width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}
.loading-card h2{height:30px;width:100%}
.loading-card p{height:70px;width:100%}
@keyframes shine{to{background-position-x:-200%}
}
@media screen and (max-width:600px){.lenovo-filter-container .mix,.loading-card{width:100%;margin-right:3%;margin-left:3%}
.lenovo-filter-container .controls{padding:0 10px 15px 10px}
.filter_container{padding:0 10px}
}
@media(min-width:601px) and (max-width:800px){.lenovo-filter-container .mix,.loading-card{width:47%;margin-right:1.5%;margin-left:1.5%;margin-bottom:20px}
.lenovo-filter-container .controls{padding:0 15px 15px 15px}
.filter_container{padding:0 15px}
}
@media(min-width:801px) and (max-width:1000px){.lenovo-filter-container .mix,.loading-card{width:31%;margin-right:1%;margin-left:1.3%;margin-bottom:20px}
.lenovo-filter-container .controls{padding:0 20px 15px 20px}
.filter_container{padding:0 20px}
}
@media(min-width:1001px) and (max-width:1279px){.lenovo-filter-container .mix,.loading-card{width:31%;margin-right:1%;margin-left:1.3%;margin-bottom:25px}
.lenovo-filter-container .controls{padding:0 25px 15px 25px}
.filter_container{padding:0 25px}
}
@media(max-width:989px){.filter-select-groups--mobile{display:block !important}
.filter-select-groups--desktop{display:none !important}
.select-wrapped-options{position:inherit;max-width:100%;min-width:auto}
}
@media screen and (max-width:390px){.image-infographics a,.image-infographics picture,.image-infographics img{height:222px !important}
}
@media(min-width:391px) and (max-width:500px){.image-infographics a,.image-infographics picture,.image-infographics img{height:300px !important}
}
@media(min-width:501px) and (max-width:600px){.image-infographics a,.image-infographics picture,.image-infographics img{height:362px !important}
}
@media(min-width:601px) and (max-width:700px){.image-infographics a,.image-infographics picture,.image-infographics img{height:209px !important}
}
@media(min-width:701px) and (max-width:800px){.image-infographics a,.image-infographics picture,.image-infographics img{height:241px !important}
}
@media(min-width:801px) and (max-width:900px){.image-infographics a,.image-infographics picture,.image-infographics img{height:178px !important}
}
@media(min-width:901px) and (max-width:1000px){.image-infographics a,.image-infographics picture,.image-infographics img{height:199px !important}
}
@media(min-width:1001px) and (max-width:1100px){.image-infographics a,.image-infographics picture,.image-infographics img{height:217px !important}
}
@media(min-width:1101px) and (max-width:1200px){.image-infographics a,.image-infographics picture,.image-infographics img{height:225px !important}
}