.pp-hub{display:flex;min-height:100vh;background:var(--pp-page)}.pp-hub__main{flex:1;min-width:0;margin-left:var(--rail-w, 64px);max-width:calc(100vw - var(--rail-w, 64px))}.pp-rail{position:fixed;top:0;left:0;bottom:0;width:var(--rail-w, 64px);background:#fff;border-right:1px solid var(--pp-border);z-index:50;display:flex;flex-direction:column;transition:width var(--pp-dur-base) var(--pp-ease),box-shadow var(--pp-dur-base) var(--pp-ease);overflow:hidden}.pp-rail:hover,.pp-rail:focus-within{width:var(--rail-w-open, 256px);box-shadow:0 20px 40px -16px #0b1f332e}.pp-rail__brand{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;border-bottom:1px solid var(--pp-border-soft);white-space:nowrap;flex-shrink:0}.pp-rail__brand-mark{flex:0 0 32px;width:32px;height:32px;background:var(--pp-primary);color:#fff;border-radius:var(--r-button, 6px);display:grid;place-items:center;font-weight:600;font-size:13px;font-family:var(--pp-font-display)}.pp-rail__brand-text{font-weight:600;font-size:13px;color:var(--pp-ink);opacity:0;transition:opacity var(--pp-dur-base) var(--pp-ease);font-family:var(--pp-font-display);overflow:hidden;text-overflow:ellipsis}.pp-rail:hover .pp-rail__brand-text,.pp-rail:focus-within .pp-rail__brand-text{opacity:1}.pp-rail__user{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--pp-border-soft);white-space:nowrap;flex-shrink:0}.pp-rail__avatar{flex:0 0 32px;width:32px;height:32px;border-radius:999px;background:var(--pp-accent-soft);color:var(--pp-warn);display:grid;place-items:center;font-weight:600;font-size:12px;font-family:var(--pp-font-display);text-transform:uppercase}.pp-rail__user-meta{opacity:0;transition:opacity var(--pp-dur-base) var(--pp-ease);min-width:0}.pp-rail:hover .pp-rail__user-meta,.pp-rail:focus-within .pp-rail__user-meta{opacity:1}.pp-rail__user-name{font-size:13px;font-weight:600;line-height:1.2;color:var(--pp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-rail__user-tier{font-size:11px;color:var(--pp-muted);margin-top:2px}.pp-rail__nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.pp-rail__nav::-webkit-scrollbar{display:none}.pp-rail__section-label{font-size:11px;font-weight:500;color:var(--pp-muted-2);padding:12px 8px 4px;opacity:0;transition:opacity var(--pp-dur-base) var(--pp-ease);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.pp-rail:hover .pp-rail__section-label,.pp-rail:focus-within .pp-rail__section-label{opacity:1}.pp-rail__item{display:flex;align-items:center;gap:12px;height:36px;padding:0 10px;border-radius:var(--r-button, 6px);color:var(--pp-muted);cursor:pointer;white-space:nowrap;transition:background var(--pp-dur-fast),color var(--pp-dur-fast);border:none;background:transparent;text-align:left;font-size:13px;font-weight:500;text-decoration:none;width:100%;font-family:var(--pp-font-body)}.pp-rail__item:hover{background:var(--pp-surface);color:var(--pp-ink)}.pp-rail__item.is-active{background:var(--pp-primary-soft);color:var(--pp-primary);font-weight:600}.pp-rail__item--logout{color:var(--pp-muted)}.pp-rail__item--logout:hover{background:var(--pp-err-soft);color:var(--pp-err)}.pp-rail__icon{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center}.pp-rail__icon svg{width:18px;height:18px;stroke-width:1.75}.pp-rail__label{flex:1;overflow:hidden;text-overflow:ellipsis}.pp-rail__badge{font-size:11px;font-weight:500;background:var(--pp-surface-2);color:var(--pp-muted);padding:1px 7px;border-radius:999px;opacity:0;transition:opacity var(--pp-dur-base) var(--pp-ease);font-variant-numeric:tabular-nums;flex-shrink:0}.pp-rail__item.is-active .pp-rail__badge{background:var(--pp-primary);color:#fff}.pp-rail:hover .pp-rail__badge,.pp-rail:focus-within .pp-rail__badge{opacity:1}.pp-rail__badge[hidden]{display:none}.pp-rail__footer{padding:8px;border-top:1px solid var(--pp-border-soft);flex-shrink:0}@media screen and (max-width:767px){.pp-hub{flex-direction:column}.pp-hub__main{margin-left:0;max-width:100%;padding-bottom:0}.pp-rail{display:none}.pp-rail__fixed-mobile{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;height:64px;flex-direction:row;border-right:none;border-top:1px solid var(--pp-border);box-shadow:0 -4px 16px #0000000f;overflow-x:auto;overflow-y:hidden}.pp-rail:hover,.pp-rail:focus-within{width:100%;box-shadow:0 -4px 16px #0000000f}.pp-rail__brand,.pp-rail__user,.pp-rail__section-label,.pp-rail__footer{display:none}.pp-rail__nav{flex-direction:row;flex:1;padding:6px 4px;gap:2px;overflow-x:auto;overflow-y:hidden;align-items:center;scrollbar-width:none}.pp-rail__nav::-webkit-scrollbar{display:none}.pp-rail__item{flex-direction:column;width:auto;flex:1 0 auto;min-width:64px;height:52px;gap:2px;padding:4px 8px;font-size:10px;justify-content:center}.pp-rail__icon{flex:0 0 18px;width:18px;height:18px}.pp-rail__icon svg{width:18px;height:18px}.pp-rail__label{flex:0 0 auto;font-size:10px;line-height:1;opacity:1}.pp-rail__badge{display:none}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/pp-customer-rail.css.map */