.og.og-site-nav{position:sticky;top:calc(var(--promo-banner-height, 0px) + var(--legacy-plan-banner-height, 0px));z-index:20;flex:none;overflow:visible;padding:16px 12px 12px;background:var(--og-canvas);backdrop-filter:blur(12px);border-bottom:1px solid var(--og-border);transition:border-color var(--og-duration-ui),transform .42s var(--og-ease),opacity .3s;&[data-stuck]{background:var(--og-canvas);border-bottom-color:var(--og-border);backdrop-filter:none;& .nav-in{max-width:1120px;height:56px;margin-top:10px;padding:0 8px 0 22px;border-radius:999px;background:var(--og-surface);backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--og-border);box-shadow:0 12px 40px #00000080}& .nav-right{gap:8px;&>a,&>button{height:40px;padding-inline:18px;border-radius:999px}}}&[data-handoff]{transform:translateY(-120%);opacity:0;pointer-events:none}& .nav-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:100%;align-items:center;gap:6px;height:64px;transition:max-width .42s var(--og-ease),height .42s var(--og-ease),margin .42s var(--og-ease),border-radius .42s var(--og-ease),background .42s,box-shadow .42s,padding .42s var(--og-ease)}& a.brand{justify-self:start}& .nav-links,& .nav-right{display:flex;align-items:center;gap:6px}& .nav-right{justify-self:end}& .wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--og-gutter)}& a.brand{display:flex;align-items:center;gap:8px;height:var(--og-header-height);padding:0 20px;margin-right:18px;& img{width:38px;height:38px;object-fit:contain}& b{font:600 17px/1 var(--og-display-font)}}& .nl{position:relative;&>a,&>button{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px;border-radius:var(--og-radius-control);color:var(--og-text-secondary);font-weight:500;transition:background var(--og-duration-fast),color var(--og-duration-fast)}&:focus-within>button,&>a:hover,&>button:hover{background:var(--og-surface);color:var(--og-text)}&>button svg.lucide{width:14px;height:14px;transition:transform var(--og-duration-ui) var(--og-ease)}&:focus-within>button svg.lucide,&:hover>button svg.lucide{transform:rotate(180deg)}&:focus-within .dd,&:hover .dd{opacity:1;visibility:visible;transform:none;transition-delay:0s}}& .dd{position:absolute;top:calc(100% + 6px);left:-8px;width:300px;padding:6px;border-radius:16px;background:var(--og-surface-raised);border:1px solid var(--og-border);box-shadow:var(--og-shadow-overlay);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--og-duration-ui),transform var(--og-duration-ui) var(--og-ease),visibility 0s var(--og-duration-ui);& .signout,& a{display:block;width:100%;padding:9px 12px;border-radius:10px;text-align:left;transition:background var(--og-duration-fast)}& .signout:hover,& a:hover{background:var(--og-surface-hover)}& b{display:block;font-weight:500}& span{color:var(--og-text-secondary);font-size:12px;line-height:18px}& .signout{display:flex;align-items:center;gap:8px;color:var(--og-error)}}& .dd a.nav-sub-link,& .nav-panel details a.nav-sub-link{display:flex;align-items:center;gap:12px}& .nav-sub-icon{width:18px;height:18px;flex:0 0 18px;color:var(--og-text-secondary)}& .nav-acct{position:relative;margin-left:4px}& .nav-acct-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;overflow:hidden;border:1px solid var(--og-border);background:var(--og-blue-soft);color:var(--og-link);font-weight:600;text-transform:uppercase;transition:border-color var(--og-duration-fast);&:hover{border-color:var(--og-border-control)}}& .nav-acct-menu{left:auto;right:0;width:220px;&[data-open]{opacity:1;visibility:visible;transform:none;transition-delay:0s}}& .nav-burger{display:none;flex:none;place-items:center;width:40px;height:40px;border-radius:var(--og-radius-control);color:var(--og-text-secondary);&:hover{background:var(--og-surface);color:var(--og-text)}}& .nav-panel{display:none;position:absolute;top:100%;left:10px;right:10px;max-height:calc(100dvh - 96px - var(--promo-banner-height, 0px) - var(--legacy-plan-banner-height, 0px));overflow-y:auto;overscroll-behavior:contain;padding:8px;border-radius:16px;background:var(--og-surface-raised);border:1px solid var(--og-border);box-shadow:var(--og-shadow-overlay);& .nav-link,& .signout,& details a,& summary{display:flex;align-items:center;width:100%;min-height:44px;padding:0 12px;border-radius:10px;font-weight:500;color:var(--og-text-secondary)}& summary{justify-content:space-between;cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}& svg.lucide{transition:transform var(--og-duration-ui) var(--og-ease)}}& details[open]>summary svg.lucide{transform:rotate(180deg)}& details a{padding-left:24px}& .nav-link:hover,& .signout:hover,& details a:hover,& summary:hover{background:var(--og-surface-hover);color:var(--og-text)}& .signout{gap:8px;color:var(--og-error)}& .nav-panel-auth{display:grid;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--og-border)}}&[data-fixed]{--site-nav-height:64px;position:fixed;left:0;right:0;height:var(--site-nav-height);padding:0 12px;z-index:50;& .nav-in{height:var(--site-nav-height)}&[data-stuck] .nav-in{height:56px;margin-top:calc((var(--site-nav-height) - 56px) / 2)}& .nav-panel{max-height:calc(100dvh - var(--site-nav-height) - 12px - var(--promo-banner-height, 0px) - var(--legacy-plan-banner-height, 0px))}}@media (min-width:1024px){&[data-fixed]{--site-nav-height:80px}}@media (max-width:1100px){& .nav-links{display:none}& .nav-in{grid-template-columns:minmax(0,1fr) auto}& .nav-burger{display:grid}& .nav-panel:not([hidden]){display:block}}@media (max-width:767px){& .nav-signin,& .nl{display:none}& .nav-in{grid-template-columns:minmax(0,1fr) auto}& .nav-links{display:none}& a.brand img{width:32px;height:32px}}@media (max-width:480px){&,&[data-fixed]{padding-inline:4px}& a.brand{padding:0 8px 0 12px;margin-right:0;& img{width:30px;height:30px}}&[data-stuck] .nav-in{margin:8px 4px 0;padding-left:14px}&[data-fixed][data-stuck] .nav-in{margin-top:calc((var(--site-nav-height) - 56px) / 2)}&[data-stuck] .nav-right>a,&[data-stuck] .nav-right>button{padding-inline:14px}}@media (max-width:400px){& a.brand{padding:0 4px 0 8px;& img{width:28px;height:28px}& b{font-size:14px}}& .nav-acct{margin-left:0}& .nav-right{gap:4px;&>a,&>button{padding-inline:12px}}&[data-stuck] .nav-right>a,&[data-stuck] .nav-right>button{padding-inline:12px}& .nav-burger{width:36px;height:36px}}@media (max-width:340px){& .nav-acct{display:none}}@media (prefers-reduced-motion:reduce){&,& *,& :after,& :before{transition:none!important}}}
/*# sourceMappingURL=f83d8fe148954dbf.css.map*/