.pipe-selector-container{display:flex;width:100%;max-height:90vh;position:relative}.pipe-selector-container::before{content:'';position:absolute;top:0;left:0;z-index:-1;background-color:#5C5C5C;width:100vw;user-select:none;pointer-events:none;height:100vh}.pipe-menu-section{width:50%;background-color:#fff;padding:60px 80px;display:flex;flex-direction:column;gap:20px}.pipe-menu-item{font-size:22px;font-weight:500;color:#000;cursor:pointer;transition:all 0.3s ease;width:fit-content;position:relative}.pipe-menu-item::after{position:absolute;content:'';width:0;height:1px;background-color:currentColor;left:0;bottom:0;transition:width 0.3s ease}.pipe-menu-item:hover{color:#4178d0}.pipe-menu-item.active::after{width:100%}.pipe-menu-item.active{color:#4178d0;font-weight:600}.pipe-menu-item.active::after{width:100%}.pipe-view-all{margin-top:auto;font-size:18px;color:#4178d0;cursor:pointer;display:flex;align-items:center;gap:8px;transition:gap 0.3s ease;text-decoration:none}.pipe-view-all:hover{gap:12px}.pipe-image-section{width:50%;background-color:#f9f9f9;position:relative;overflow:hidden}img.pipe-image{width:100%;height:100%!important;object-fit:cover;position:absolute;top:0;left:0;opacity:0;transform:scale(.95) translateY(20px);transition:all 0.5s ease}.pipe-image.active{opacity:1;transform:scale(1) translateY(0);z-index:2}.pipe-image.prev{opacity:0;transform:scale(1.05) translateY(-20px);z-index:1}