@media screen and (min-width:990px){desktop-nav{display:contents}.co-dnav__doors{display:flex;align-items:center;gap:26px}.co-dnav__door{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;background:none;border:0;cursor:pointer;font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:1;color:var(--co-slate);text-decoration:none;transition:opacity .18s ease}.co-dnav__caret{display:inline-flex}.co-dnav__caret svg{width:11px;height:11px;transform:rotate(90deg);transition:transform .2s ease}.co-dnav__door[aria-expanded=true] .co-dnav__caret svg{transform:rotate(270deg)}.co-dnav__util{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--co-slate);text-decoration:none;font-weight:400;transition:opacity .18s ease}.co-dnav__util:active{opacity:.65}.co-dnav__util svg{display:block;width:auto;height:17px;overflow:visible}.co-dnav__util-label{font-size:14px;line-height:1}.header__bg{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;width:100vw;background-color:var(--co-slate);opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility 0s linear var(--duration-default)}.header__bg.active{opacity:.16;visibility:visible;transition:opacity var(--duration-default) ease}.co-dnav__panel{position:absolute;left:0;right:0;top:100%;z-index:-1;background-color:var(--co-feather);border-bottom:1px solid rgba(42,41,41,.1);padding:32px 3rem 40px;max-height:calc(100vh - var(--announcement-bar-height, 0px) - 70px);overflow-y:auto;opacity:0;transform:translateY(-16px);pointer-events:none;transition:opacity var(--duration-default) ease-in,transform var(--duration-default) ease-in}.co-dnav__panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity var(--co-reveal-duration) var(--co-reveal-ease),transform var(--co-reveal-duration) var(--co-reveal-ease)}.co-dnav__shop{display:flex;align-items:flex-start;gap:64px;min-height:320px}.co-dnav__rail{display:flex;flex-direction:column;align-items:flex-start;flex:none;width:180px;list-style:none;margin:0;padding:3px 0 0}.co-dnav__panes{flex:none}.co-dnav__cards{flex:none;display:flex;align-items:flex-start;gap:20px;margin-left:auto}.co-dnav__card{flex:none;width:240px;margin-top:9px}.co-dnav__rail-item{display:inline-flex;align-items:center;gap:8px;padding:7px 0;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1;color:var(--co-muted);text-decoration:none;transition:color .18s ease}.co-dnav__rail-item.is-selected{color:var(--co-slate)}.co-dnav__rail-chev{display:inline-flex;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .2s ease}.co-dnav__rail-chev svg{width:13px;height:13px}.co-dnav__rail-item.is-selected .co-dnav__rail-chev{opacity:1;transform:none}.co-dnav__rail-slot--all{margin-bottom:14px}.co-dnav__pane:not([hidden]),.co-dnav__card:not([hidden]){animation:co-dnav-pane-in .16s ease-out}@keyframes co-dnav-pane-in{0%{opacity:0}to{opacity:1}}.co-dnav__pane-list{list-style:none;margin:0;padding:0;columns:1}.co-dnav__pane-list--2col{columns:2;column-gap:52px;max-width:520px}.co-dnav__pane-link{display:inline-block;padding:10px 0;font-size:15px;font-weight:400;line-height:1;color:var(--co-slate);text-decoration:none;transition:opacity .18s ease}.co-dnav__view-all{display:inline-flex;align-items:center;gap:10px;padding:10px 0;font-size:15px;font-weight:400;color:var(--co-slate);text-decoration:none;transition:gap .2s ease}.co-dnav__view-all svg{width:14px;height:14px}.co-dnav__brands-head{position:relative;display:flex;align-items:center;height:45px;margin-bottom:22px}.co-dnav__brands-title{display:inline-flex;align-items:center;height:45px;padding:0;background:none;border:0;cursor:text;font-family:var(--font-body-family);font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1;color:var(--co-slate);transition:none}.co-dnav__brands-title.is-hidden{opacity:0;visibility:hidden;transition:opacity 0s linear .22s,visibility 0s linear .22s}.co-dnav__brand-find{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;width:250px;max-width:0;height:45px;padding:0 12px;overflow:hidden;visibility:hidden;background:var(--co-tan);border-radius:var(--co-radius);cursor:text;transition:max-width .3s ease-out,visibility 0s linear .3s}.co-dnav__brand-find.is-open{max-width:250px;visibility:visible;transition:max-width .3s ease-out}.co-dnav__brand-find svg{flex:none;width:18px;height:18px;color:var(--co-slate)}.co-dnav__brand-find input{width:100%;border:0;background:none;outline:none;box-shadow:none;font-family:var(--font-body-family);font-size:14px;font-weight:400;color:var(--co-slate);cursor:text}.co-dnav__brand-find input::placeholder{color:var(--co-muted);opacity:1}.co-dnav__brand-find input:focus,.co-dnav__brand-find input:focus-visible{outline:none;box-shadow:none}.co-dnav__brand-grid{columns:185px;column-gap:32px}.co-dnav__brand-group{display:flex;flex-direction:column;row-gap:9px;break-inside:avoid;margin-bottom:32px}.co-dnav__brand-group[hidden]{display:none}.co-dnav__brand-letter{margin:0;font-size:15px;font-weight:600;color:var(--co-slate)}.co-dnav__brand{display:block;font-size:15px;font-weight:400;color:var(--co-slate);opacity:.75;white-space:nowrap;text-decoration:none;transition:opacity .18s ease}.co-dnav__brand[hidden]{display:none}.co-dnav__brand-empty{margin:0;padding:8px 0;font-size:15px;color:var(--co-muted)}.co-dnav__door:focus-visible,.co-dnav__util:focus-visible,.co-dnav__rail-item:focus-visible,.co-dnav__pane-link:focus-visible,.co-dnav__view-all:focus-visible,.co-dnav__brand:focus-visible{outline:2px solid var(--co-slate);outline-offset:2px;border-radius:3px}@media(any-hover:hover){.co-dnav__door:hover{opacity:.7}.co-dnav__door[aria-expanded=true]:hover{opacity:1}.co-dnav__util:hover,.header__icon--cart:hover{opacity:.7}.co-dnav__rail-item:hover{color:var(--co-slate)}.co-dnav__pane-link:hover{opacity:.7}.co-dnav__view-all:hover{gap:14px}.co-dnav__card:hover .card__media:after{opacity:.5}.co-dnav__brand:hover{opacity:1}}}@media screen and (min-width:990px)and (max-width:1499px){.co-dnav__card--secondary{display:none!important}}@media screen and (min-width:990px)and (max-width:1199px){.co-dnav__doors{gap:20px}.header__icons.co-dnav__cluster{column-gap:16px}.co-dnav__util-label{display:none}}@media(prefers-reduced-motion:reduce){.co-dnav__panel,.co-dnav__panel.is-open,.co-dnav__caret svg,.co-dnav__rail-chev,.co-dnav__view-all,.co-dnav__brand-find,.co-dnav__brands-title,.header__bg{transition:none}.co-dnav__pane:not([hidden]),.co-dnav__card:not([hidden]){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/component-desktop-nav.css.map */
