.innate-secnav{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:40;display:flex;align-items:center;pointer-events:none}#innate-secnav .innate-secnav__toggle.innate-secnav__toggle{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 6px;border:1px solid rgba(40,50,41,.16);border-left:0;border-radius:0 8px 8px 0!important;background:#fffaf3f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 2px #2832290f,0 6px 16px #28322914;cursor:pointer;color:var(--innate-moss, #283229);font-family:var(--innate-body);transition:background .16s ease,border-color .16s ease}#innate-secnav .innate-secnav__toggle.innate-secnav__toggle:hover{background:#fffaf3;border-color:#28322957}#innate-secnav .innate-secnav__toggle.innate-secnav__toggle:focus-visible{outline:2px solid rgba(40,50,41,.55);outline-offset:2px}.innate-secnav__toggle-icon{display:block;width:13px;height:9px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.innate-secnav__toggle-icon:after{content:"";position:absolute;left:0;top:50%;width:8px;height:2px;background:currentColor;transform:translateY(-1px)}.innate-secnav__toggle-text{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl}.innate-secnav__panel{position:absolute;left:calc(100% + 8px);top:50%;opacity:0;visibility:hidden;transform:translateY(-50%) translate(-10px);transition:opacity .24s ease,transform .24s ease,visibility .24s}.innate-secnav.is-open .innate-secnav__panel{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.innate-secnav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.innate-secnav__item{--effect: 0;pointer-events:auto}#innate-secnav .innate-secnav__panel .innate-secnav__link{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:7px 13px 7px 11px!important;border:1px solid rgba(40,50,41,.16);border-radius:999px!important;background:#fffaf3ed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 2px #2832290f,0 6px 16px #28322912;cursor:pointer;font-family:var(--innate-body);font-size:12.5px!important;font-weight:600!important;line-height:1;color:var(--innate-moss, #283229);text-align:left;transform:translate(calc(var(--effect) * var(--max-shift, 8px)));transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}#innate-secnav .innate-secnav__panel .innate-secnav__link:hover{border-color:#28322957;box-shadow:0 2px 4px #28322914,0 10px 22px #2832291a}.innate-secnav__tick{display:block;width:12px;height:2px;flex:none;border-radius:2px;background:currentColor;opacity:calc(.35 + .4 * var(--effect))}.innate-secnav__index{font-size:9.5px;letter-spacing:.04em;opacity:.5;font-variant-numeric:tabular-nums}.innate-secnav__label{white-space:nowrap}#innate-secnav .innate-secnav__item.is-active .innate-secnav__link{background:var(--innate-forest-ink, #0c201c);border-color:var(--innate-forest-ink, #0c201c);color:var(--innate-warm-white, #fffaf3);box-shadow:0 2px 6px #0c201c38,0 10px 24px #0c201c29}.innate-secnav__item.is-active .innate-secnav__tick{opacity:1}.innate-secnav__item.is-active .innate-secnav__index{opacity:.7}#innate-secnav .innate-secnav__panel .innate-secnav__link:focus-visible{outline:2px solid rgba(40,50,41,.55);outline-offset:3px}@media(max-width:1099px){.innate-secnav{display:none}}@media(prefers-reduced-motion:reduce){#innate-secnav .innate-secnav__panel .innate-secnav__link{transform:none;transition:none}.innate-secnav__panel{transition:none}.innate-secnav.is-open .innate-secnav__panel{transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/innate-section-nav.css.map */
