/* Account menu opened from the top-right avatar.
   Desktop is a 340px dropdown. At 860px and under it covers the page. */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;600;700&display=swap");
.umenu-btn{border-radius:50%}
.umenu-btn img{border-radius:50%;object-fit:cover}
button.umenu-btn{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;line-height:0}
.umenu-btn:focus-visible{outline:2px solid #006dff;outline-offset:2px}
.umenu-btn[aria-expanded="true"]{box-shadow:0 0 0 2px #e3d41f}
.umenu-btn[aria-expanded="true"]:focus-visible{outline:none}
/* Above the open header (z-index 60) so the top edge stays visible below the avatar. */
.umenu{position:fixed;z-index:80;display:flex;flex-direction:column;box-sizing:border-box;width:340px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.25)}
.umenu[hidden]{display:none !important}
.umenu-who{display:flex;align-items:baseline;flex-wrap:nowrap;gap:8px;min-height:34px;margin:0;padding:5px 10px 5px 4px;overflow:hidden;font:600 16px/normal Geist,sans-serif;letter-spacing:-.32px;color:#000}
.umenu-who b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.umenu-who span{flex:none;white-space:nowrap;font-weight:400;font-size:16px;letter-spacing:-.32px;color:rgba(0,0,0,.4)}
.umenu-who img.company-badge{display:block;max-width:none;flex:none;align-self:center}
.umenu-row{display:flex;align-items:center;min-height:34px;border-radius:8px}
.umenu-item{display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:34px;margin:0;padding:5px 10px 5px 4px;border:0;border-radius:8px;background:transparent;text-align:left;font:400 16px/1.2 Geist,sans-serif;letter-spacing:-.32px;color:#000;text-decoration:none;white-space:nowrap;cursor:pointer}
.umenu a.umenu-item,.umenu a.umenu-item:hover{color:#000;text-decoration:none}
.umenu-row .umenu-item{flex:1;width:auto;min-width:0}
.umenu-copy{flex:none;margin:0;padding:5px 10px;border:0;border-radius:8px;background:transparent;color:#006dff;font:400 16px/1.2 Geist,sans-serif;letter-spacing:-.32px;white-space:nowrap;cursor:pointer}
.umenu-out{color:#ff0000}
.umenu-rule{display:flex;align-items:center;height:23px;padding:0 4px}
.umenu-rule::before{content:"";display:block;width:100%;height:1px;background:rgba(0,0,0,.1)}
.umenu-foot{display:none}
.umenu-ico{display:none}
header.umenu-open{z-index:60;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(hover:hover){
 .umenu-item:hover{background:#f4f4f5}
 .umenu-row:hover{background:#f4f4f5}
 .umenu-row:hover .umenu-item,.umenu-row:hover .umenu-copy{background:transparent}
}
.umenu-item:active{background:#ebebeb}
@media(max-width:860px){
 .umenu-ico{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;color:#000;background:transparent}
 .umenu-ico svg{display:block;width:24px;height:24px}
 /* Same hamburger-to-close motion as the promo .burger in style.css. */
 .umenu-ico path{transform-box:fill-box;transform-origin:center;transition:transform .25s ease,opacity .25s ease}
 .umenu-btn[aria-expanded="true"] .umenu-ico .l1{transform:translateY(6px) rotate(45deg)}
 .umenu-btn[aria-expanded="true"] .umenu-ico .l3{transform:translateY(-6px) rotate(-45deg)}
 .umenu-btn[aria-expanded="true"] .umenu-ico .l2{opacity:0;transform:scaleX(0)}
 .umenu-btn[aria-expanded="true"]{box-shadow:none}
 .right.in .burger{display:none}
 .right.in .acct-btn{display:flex;align-items:center;gap:12px;width:auto;height:40px;border-radius:0}
 .right.in .acct-btn>img{width:40px;height:40px;border-radius:50%}
 /* Same downward shadow as header.openm .menu. Sit under the header (z-index 60)
    and clip the shadow at the top edge so it cannot paint a band on the join. */
 .umenu.umenu-full{left:0;right:0;bottom:auto;width:auto;max-height:calc(100dvh - 72px);border-radius:0;z-index:40;box-shadow:0 10px 20px rgba(0,0,0,.08);clip-path:inset(0 -40px -40px -40px);padding:8px 16px 32px;overflow:auto;gap:2px}
 .umenu.umenu-full .umenu-who{min-height:0;padding:10px 16px;font-size:22px;font-weight:600;line-height:1;letter-spacing:-1.1px}
 .umenu.umenu-full .umenu-who b{font-size:22px;font-weight:600;letter-spacing:-1.1px}
 .umenu.umenu-full .umenu-who span{font-size:20px;letter-spacing:-1px}
 .umenu.umenu-full .umenu-row{width:100%;min-height:0;border-radius:16px}
 .umenu.umenu-full .umenu-item{min-height:0;padding:12px 16px;border-radius:16px;font-size:22px;line-height:normal;letter-spacing:-.44px}
 .umenu.umenu-full .umenu-row .umenu-item{padding:12px 0 12px 16px}
 .umenu.umenu-full .umenu-copy{padding:12px 16px;font-size:16px;line-height:normal;letter-spacing:-.32px;color:#006dff}
 .umenu.umenu-full .umenu-item.on{background:#e3d41f;border-radius:16px;font-weight:700}
 .umenu.umenu-full .umenu-row.on{background:#e3d41f;border-radius:16px}
 .umenu.umenu-full .umenu-row.on .umenu-item{background:transparent;font-weight:700}
 .umenu.umenu-full .umenu-out{padding:8px 16px;border-radius:8px;font-size:18px;font-weight:400;line-height:normal;letter-spacing:-.36px;color:#000}
 .umenu.umenu-full .umenu-rule{height:17px;padding:0 4px}
 .umenu.umenu-full .umenu-foot{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%}
 .umenu.umenu-full .umenu-foot .umenu-rule{width:100%}
 .umenu.umenu-full .umenu-foot a,.umenu.umenu-full .umenu-foot a:hover{display:flex;align-items:center;box-sizing:border-box;width:100%;height:34px;min-height:0;margin:0;padding:5px 16px;border-radius:8px;font:400 15px/normal Geist,sans-serif;letter-spacing:-.3px;color:#8a8a8e;text-decoration:none}
 .umenu.umenu-full .umenu-foot .hl{color:#006dff}
 header.umenu-open .umenu-slot{display:flex;align-items:center}
 header.umenu-open .appnav{display:none}
 body.umenu-lock{overflow:hidden}
 .sh .spills{display:none}
 header.sh .sme{display:flex;align-items:center;gap:12px;width:auto;border-radius:0}
 header.sh .sme img#meSmall,header.sh .sme .sinit.s{width:44px;height:44px;flex:none}
}
button.sme{display:grid;place-items:center;overflow:hidden;padding:0;border:0;background:transparent;cursor:pointer}
button.sme img#meSmall{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#ececec}
@media(prefers-reduced-motion:reduce){.umenu-ico path{transition:none}}
