.jays-nav{--jn-bg: #1a1a1a;--jn-bg-2: #242424;--jn-ink: #f2f2f2;--jn-mute: #a8a49c;--jn-rule: rgba(255, 255, 255, .12);--jn-gold: #c89b3c;--jn-ease: cubic-bezier(.2, .8, .2, 1);--jn-slide: .22s;--jn-x: 16px}.jays-nav .drawer__inner{background-color:var(--jn-bg);color:var(--jn-ink)}@media screen and (max-width:639px){.js .jays-nav .drawer__inner{max-height:100%;border-radius:0}.js .jays-nav .drawer__close{opacity:1;pointer-events:auto;inset-block-start:8px;inset-inline-end:4px}}.jays-nav .drawer__header{min-height:40px;padding:18px var(--jn-x) 0;border-block-end:0}.jays-nav .drawer__close,.jays-nav .jays-nav__x{width:44px;height:44px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--jn-ink);background:none;border:0;border-radius:0;padding:0;cursor:pointer}.jays-nav .drawer__close .icon,.jays-nav .jays-nav__x .icon{width:18px;height:18px}.jays-nav .drawer__scrollable{padding:0 0 24px;scroll-snap-type:none}.jays-nav .drawer__menu .drawer__menu-group,.jays-nav .jays-nav__item{padding-inline-start:0}.jays-nav .drawer__menu-item{padding-block:0;transition:none}.jays-nav :is(.drawer__menu,.drawer__submenu).active>li>a,.jays-nav :is(.drawer__menu,.drawer__submenu).active>li>details>summary,.jays-nav .drawer__scrollable>li{transform:none!important;opacity:1!important}.jays-nav ul[role=list]{list-style:none;margin:0;padding:0}.jays-nav__row{display:flex;align-items:center;gap:14px;padding-inline:var(--jn-x);min-height:48px;color:var(--jn-ink);text-decoration:none;border-block-end:1px solid var(--jn-rule);position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.jays-nav__row:active{background-color:var(--jn-bg-2)}.jays-nav__row:focus-visible,.jays-nav__tile:focus-visible,.jays-nav__launch:focus-visible,.jays-nav__back:focus-visible,.jays-nav__x:focus-visible{outline:2px solid var(--jn-gold);outline-offset:-2px}.jays-nav summary.jays-nav__row{list-style:none}.jays-nav summary.jays-nav__row::-webkit-details-marker{display:none}.jays-nav__label{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.jays-nav__title{display:block;font-family:var(--font-body-family);font-size:16px;font-weight:500;line-height:1.2;overflow-wrap:anywhere}.jays-nav__subline{display:block;font-family:var(--font-body-family);font-size:12.5px;font-weight:400;line-height:1.2;color:var(--jn-mute);letter-spacing:0;text-transform:none}.jays-nav .drawer__menu summary>.icon,.jays-nav__chevron,.jays-nav__arrow{position:static;opacity:1;width:14px;height:14px;flex:0 0 auto;margin-inline-start:auto;transform:none}.jays-nav__row--cat{min-height:56px}.jays-nav__row--cat.has-subline{min-height:64px}.jays-nav__row--cat .jays-nav__title{font-family:var(--font-heading-family);font-weight:700;font-size:24px;line-height:1;letter-spacing:.01em;text-transform:uppercase}.jays-nav__row--logo{min-height:56px}.jays-nav__logo{flex:0 0 56px;width:56px;height:40px;display:flex;align-items:center;justify-content:flex-start}.jays-nav__logo img{width:56px;height:40px;object-fit:contain;object-position:left center;display:block}.jays-nav__row--t2{min-height:44px}.jays-nav__row--t2.has-subline .jays-nav__label{flex-direction:row;align-items:baseline;gap:10px}.jays-nav__row--t2.jays-nav__row--opener,.jays-nav__row--strong{min-height:48px}.jays-nav__row--t2.jays-nav__row--opener .jays-nav__title,.jays-nav__row--strong .jays-nav__title{font-weight:600}.jays-nav__row--util{min-height:48px}.jays-nav__row--util.has-subline{min-height:56px}.jays-nav__row--util .jays-nav__title{font-size:15px}.jays-nav__row--shopall{min-height:48px}.jays-nav__row--shopall .jays-nav__title{font-weight:600}.jays-nav__search{padding:6px var(--jn-x) 6px}.jays-nav__search-form{margin:0}.jays-nav__search-field{position:relative;display:flex;align-items:center;height:48px;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:transparent}.jays-nav__search-field:focus-within{border-color:#fff9}.jays-nav__search-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--jn-mute);pointer-events:none}.jays-nav__search-input{width:100%;height:100%;padding:0 14px 0 42px;border:0;background:transparent;color:var(--jn-ink);font-family:var(--font-body-family);font-size:16px;outline:none;-webkit-appearance:none;appearance:none}.jays-nav__search-input::placeholder{color:var(--jn-mute);opacity:1}.jays-nav__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.jays-nav__tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px var(--jn-x)}.jays-nav__tile{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:72px;padding:12px 14px;background-color:var(--jn-bg-2);color:var(--jn-ink);text-decoration:none;-webkit-tap-highlight-color:transparent}.jays-nav__tile:active{background-color:#2c2c2c}.jays-nav__tile-title{font-family:var(--font-heading-family);font-weight:700;font-size:22px;line-height:1;letter-spacing:.01em;text-transform:uppercase}.jays-nav__tile-sub{font-family:var(--font-body-family);font-size:12.5px;line-height:1.2;color:var(--jn-mute)}.jays-nav__trust{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:84px;padding:12px var(--jn-x);background-color:var(--jn-bg-2);border-block-end:1px solid var(--jn-rule);font-family:var(--font-body-family);font-size:13.5px;line-height:1.2;color:var(--jn-ink)}.jays-nav__trust-line{display:flex;align-items:center;gap:8px}.jays-nav__stars{color:var(--jn-gold);font-size:13px;letter-spacing:.05em}.jays-nav__check{width:13px;height:13px;flex:0 0 auto;color:#7bc47f}.jays-nav__utils{padding-block-start:0}.jays-nav__utils .jays-nav__item:last-child .jays-nav__row{border-block-end:0}.jays-nav__eyebrow{padding:14px var(--jn-x) 4px;font-family:var(--font-body-family);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--jn-mute)}.jays-nav__group-rule{height:1px;margin-block-start:8px;background-color:var(--jn-rule)}.jays-nav .drawer__submenu{background-color:var(--jn-bg);inset-inline-start:0!important;transform:translate3d(100%,0,0);transition:transform var(--jn-slide) var(--jn-ease);will-change:transform}.jays-nav details.active>.drawer__submenu{transform:none}.jays-nav details:not([open])>.drawer__submenu{content-visibility:auto;contain-intrinsic-size:1px 800px}.jays-nav__panel-head{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding-inline:8px 4px;flex:0 0 auto}.jays-nav__back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;background:none;border:0;color:var(--jn-ink);font-family:var(--font-body-family);font-size:15px;font-weight:500;cursor:pointer}.jays-nav__back-icon{width:14px;height:14px}.jays-nav__panel-title{padding:2px var(--jn-x) 14px;flex:0 0 auto}.jays-nav__panel-name{display:block;font-family:var(--font-heading-family);font-weight:700;font-size:28px;line-height:1;letter-spacing:.01em;text-transform:uppercase}.jays-nav__rule{display:block;width:40px;height:2px;margin-block-start:8px;background-color:var(--jn-gold)}.jays-nav__panel-note{display:block;margin-block-start:8px;font-family:var(--font-body-family);font-size:13px;line-height:1.3;color:var(--jn-mute)}.jays-nav__list{flex:1 1 auto;min-height:0}.jays-nav__tile-wrap{padding:14px var(--jn-x) 16px}.jays-nav__launch{position:relative;display:block;aspect-ratio:2 / 1;overflow:hidden;background-color:var(--jn-bg-2);color:var(--jn-ink);text-decoration:none}.jays-nav__launch-media,.jays-nav__launch-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.jays-nav__launch-pill{position:absolute;top:12px;left:14px;padding:4px 8px;border-radius:2px;background-color:var(--jn-gold);color:#1a1a1a;font-family:var(--font-body-family);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.jays-nav__launch-text{position:absolute;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;gap:4px;padding:36px 14px 14px;background:linear-gradient(to top,#000000d1,#0000)}.jays-nav__launch-heading{font-family:var(--font-heading-family);font-weight:700;font-size:26px;line-height:1;text-transform:uppercase}.jays-nav__launch-sub{font-family:var(--font-body-family);font-size:13px;line-height:1.3;color:#d8d5cf}@media(prefers-reduced-motion:reduce){.jays-nav .drawer__submenu{transform:none;opacity:0;visibility:hidden;transition:opacity .12s linear,visibility 0s linear .12s}.jays-nav details.active>.drawer__submenu{opacity:1;visibility:visible;transition:opacity .12s linear}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/jays-nav-drawer.css.map */