body .component-whatisnewbanners-v1{display:flex;flex-direction:column;width:100%}body .component-whatisnewbanners-v1>section{display:flex;flex-direction:column;width:100%;contain:layout inline-size;container-type:inline-size;container-name:component_whatisnewbanners_v1}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners{display:flex;flex-direction:column;gap:15px;padding:10px 10px 45px 10px;width:100%;border:1px solid rgb(var(--neutralcolor-alternative));border-radius:5px;background-color:#fff;position:relative;transition:all .3s}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;position:relative;gap:10px;width:100%;padding:0 0 10px 0}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header::after{content:"";position:absolute;width:60px;height:2px;background-color:rgb(var(--secondarycolor-additional));left:0;bottom:0;transition:all .3s}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header .cmpntWhatIsNewBanners__header--title{display:flex;flex-direction:column;width:calc(100% - 10px - 50px)}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header .cmpntWhatIsNewBanners__header--title h2{font-size:2.4rem;font-weight:700;color:rgb(var(--primarycolor-additional));transition:all .3s}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header .cmpntWhatIsNewBanners__header--title p{font-size:1.4rem;font-weight:400;color:rgb(var(--neutralcolor-main));transition:all .3s}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header .cmpntWhatIsNewBanners__header--icon{display:flex;justify-content:center;align-items:center;width:50px}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header .cmpntWhatIsNewBanners__header--icon span{display:flex;justify-content:center;align-items:center;width:45px}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header .cmpntWhatIsNewBanners__header--icon span img{width:100%;height:100%;object-fit:contain;object-position:center}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%;gap:10px}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list .cmpntWhatIsNewBanners__list--item{display:none;border-radius:5px;overflow:hidden;width:100%;transition:all .3s}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list .cmpntWhatIsNewBanners__list--item.active{display:flex}@container component_whatisnewbanners_v1 (min-width: 600px){body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list .cmpntWhatIsNewBanners__list--item{width:calc(50% - 5px)}}@container component_whatisnewbanners_v1 (min-width: 960px){body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list .cmpntWhatIsNewBanners__list--item{width:calc(33.33% - 6.7px)}}@container component_whatisnewbanners_v1 (min-width: 1280px){body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list .cmpntWhatIsNewBanners__list--item{width:calc(25% - 7.5px)}}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list .cmpntWhatIsNewBanners__list--item a{display:flex;justify-content:center;align-items:center;width:100%}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list .cmpntWhatIsNewBanners__list--item a span{display:flex;justify-content:center;align-items:center;width:100%;height:100px}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list .cmpntWhatIsNewBanners__list--item a span img{width:100%;height:100%;object-fit:cover;object-position:center}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners-v1_sliderContainer{overflow:hidden;position:relative}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination{display:flex;gap:10px;justify-content:center;position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination a{width:15px;height:15px;background-color:#fff;border:1px solid rgb(var(--primarycolor-additional));border-radius:50%;font-size:0}@container component_whatisnewbanners_v1 (min-width: 1024px){body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination a{width:10px;height:10px}}body .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination a.active{background-color:rgb(var(--secondarycolor-additional));border:1px solid rgb(var(--secondarycolor-additional))}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners{background-color:rgb(var(--contrastcolor-background));border:0;transition:all .3s}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header::after{opacity:0;transition:all .3s}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header .cmpntWhatIsNewBanners__header--title h2{color:rgb(var(--contrastcolor-text));transition:all .3s}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__header .cmpntWhatIsNewBanners__header--title p{color:rgb(var(--contrastcolor-text));transition:all .3s}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__list .cmpntWhatIsNewBanners__list--item{border:1px solid rgb(var(--contrastcolor-text));transition:all .3s}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination a{position:relative;background-color:rgb(var(--contrastcolor-background));border:1px solid rgb(var(--contrastcolor-text))}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination a::after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background-color:rgb(var(--contrastcolor-text))}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination a:hover{background-color:rgb(var(--contrastcolor-background));border:1px solid rgb(var(--contrastcolor-hover))}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination a:hover::after{background-color:rgb(var(--contrastcolor-hover))}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination a.active{background-color:rgb(var(--contrastcolor-hover));border:1px solid rgb(var(--contrastcolor-hover))}body.adaptContrastActive .component-whatisnewbanners-v1>section .cmpntWhatIsNewBanners .cmpntWhatIsNewBanners__pagination a.active::after{background-color:rgb(var(--contrastcolor-hover))}