/*! HP Inc: hp-components-port-viewer-v3|2025.624.1143744.0006123728|6/24/2025, 2:40:53 PM|production|prodBuild|root */.c-port-viewer-v3{display:block;overflow:hidden;padding:20px 0 60px;position:relative}.c-port-viewer-v3 .bg{height:100%;left:0;position:absolute;top:0;width:100%}.c-port-viewer-v3 .bg .c-image-v2{height:100%;inset:0;position:absolute;width:100%}@media screen and (min-width:720px){.c-port-viewer-v3{padding-top:40px}}.c-port-viewer-v3 .tab-triggers{transition:opacity .3s ease}.c-port-viewer-v3 .tab-triggers--list{margin-bottom:-10px!important;margin-top:-10px!important;overflow-x:auto;overflow-y:hidden;padding-bottom:10px!important;padding-top:10px!important;position:relative;white-space:nowrap}.c-port-viewer-v3 .tab-triggers--trigger{display:inline-block;margin-left:20px;vertical-align:top}.c-port-viewer-v3 .tab-triggers--trigger:first-child{margin-left:0}@media screen and (max-width:1279.98px){.c-port-viewer-v3 .tab-triggers{margin:0 -30px}.c-port-viewer-v3 .tab-triggers--list{padding:0 30px}}@media screen and (max-width:719.98px){.c-port-viewer-v3 .tab-triggers{margin:0 -20px}.c-port-viewer-v3 .tab-triggers--list{padding:0 20px 10px}@supports (-ms-ime-align:auto){.c-port-viewer-v3 .tab-triggers--trigger:last-child{margin-right:20px}}}@media (-ms-high-contrast:none) and (max-width:719.98px){.c-port-viewer-v3 .tab-triggers--trigger:last-child{margin-right:20px}}.c-port-viewer-v3.hide-single-tab-trigger .tab-triggers--trigger:first-child:last-child,.c-port-viewer-v3.hide-tab-triggers .tab-triggers{display:none}.c-port-viewer-v3.hide-tab-triggers .headings-mobile,.c-port-viewer-v3.hide-tab-triggers .port-data-wrapper{margin-top:0}.c-port-viewer-v3 .tab-contents{display:flex}.c-port-viewer-v3 .tab-contents .tab{opacity:1;transition:opacity .3s ease;width:100%}.c-port-viewer-v3 .tab-contents .tab:not(:first-child){margin-left:-100%}.c-port-viewer-v3 .tab-contents .tab:not(.active){opacity:0;pointer-events:none}.c-port-viewer-v3 .tabs{padding:0 20px;position:relative}@media screen and (min-width:720px){.c-port-viewer-v3 .tabs{padding:0 30px}}@media screen and (min-width:1298px){.c-port-viewer-v3 .tabs{padding-left:calc(50% - 610px)}.c-port-viewer-v3 .tabs .tab-triggers--list{padding:0}}.c-port-viewer-v3 .tab-triggers--list a.c-button-secondary{background:transparent;border:1px solid #5a5a5a;color:#000;margin:0}.c-port-viewer-v3 .tab-triggers--list a.c-button-secondary.active{background-color:#165dba!important;border:1px solid #165dba!important;color:#fff!important}.c-port-viewer-v3 .tab-triggers--list a.c-button-secondary.active:hover{background-color:#114a94!important;border-color:#114a94!important}.c-port-viewer-v3.theme-default a:not(.helper):hover{background-color:#5a5a5a;border-color:#5a5a5a;color:#fff}.c-port-viewer-v3.theme-default.solid-triggers-bg a.c-button-secondary{background-color:#fff;border-color:#fff;color:#000}.c-port-viewer-v3.theme-default.solid-triggers-bg a.c-button-secondary:hover{background-color:#e8e8e8;border-color:#e8e8e8}.c-port-viewer-v3.theme-light{color:#fff}.c-port-viewer-v3.theme-light .tab-triggers a.c-button-secondary{border-color:#fff;color:#fff}.c-port-viewer-v3.theme-light .tab-triggers a:not(.helper):hover{background-color:#fff;border-color:#fff;color:#000}.c-port-viewer-v3.theme-light.solid-triggers-bg a.c-button-secondary{background-color:#5a5a5a;border-color:#5a5a5a;color:#fff}.c-port-viewer-v3.theme-light.solid-triggers-bg a.c-button-secondary:hover{background-color:#767676;border-color:#767676;color:#fff}body:not(.c-mouse-event) .c-port-viewer-v3 .tab-triggers--list a.c-button-secondary.active:focus{background-color:#114a94!important;border-color:#114a94!important;color:#fff!important}body:not(.c-mouse-event) .c-port-viewer-v3.theme-default a[class*=c-button]:focus{background-color:#5a5a5a;border-color:#5a5a5a;color:#fff}body:not(.c-mouse-event) .c-port-viewer-v3.theme-default.solid-triggers-bg a.c-button-secondary:focus{background-color:#e8e8e8;border-color:#e8e8e8;color:#000}body:not(.c-mouse-event) .c-port-viewer-v3.theme-light .tab-triggers a[class*=c-button]:focus{background-color:#fff;border-color:#fff;color:#000}body:not(.c-mouse-event) .c-port-viewer-v3.theme-light.solid-triggers-bg a.c-button-secondary:focus{background-color:#767676;border-color:#767676;color:#fff}.c-port-viewer-v3 .port-data-wrapper{display:flex;flex-direction:column-reverse;width:100%}.c-port-viewer-v3 .port-data-wrapper .port-data{flex-grow:0;flex-shrink:0}@media screen and (min-width:1280px){.c-port-viewer-v3 .port-data-wrapper .port-data{padding-right:2%;width:34%}}@media screen and (min-width:1920px){.c-port-viewer-v3 .port-data-wrapper .port-data{width:28%}}.c-port-viewer-v3 .port-data-wrapper .ordered-port-data li:not(:last-child){margin-bottom:8px}.c-port-viewer-v3 .port-data-wrapper .port-info{display:flex;flex-direction:row;margin-top:40px;width:100%}.c-port-viewer-v3 .port-data-wrapper .port-info>ol{margin-top:0;transition:opacity .3s ease;width:100%}.c-port-viewer-v3 .port-data-wrapper .port-info>ol:not(:first-child){margin-left:-100%}.c-port-viewer-v3 .port-data-wrapper .port-info>ol:not(.active){opacity:0;pointer-events:none}.c-port-viewer-v3 .port-data-wrapper .port-media{flex-grow:1;margin-right:-20px;position:relative}@media screen and (max-width:719.98px){.c-port-viewer-v3 .port-data-wrapper .port-media{margin-top:25px}}@media screen and (max-width:1279.98px){.c-port-viewer-v3 .port-data-wrapper .port-media{margin-top:15px}}@media screen and (min-width:720px){.c-port-viewer-v3 .port-data-wrapper .port-media{margin-right:-30px}}@media screen and (min-width:1280px){.c-port-viewer-v3 .port-data-wrapper .port-media{margin-right:-31px}}.c-port-viewer-v3 .port-data-wrapper .port-media-wrapper{position:relative}.c-port-viewer-v3 .port-data-wrapper .media-wrapper{position:relative;transition:width .3s ease,transform .3s ease;width:100%}.c-port-viewer-v3 .port-data-wrapper .media-wrapper .c-image-v2{text-align:center}.c-port-viewer-v3 .port-data-wrapper .media-wrapper img{line-height:1}.c-port-viewer-v3 .port-data-wrapper .media-ports-list{position:relative}.c-port-viewer-v3 .port-data-wrapper .expand-icon{opacity:1;position:absolute;top:50%;transform:translate(-125%,-50%);transition:opacity .3s ease .2s}.c-port-viewer-v3 .port-data-wrapper .expand-icon>a{position:relative;vertical-align:top}@media (max-width:719.98px){.c-port-viewer-v3 .port-data-wrapper .expand-icon>a{border:3px solid transparent}.c-port-viewer-v3 .port-data-wrapper .expand-icon>a:after{height:10px;left:53%;width:10px}}.c-port-viewer-v3 .port-data-wrapper .port-media-item{display:flex;flex-direction:row;justify-content:flex-end;line-height:0;min-height:40px;padding:15px 0}.c-port-viewer-v3 .port-data-wrapper .port-media-item hp-icon{line-height:1.5}.c-port-viewer-v3 .port-data-wrapper .port-media-item hp-icon svg{opacity:0;transition:opacity .3s ease}.c-port-viewer-v3 .port-data-wrapper .port-media-item .svg-layer{direction:ltr}.c-port-viewer-v3 .port-data-wrapper .port-media-item:not(.active) .media-wrapper{transform:translateX(40%);width:50%}.c-port-viewer-v3 .port-data-wrapper .port-media-item:not(.active) hp-icon svg{pointer-events:none}.c-port-viewer-v3 .port-data-wrapper .port-media-item.active .expand-icon{opacity:0;pointer-events:none;transition-delay:0s;transition-duration:.15s}.c-port-viewer-v3 .port-data-wrapper .port-media-item.active .manual-spot,.c-port-viewer-v3 .port-data-wrapper .port-media-item.active hp-icon svg{opacity:1}@media screen and (max-width:719.98px){.c-port-viewer-v3 .port-data-wrapper .port-media-item:not(.active) .media-wrapper{transform:translateX(10%)}}@media screen and (min-width:720px){.c-port-viewer-v3 .port-data-wrapper .port-media-item{padding:27px 0}}@media screen and (min-width:1280px){.c-port-viewer-v3 .port-data-wrapper .port-media-item{padding:30px 0}}.c-port-viewer-v3 .port-data-wrapper .port-description{margin:8px 0 12px}@media screen and (min-width:1280px){.c-port-viewer-v3 .port-data-wrapper{flex-direction:row;margin-top:60px}}.c-port-viewer-v3:not(.manual-spots) .port-data-wrapper .port-media{overflow:hidden}.c-port-viewer-v3 .manual-spots-wrapper,.c-port-viewer-v3 .media-wrapper [class*=hide-on],.c-port-viewer-v3 .media-wrapper [class*=show-on],.c-port-viewer-v3 .svg-layer svg{height:100%;left:0;position:absolute;top:0;width:100%}.c-port-viewer-v3 .port-view-switcher{background:rgba(0,0,0,.15);border-radius:20px;padding:16px 11px;position:absolute;right:31px;top:50%;transform:translateY(-50%)}.c-port-viewer-v3 .port-view-switcher li{margin-top:10px}.c-port-viewer-v3 .port-view-switcher li:first-child{margin-top:0}.c-port-viewer-v3 .port-view-switcher .switcher-dot{background:#767676;border-radius:100%;display:block;height:8px;transition:background .3s ease;width:8px}.c-port-viewer-v3 .port-view-switcher .switcher-dot.active{background:#fff}.c-port-viewer-v3 .headings{margin-top:30px}.c-port-viewer-v3 .headings .description{margin-top:.5rem}@media screen and (max-width:1279.98px){.c-port-viewer-v3 .headings-desktop{display:none}}@media screen and (min-width:1280px){.c-port-viewer-v3 .headings{margin-top:0}.c-port-viewer-v3 .headings-mobile{display:none}}.c-port-viewer-v3 .manual-spot{background:#fff;border-radius:50%;box-shadow:1px 3px 5px rgba(0,0,0,.5);color:#000;height:32px;line-height:32px;opacity:0;pointer-events:none;position:absolute;text-align:center;transition:background .3s ease,color .3s ease,opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px}.c-port-viewer-v3 .alignment-dd-wrapper{width:100%}.c-port-viewer-v3 .spot-horizontal-alignment-helper,.c-port-viewer-v3 .spot-vertical-alignment-helper{height:34px;line-height:34px}.c-port-viewer-v3.single-tab-mode .tab-triggers{display:none}.c-port-viewer-v3.single-tab-mode .headings,.c-port-viewer-v3.single-tab-mode .port-data-wrapper{margin-top:0}body:not(.c-mouse-event) .c-port-viewer-v3 .tab-contents .tab .port-media-item.active .expand-icon a,body:not(.c-mouse-event) .c-port-viewer-v3 .tab-contents .tab:not(.active) a{display:none}.c-port-viewer-v3.edit-mode .tab-contents{flex-direction:column}.c-port-viewer-v3.edit-mode .tab-contents .tab:not(.active){margin-left:0;opacity:1;pointer-events:all}.c-port-viewer-v3.edit-mode .port-data-wrapper .port-info{flex-direction:column}.c-port-viewer-v3.edit-mode .port-data-wrapper .port-info>.ordered-port-data{margin-left:0;opacity:1;pointer-events:all}.c-port-viewer-v3.edit-mode .port-data-wrapper .port-media-item .media-wrapper{transform:none;width:100%}.c-port-viewer-v3.edit-mode .port-data-wrapper .port-media-item .media-wrapper .expand-icon{display:none}.c-port-viewer-v3.edit-mode .port-data-wrapper .port-media-item .media-wrapper hp-icon svg{opacity:1;pointer-events:all}.c-port-viewer-v3.edit-mode.track-spot-position .port-media-item{flex-direction:column}.c-port-viewer-v3.edit-mode.track-spot-position .track-spots-helper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:7px;padding-bottom:15px;width:100%}.c-port-viewer-v3.edit-mode.track-spot-position .track-spot-output{height:34px;max-width:100%;outline:none;width:320px}.c-port-viewer-v3.edit-mode.track-spot-position .current-screen-helper{background:#babaf5;color:#000;display:inline-block;line-height:34px;padding:0 10px}.c-port-viewer-v3.edit-mode.track-spot-position .manual-spot{opacity:1}