.sf-page-nav-wrap{position:fixed;left:var(--sf-nav-side-offset, 24px);top:50%;transform:translateY(-50%);z-index:7;width:var(--sf-nav-width, 190px);pointer-events:none}.sf-page-nav{pointer-events:auto;background:var(--sf-nav-bg, #ffffff);border:1px solid var(--sf-nav-border, #e5e2dc);box-shadow:0 8px 24px #1414140f;border-radius:10px;padding:18px 12px;display:flex;flex-direction:column;gap:2px;max-height:80vh;overflow-y:auto}[data-sf-page-nav][data-sf-nav-reveal="1"] .sf-page-nav{opacity:0;visibility:hidden;transform:translate(-10px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}[data-sf-page-nav][data-sf-nav-reveal="1"].is-visible .sf-page-nav{opacity:1;visibility:visible;transform:translate(0);transition:opacity .35s ease,transform .35s ease}.sf-page-nav__label{font-size:var(--sf-nav-label-size, 10px);letter-spacing:.22em;text-transform:uppercase;color:var(--sf-nav-label-color, #8a857c);padding:2px 10px 12px}.sf-page-nav__link{display:block;padding:9px 10px;font-size:var(--sf-nav-link-size, 12.5px);letter-spacing:.03em;color:var(--sf-nav-text-color, #6b675f);text-decoration:none;cursor:pointer;font-weight:400;background:transparent;border-left:2px solid var(--sf-nav-inactive-indicator, #e5e2dc);transition:color .15s ease,border-color .15s ease}.sf-page-nav__link:hover{color:var(--sf-nav-active-color, #141414)}.sf-page-nav__link.is-active{color:var(--sf-nav-active-color, #141414);font-weight:700;border-left-color:var(--sf-nav-active-indicator, #141414)}.sf-page-nav__link-short{display:none}@media(max-width:768px){.sf-page-nav-wrap[data-sf-nav-mobile=hidden]{display:none}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar]{left:50%;right:auto;top:auto;bottom:max(16px,env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 32px);transform:translate(-50%)}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar] .sf-page-nav{flex-direction:row;align-items:center;gap:2px;max-height:none;width:auto;max-width:100%;border-radius:999px;box-shadow:0 10px 28px #1414141f;padding:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar] .sf-page-nav::-webkit-scrollbar{display:none}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar] .sf-page-nav__label{display:none}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar] .sf-page-nav__link{flex:0 0 auto;white-space:nowrap;padding:6px;border-radius:999px;border-left:0;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar] .sf-page-nav__link.is-active{border-left:0;color:var(--sf-nav-active-color, #141414);background:var(--sf-nav-pill-active-bg, rgba(20, 20, 20, .06))}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar] .sf-page-nav__link-full{display:none}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar] .sf-page-nav__link-short{display:inline}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar] .sf-page-nav__link[data-sf-nav-hide-bar="1"]{display:none}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar][data-sf-nav-reveal="1"] .sf-page-nav{transform:translateY(14px)}.sf-page-nav-wrap[data-sf-nav-mobile=bottom_bar][data-sf-nav-reveal="1"].is-visible .sf-page-nav{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/surferelle-page-nav.css.map */