dna-desktop-nav{color:var(--dna-color-midnight);--menu-open-delay: .4s}dna-desktop-nav .underline-link{font-size:12px;line-height:12px}.desktop-nav__links{display:flex;gap:20px;align-items:center;margin-left:var(--dna-space-10)}@media screen and (min-width:1440px){.desktop-nav__links{gap:56px}}@media screen and (min-width:1025px)and (max-width:1042px){.desktop-nav__links{margin-left:var(--dna-space-6)}.header__menu-items-wrapper{display:flex!important}}.desktop-nav__link{text-decoration:none;font-size:12px;font-weight:500;line-height:12px;letter-spacing:2px;position:relative;transition:color .3s,mask-image .3s;text-transform:uppercase}dna-desktop-nav[active] .desktop-nav__link{text-decoration:underline;text-underline-offset:8px;color:var(--dna-color-reflex-blue)}dna-desktop-nav dna-desktop-nav-child{opacity:0}.desktop-nav__images{opacity:0}dna-desktop-nav-child{color:var(--dna-color-midnight);min-width:215px}dna-desktop-nav-child[data-child-count="2"]{break-inside:avoid-column;-webkit-column-break-inside:avoid;break-after:column}dna-desktop-nav-child a:hover,dna-desktop-nav-child a:focus{color:var(--dna-color-reflex-blue)}dna-desktop-nav[active] dna-desktop-nav-child{opacity:1;transition:opacity .5s ease;transition-delay:calc(.6s + var(--menu-open-delay))}dna-desktop-nav[active] .desktop-nav__images{opacity:1;transition:opacity .5s ease;transition-delay:calc(.7s + var(--menu-open-delay))}dna-desktop-nav[active] dna-desktop-nav-child:nth-child(1){transition-delay:calc(.2s + var(--menu-open-delay))}dna-desktop-nav[active] dna-desktop-nav-child:nth-child(2){transition-delay:calc(.3s + var(--menu-open-delay))}dna-desktop-nav[active] dna-desktop-nav-child:nth-child(3){transition-delay:calc(.4s + var(--menu-open-delay))}dna-desktop-nav[active] dna-desktop-nav-child:nth-child(4){transition-delay:calc(.5s + var(--menu-open-delay))}dna-desktop-nav[active] dna-desktop-nav-child:nth-child(5){transition-delay:calc(.6s + var(--menu-open-delay))}.desktop-nav__menu-wrapper{background-color:var(--dna-brand-reverse);padding:24px 0 40px;display:flex;justify-content:center;opacity:0}dna-desktop-nav:defined .desktop-nav__menu-wrapper{opacity:1}.desktop-nav__menu.classic{columns:4;column-gap:var(--dna-space-10)}.desktop-nav__menu.classic[data-child-count="2"]{columns:2;column-fill:auto}.desktop-nav__menu>*{display:block}.desktop-nav__images{flex:initial;display:flex}.desktop-nav__images.classic{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:16px;margin-bottom:24px;flex:0 1 auto;min-width:0}.desktop-nav__images.classic .nav__image-block{flex:0 1 auto;min-width:0}.desktop-nav__images.classic .nav__image-wrapper{width:100%;max-width:240px;min-width:0}.desktop-nav__menu.classic[data-child-count="2"]+.desktop-nav__images.classic{flex-direction:row}.desktop-nav__images.classic .nav__image-link p{font:var(--dna-body-p2-font);font-size:13px;text-transform:uppercase}@media screen and (min-width:1024px){.desktop-nav__images.classic .nav__image-link p{width:auto;max-width:100%}}@media screen and (min-width:1440px){.desktop-nav__images.classic .nav__image-wrapper{width:100%;height:auto}}.desktop-nav__images.featured{flex-direction:row;justify-content:flex-end;gap:32px}.desktop-nav__image-block{text-transform:uppercase;flex:1}.desktop-nav__child--no-grandchildren{page-break-inside:avoid;break-inside:avoid-column;display:flex;flex-direction:column;gap:10px;padding-left:16px;border-left:.5px solid var(--dna-color-light-grey);margin-bottom:40px;min-width:200px}.header__menu-items-wrapper{height:100%;display:flex;align-items:center}@media screen and (min-width:1280px){.desktop-nav__links{gap:40px}.desktop-nav__links li{flex-shrink:0}}.main-menu-child-title{font-size:20px}.main-menu-child-item .p2{font-size:13px;line-height:18px}.desktop-nav__menu-inner.flex-justify-center{gap:var(--dna-space-10);min-width:0}.desktop-nav__menu.classic{display:flex;align-items:flex-start}.main-menu-child-item-list--no-title{margin-top:calc(var(--dna-space-4) * -1)}.main-menu-child__first .main-menu-child-item-list{margin-top:calc(var(--dna-space-2) * -1)}.header.apply-tech-1638 .desktop-nav__link{text-transform:capitalize;font:var(--dna-body-font);letter-spacing:.5px}.header.apply-tech-1638 .desktop-nav__links{gap:32px}.header.apply-tech-1638 .desktop-nav__link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;top:18px;background-color:var(--dna-color-reflex-blue);-webkit-mask:unset;mask:unset}.header.apply-tech-1638 .main-menu-child-item span{font-size:16px;line-height:22px;letter-spacing:.5px}.header.apply-tech-1638 .main-menu-child-title--featured{letter-spacing:2px;font:var(--dna-label-s-font);line-height:16px;text-transform:uppercase;font-family:Maison Neue Medium;margin-top:8px}.header.apply-tech-1638 .desktop-nav__images.classic .nav__image-link p{font-size:14px;text-transform:capitalize}.header.apply-tech-1638 dna-desktop-nav:not([has-menu]):hover .desktop-nav__link{color:var(--dna-color-reflex-blue)}.header.apply-tech-1638 dna-desktop-nav:not([has-menu]):hover .desktop-nav__link:after{opacity:1;transition:opacity .5s ease}.header.apply-tech-1638-v2 .desktop-nav__links[data-v2-open]+.desktop-nav-v2-drawer__overlay{position:fixed;top:var(--dna-header-height);right:0;bottom:0;left:0;background-color:#01000080;z-index:calc(var(--dna-z-index-sticky, 600) + 1);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}.header.apply-tech-1638-v2 .desktop-nav__links[data-v2-open]+.desktop-nav-v2-drawer__overlay{opacity:1;visibility:visible;pointer-events:auto}.header.apply-tech-1638-v2 dna-desktop-nav[v2-drawer-open] dna-desktop-nav-child,.header.apply-tech-1638-v2 dna-desktop-nav[v2-drawer-open] .desktop-nav__images{opacity:1;transition:none;transition-delay:0s}.header.apply-tech-1638-v2 dna-desktop-nav[v2-drawer-open] .desktop-nav__menu-wrapper{opacity:1;transition-delay:.3s}.header.apply-tech-1638-v2 dna-desktop-nav[v2-drawer-open]:not([active]) .desktop-nav__menu-inner{opacity:0;transition:opacity .3s ease-out;pointer-events:none}.header.apply-tech-1638-v2 dna-desktop-nav[v2-drawer-open][active] .desktop-nav__menu-inner{opacity:1;pointer-events:auto;transition:opacity .2s ease-in .1s}.header.apply-tech-1638-v2 .desktop-nav__menu-wrapper{padding:24px;height:100%;background-color:transparent;opacity:0}.header.apply-tech-1638-v2 .desktop-nav__menu-inner{flex-direction:column;align-items:stretch;padding:0;flex-direction:row;justify-content:space-between}.header.apply-tech-1638-v2 .desktop-nav__menu.classic[data-child-count="2"]{flex-direction:column;width:auto}.header.apply-tech-1638-v2 .main-menu-child-item span{font-size:20px}.header.apply-tech-1638-v2 .nav__image-link{width:240px}.header.apply-tech-1638-v2 .desktop-nav__images.classic.js-featured-menu-items{min-width:240px;flex-direction:column}.header.apply-tech-1638-v2 .main-menu-child__first .main-menu-child-item-list{gap:14px}.header.apply-tech-1638-v2 .main-menu-child-title--featured{margin-left:16px;color:var(--dna-color-reflex-blue)}@media screen and (min-width:1440px){.header.apply-tech-1638-v2 .desktop-nav__menu-wrapper{padding:24px 24px 40px;padding-left:max(0px,(100vw - var(--dna-container-max-width)) / 2);box-sizing:border-box;overflow-x:hidden;padding-right:0}.header.apply-tech-1638-v2 .desktop-nav__menu-inner.container{margin:0;max-width:100%;width:100%;min-width:0;box-sizing:border-box}.header.apply-tech-1638-v2 .desktop-nav__menu-inner.flex-justify-center{justify-content:flex-start}.header.apply-tech-1638-v2 .desktop-nav__menu-inner{min-width:0;padding-left:var(--dna-container-horizontal-padding);padding-right:var(--dna-container-horizontal-padding)}.header.apply-tech-1638-v2 dna-desktop-nav-child{min-width:0}.header.apply-tech-1638-v2 .desktop-nav__menu.classic{flex:1 1 0;min-width:0;max-width:calc(100% - 240px - var(--dna-space-10))}.header.apply-tech-1638-v2 .desktop-nav__menu.classic[data-child-count="2"]{max-width:calc(100% - 240px - var(--dna-space-10))}.header.apply-tech-1638-v2 .desktop-nav__images.classic.js-featured-menu-items{flex:0 0 240px}.header.apply-tech-1638-v2 .main-menu-child-title--featured{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/1302/assets/component-desktop-nav-menu.css.map */