.highlights{z-index:999;background-color:var(--primary-main);flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.highlights p,.highlights h3{margin:0}.highlights .variant-name,.highlights .feature-name{color:var(--tertiary-white);font-size:1.5rem;font-family:var(--font-secondary-nexa);letter-spacing:.48px;word-wrap:break-word;font-weight:700;line-height:28px}.highlights .header{background-color:var(--primary-main);align-items:center;gap:1rem;width:100%;padding:16px 20px;display:flex}.highlights .header .back-button{content:"";cursor:pointer;background:url(/arena/configurator/brezza/icons/arrow-back-white.svg) 50% no-repeat;border:none;outline:none;width:24px;height:24px}.highlights .header .variant-name{color:var(--tertiary-white)}.highlights .videos{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.highlights .videos .video-controls-overlay{background:linear-gradient(0deg, var(--primary-main) 0%, transparent 30%);z-index:5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.highlights .videos .video-controls-overlay .icon-button{cursor:pointer;background-color:#0000;border:none;border-radius:50%;width:48px;height:48px}.highlights .videos .video-controls-overlay .play-btn{background:url(/arena/configurator/brezza/icons/play.svg) 50%/48px no-repeat}.highlights .videos .video-controls-overlay .pause-btn{background:url(/arena/configurator/brezza/icons/pause.svg) 50%/48px no-repeat}.highlights .videos .video-controls-overlay .progress-bar-container{width:100%;padding:24px;position:absolute;bottom:0;left:0}.highlights .videos .video-controls-overlay .progress-bar-container input{accent-color:#dac8c6;cursor:pointer;width:100%;height:4px}.highlights .videos .video-reel{width:100%;height:100%;transition:transform .3s ease-out;display:flex}.highlights .videos .video-container{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.highlights .videos .video-container .highlight-video{object-fit:cover;width:100%;height:100%}.highlights .footer{background-color:var(--tertiary-light-grey);width:100%;padding:36px 20px 20px}.highlights .footer .content{margin-bottom:2rem}.highlights .footer .feature-name{color:var(--primary-main)}.highlights .footer .carousel-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.highlights .footer .carousel-controls .prev-btn{cursor:pointer;background:url(/arena/configurator/brezza/icons/prevArrow.svg) 50% no-repeat;border:none;width:24px;height:24px}.highlights .footer .carousel-controls .next-btn{cursor:pointer;background:url(/arena/configurator/brezza/icons/nextArrow.svg) 50% no-repeat;border:none;width:24px;height:24px}.highlights .footer .carousel-controls .carousel-dots{gap:8px;display:flex}.highlights .footer .carousel-controls .dot{cursor:pointer;transition:background-image .1s ease-in-out}.highlights .footer .carousel-controls .dot.active{background:url(/arena/configurator/brezza/icons/carousel_dot_active_black.svg) 50% no-repeat;width:47px;height:4px;display:inline-block}.highlights .footer .carousel-controls .dot.inactive{background:url(/arena/configurator/brezza/icons/carousel_dot_inactive_grey.svg) 50% no-repeat;width:7px;height:4px;display:inline-block}.footer.landscape-mode{padding:20px 24px 10px}.footer.landscape-mode .content{margin:.2rem}