.jb-nav,.jb-abar{--jbn-paper: #f6f1ea;--jbn-ink: #1e1e1e;--jbn-mute: rgba(30, 30, 30, .6);--jbn-line: rgba(90, 70, 45, .12);--jbn-gold1: #8c6a35;--jbn-gold2: #c9a564;--jbn-gold3: #f3e2b3;--jbn-rose1: #9c5f62;--jbn-rose2: #d9a3a1;--jbn-rose3: #f6dcd5}.jb-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;visibility:hidden;pointer-events:none}.jb-nav.is-open{visibility:visible;pointer-events:auto}.jb-nav__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1e1e73;opacity:0;transition:opacity .3s ease}.jb-nav.is-open .jb-nav__dim{opacity:1}.jb-nav__panel{position:absolute;top:0;bottom:0;left:0;width:100%;max-width:420px;background:var(--jbn-paper);color:var(--jbn-ink);font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.5;overflow-y:auto;overscroll-behavior:contain;transform:translate(-100%);transition:transform .35s cubic-bezier(.33,0,0,1);box-shadow:12px 0 40px #0000002e;outline:none}.jb-nav.is-open .jb-nav__panel{transform:none}@media(min-width:720px){.jb-nav__panel{width:400px}}.jb-nav__level{padding-bottom:24px}.jb-nav__level[hidden]{display:none}:where(.jb-nav) a,:where(.jb-nav) button{color:inherit;text-decoration:none;font:inherit;background:none;border:0;cursor:pointer;text-align:left}.jb-nav__top{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 6px}.jb-nav__heading{font-family:var(--font-heading);font-weight:300;font-size:26px}.jb-nav__close{font-size:22px;line-height:1;padding:6px;margin:-6px}.jb-nav__slotwrap{display:block;margin:10px 16px 8px;padding:2px;border-radius:18px;background:linear-gradient(115deg,var(--jbn-gold1),var(--jbn-gold2) 20%,var(--jbn-gold3) 32%,var(--jbn-gold2) 44%,var(--jbn-gold1) 60%,var(--jbn-gold2) 80%,var(--jbn-gold3) 90%,var(--jbn-gold1));background-size:300% 100%;animation:jbn-flow 6s linear infinite}.jb-nav__slotwrap[data-tone=rose]{background-image:linear-gradient(115deg,var(--jbn-rose1),var(--jbn-rose2) 20%,var(--jbn-rose3) 32%,var(--jbn-rose2) 44%,var(--jbn-rose1) 60%,var(--jbn-rose2) 80%,var(--jbn-rose3) 90%,var(--jbn-rose1))}.jb-nav__slotwrap[data-tone=none]{background:none;padding:0;animation:none}.jb-nav__slot{position:relative;display:block;height:92px;overflow:hidden;border-radius:16px;background:#3a3530;color:#fff;isolation:isolate;clip-path:inset(0 round 16px);-webkit-mask-image:-webkit-radial-gradient(white,black)}.jb-nav__slot-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.jb-nav__slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#0000009e,#00000026)}.jb-nav__shine{position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,#fff0c800,#fff0c847,#fff0c800);animation:jbn-shine 5s ease-in-out infinite}.jb-nav__slot-tag{display:flex;align-items:center;gap:6px;padding:12px 16px 0;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.9}.jb-nav__slot-tag i{display:inline-block;font-style:normal;color:var(--jbn-gold3);animation:jbn-twinkle 2.4s ease-in-out infinite}.jb-nav__slot-title{display:block;padding:1px 16px 0;font-family:var(--font-heading);font-weight:300;font-size:23px;line-height:1.15}.jb-nav__slot-text{display:block;padding:0 16px;font-size:13px;opacity:.9}.jb-nav__group{padding:4px 10px}.jb-nav__list{list-style:none;margin:0;padding:4px 10px}.jb-nav__row{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:12px;font-size:18px;font-weight:300;transition:background .2s ease}.jb-nav__row:hover,.jb-nav__row:focus-visible,.jb-nav__row.is-current{background:#fff}.jb-nav__row:focus-visible{outline:2px solid var(--jbn-ink);outline-offset:-2px}.jb-nav__chev{margin-left:auto;font-size:20px;line-height:1}.jb-nav__row--all{background:#fff;margin:2px 0;padding:12px 14px;font-size:15px;font-weight:500}.jb-nav__row--all .jb-nav__chev{font-size:16px}.jb-nav__row--back{font-size:14px;color:var(--jbn-mute)}.jb-nav__row--sub{font-size:17px}.jb-nav__title{margin:0;padding:6px 20px 8px;font-family:var(--font-heading);font-weight:300;font-size:26px}.jb-nav__icon{width:18px;flex:none;text-align:center;font-size:15px;line-height:1;color:#a8875a}.jb-nav__thumb{width:46px;height:46px;flex:none;border-radius:12px;overflow:hidden;background:#ece2d4}.jb-nav__thumb img{width:100%;height:100%;object-fit:cover;display:block}.jb-nav__about{position:relative;display:flex;align-items:center;gap:12px;height:84px;margin:14px 16px 6px;padding:0 18px;overflow:hidden;border-radius:16px;background:#8a7a68;color:#fff;isolation:isolate;clip-path:inset(0 round 16px);-webkit-mask-image:-webkit-radial-gradient(white,black)}.jb-nav__about-img{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);object-fit:cover;object-position:center 30%;filter:blur(1.5px);z-index:-2}.jb-nav__about:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#1e1812ad,#1e181240)}.jb-nav__about-txt{display:flex;flex-direction:column;gap:2px}.jb-nav__about-title{font-family:var(--font-heading);font-weight:300;font-size:22px;line-height:1.1}.jb-nav__about-sub{font-size:13px;opacity:.9}.jb-nav__about .jb-nav__chev{font-size:16px}.jb-nav__util{display:flex;flex-wrap:wrap;margin:12px 20px 0;padding-top:10px;border-top:1px dashed var(--jbn-line)}.jb-nav__util a{width:50%;padding:7px 0;font-size:14px;color:var(--jbn-mute)}.jb-nav__util a:hover{color:var(--jbn-ink);text-decoration:underline;text-underline-offset:3px}body.jb-nav-locked{overflow:hidden}.jb-nav-button{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:15px;background:none;border:0;color:inherit;cursor:pointer;padding:8px 0}.jb-nav-button__bars{display:block;width:24px;height:24px;flex:none}.jb-abar{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:8px 16px;background:var(--jbn-bar-bg, #1e1e1e);color:#fff;font-family:var(--font-body);font-size:13px;letter-spacing:.04em;text-align:center;flex-wrap:wrap}.jb-abar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--jbn-gold2),transparent)}.jb-abar a{color:inherit;text-decoration:none}.jb-abar__gold{font-weight:500;background:linear-gradient(90deg,var(--jbn-gold2),var(--jbn-gold3),var(--jbn-gold2));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:jbn-flow 4s linear infinite}.jb-abar__star{display:inline-block;color:var(--jbn-gold3);animation:jbn-twinkle 2.4s ease-in-out infinite}.jb-abar__link{border-bottom:1px solid var(--jbn-gold2);padding-bottom:1px}@media(max-width:719px){.jb-abar{font-size:12px;gap:6px}.jb-abar__long{display:none}}@keyframes jbn-flow{to{background-position:300% 0}}@keyframes jbn-shine{0%{left:-60%}55%,to{left:130%}}@keyframes jbn-twinkle{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.jb-nav *,.jb-abar *,.jb-nav__slotwrap{animation:none!important;transition:none!important}.jb-nav__panel,.jb-nav__dim{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/jb-nav.css.map */