@consumidor-positivo/aurora 1.3.2 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -63,7 +63,7 @@ const panelId = dropdownId ?? `au-header-dropdown-${slug}`
|
|
|
63
63
|
'au-header__navbar-link--is-dropdown',
|
|
64
64
|
active && 'au-header__navbar-link--is-active',
|
|
65
65
|
]}>
|
|
66
|
-
<Text as="span" variant="heading-micro" weight="light">
|
|
66
|
+
<Text as="span" variant="heading-micro" weight="light" data-text={name}>
|
|
67
67
|
{name}
|
|
68
68
|
</Text>
|
|
69
69
|
<IconChevronDown aria-hidden="true" />
|
|
@@ -75,6 +75,7 @@ const panelId = dropdownId ?? `au-header-dropdown-${slug}`
|
|
|
75
75
|
weight="light"
|
|
76
76
|
href={href}
|
|
77
77
|
title={name}
|
|
78
|
+
data-text={name}
|
|
78
79
|
class:list={[
|
|
79
80
|
'au-header__navbar-link',
|
|
80
81
|
active && 'au-header__navbar-link--is-active',
|
|
@@ -50,7 +50,7 @@ const HeaderNavbarLink = (navItem) => {
|
|
|
50
50
|
"au-header__navbar-link--is-active": active
|
|
51
51
|
}),
|
|
52
52
|
children: [
|
|
53
|
-
/* @__PURE__ */ jsx(Text, { as: "span", variant: "heading-micro", weight: "light", children: name }),
|
|
53
|
+
/* @__PURE__ */ jsx(Text, { as: "span", variant: "heading-micro", weight: "light", "data-text": name, children: name }),
|
|
54
54
|
/* @__PURE__ */ jsx(IconChevronDown, { "aria-hidden": "true" })
|
|
55
55
|
]
|
|
56
56
|
}
|
|
@@ -63,6 +63,7 @@ const HeaderNavbarLink = (navItem) => {
|
|
|
63
63
|
href,
|
|
64
64
|
onClick: (ev) => handleItemClick(navItem, ev),
|
|
65
65
|
title: name,
|
|
66
|
+
"data-text": name,
|
|
66
67
|
className: classNames("au-header__navbar-link", {
|
|
67
68
|
"au-header__navbar-link--is-active": active
|
|
68
69
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Header/NavbarLink/index.tsx"],"sourcesContent":["import { useState, useId } from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { IconChevronDown } from '@components/icons/default'\nimport { Conditional } from '@components/misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = (navItem: NavbarDataProps) => {\n const { name, dropdown, active, href, 'data-testid': dataTestId } = navItem\n const isDropdown = !!dropdown && dropdown.length\n const [isOpen, setIsOpen] = useState(false)\n const dropdownId = useId()\n\n function handleItemClick(item: NavbarDataProps, ev: React.MouseEvent) {\n if (item.onClick) {\n ev.preventDefault()\n item.onClick()\n }\n }\n\n const handleDropdownOpen = () => isDropdown && setIsOpen(true)\n const handleDropdownClose = () => isDropdown && setIsOpen(false)\n const handleDropdownBlur = (ev: React.FocusEvent<HTMLDivElement>) => {\n if (isDropdown && !ev.currentTarget.contains(ev.relatedTarget as Node)) {\n setIsOpen(false)\n }\n }\n\n return (\n <div\n className={classNames('au-header__navbar-item', {\n 'au-header__navbar-item--is-dropdown': dropdown,\n 'au-header__navbar-item--is-active': active,\n 'au-header__navbar-item--is-open': isOpen,\n })}\n onMouseEnter={handleDropdownOpen}\n onMouseLeave={handleDropdownClose}\n onFocus={handleDropdownOpen}\n onBlur={handleDropdownBlur}\n data-testid={dataTestId}>\n {isDropdown ? (\n <button\n type=\"button\"\n aria-expanded={isOpen}\n aria-haspopup=\"true\"\n aria-controls={dropdownId}\n title={name}\n onClick={(ev) => handleItemClick(navItem, ev)}\n className={classNames('au-header__navbar-link', 'au-header__navbar-link--is-dropdown', {\n 'au-header__navbar-link--is-active': active,\n })}>\n <Text as=\"span\" variant=\"heading-micro\" weight=\"light\">\n {name}\n </Text>\n <IconChevronDown aria-hidden=\"true\" />\n </button>\n ) : (\n <Text\n as=\"a\"\n variant=\"heading-micro\"\n weight=\"light\"\n href={href}\n onClick={(ev) => handleItemClick(navItem, ev)}\n title={name}\n className={classNames('au-header__navbar-link', {\n 'au-header__navbar-link--is-active': active,\n })}>\n {name}\n </Text>\n )}\n\n <Conditional\n condition={!!dropdown?.length}\n renderIf={\n <div id={dropdownId} className=\"au-header__dropdown\" aria-hidden={!isOpen}>\n {dropdown?.map((item) => {\n return (\n <Text\n key={item.name}\n as=\"a\"\n variant=\"heading-micro\"\n href={item.href}\n onClick={(ev) => handleItemClick(item, ev)}\n weight=\"light\"\n tabIndex={isOpen ? undefined : -1}\n className={classNames('au-header__dropdown-link', {\n 'au-header__dropdown-link--is-active': item.active,\n })}\n title={item.name}>\n {item.name}\n </Text>\n )\n })}\n </div>\n }\n />\n </div>\n )\n}\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,mBAAmB,CAAC,YAA6B;AAC5D,QAAM,EAAE,MAAM,UAAU,QAAQ,MAAM,eAAe,eAAe;AACpE,QAAM,aAAa,CAAC,CAAC,YAAY,SAAS;AAC1C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,aAAa,MAAA;AAEnB,WAAS,gBAAgB,MAAuB,IAAsB;AACpE,QAAI,KAAK,SAAS;AAChB,SAAG,eAAA;AACH,WAAK,QAAA;AAAA,IACP;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM,cAAc,UAAU,IAAI;AAC7D,QAAM,sBAAsB,MAAM,cAAc,UAAU,KAAK;AAC/D,QAAM,qBAAqB,CAAC,OAAyC;AACnE,QAAI,cAAc,CAAC,GAAG,cAAc,SAAS,GAAG,aAAqB,GAAG;AACtE,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,0BAA0B;AAAA,QAC9C,uCAAuC;AAAA,QACvC,qCAAqC;AAAA,QACrC,mCAAmC;AAAA,MAAA,CACpC;AAAA,MACD,cAAc;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,eAAa;AAAA,MACZ,UAAA;AAAA,QAAA,aACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,iBAAc;AAAA,YACd,iBAAe;AAAA,YACf,OAAO;AAAA,YACP,SAAS,CAAC,OAAO,gBAAgB,SAAS,EAAE;AAAA,YAC5C,WAAW,WAAW,0BAA0B,uCAAuC;AAAA,cACrF,qCAAqC;AAAA,YAAA,CACtC;AAAA,YACD,UAAA;AAAA,cAAA,oBAAC,
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Header/NavbarLink/index.tsx"],"sourcesContent":["import { useState, useId } from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { IconChevronDown } from '@components/icons/default'\nimport { Conditional } from '@components/misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = (navItem: NavbarDataProps) => {\n const { name, dropdown, active, href, 'data-testid': dataTestId } = navItem\n const isDropdown = !!dropdown && dropdown.length\n const [isOpen, setIsOpen] = useState(false)\n const dropdownId = useId()\n\n function handleItemClick(item: NavbarDataProps, ev: React.MouseEvent) {\n if (item.onClick) {\n ev.preventDefault()\n item.onClick()\n }\n }\n\n const handleDropdownOpen = () => isDropdown && setIsOpen(true)\n const handleDropdownClose = () => isDropdown && setIsOpen(false)\n const handleDropdownBlur = (ev: React.FocusEvent<HTMLDivElement>) => {\n if (isDropdown && !ev.currentTarget.contains(ev.relatedTarget as Node)) {\n setIsOpen(false)\n }\n }\n\n return (\n <div\n className={classNames('au-header__navbar-item', {\n 'au-header__navbar-item--is-dropdown': dropdown,\n 'au-header__navbar-item--is-active': active,\n 'au-header__navbar-item--is-open': isOpen,\n })}\n onMouseEnter={handleDropdownOpen}\n onMouseLeave={handleDropdownClose}\n onFocus={handleDropdownOpen}\n onBlur={handleDropdownBlur}\n data-testid={dataTestId}>\n {isDropdown ? (\n <button\n type=\"button\"\n aria-expanded={isOpen}\n aria-haspopup=\"true\"\n aria-controls={dropdownId}\n title={name}\n onClick={(ev) => handleItemClick(navItem, ev)}\n className={classNames('au-header__navbar-link', 'au-header__navbar-link--is-dropdown', {\n 'au-header__navbar-link--is-active': active,\n })}>\n <Text as=\"span\" variant=\"heading-micro\" weight=\"light\" data-text={name}>\n {name}\n </Text>\n <IconChevronDown aria-hidden=\"true\" />\n </button>\n ) : (\n <Text\n as=\"a\"\n variant=\"heading-micro\"\n weight=\"light\"\n href={href}\n onClick={(ev) => handleItemClick(navItem, ev)}\n title={name}\n data-text={name}\n className={classNames('au-header__navbar-link', {\n 'au-header__navbar-link--is-active': active,\n })}>\n {name}\n </Text>\n )}\n\n <Conditional\n condition={!!dropdown?.length}\n renderIf={\n <div id={dropdownId} className=\"au-header__dropdown\" aria-hidden={!isOpen}>\n {dropdown?.map((item) => {\n return (\n <Text\n key={item.name}\n as=\"a\"\n variant=\"heading-micro\"\n href={item.href}\n onClick={(ev) => handleItemClick(item, ev)}\n weight=\"light\"\n tabIndex={isOpen ? undefined : -1}\n className={classNames('au-header__dropdown-link', {\n 'au-header__dropdown-link--is-active': item.active,\n })}\n title={item.name}>\n {item.name}\n </Text>\n )\n })}\n </div>\n }\n />\n </div>\n )\n}\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,mBAAmB,CAAC,YAA6B;AAC5D,QAAM,EAAE,MAAM,UAAU,QAAQ,MAAM,eAAe,eAAe;AACpE,QAAM,aAAa,CAAC,CAAC,YAAY,SAAS;AAC1C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,aAAa,MAAA;AAEnB,WAAS,gBAAgB,MAAuB,IAAsB;AACpE,QAAI,KAAK,SAAS;AAChB,SAAG,eAAA;AACH,WAAK,QAAA;AAAA,IACP;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM,cAAc,UAAU,IAAI;AAC7D,QAAM,sBAAsB,MAAM,cAAc,UAAU,KAAK;AAC/D,QAAM,qBAAqB,CAAC,OAAyC;AACnE,QAAI,cAAc,CAAC,GAAG,cAAc,SAAS,GAAG,aAAqB,GAAG;AACtE,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,0BAA0B;AAAA,QAC9C,uCAAuC;AAAA,QACvC,qCAAqC;AAAA,QACrC,mCAAmC;AAAA,MAAA,CACpC;AAAA,MACD,cAAc;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,eAAa;AAAA,MACZ,UAAA;AAAA,QAAA,aACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,iBAAc;AAAA,YACd,iBAAe;AAAA,YACf,OAAO;AAAA,YACP,SAAS,CAAC,OAAO,gBAAgB,SAAS,EAAE;AAAA,YAC5C,WAAW,WAAW,0BAA0B,uCAAuC;AAAA,cACrF,qCAAqC;AAAA,YAAA,CACtC;AAAA,YACD,UAAA;AAAA,cAAA,oBAAC,MAAA,EAAK,IAAG,QAAO,SAAQ,iBAAgB,QAAO,SAAQ,aAAW,MAC/D,UAAA,KAAA,CACH;AAAA,cACA,oBAAC,iBAAA,EAAgB,eAAY,OAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAGtC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAQ;AAAA,YACR,QAAO;AAAA,YACP;AAAA,YACA,SAAS,CAAC,OAAO,gBAAgB,SAAS,EAAE;AAAA,YAC5C,OAAO;AAAA,YACP,aAAW;AAAA,YACX,WAAW,WAAW,0BAA0B;AAAA,cAC9C,qCAAqC;AAAA,YAAA,CACtC;AAAA,YACA,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UACE,oBAAC,OAAA,EAAI,IAAI,YAAY,WAAU,uBAAsB,eAAa,CAAC,QAChE,UAAA,qCAAU,IAAI,CAAC,SAAS;AACvB,qBACE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,IAAG;AAAA,kBACH,SAAQ;AAAA,kBACR,MAAM,KAAK;AAAA,kBACX,SAAS,CAAC,OAAO,gBAAgB,MAAM,EAAE;AAAA,kBACzC,QAAO;AAAA,kBACP,UAAU,SAAS,SAAY;AAAA,kBAC/B,WAAW,WAAW,4BAA4B;AAAA,oBAChD,uCAAuC,KAAK;AAAA,kBAAA,CAC7C;AAAA,kBACD,OAAO,KAAK;AAAA,kBACX,UAAA,KAAK;AAAA,gBAAA;AAAA,gBAXD,KAAK;AAAA,cAAA;AAAA,YAchB,GAAC,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.au-header{height:80px;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header--fixed{position:fixed;top:0;left:0;width:100%;z-index:5}.au-header--static{position:relative}.au-header__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.au-header__container{padding:0 16px}}.au-header__container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.au-header__logo{display:flex;align-items:center}.au-header__logo .au-text{padding-left:16px;margin-left:16px;border-left:1px solid #e2e4e9}.au-header__logo--mobile{display:block}@media(min-width:1024px){.au-header__logo--mobile{display:none}}.au-header__logo--desktop{display:none}@media(min-width:1024px){.au-header__logo--desktop{display:block}}.au-header__link{cursor:pointer}.au-header__button{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}.au-header__badges{display:flex;align-items:center}.au-header__badges>*+*{padding-left:16px;margin-left:16px;position:relative}.au-header__badges>*+*:before{content:"";height:24px;width:1px;background-color:#e2e4e9;position:absolute;left:0;top:calc(50% - 12px)}.au-header__badges .au-logo img{width:100%}.au-header__badges--limited-width .au-logo{max-width:56px}.au-header__navigation{height:100%;display:flex}.au-header__navigation>*+*{margin-left:24px}.au-header__navbar{color:#16181d;display:none}@media(min-width:1024px){.au-header__navbar{display:flex;align-items:center;gap:24px}}.au-header__navbar-item{position:relative}.au-header__navbar-item--is-dropdown{height:calc(100% + 8px);align-self:flex-start;display:flex;align-items:center;justify-content:center;padding-bottom:8px;gap:8px}.au-header__navbar-item--is-dropdown .au-icon{transition:transform .25s ease}.au-header__navbar-item--is-open .au-icon{transform:rotate(-180deg)}.au-header__navbar-item--is-open .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.au-header__navbar-link{height:100%;cursor:pointer;text-decoration:none;border:none;background:none;padding:0;color:inherit;text-align:inherit}.au-header__navbar-link .au-text{color:inherit;font-weight:inherit}.au-header__navbar-link--is-dropdown{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.au-header__navbar-link--is-active,.au-header__navbar-link:hover,.au-header__navbar-link:focus{font-weight:700;letter-spacing:-.6px}.au-header__navbar-link:hover,.au-header__navbar-link:focus{color:#16181d}.au-header__navbar-link--is-active{color:#0048db}.au-header__navbar-link--is-active:hover,.au-header__navbar-link--is-active:focus{color:#0048db}.au-header__dropdown{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;box-shadow:0 2px 8px #a9b1c514,0 4px 4px #0048db0a;max-width:230px;min-width:230px;position:absolute;overflow:hidden;z-index:2;top:100%;width:100%;left:-8px;opacity:0;visibility:hidden;transition:opacity .25s ease-in-out,transform .2s linear,visibility .25s ease-in-out;transform:translateY(-8px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;text-decoration:none;justify-content:space-between;cursor:pointer}.au-header__dropdown-link--is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700;letter-spacing:-.6px}.au-header__dropdown-link--is-active{color:#0048db;background-color:#fafbff;border-top:1px solid #e2e4e9}.au-header__actions{display:flex;align-items:center;gap:8px;margin-block:16px}@media(min-width:1024px){.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:16px;margin-left:24px}}.au-header__profile{display:flex;align-items:center;gap:24px}.au-header__profile-notifications{cursor:pointer;position:relative;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}.au-header__profile-notifications-badge{position:absolute;top:-4px;right:-4px;background-color:#e52222;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;height:18px;min-width:18px;padding:2px;border:1px solid #ffffff}.au-header__profile-notifications-badge:empty{width:12px;height:12px;min-width:12px;padding:0 4px;top:0;right:0}.au-header__profile-menu{display:none;align-items:center;gap:8px;cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}@media(min-width:1024px){.au-header__profile-menu{display:flex}}.au-header__profile-menu-mobile{display:block;cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}@media(min-width:1024px){.au-header__profile-menu-mobile{display:none}}.au-header__profile-letters{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:#9abcff;font-weight:500;font-family:Lexend Deca,sans-serif;color:#16181d;font-size:16px;text-transform:uppercase}.au-header__hamburger{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}@media(min-width:1024px){.au-header__hamburger{display:none}}
|
|
1
|
+
.au-header{height:80px;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header--fixed{position:fixed;top:0;left:0;width:100%;z-index:5}.au-header--static{position:relative}.au-header__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.au-header__container{padding:0 16px}}.au-header__container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.au-header__logo{display:flex;align-items:center}.au-header__logo .au-text{padding-left:16px;margin-left:16px;border-left:1px solid #e2e4e9}.au-header__logo--mobile{display:block}@media(min-width:1024px){.au-header__logo--mobile{display:none}}.au-header__logo--desktop{display:none}@media(min-width:1024px){.au-header__logo--desktop{display:block}}.au-header__link{cursor:pointer}.au-header__button{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}.au-header__badges{display:flex;align-items:center}.au-header__badges>*+*{padding-left:16px;margin-left:16px;position:relative}.au-header__badges>*+*:before{content:"";height:24px;width:1px;background-color:#e2e4e9;position:absolute;left:0;top:calc(50% - 12px)}.au-header__badges .au-logo img{width:100%}.au-header__badges--limited-width .au-logo{max-width:56px}.au-header__navigation{height:100%;display:flex}.au-header__navigation>*+*{margin-left:24px}.au-header__navbar{color:#16181d;display:none}@media(min-width:1024px){.au-header__navbar{display:flex;align-items:center;gap:24px}}.au-header__navbar-item{position:relative}.au-header__navbar-item--is-dropdown{height:calc(100% + 8px);align-self:flex-start;display:flex;align-items:center;justify-content:center;padding-bottom:8px;gap:8px}.au-header__navbar-item--is-dropdown .au-icon{transition:transform .25s ease}.au-header__navbar-item--is-open .au-icon{transform:rotate(-180deg)}.au-header__navbar-item--is-open .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.au-header__navbar-link{height:100%;cursor:pointer;text-decoration:none;border:none;background:none;padding:0;color:inherit;text-align:inherit}.au-header__navbar-link .au-text{color:inherit;font-weight:inherit}.au-header__navbar-link[data-text],.au-header__navbar-link [data-text]{display:inline-flex;flex-direction:column}.au-header__navbar-link[data-text]:before,.au-header__navbar-link[data-text]:after,.au-header__navbar-link [data-text]:before,.au-header__navbar-link [data-text]:after{content:attr(data-text);height:0;overflow:hidden;visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.au-header__navbar-link[data-text]:before,.au-header__navbar-link [data-text]:before{order:1;font-weight:300;letter-spacing:normal}.au-header__navbar-link[data-text]:after,.au-header__navbar-link [data-text]:after{font-weight:700;letter-spacing:-.6px}.au-header__navbar-link--is-dropdown{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.au-header__navbar-link--is-active,.au-header__navbar-link:hover,.au-header__navbar-link:focus{font-weight:700;letter-spacing:-.6px}.au-header__navbar-link:hover,.au-header__navbar-link:focus{color:#16181d}.au-header__navbar-link--is-active{color:#0048db}.au-header__navbar-link--is-active:hover,.au-header__navbar-link--is-active:focus{color:#0048db}.au-header__dropdown{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;box-shadow:0 2px 8px #a9b1c514,0 4px 4px #0048db0a;max-width:230px;min-width:230px;position:absolute;overflow:hidden;z-index:2;top:100%;width:100%;left:-8px;opacity:0;visibility:hidden;transition:opacity .25s ease-in-out,transform .2s linear,visibility .25s ease-in-out;transform:translateY(-8px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;text-decoration:none;justify-content:space-between;cursor:pointer}.au-header__dropdown-link--is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700;letter-spacing:-.6px}.au-header__dropdown-link--is-active{color:#0048db;background-color:#fafbff;border-top:1px solid #e2e4e9}.au-header__actions{display:flex;align-items:center;gap:8px;margin-block:16px}@media(min-width:1024px){.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:16px;margin-left:24px}}.au-header__profile{display:flex;align-items:center;gap:24px}.au-header__profile-notifications{cursor:pointer;position:relative;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}.au-header__profile-notifications-badge{position:absolute;top:-4px;right:-4px;background-color:#e52222;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;height:18px;min-width:18px;padding:2px;border:1px solid #ffffff}.au-header__profile-notifications-badge:empty{width:12px;height:12px;min-width:12px;padding:0 4px;top:0;right:0}.au-header__profile-menu{display:none;align-items:center;gap:8px;cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}@media(min-width:1024px){.au-header__profile-menu{display:flex}}.au-header__profile-menu-mobile{display:block;cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}@media(min-width:1024px){.au-header__profile-menu-mobile{display:none}}.au-header__profile-letters{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:#9abcff;font-weight:500;font-family:Lexend Deca,sans-serif;color:#16181d;font-size:16px;text-transform:uppercase}.au-header__hamburger{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}@media(min-width:1024px){.au-header__hamburger{display:none}}
|