.series-navigation-component{overflow:hidden}
.wearables-series-nav{width:100%;overflow:hidden;text-align:center;position:relative;margin:40px 0}
@media screen and (max-width:991.98px){.wearables-series-nav{margin:32px 0}
}
.wearables-series-nav.init-editor{width:100%;height:19vw;background-image:url("../../../../../../content/dam/huawei-cbg-site/common/component/image/series-navigation-component.png");background-size:cover}
.wearables-series-nav .wearables-nav__container{width:100%;opacity:1;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;will-change:opacity}
.wearables-series-nav .wearables-nav__container.is-loading{opacity:0}
.wearables-series-nav .wearables-nav__container .wearables-nav__wrap{position:relative;max-width:1564px;margin:0 auto}
.wearables-series-nav .wearables-nav__container .wearables-nav__wrap::-webkit-scrollbar{display:none}
@media screen and (max-width:1919.98px) and (min-width:1600px){.wearables-series-nav .wearables-nav__container .wearables-nav__wrap{max-width:calc(93.75vw + -236px)}
}
@media screen and (max-width:1599.98px) and (min-width:1200px){.wearables-series-nav .wearables-nav__container .wearables-nav__wrap{max-width:calc(84vw + -80px)}
}
@media screen and (max-width:1198.98px) and (min-width:992px){.wearables-series-nav .wearables-nav__container .wearables-nav__wrap{max-width:calc(57.692vw + 235.692px)}
}
@media screen and (max-width:991.98px){.wearables-series-nav .wearables-nav__container .wearables-nav__wrap{max-width:100%;width:100%}
}
.wearables-series-nav .wearables-nav__container .wearables-nav__list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0;overflow:hidden}
.wearables-series-nav .wearables-nav__container .wearables-nav__list::-webkit-scrollbar{display:none}
@media screen and (max-width:991.98px){.wearables-series-nav .wearables-nav__container .wearables-nav__list{overflow-x:auto}
}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap{width:254px;box-sizing:content-box;margin:0 4px;display:inline-block;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap:first-of-type{margin-left:0}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap:last-of-type{margin-right:0}
@media screen and (max-width:1919.98px) and (min-width:1600px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap{width:calc(15.625vw + -46px)}
}
@media screen and (max-width:1599.98px) and (min-width:1200px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap{width:calc(14vw + -20px)}
}
@media screen and (max-width:1198.98px) and (min-width:992px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap{width:calc(9.615vw + 32.615px)}
}
@media screen and (max-width:991.98px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap{width:auto;margin:0 12px}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap:first-of-type{padding-left:24px}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap:last-of-type{padding-right:24px}
}
@media screen and (max-width:991.98px) and (min-width:768px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap{max-width:calc(14.35vw + 37.794px)}
}
@media screen and (max-width:767.98px) and (min-width:360px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap{max-width:calc(14.706vw + 35.059px)}
}
@media screen and (max-width:359.98px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__wrap{max-width:88px}
}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item{cursor:pointer}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__img{width:190px;height:190px;border-radius:50%;overflow:hidden;margin:0 auto;margin-bottom:14px;-webkit-box-shadow:2px 4px 3px 0 rgba(0,0,0,0.08);box-shadow:2px 4px 3px 0 rgba(0,0,0,0.08)}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__img img{width:100%}
@media screen and (max-width:1919.98px) and (min-width:1600px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__img{width:calc(10.625vw + -14px);height:calc(10.625vw + -14px)}
}
@media screen and (max-width:1599.98px) and (min-width:1200px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__img{width:calc(12vw + -36px);height:calc(12vw + -36px)}
}
@media screen and (max-width:1198.98px) and (min-width:992px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__img{width:108px;height:108px}
}
@media screen and (max-width:991.98px) and (min-width:768px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__img{width:calc(14.35vw + 13.794px);height:calc(14.35vw + 13.794px)}
}
@media screen and (max-width:767.98px) and (min-width:360px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__img{width:calc(14.706vw + 11.059px);height:calc(14.706vw + 11.059px);margin-bottom:calc(1.961vw + -1.059px)}
}
@media screen and (max-width:359.98px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__img{width:64px;height:64px;margin-bottom:6px}
}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__title{font-size:20px;font-weight:700;line-height:1.375;max-height:55px;margin-bottom:8px;max-width:100%;white-space:normal;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media screen and (max-width:1919.98px) and (min-width:1600px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__title{font-size:calc(1.563vw + -10px);max-height:calc(4.297vw + -27.5px)}
}
@media screen and (max-width:1599.98px) and (min-width:1200px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__title{font-size:calc(0.25vw + 11px);max-height:calc(0.688vw + 30.25px)}
}
@media screen and (max-width:1198.98px) and (min-width:992px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__title{font-size:14px;max-height:38.5px}
}
@media screen and (max-width:991.98px) and (min-width:768px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__title{font-size:15px;max-height:41.25px}
}
@media screen and (max-width:767.98px) and (min-width:360px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__title{font-size:calc(1.225vw + 5.588px);margin-bottom:calc(0.735vw + 2.353px);max-height:calc(3.37vw + 15.368px)}
}
@media screen and (max-width:359.98px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__title{font-size:10px;margin-bottom:5px;max-height:27.5px}
}
.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__text{font-size:16px;max-height:44px;font-weight:300;line-height:1.375;color:rgba(0,0,0,0.6);white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media screen and (max-width:1919.98px) and (min-width:1600px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__text{font-size:calc(0.938vw + -2px);max-height:calc(2.578vw + -5.5px)}
}
@media screen and (max-width:1599.98px) and (min-width:1200px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__text{font-size:calc(0.25vw + 9px);max-height:calc(0.688vw + 24.75px)}
}
@media screen and (max-width:1198.98px) and (min-width:992px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__text{font-size:12px;max-height:33px}
}
@media screen and (max-width:991.98px) and (min-width:768px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__text{font-size:13px;max-height:35.75px}
}
@media screen and (max-width:767.98px) and (min-width:360px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__text{font-size:calc(0.245vw + 11.118px);max-height:calc(0.674vw + 30.574px)}
}
@media screen and (max-width:359.98px){.wearables-series-nav .wearables-nav__container .wearables-nav__list .nav-item__text{font-size:12px;max-height:33px}
}
.wearables-series-nav .wearables-nav__container .wearables-nav-arrow{width:64px;height:64px;font-size:0;background-color:#e7e7e7;border-radius:50%;z-index:30;position:absolute;top:calc(50% - 24px);display:none}
.wearables-series-nav .wearables-nav__container .wearables-nav-arrow::before,.wearables-series-nav .wearables-nav__container .wearables-nav-arrow::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;border-radius:2px;background-color:#000;display:block;-webkit-transition:.3s ease-out;transition:.3s ease-out}
.wearables-series-nav .wearables-nav__container .wearables-nav-arrow-prev::before,.wearables-series-nav .wearables-nav__container .wearables-nav-arrow-next::before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);margin-left:-4px}
.wearables-series-nav .wearables-nav__container .wearables-nav-arrow-prev::after,.wearables-series-nav .wearables-nav__container .wearables-nav-arrow-next::after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);margin-left:5px}
.wearables-series-nav .wearables-nav__container .wearables-nav-arrow-prev{-webkit-transform:translate(-100%,-50%) rotate(-90deg);transform:translate(-100%,-50%) rotate(-90deg);left:0}
.wearables-series-nav .wearables-nav__container .wearables-nav-arrow-next{-webkit-transform:translate(100%,-50%) rotate(90deg);transform:translate(100%,-50%) rotate(90deg);right:0}
.wearables-series-nav .wearables-nav__container .wearables-nav-arrow.is-disabled{opacity:.35;cursor:auto;pointer-events:none}
@media only screen and (min-width:1200px){.wearables-series-nav .wearables-nav__container .wearables-nav-arrow:hover{background-color:#000}
.wearables-series-nav .wearables-nav__container .wearables-nav-arrow:hover::after,.wearables-series-nav .wearables-nav__container .wearables-nav-arrow:hover::before{background-color:#fff}
}
.wearables-series-nav .wearables-nav__container.is-fixed{background-color:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.08);box-shadow:0 2px 6px 0 rgba(0,0,0,0.08);position:fixed;z-index:145;top:0 !important}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__wrap{width:auto;max-width:148px;margin:0 32px}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__wrap:first-of-type{margin-left:0}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__wrap:last-of-type{margin-right:0}
@media screen and (max-width:991.98px){.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__wrap{max-width:none;margin:0 12px}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__wrap:first-of-type{padding-left:24px}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__wrap:last-of-type{padding-right:24px}
}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item{position:relative;height:100%;overflow:hidden}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item::after{content:"";width:0;height:2px;position:absolute;bottom:0;left:0;background-color:#000;will-change:width;-webkit-transition:width ease-in-out .3s;transition:width ease-in-out .3s}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item.is-active::after{width:100%}
@media only screen and (min-width:992px){.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item:hover::after{width:100%}
}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__title{margin-top:25px;margin-bottom:26px;font-size:14px;max-height:38.5px;max-width:148px;font-weight:400}
@media only screen and (max-width:991.98px){.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__title{font-size:12px;max-height:33px;margin-top:18px;margin-bottom:20px;max-width:none}
}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__img,.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav__list .nav-item__text{display:none}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav-arrow{width:40px;height:40px;top:50%}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav-arrow::before,.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav-arrow::after{width:8px}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav-arrow-prev{left:-24px}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav-arrow-next{right:-24px}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav-arrow-prev::before,.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav-arrow-next::before{margin-left:-2px}
.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav-arrow-prev::after,.wearables-series-nav .wearables-nav__container.is-fixed .wearables-nav-arrow-next::after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);margin-left:3px}
.wearables-series-nav .wearables-nav__container.is-pagination .wearables-nav__list{-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.wearables-series-nav .wearables-nav__container.is-pagination .wearables-nav-arrow{display:block}
.wearables-series-nav .wearables-calc-height{position:absolute;top:0;left:0;opacity:0;pointer-events:none;display:flex;width:100%}
.wearables-series-nav .wearables-calc-height .nav-item__title{margin-top:25px;margin-bottom:26px;font-size:14px;max-height:38.5px;max-width:148px;font-weight:400;line-height:1.375;flex:0 0 auto;overflow:hidden}
@media only screen and (max-width:991.98px){.wearables-series-nav .wearables-calc-height .nav-item__title{font-size:12px;max-height:33px;margin-top:18px;margin-bottom:20px;max-width:none}
}