.px-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:12px 16px;background:#fff;border:1px solid #e2daeb;border-radius:12px;position:relative;z-index:12}.px-current{display:flex;align-items:center;gap:10px;min-width:0}.px-current>div{min-width:0}.px-current strong{display:block;color:#352641;font-size:14px;font-weight:600;overflow-wrap:anywhere}.px-current small{display:block;font-size:11px;color:#86738f;margin-bottom:3px}.px-photo{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;background:#f0eafa;color:#785994;border:1px solid #e5ddee;border-radius:9px;font-size:12px}.px-photo img{width:100%;height:100%;object-fit:contain;background:white}.px-chooser{position:relative;flex-shrink:0}.px-chooser>summary{display:flex;gap:10px;align-items:center;list-style:none;padding:9px 12px;font-size:12px;border:1px solid #e1d7ee;border-radius:8px;color:#694399;cursor:pointer}.px-chooser>summary::-webkit-details-marker,.px-account>summary::-webkit-details-marker{display:none}.px-list{max-height:320px;overflow:auto;overscroll-behavior:contain;display:grid;gap:4px}.px-chooser>.px-list{position:absolute;right:0;top:calc(100% + 8px);width:320px;max-width:calc(100vw - 48px);background:#fff;border:1px solid #e2d8ed;border-radius:12px;padding:7px;box-shadow:0 14px 32px #31203918}.px-list a,.account-popover .px-list a{display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:8px;text-decoration:none;margin:0;min-width:0}.px-list a:hover,.px-list a[aria-current=true]{background:#f4eefb}.px-info{display:block;min-width:0;flex:1}.px-list .px-info strong{display:block;font-size:12px;font-weight:600;color:#39264a;white-space:normal;overflow-wrap:anywhere}.px-info small{display:block;font-size:10px;color:#8b7996;margin-top:3px}.px-check{font-size:14px;color:#7653a3}.px-account{margin:8px 0;padding:8px 0;border-top:1px solid #e8e0ef;border-bottom:1px solid #e8e0ef}.px-account>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;padding:8px;cursor:pointer;color:#65467d}.px-account>summary small{font-size:10px;color:#8d7a98;display:block;margin-top:4px;font-weight:400;max-width:230px;overflow-wrap:anywhere}.account-popover:has(.px-account){max-height:calc(100dvh - 90px);overflow-y:auto}.px-account .px-list{max-height:230px}.px-chooser summary:focus-visible,.px-account summary:focus-visible{outline:2px solid #7d55bb;outline-offset:2px}@media(max-width:600px){.px-bar{padding:10px;gap:8px}.px-current strong{font-size:12px}.px-current small{font-size:10px}.px-chooser>summary{font-size:11px;padding:8px}.px-photo{width:30px;height:30px;flex-basis:30px}.px-current{gap:7px}}

.account-button .px-header-avatar,.account-intro .px-header-avatar{overflow:hidden;padding:0;flex-shrink:0}.px-header-avatar img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.px-header-avatar.is-person img{object-fit:cover}.account-button .account-label{display:flex;align-items:center;gap:6px;min-width:0}.px-header-name{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-intro>div{min-width:0}.account-intro strong{overflow-wrap:anywhere}@media(max-width:600px){.px-header-name{max-width:115px}}