.kith-nav{display:block}body.kith-nav-open{overflow:hidden}button.header__menu-item{background:none;border:0;padding:0;cursor:pointer;font-family:inherit}.kith-nav__hamburger{justify-self:start;margin-left:-12px;background:none;border:0;padding:0;cursor:pointer}.kith-nav__right{display:none;align-items:center;gap:0 42px;margin-right:18px}@media screen and (min-width:990px){.kith-nav__right{display:inline-flex}.kith-nav__hamburger{display:none!important}}.kith-nav__backdrop{position:fixed;top:var(--kith-header-height, 60px);right:0;bottom:0;left:0;z-index:1;background:#0009;opacity:0;visibility:hidden;transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s}body.kith-nav-open .kith-nav__backdrop{opacity:1;visibility:visible}.kith-nav__desktop{position:fixed;top:var(--kith-header-height, 60px);bottom:0;left:0;z-index:2;width:33.333vw;max-width:375px;background:#fff;border-top:1px solid #d9d9d9;overflow:visible;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.kith-nav__desktop[hidden]{display:none}.kith-nav__desktop.is-open{transform:translate(0)}.kith-nav__scroll{position:static;height:100%;overflow-y:auto;background:#fff}.kith-nav__panel[hidden]{display:none}.kith-nav__list{list-style:none;margin:0;padding:12px 0;background:#fff}.kith-nav__list--secondary{border-top:1px solid #d9d9d9}.kith-nav__list--scroll{height:100%;overflow-y:auto}.kith-nav__item{padding:0 24px}.kith-nav__link{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 0;border:0;background:none;color:#333;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.2em;line-height:15px;text-transform:uppercase;text-decoration:none;text-align:left;cursor:pointer}.kith-nav__link--muted{color:#828282}.kith-nav__text{padding-bottom:1px;background:linear-gradient(#000,#000) 0 100% / 0 1px no-repeat;transition:background-size .3s}@media(hover:hover){.kith-nav__link:hover .kith-nav__text{background-size:100% 1px}}.kith-nav__link[menu-selected=true] .kith-nav__text{background-size:100% 1px}.kith-nav__chevron{display:flex;flex:0 0 auto;width:5px;color:#828282}.kith-nav__chevron-svg{width:5px;height:8px}.kith-nav__desktop .kith-nav__item{opacity:0;transform:translateY(1rem);transition:opacity .3s calc(var(--i, 0) * .03s),transform .3s calc(var(--i, 0) * .03s)}.kith-nav__desktop.is-open:not(.is-transitioning) .kith-nav__panel:not([hidden])>.kith-nav__list>.kith-nav__item,.kith-nav__desktop.is-open:not(.is-transitioning) .kith-nav__sub.is-out:not(.is-transitioning)>.kith-nav__list>.kith-nav__item{opacity:1;transform:translateY(0)}.kith-nav__sub{position:absolute;top:-1px;bottom:0;left:0;z-index:-1;width:100%;background:#fff;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;transform:translate(0);transition:transform .2s ease-in-out}.kith-nav__sub[hidden]{display:none}.kith-nav__sub.is-out{transform:translate(100%)}.kith-nav__image-item{padding:12px 24px;text-align:center}.kith-nav__image-item--top{padding-top:0;margin-bottom:12px;border-bottom:1px solid #d9d9d9}.kith-nav__image{display:grid;gap:12px;color:#333;text-decoration:none}.kith-nav__image img,.kith-nav__image-placeholder{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;background:#f2f2f2}.kith-nav__image-placeholder svg{width:100%;height:100%}.kith-nav__caption{justify-self:center;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.1em;line-height:15px;text-transform:none}.kith-nav__mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;width:100vw;background:#fff;color:#333;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.kith-nav__mobile[hidden]{display:none}.kith-nav__mobile.is-open{transform:translate(0)}.kith-nav__mhead{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:var(--kith-header-height, 60px);padding:0 18px}.kith-nav__mlogo{display:block;justify-self:center;line-height:0;color:#333;text-decoration:none}.kith-nav__mlogo img{height:40px;width:auto}.kith-nav__mlogo-text{font-family:var(--kith-serif, Georgia, serif);font-size:18px;line-height:1}.kith-nav__mclose{justify-self:end;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px;padding:0;border:0;background:none;color:#333;cursor:pointer}.kith-nav__mclose svg{width:16px;height:16px}.kith-nav__mbody{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.kith-nav__search{display:flex;align-items:center;gap:12px;height:50px;padding:0 18px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}.kith-nav__search-btn{display:flex;width:20px;height:20px;padding:0;border:0;background:none;color:#333;cursor:pointer}.kith-nav__search-btn svg{width:20px;height:20px}.kith-nav__search-input{flex:1 1 auto;min-width:0;padding:12px 0;border:0;background:none;color:#333;font-family:var(--font-body-family);font-size:16px;letter-spacing:.05em}.kith-nav__search-input:focus{outline:none}.kith-nav__search-input::placeholder{color:#c4c4c4;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.kith-nav__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.kith-nav__track{display:flex;width:200vw;transition:transform .2s ease-in-out}.kith-nav__screen{flex:0 0 100vw;width:100vw}.kith-nav__track.is-level-1{transform:translate(-100vw)}.kith-nav__track.is-level-1 .kith-nav__screen--root,.kith-nav__track:not(.is-level-1) .kith-nav__screen--child{max-height:100vh;overflow:hidden}.kith-nav__tabs{display:flex;overflow-x:auto;scrollbar-width:none}.kith-nav__tabs::-webkit-scrollbar{display:none}.kith-nav__tab{position:relative;flex:1 0 auto;padding:18px;border:0;border-bottom:1px solid #d9d9d9;background:none;color:#828282;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.2em;line-height:15px;text-align:center;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer}.kith-nav__tab[aria-selected=true]{color:#333;font-weight:700}.kith-nav__tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#333}.kith-nav__mpanel[hidden]{display:none}.kith-nav__mlist{list-style:none;margin:0;padding:12px 0}.kith-nav__mlist--secondary{border-top:1px solid #d9d9d9}.kith-nav__mrow{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:18px;border:0;background:none;color:#333;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.2em;line-height:15px;text-align:left;text-transform:uppercase;text-decoration:none;cursor:pointer}.kith-nav__mrow .kith-nav__chevron{width:6px;color:#333}.kith-nav__mrow .kith-nav__chevron-svg{width:6px;height:10px}.kith-nav__mlist .kith-nav__image-item{padding:0 18px 12px;text-align:center}.kith-nav__mlist .kith-nav__image-item--bottom{padding-top:12px}.kith-nav__mback{display:grid;grid-template-columns:10px 1fr 10px;align-items:center;width:100%;padding:18px;border:0;border-bottom:1px solid #d9d9d9;background:none;color:#333;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.2em;line-height:15px;text-transform:uppercase;cursor:pointer}.kith-nav__mback-chevron{display:flex;width:6px;transform:rotate(180deg)}.kith-nav__mback-chevron svg{width:6px;height:10px}.kith-nav__mtitle{text-align:center}@media screen and (max-width:989px){.kith-nav__desktop{display:none!important}.kith-nav__backdrop{display:none}}@media screen and (min-width:990px){.kith-nav__mobile{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/kith-nav.css.map */