body .component-whatisnew-v1{display:flex;flex-direction:column;width:100%}body .component-whatisnew-v1>section{display:flex;flex-direction:column;width:100%;contain:layout inline-size;container-type:inline-size;container-name:component_whatisnew_v1}body .component-whatisnew-v1>section .cmpntWhatIsNew{display:flex;flex-direction:column;width:100%;border:1px solid rgb(var(--neutralcolor-alternative));border-radius:5px;padding:15px 10px;gap:30px}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header{display:flex;flex-direction:row;justify-content:space-between;position:relative;width:100%}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header::after{content:"";position:absolute;left:0px;bottom:-15px;width:100%;height:1px;background-color:rgb(var(--neutralcolor-alternative))}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header .cmpntWhatIsNew__header--title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:calc(100% - 50px)}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header .cmpntWhatIsNew__header--title h2{font-size:2.4rem;font-weight:700;color:rgb(var(--primarycolor-additional))}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header .cmpntWhatIsNew__header--title p{font-size:1.4rem;font-weight:400;color:rgb(var(--neutralcolor-main))}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header .cmpntWhatIsNew__header--icon{display:flex;justify-content:center;align-items:center;width:50px}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header .cmpntWhatIsNew__header--icon span{display:flex;justify-content:center;align-items:center;width:50px}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header .cmpntWhatIsNew__header--icon span span{display:flex;width:45px}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header .cmpntWhatIsNew__header--icon span span img{display:flex;width:100%;height:100%;object-fit:contain;object-position:center}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list{display:flex;flex-direction:column;width:100%;gap:5px}@container component_whatisnew_v1 (min-width: 600px){body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list{flex-direction:row;flex-wrap:wrap}}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item{display:flex;flex-direction:row;position:relative;width:100%;gap:10px;border:1px solid rgb(var(--neutralcolor-alternative));border-radius:5px;padding:15px 10px;background:linear-gradient(268deg, rgb(var(--neutralcolor-alternative)) -54.48%, #fff 102.66%);cursor:pointer;transition:all .3s}@container component_whatisnew_v1 (min-width: 600px){body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item{width:calc(50% - 2.5px)}}@container component_whatisnew_v1 (min-width: 1024px){body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item{width:calc(25% - 3.8px)}}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item::after{content:"";position:absolute;left:70px;bottom:-1px;width:65%;height:1px;background-color:rgb(var(--secondarycolor-additional))}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item .image{display:flex;justify-content:center;align-items:center;width:50px}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item .image span{display:flex;width:45px}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item .image span img{display:flex;width:100%;height:100%;object-fit:contain;object-position:center}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item .details{display:flex;flex-direction:column;width:calc(100% - 50px - 10px);transition:all .3s}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item .details .tag p{font-size:1.2rem;font-weight:400;color:rgb(var(--secondarycolor-additional));transition:all .3s}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item .details .title p{font-size:1.4rem;font-weight:700;color:rgb(var(--primarycolor-main));transition:all .3s}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:visited{background:linear-gradient(268deg, rgb(var(--neutralcolor-alternative)) -54.48%, #fff 102.66%);transition:all .3s}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:visited .details .tag p{color:rgb(var(--secondarycolor-additional));transition:all .3s}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:visited .details .title p{color:rgb(var(--primarycolor-main));transition:all .3s}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:hover{background:rgb(var(--primarycolor-additional));transition:all .3s}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:hover .details .title p{color:rgb(var(--neutralcolor-detail));transition:all .3s}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:active{background:rgb(var(--primarycolor-main));transition:all .3s}body .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:active .details .title p{color:rgb(var(--neutralcolor-detail));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1{background-color:rgb(var(--contrastcolor-background))}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header .cmpntWhatIsNew__header--title h2{color:rgb(var(--contrastcolor-text));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__header .cmpntWhatIsNew__header--title p{color:rgb(var(--contrastcolor-text));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item{background:rgb(var(--contrastcolor-background));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item::after{opacity:0}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item .details .tag p{text-decoration:underline;color:rgb(var(--contrastcolor-text));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item .details .title p{text-decoration:underline;color:rgb(var(--contrastcolor-text));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:visited{background:rgb(var(--contrastcolor-background));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:visited .details .tag p{color:rgb(var(--contrastcolor-text));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:visited .details .title p{color:rgb(var(--contrastcolor-text));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:hover .details .tag p,body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:active .details .tag p{color:rgb(var(--contrastcolor-hover));transition:all .3s}body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:hover .details .title p,body.adaptContrastActive .component-whatisnew-v1>section .cmpntWhatIsNew .cmpntWhatIsNew__list .cmpntWhatIsNew__list--item:active .details .title p{color:rgb(var(--contrastcolor-hover));transition:all .3s}