body{margin-left:64px}.sp-nav{position:fixed;top:0;left:0;bottom:0;width:64px;background:#fff;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:center;padding:16px 0 20px;z-index:9999}.sp-nav__logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;text-decoration:none;transition:transform .2s,box-shadow .2s;margin-bottom:12px}.sp-nav__logo svg{width:24px;height:24px}.sp-nav__divider{width:32px;height:1px;background:#f3f4f6;flex-shrink:0;margin:4px 0}.sp-nav__list{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;margin:0;padding:8px 0;width:100%;flex:1;justify-content:center}.sp-nav__item{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;cursor:pointer;text-decoration:none;color:#9ca3af;transition:background .18s ease,color .18s ease}.sp-nav__item svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sp-nav__item:hover{background:#fdf2f8;color:#e91e8c}.sp-nav__item.is-active,.sp-nav__item[aria-current=page]{background:#e91e8c;color:#fff}.sp-nav__item.is-active svg,.sp-nav__item[aria-current=page] svg{stroke:#fff}.sp-nav__badge{position:absolute;top:5px;right:5px;min-width:16px;height:16px;background:#e91e8c;color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;border:2px solid #fff;pointer-events:none}.sp-nav__item.is-active .sp-nav__badge{background:#fff;color:#e91e8c;border-color:#e91e8c}.sp-nav__item:after{content:attr(data-label);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#111827;color:#fff;font-size:11px;font-weight:500;letter-spacing:.02em;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;z-index:10000}.sp-nav__item:hover:after{opacity:1}@media(max-width:768px){body{margin-left:0;padding-bottom:64px}.sp-nav{top:auto;bottom:0;left:0;right:0;width:100%;height:64px;flex-direction:row;justify-content:space-around;padding:0 12px;border-right:none;border-top:1px solid #f0f0f0}.sp-nav__logo{margin-bottom:0}.sp-nav__divider{display:none}.sp-nav__list{flex-direction:row;gap:0;padding:0;flex:0}.sp-nav__item:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sp-sidebar-nav.css.map */