@charset "UTF-8";

*,::after,::before{
    box-sizing:border-box;
}
n-universal-navigation{
    background-color: #f4f7f8;
    border-bottom:0;
    display:none;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding:0;
    width:100%;
}
n-universal-navigation ul {
    padding:0;
} 
n-universal-navigation li a {
    background-image:linear-gradient(to right,#65d097,#65d097);
    background-position:0 calc(1em - calc(1em/16));
    background-repeat:no-repeat;
    background-size:100% 3px;
    color:#000;
    -webkit-text-decoration-color:#65d097;
    text-decoration-color:#65d097;
}
n-universal-navigation a:hover {
    background-color:#bbe4d5;
    background-image:linear-gradient(to right,#bbe4d5,#bbe4d5);
    color:#000;
    -webkit-text-decoration-color:#bbe4d5;
    text-decoration-color:#bbe4d5;
}
n-universal-navigation .cta {
    text-align:start;
    font-style:normal;
    font-family:Beatrice,"Helvetica Neue",Arial,sans-serif;
}
n-universal-navigation .cta {
    font-size:16px;
    line-height:24px;
    font-weight:500;
    -ms-flex-item-align:start;
    align-self:flex-start;
    background:#000;
    border:1px solid;
    border-color:#000;
    border-radius:0;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin:3rem 2.375rem 0 0;
    padding:19px 20px;
    text-decoration:none;
    width:-moz-fit-content;
    width:fit-content;
}
n-universal-navigation .cta svg {
    -ms-flex-item-align:center;
    align-self:center;
    fill:#fff;
    height:24px;
    margin-left:8px;
    position:relative;
    width:24px;
}
n-universal-navigation .cta:hover {
    background:gray;
    border-color:gray;
    border-width:1px;
    color:#fff;
}
n-universal-navigation .cta,
n-universal-navigation .cta:visited {
    color:#fff;
}

n-universal-navigation .n-account-dropdown n-button-group ul li .cta svg{
    fill:#000;
    margin-left:0
}

n-universal-navigation>nav>ul>li:first-of-type{
    padding-left:0
}

n-universal-navigation>nav>ul>li button:hover{
    background-color:#fff
}

n-universal-navigation .n-account-dropdown ul li:last-child{
    margin-bottom:0
}

@media (min-width:768px){
    n-universal-navigation .n-all-netapp{
        box-shadow:0 2px 12px 0 rgba(0,0,0,.18);
        display:none;
        grid-template-columns:1fr 1.5fr;
        position:absolute;
        right:0;
        visibility:hidden;
        z-index:999;
    }
    n-universal-navigation .n-all-netapp.active {
        display: -ms-flexbox;
        display: flex;
        height: auto;
        opacity: 1;
        overflow: visible;
        visibility: visible;
    }
    n-universal-navigation .n-all-netapp n-primary{
        background:#fff;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-pack:center;
        justify-content:center;
        padding-left:56px;
        padding-right:56px;
        width:264px;
    }
    n-universal-navigation .n-all-netapp n-secondary ul li a {
        white-space: nowrap;
    }
    n-universal-navigation .n-all-netapp n-primary ul,
    n-universal-navigation .n-all-netapp n-secondary ul{
        list-style:none;
        margin:0;
    }
    n-universal-navigation .n-all-netapp n-primary ul li{
        -ms-flex-align:center;
        align-items:center;
        display:-ms-flexbox;
        display:flex;
        gap:4px;
        margin-bottom:14px;
    }
    n-universal-navigation .n-all-netapp n-primary ul li:last-child,
    n-universal-navigation .n-all-netapp n-secondary ul li:last-child{
        margin-bottom:0;
    }
    n-universal-navigation .n-all-netapp n-primary ul li svg{
        height:24px;
        width:24px;
    }
    n-universal-navigation .n-all-netapp n-primary ul li a,
    n-universal-navigation .n-all-netapp n-secondary ul li a{
        background-image:none;
        font-style:normal;
        font-weight:700;
        text-decoration:none;
    }
    n-universal-navigation .n-all-netapp n-primary ul li a{
        font-size:18px;
        line-height:135%;
        white-space:nowrap;
    }
    n-universal-navigation .n-all-netapp n-primary ul li a:hover{
        background-image:linear-gradient(to right,#65d097,#65d097);
        background-position:0 calc(1em - calc(1em/16) + 6px);
        background-repeat:no-repeat;
        background-size:100% 3px;
        color:#000;
        -webkit-text-decoration-color:#65d097;
        text-decoration-color:#65d097;
        background-color:transparent;
    }
    n-universal-navigation .n-all-netapp n-secondary ul li a:hover{
        background-image:linear-gradient(to right,#65d097,#65d097);
        background-position:0 calc(1em - calc(1em/16) + 6px);
        background-repeat:no-repeat;
        background-size:100% 3px;
        color:#000;
        -webkit-text-decoration-color:#65d097;
        text-decoration-color:#65d097;
        background-color:transparent;
    }
    n-universal-navigation .n-all-netapp n-secondary{
        background:#f4f7f8;
        display:grid;
        gap:48px;
        grid-template-columns:1fr 1fr;
        padding:36px 56px;
    }
    n-universal-navigation .n-all-netapp n-secondary header{
        color:#666;
        font-size:11px;
        font-weight:700;
        letter-spacing:.77px;
        line-height:135%;
        margin:0 0 12px;
        text-transform:uppercase;
    }
    n-universal-navigation .n-all-netapp n-secondary ul li{
        display:-ms-flexbox;
        display:flex;
        margin-bottom:9px;
    }
    n-universal-navigation .n-all-netapp n-secondary ul li a{
        border-bottom:0;
        font-size:16px;
        text-wrap:nowrap;
    }
}

@media (min-width:1024px){
    n-universal-navigation .n-all-netapp{
        right:-16px;
    }
}



n-universal-navigation>nav>ul{
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -ms-flex-pack:end;
    justify-content:end;
    list-style:none;
    margin:0;
    padding:0
}
n-universal-navigation>nav>ul>li{
    position:relative
}
n-universal-navigation>nav>ul>li button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:transparent;
    border:0;
    color:inherit;
    cursor:pointer;
    display:-ms-inline-flexbox;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    outline:0;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    vertical-align:middle;
    white-space:nowrap;
    display:inline-flex;
    padding:11px 12px 9px
}
n-universal-navigation>nav>ul>li button span{    
    font-size:16px;
    font-weight:normal;
    gap:2px;
    letter-spacing:.42px;
    line-height:135%
}
n-universal-navigation>nav>ul>li button svg{
    height:16px;
    width:16px
}
n-universal-navigation>nav>ul>li button:focus{
    background-color:#fff
}
@media (min-width:768px){
    n-universal-navigation{
        display:-ms-flexbox;
        display:flex;
        padding:0
    }
}
@media (min-width:1024px){
    n-universal-navigation{
        padding:0 32px
    }
}
@media (min-width:1440px){
    n-universal-navigation{
        padding:0 32px
    }
}
@media (min-width:1921px){
    n-universal-navigation{
        padding:0 37px 0 32px
    }
}