.topbar-account-menu{&.btn-group{flex:0 0 auto;max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}&.btn-group>.topbar-account-trigger.pill-btn.dropdown-toggle:not(.dropdown-toggle-split){background:var(--white);border:1px solid var(--border-color);box-shadow:none;color:var(--text-color);max-width:min(280px,42vw);min-width:0;width:auto;&:before{display:none}&:hover{background:var(--white);border-color:var(--accent);box-shadow:none;color:var(--accent)}@media (max-width:768px){align-items:center;background:transparent;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-radius:0;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:currentcolor;border-top-style:none;border-top-width:medium;box-shadow:none;gap:0;height:auto;justify-content:center;max-width:none;min-width:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;width:auto;&:focus,&:hover{background:transparent;border-color:transparent;box-shadow:none;color:inherit}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}&:focus:not(:focus-visible){outline:none}}}&.app-dropdown .dropdown-menu.topbar-account-panel.topbar-account-panel--guest{min-width:260px}&.app-dropdown .dropdown-menu.topbar-account-panel{background:var(--white);border:1px solid var(--topbar-account-panel-border);border-radius:14px;box-shadow:0 0 0 1px var(--topbar-account-panel-inset-ring) inset,0 4px 6px var(--shadow-card),0 16px 48px var(--topbar-account-panel-shadow);margin-top:10px;max-width:min(340px,92vw);min-width:300px;overflow:hidden;padding:0;@media (max-width:768px){box-shadow:0 0 0 1px var(--topbar-account-panel-inset-ring) inset,0 8px 24px var(--shadow-modal),0 24px 64px var(--topbar-account-panel-shadow-mobile);margin-top:6px;max-height:min(420px,calc(100vh - 72px));max-width:min(272px,calc(100vw - 16px));min-width:0;overflow-y:auto;width:-webkit-max-content;width:-moz-max-content;width:max-content}}&.app-dropdown .topbar-account-panel-actions{background:var(--topbar-account-actions-bg);border-top:none;padding:6px 0 8px;.dropdown-item{background:transparent;border:none;border-radius:8px;box-shadow:none;color:var(--text-color);font-size:14px;font-weight:500;height:auto;margin:0 8px;min-height:0;padding:10px 14px;width:calc(100% - 16px);i{color:var(--topbar-account-item-icon);margin-right:10px;text-align:center;width:1.35em}&:active,&:focus,&:hover{background:var(--topbar-account-item-hover-bg)!important;border-color:transparent!important;box-shadow:0 1px 3px var(--topbar-account-item-hover-shadow)!important;color:var(--gray-900)!important;i{color:var(--accent)}}@media (max-width:768px){align-items:center;border-radius:10px;display:flex;font-size:14px;margin-bottom:3px;margin-left:6px;margin-right:6px;margin-top:0;min-height:44px;padding-bottom:10px;padding-left:12px;padding-right:12px;padding-top:10px;width:calc(100% - 12px);&:last-child{margin-bottom:0}}}}.topbar-account-trigger{align-items:center;border-radius:999px;display:inline-flex;gap:10px;padding:4px 36px 4px 6px;text-align:left;.topbar-account-avatar{align-items:center;background:var(--gray-200);border:1px solid var(--border-color);border-radius:50%;box-shadow:none;color:var(--gray-800);display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:32px;justify-content:center;letter-spacing:.04em;width:32px;@media (max-width:768px){font-size:13px;height:40px;width:40px}}.topbar-account-trigger-email{color:var(--text-color);flex:1;font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;@media (max-width:768px){display:none}}.pill-btn-caret{@media (max-width:768px){display:none}}}.topbar-account-panel-body{background:linear-gradient(180deg,var(--topbar-account-profile-bg-start) 0,var(--topbar-account-profile-bg-mid) 45%,var(--white) 100%);border-bottom:1px solid var(--topbar-account-profile-border);padding:22px 22px 20px;text-align:center;@media (max-width:768px){padding-bottom:12px;padding-left:14px;padding-right:14px;padding-top:14px}.topbar-account-avatar--lg{align-items:center;background:var(--topbar-account-avatar-lg-bg);border:1px solid var(--topbar-account-avatar-lg-border);border-radius:50%;box-shadow:none;color:var(--topbar-account-avatar-lg-fg);display:flex;font-size:20px;font-weight:700;height:64px;justify-content:center;letter-spacing:.02em;margin:0 auto 14px;width:64px;@media (max-width:768px){font-size:15px;height:48px;margin-bottom:10px;margin-left:auto;margin-right:auto;margin-top:0;width:48px}}.topbar-account-panel-name{color:var(--gray-900);font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.25;word-break:break-word;@media (max-width:768px){font-size:15px;line-height:1.25}}.topbar-account-panel-email{color:var(--text-muted);font-size:13px;line-height:1.35;margin-top:6px;word-break:break-all;@media (max-width:768px){font-size:12px;margin-top:4px}}}}.topBar{align-items:center;background:var(--white);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-subtle);display:flex;font-family:var(--font-sans);height:80px;justify-content:center;.topbar-nav-btn{width:auto}.topbar-left{align-items:center;display:flex;flex-shrink:0;gap:8px}.topbar-account-menu .topbar-account-trigger--guest.dropdown-toggle:not(.dropdown-toggle-split){padding-right:36px}.topbar-account-trigger--guest{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:999px;color:var(--gray-800);display:inline-flex;gap:10px;max-width:min(280px,42vw);min-width:0;padding:4px 14px 4px 6px;width:auto;&:focus,&:hover{background:var(--white);border-color:var(--gray-300)}.topbar-account-avatar{align-items:center;background:var(--white);border-radius:50%;color:var(--gray-700);display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.topbar-account-trigger-email{color:var(--text-color);flex:1;font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}@media (min-width:769px){.topBar .topbar-left{padding-left:3rem;padding-right:.5rem}}@media (max-width:768px){.topBar{height:60px;overflow:visible;padding-left:0;padding-right:0;.topbar-left{gap:12px;justify-content:flex-start;padding-left:12px;padding-right:4px}.topbar-right{justify-content:flex-end;min-width:0;padding-left:4px;padding-right:12px}.topbar-center{min-width:0;overflow:hidden;padding-left:8px;padding-right:8px}.topbar-nav-btn{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;min-width:40px;padding:0;width:40px;.topbar-btn-text{display:none}i{margin:0}}.topbar-account-menu .topbar-account-trigger--guest.dropdown-toggle:not(.dropdown-toggle-split){padding-right:0}.topbar-account-trigger--guest{border-radius:50%;height:40px;justify-content:center;min-width:40px;padding:0;width:40px;.topbar-account-trigger-email{display:none}.topbar-account-avatar{height:30px;width:30px}}.topbar-account-menu.btn-group>.topbar-account-trigger.pill-btn.press-feedback.dropdown-toggle:not(.dropdown-toggle-split):active{border-radius:0;box-shadow:none}}}

/*# sourceMappingURL=topbar-account.css.map*/