@k8slens/lds 0.35.2 → 0.37.0

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.
Files changed (36) hide show
  1. package/lib/cjs/Avatar/Avatar.d.ts +24 -0
  2. package/lib/cjs/Avatar/Avatar.js +1 -0
  3. package/lib/cjs/Avatar/Avatar.module.css.js +1 -0
  4. package/lib/cjs/UserMenu/UserMenu.d.ts +42 -0
  5. package/lib/cjs/UserMenu/UserMenu.js +1 -0
  6. package/lib/cjs/UserMenu/UserMenu.module.css.js +1 -0
  7. package/lib/cjs/UserMenu/UserMenuItem.d.ts +21 -0
  8. package/lib/cjs/UserMenu/UserMenuItem.js +1 -0
  9. package/lib/cjs/UserMenu/UserMenuItem.module.css.js +1 -0
  10. package/lib/cjs/UserMenu/default-items.d.ts +5 -0
  11. package/lib/cjs/UserMenu/default-items.js +1 -0
  12. package/lib/cjs/components.d.ts +2 -0
  13. package/lib/cjs/index.css +1 -1
  14. package/lib/cjs/index.electron.js +1 -1
  15. package/lib/cjs/index.js +1 -1
  16. package/lib/es/Avatar/Avatar.d.ts +24 -0
  17. package/lib/es/Avatar/Avatar.js +1 -0
  18. package/lib/es/Avatar/Avatar.module.css.js +1 -0
  19. package/lib/es/UserMenu/UserMenu.d.ts +42 -0
  20. package/lib/es/UserMenu/UserMenu.js +1 -0
  21. package/lib/es/UserMenu/UserMenu.module.css.js +1 -0
  22. package/lib/es/UserMenu/UserMenuItem.d.ts +21 -0
  23. package/lib/es/UserMenu/UserMenuItem.js +1 -0
  24. package/lib/es/UserMenu/UserMenuItem.module.css.js +1 -0
  25. package/lib/es/UserMenu/default-items.d.ts +5 -0
  26. package/lib/es/UserMenu/default-items.js +1 -0
  27. package/lib/es/components.d.ts +2 -0
  28. package/lib/es/index.css +1 -1
  29. package/lib/es/index.electron.js +1 -1
  30. package/lib/es/index.js +1 -1
  31. package/lib/web/lds-v0-36-0/index.css +3 -0
  32. package/lib/web/lds-v0-36-0/index.js +19 -0
  33. package/package.json +6 -3
  34. package/lib/web/lds-v0-35-1/index.css +0 -3
  35. package/lib/web/lds-v0-35-1/index.js +0 -19
  36. /package/lib/web/{lds-v0-35-1 → lds-v0-36-0}/typography.css +0 -0
@@ -0,0 +1,24 @@
1
+ import { type HTMLAttributes } from "react";
2
+ export interface AvatarProps extends Pick<HTMLAttributes<HTMLDivElement>, "aria-hidden" | "aria-label"> {
3
+ /**
4
+ * Full name of the user
5
+ */
6
+ name: string;
7
+ /**
8
+ * Optional class name to apply to the avatar
9
+ */
10
+ className?: string;
11
+ /**
12
+ * URL of the image to use as the avatar
13
+ */
14
+ image?: string | null;
15
+ /**
16
+ * Size of the avatar. Defaults to "md"
17
+ */
18
+ size?: "sm" | "md" | "xl";
19
+ }
20
+ /**
21
+ * Avatar component to display user's profile picture or initials.
22
+ * If no image is provided, initials will be displayed with a random background color.
23
+ */
24
+ export default function Avatar({ name, className, image, size, ...props }: AvatarProps): JSX.Element;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),r=require("clsx"),t=require("initialism"),i=require("randomcolor"),l=require("./Avatar.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(a),s=u(r),o=u(t),c=u(i);module.exports=function(r){var t,i=r.name,u=r.className,d=r.image,m=r.size,f=void 0===m?"md":m,v=e.__rest(r,["name","className","image","size"]),b=a.useMemo((function(){return o.default(i,2)}),[i]),g=a.useMemo((function(){return{backgroundColor:d?"var(--color-background-avatar)":c.default({seed:i,luminosity:"dark"})}}),[i,d]);return n.default.createElement("div",{className:s.default(l.avatar,u,(t={},t[l[f]]="md"!==f,t)),style:g,title:i,"aria-label":"aria-label"in v?v["aria-label"]:i},d&&"string"==typeof d&&n.default.createElement("img",{src:d,alt:"".concat(i," avatar"),"aria-hidden":!0}),!d&&n.default.createElement("span",{className:l.avatarText,"aria-hidden":!0},b))};
@@ -0,0 +1 @@
1
+ "use strict";module.exports={avatar:"lds-avatar",sm:"lds-avatar--sm",xl:"lds-avatar--xl",avatarText:"lds-avatar--avatar-text"};
@@ -0,0 +1,42 @@
1
+ /// <reference types="react" />
2
+ import { type MenuItemGroup } from "./default-items";
3
+ export interface BaseUserMenuProps {
4
+ /**
5
+ * License name to display in the User Menu
6
+ */
7
+ license?: string;
8
+ /**
9
+ * User information to display in the User Menu
10
+ */
11
+ user: {
12
+ name: string;
13
+ username: string;
14
+ avatar?: string;
15
+ };
16
+ /**
17
+ * Optional class name to apply to the User Menu button
18
+ */
19
+ className?: string;
20
+ /**
21
+ * Origin of the menu item hrefs. Defaults to https://app.k8slens.dev
22
+ */
23
+ origin?: string;
24
+ }
25
+ export interface DefaultUserMenuProps extends BaseUserMenuProps {
26
+ /**
27
+ * Callback to call when the user clicks the Logout button
28
+ */
29
+ onLogoutClick: () => void;
30
+ }
31
+ export interface CustomUserMenuProps extends BaseUserMenuProps {
32
+ /**
33
+ * Data to display in the User Menu
34
+ */
35
+ items: Array<MenuItemGroup>;
36
+ /**
37
+ * Callback to call when the user clicks the Logout button. Mapped to item with the key "logout"
38
+ */
39
+ onLogoutClick?: () => void;
40
+ }
41
+ export declare type UserMenuProps = DefaultUserMenuProps | CustomUserMenuProps;
42
+ export default function UserMenu({ user, license, origin, className, onLogoutClick: onLogoutClick, ...props }: UserMenuProps): JSX.Element;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),a=require("@headlessui/react"),n=require("clsx"),r=require("@k8slens/lds-icons"),l=require("./UserMenuItem.js"),s=require("./default-items.js"),i=require("../Avatar/Avatar.js"),o=require("./UserMenu.module.css.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(t),m=c(n),d=r.misc.LicenseIcon,f=r.navigation.ArrowDownIcon,p=r.navigation.ArrowUpIcon;module.exports=function(n){var r=n.user,c=n.license,v=n.origin,E=void 0===v?"https://app.k8slens.dev":v,N=n.className,g=n.onLogoutClick,k=e.__rest(n,["user","license","origin","className","onLogoutClick"]),y=t.useMemo((function(){return("items"in k?k.items:s.defaultItems).map((function(t){return{children:t.children.map((function(t){return"logout"===t.key?e.__assign(e.__assign({},t),{onClick:g}):t}))}}))}),[k,g]);return u.default.createElement(a.Menu,null,(function(e){var t,n,s=e.open;return u.default.createElement("div",{className:m.default(o.userMenu,N)},u.default.createElement(a.Menu.Button,{className:m.default(o.button,(t={},t[o.open]=s,t))},u.default.createElement(i,{size:"md",image:r.avatar,name:r.name}),u.default.createElement("div",{className:o.labels},u.default.createElement("b",{className:o.username},"@",r.username),u.default.createElement("small",{className:o.name},r.name)),s?u.default.createElement(p,{className:o.dropDownIcon}):u.default.createElement(f,{className:o.dropDownIcon})),u.default.createElement(a.Transition,{show:s,enter:"transition duration-75 ease-in-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-100 ease-in-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0",className:o.dropdownWrapper},u.default.createElement(a.Menu.Items,{className:m.default(o.dropdown,(n={},n[o.open]=s,n))},u.default.createElement(a.Menu.Item,{disabled:!0},u.default.createElement(l,{className:o.license,title:c||"No license",icon:d,selected:!0})),y.map((function(e,t){var a=e.children;return u.default.createElement("div",{className:o.itemGroup,key:"group-".concat(t),role:"navigation"},a.map((function(e,t){return u.default.createElement(l,{key:"key"in e?e.key:"item-".concat(t),title:e.title,icon:e.icon,type:e.type,disabled:e.disabled,external:e.external,href:e.href,onClick:"onClick"in e?e.onClick:void 0,origin:E})})))})))))}))};
@@ -0,0 +1 @@
1
+ "use strict";module.exports={userMenu:"lds-user-menu",button:"lds-user-menu--button",dropDownIcon:"lds-user-menu--drop-down-icon",open:"lds-user-menu--open",dropdownWrapper:"lds-user-menu--dropdown-wrapper",dropdown:"lds-user-menu--dropdown",labels:"lds-user-menu--labels",name:"lds-user-menu--name",username:"lds-user-menu--username",item:"lds-user-menu--item",itemGroup:"lds-user-menu--item-group",license:"lds-user-menu--license"};
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon";
3
+ export declare type MenuItem = {
4
+ key?: string;
5
+ type?: "default" | "danger";
6
+ icon?: Icon;
7
+ title: string;
8
+ disabled?: boolean;
9
+ external?: boolean;
10
+ href?: string;
11
+ onClick?: () => void;
12
+ };
13
+ export interface UserMenuItemProps extends MenuItem {
14
+ origin?: string;
15
+ selected?: boolean;
16
+ /**
17
+ * Optional class name to apply to the avatar
18
+ */
19
+ className?: string;
20
+ }
21
+ export default function UserMenuItem({ type, title, icon: Icon, disabled, external, onClick, selected, href: path, origin, className: cls, }: UserMenuItemProps): JSX.Element;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("@headlessui/react"),l=require("clsx"),a=require("./UserMenuItem.module.css.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=r(t),c=r(l),i=function(e,t){return new URL(e,t).pathname},o=function(e){var t=e.Icon,n=e.title;return u.default.createElement(u.default.Fragment,null,t?u.default.createElement(t,{className:a.icon,size:"sm"}):null,u.default.createElement("span",{className:a.title},n))};module.exports=function(l){var r=l.type,d=void 0===r?"default":r,s=l.title,f=l.icon,m=l.disabled,E=l.external,b=l.onClick,p=l.selected,v=l.href,w=l.origin,I=l.className,M=t.useMemo((function(){return E||!v?v:w?"".concat(w).concat((null==v?void 0:v.startsWith("/"))?v:"/".concat(v)):v}),[v,w,E]),h=t.useMemo((function(){return"boolean"==typeof p?p:!(!M||"undefined"==typeof window)&&i(window.location.href,"undefined"!=typeof window?window.location.origin:void 0)===i(M,M)}),[M,p]),N=t.useMemo((function(){var e;return c.default(a.userMenuItem,((e={})[a[d]]=d&&"default"!==d,e[a.disabled]=m,e[a.external]=E,e[a.selected]=h,e),I)}),[d,m,E,I,h]);return m||p||!M?m||p||!b?u.default.createElement(n.Menu.Item,{disabled:!0},u.default.createElement("span",{className:c.default(N,a.disabled)},u.default.createElement(o,{Icon:f,title:s}))):u.default.createElement(n.Menu.Item,null,u.default.createElement("button",{className:c.default(a.button,N),onClick:b},u.default.createElement(o,{Icon:f,title:s}))):u.default.createElement(n.Menu.Item,null,u.default.createElement("a",e.__assign({className:N,onClick:b,href:M},E?{target:"_blank"}:{},{rel:"noopener noreferrer"}),u.default.createElement(o,{Icon:f,title:s})))};
@@ -0,0 +1 @@
1
+ "use strict";module.exports={userMenuItem:"lds-user-menu-item",button:"lds-user-menu-item--button",disabled:"lds-user-menu-item--disabled",selected:"lds-user-menu-item--selected",icon:"lds-user-menu-item--icon",danger:"lds-user-menu-item--danger",external:"lds-user-menu-item--external",title:"lds-user-menu-item--title"};
@@ -0,0 +1,5 @@
1
+ import { type MenuItem } from "./UserMenuItem";
2
+ export declare type MenuItemGroup = {
3
+ children: MenuItem[];
4
+ };
5
+ export declare const defaultItems: Array<MenuItemGroup>;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.defaultItems=[{children:[{title:"Your Profile",href:"/profile"},{title:"Your Account",href:"/account"},{title:"Your Billing Details",href:"/billing-details"},{title:"Your Email",href:"/emails"},{title:"Your Connected Accounts",href:"/connected-accounts"},{title:"Your Support Portal",href:"https://support.k8slens.dev/hc/en-us",external:!0},{title:"Lens Business ID",href:"/business"}]},{children:[{title:"Logout",type:"danger",key:"logout"}]}];
@@ -1,3 +1,4 @@
1
+ export { default as Avatar } from "./Avatar/Avatar";
1
2
  export { default as Badge } from "./Badge/Badge";
2
3
  export { default as Button } from "./Button/Button";
3
4
  export { default as ButtonBar } from "./ButtonBar/ButtonBar";
@@ -13,4 +14,5 @@ export { default as SideNav } from "./SideNav/SideNav";
13
14
  export { default as SideNavGroup } from "./SideNav/SideNavGroup";
14
15
  export { default as SideNavItem } from "./SideNav/SideNavItem";
15
16
  export { default as Tooltip } from "./Tooltip/Tooltip";
17
+ export { default as UserMenu } from "./UserMenu/UserMenu";
16
18
  export { Switch } from "./Switch/Switch";
package/lib/cjs/index.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /*
2
2
  ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
3
- */*,:after,:before{border-color:var(--alias-color-border-default);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--typography-font-family-open-sans:"Open Sans",sans-serif;--typography-line-height-9xl:1;--typography-line-height-8xl:1;--typography-line-height-7xl:1;--typography-line-height-6xl:1;--typography-font-legacy:"Roboto","Helvetica","Arial",sans-serif;--typography-font-primary:"Open Sans",sans-serif;--transition-easing-in-out:ease-in-out;--transition-easing-default:ease;--transition-duration-slow:.75s;--transition-duration-default:.25s;--spacing-h4-basekick-baseline:0em;--spacing-h4-basekick-cap:0em;--spacing-h4-block-end:0rem;--spacing-h3-basekick-baseline:0em;--spacing-h3-basekick-cap:0em;--spacing-h3-block-end:0rem;--spacing-h2-caps-basekick-baseline:-0.11148em;--spacing-h2-caps-basekick-cap:-0.13628em;--spacing-h2-caps-block-end:0.27873rem;--spacing-h2-basekick-baseline:-0.08484em;--spacing-h2-basekick-cap:-0.10964em;--spacing-h2-block-end:0.2431rem;--spacing-h1-basekick-baseline:-0.6121em;--spacing-h1-basekick-cap:-0.6741em;--spacing-h1-block-end:1.9293rem;--spacing-9-5:2.375rem;--spacing-8-5:2.125rem;--spacing-7-5:1.875rem;--spacing-6-5:1.625rem;--spacing-5-5:1.375rem;--spacing-4-5:1.125rem;--spacing-3-5:0.875rem;--spacing-2-75:0.6875rem;--spacing-2-5:0.625rem;--spacing-2-25:0.5625rem;--spacing-1-75:0.4375rem;--spacing-1-5:0.375rem;--spacing-1-25:0.3125rem;--spacing-0-75:0.1875rem;--spacing-0-5:0.125rem;--spacing-0-25:0.0625rem;--spacing-96:24rem;--spacing-80:20rem;--spacing-72:18rem;--spacing-64:16rem;--spacing-60:15rem;--spacing-56:14rem;--spacing-52:13rem;--spacing-48:12rem;--spacing-44:11rem;--spacing-40:10rem;--spacing-36:9rem;--spacing-32:8rem;--spacing-28:7rem;--spacing-24:6rem;--spacing-20:5rem;--spacing-18:4.5rem;--spacing-16:4rem;--spacing-14:3.5rem;--spacing-12:3rem;--spacing-10:2.5rem;--spacing-9:2.25rem;--spacing-8:2rem;--spacing-7:1.75rem;--spacing-6:1.5rem;--spacing-5:1.25rem;--spacing-4:1rem;--spacing-3:0.75rem;--spacing-2:0.5rem;--spacing-1:0.25rem;--screen-width-max-xl:1535px;--screen-width-max-lg:1279px;--screen-width-max-md:1023px;--screen-width-max-sm:767px;--screen-width-max-xs:639px;--screen-width-min-2xl:1536px;--screen-width-min-xl:1280px;--screen-width-min-lg:1024px;--screen-width-min-md:768px;--screen-width-min-sm:640px;--opacity-disabled:0.5;--typography-font-header:var(--typography-font-family-open-sans);--typography-font-main:var(--typography-font-family-open-sans);--typography-heading-line-height-h5:var(--spacing-6);--typography-heading-size-h5:var(--spacing-2-5);--typography-line-height-5xl:var(--spacing-12);--typography-line-height-4xl:var(--spacing-12);--typography-line-height-3xl:var(--spacing-12);--typography-line-height-2xl:var(--spacing-6);--typography-line-height-xl:var(--spacing-6);--typography-line-height-lg:var(--spacing-6);--typography-line-height-base:var(--spacing-6);--typography-line-height-sm:var(--spacing-6);--typography-line-height-xs:var(--spacing-6);--typography-line-height-xxs:var(--spacing-6);--typography-size-9xl:var(--spacing-18);--typography-size-8xl:var(--spacing-16);--typography-size-7xl:var(--spacing-12);--typography-size-6xl:var(--spacing-10);--typography-size-5xl:var(--spacing-9);--typography-size-4xl:var(--spacing-8);--typography-size-3xl:var(--spacing-6);--typography-size-2xl:var(--spacing-5);--typography-size-xl:var(--spacing-4-5);--typography-size-lg:var(--spacing-4);--typography-size-base:var(--spacing-3-5);--typography-size-sm:var(--spacing-3);--typography-size-xs:var(--spacing-2-75);--typography-size-xxs:var(--spacing-2);--spacing-p-block-end:var(--spacing-4);--spacing-3xl:var(--spacing-10);--spacing-2xl:var(--spacing-8);--spacing-xl:var(--spacing-6);--spacing-lg:var(--spacing-4);--spacing-md:var(--spacing-3);--spacing-sm:var(--spacing-2);--spacing-xs:var(--spacing-1);--spacing-xxs:var(--spacing-0-5);--radius-3xl:var(--spacing-6);--radius-2xl:var(--spacing-4);--radius-xl:var(--spacing-3);--radius-lg:var(--spacing-2);--radius-md:var(--spacing-1-5);--radius-default:var(--spacing-1);--radius-sm:var(--spacing-0-5);--typography-heading-line-height-h4:var(--typography-line-height-base);--typography-heading-line-height-h3:var(--typography-line-height-base);--typography-heading-line-height-h2-caps:var(--typography-line-height-xl);--typography-heading-line-height-h2:var(--typography-line-height-2xl);--typography-heading-line-height-h1:var(--typography-line-height-3xl);--typography-heading-size-h4:var(--typography-size-base);--typography-heading-size-h3:var(--typography-size-base);--typography-heading-size-h2-caps:var(--typography-size-xl);--typography-heading-size-h2:var(--typography-size-xl);--typography-heading-size-h1:var(--typography-size-2xl);--hues-blue-green-lightness:39%;--hues-blue-green-saturation:59%;--hues-blue-green-hue:172;--hues-bright-green-lightness:60%;--hues-bright-green-saturation:60%;--hues-bright-green-hue:110;--hues-green-lightness:40%;--hues-green-saturation:60%;--hues-green-hue:138;--hues-orange-lightness:57.84%;--hues-orange-saturation:100%;--hues-orange-hue:31.81;--hues-red-lightness:50%;--hues-red-saturation:60%;--hues-red-hue:359;--hues-blue-lightness:52.4%;--hues-blue-saturation:59.7%;--hues-blue-hue:205.6;--color-translucent-light-50:hsla(0,0%,100%,.5);--color-translucent-light-25:hsla(0,0%,100%,.25);--color-translucent-light-15:hsla(0,0%,100%,.15);--color-translucent-light-10:hsla(0,0%,100%,.1);--color-translucent-dark-05:rgba(0,0,0,.05);--color-translucent-dark-60:rgba(0,0,0,.4);--color-translucent-dark-40:rgba(0,0,0,.4);--color-translucent-dark-25:rgba(0,0,0,.25);--color-translucent-dark-15:rgba(0,0,0,.15);--color-translucent-dark-10:rgba(0,0,0,.1);--color-black:#000;--color-white:#fff;--color-blue-gray-230:#373a3f;--color-blue-gray-170:#272a2f;--color-blue-gray-150:#23262a;--color-blue-gray-130:#1e2124;--shadow-inner:inset 0 2px 4px 0 var(--color-translucent-dark-05);--shadow-2xl:0 25px 50px -12px var(--color-translucent-dark-25),0 0 1px 0 var(--color-translucent-dark-25);--shadow-xl:0 20px 25px -5px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-lg:0 10px 15px -3px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-md:0 4px 6px -1px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-default:0 1px 3px 0 var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-10);--shadow-sm:0 0 0 2px var(--color-translucent-dark-05),0 0 1px 0 var(--color-translucent-dark-10);--hues-blue-gray-hue:var(--hues-blue-hue);--color-blue-green-600:hsl(var(--hues-blue-green-hue),var(--hues-blue-green-saturation),var(--hues-blue-green-lightness));--color-bright-green-600:hsl(var(--hues-bright-green-hue),var(--hues-bright-green-saturation),var(--hues-bright-green-lightness));--color-green-400:hsl(var(--hues-green-hue),var(--hues-green-saturation),var(--hues-green-lightness));--color-orange-600:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),var(--hues-orange-lightness));--color-orange-400:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),40%);--color-red-600:hsl(var(--hues-red-hue),var(--hues-red-saturation),var(--hues-red-lightness));--color-blue-600:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),60%);--color-blue-500:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),var(--hues-blue-lightness));--color-blue-green-default:var(--color-blue-green-600);--color-bright-green-default:var(--color-bright-green-600);--color-green-default:var(--color-green-400);--color-orange-default:var(--color-orange-600);--color-red-default:var(--color-red-600);--color-blue-gray-980:hsl(var(--hues-blue-gray-hue),15%,98%);--color-blue-gray-950:hsl(var(--hues-blue-gray-hue),13%,95%);--color-blue-gray-900:hsl(var(--hues-blue-gray-hue),15%,90%);--color-blue-gray-850:hsl(var(--hues-blue-gray-hue),15%,85%);--color-blue-gray-800:hsl(var(--hues-blue-gray-hue),10%,80%);--color-blue-gray-750:hsl(var(--hues-blue-gray-hue),5%,75%);--color-blue-gray-700:hsl(var(--hues-blue-gray-hue),5%,70%);--color-blue-gray-650:hsl(var(--hues-blue-gray-hue),5%,65%);--color-blue-gray-600:hsl(var(--hues-blue-gray-hue),6%,60%);--color-blue-gray-550:hsl(var(--hues-blue-gray-hue),6%,55%);--color-blue-gray-450:hsl(var(--hues-blue-gray-hue),6%,45%);--color-blue-gray-350:hsl(var(--hues-blue-gray-hue),6%,35%);--color-blue-gray-200:hsl(var(--hues-blue-gray-hue),9%,20%);--color-blue-default:var(--color-blue-500);--color-blue-gray-default:var(--color-blue-gray-450);--alias-color-background-highlight-25:var(--color-translucent-light-25);--alias-color-background-highlight-15:var(--color-translucent-light-15);--alias-color-background-highlight-10:var(--color-translucent-light-10);--alias-color-background-overlay-popup:var(--color-translucent-dark-60);--alias-color-background-overlay-blocked:var(--color-translucent-dark-40);--alias-color-background-elevation-negative:var(--color-translucent-dark-40);--alias-color-background-quinary:var(--color-blue-gray-170);--alias-color-background-tertiary:var(--color-blue-gray-230);--alias-color-background-secondary:var(--color-blue-gray-150);--alias-color-background-base:var(--color-blue-gray-130);--alias-color-border-vivid:var(--color-white);--alias-color-border-weak:var(--color-blue-gray-230);--alias-color-text-accent:var(--color-white);--alias-color-font-table-header-base:var(--alias-color-text-accent);--alias-color-background-block-footer:var(--alias-color-background-secondary);--alias-color-background-block-content:var(--alias-color-background-quinary);--alias-color-background-block-header:var(--alias-color-background-secondary);--alias-color-info:var(--color-blue-500);--alias-color-caution-dark:var(--color-orange-400);--alias-color-font-table-cell-active:var(--color-blue-green-default);--alias-color-background-quarternary:var(--color-blue-gray-200);--alias-color-ok:var(--color-green-default);--alias-color-caution:var(--color-orange-default);--alias-color-danger:var(--color-red-default);--alias-color-border-focus:var(--color-blue-default);--alias-color-border-strong:var(--color-blue-gray-550);--alias-color-border-default:var(--color-blue-gray-350);--alias-color-text-quarternary:var(--color-blue-gray-850);--alias-color-text-tertiary:var(--color-blue-gray-650);--alias-color-text-secondary:var(--color-blue-gray-350);--alias-color-text-primary:var(--color-blue-gray-600);--alias-color-brand-primary:var(--color-blue-default);--alias-color-font-table-cell-link:var(--alias-color-brand-primary);--alias-color-font-table-cell-danger:var(--alias-color-danger);--alias-color-font-table-cell-caution:var(--alias-color-caution);--alias-color-font-table-cell-secondary:var(--alias-color-text-secondary);--alias-color-font-table-cell-primary:var(--alias-color-text-primary);--alias-color-font-link:var(--alias-color-brand-primary)}body.light,html.light{--alias-color-brand-primary:#3d90ce;--alias-color-text-primary:#858d93;--alias-color-text-secondary:#bcc0c2;--alias-color-text-tertiary:#6c747a;--alias-color-text-quarternary:#545a5f;--alias-color-text-accent:#000;--alias-color-border-weak:#d3dade;--alias-color-border-default:#a1a6aa;--alias-color-border-strong:#6c747a;--alias-color-border-vivid:#000;--alias-color-border-focus:#3d90ce;--alias-color-danger:#cc3336;--alias-color-caution:#ff9a28;--alias-color-caution-dark:#cc6c00;--alias-color-ok:#29a34e;--alias-color-info:#3d90ce;--alias-color-background-base:#f1f2f4;--alias-color-background-secondary:#f9fafb;--alias-color-background-tertiary:#e2e6e9;--alias-color-background-quarternary:#d3dade;--alias-color-background-quinary:#f1f2f4;--alias-color-background-elevation-negative:rgba(0,0,0,.1);--alias-color-background-overlay-blocked:hsla(0,0%,100%,.5);--alias-color-background-overlay-popup:rgba(0,0,0,.25);--alias-color-background-highlight-10:rgba(0,0,0,.1);--alias-color-background-highlight-15:rgba(0,0,0,.15);--alias-color-background-highlight-25:rgba(0,0,0,.05);--alias-color-background-block-header:#f9fafb;--alias-color-background-block-content:#f1f2f4;--alias-color-background-block-footer:#f9fafb;--alias-color-font-link:#3d90ce;--alias-color-font-table-header-base:#000;--alias-color-font-table-cell-primary:#858d93;--alias-color-font-table-cell-secondary:#bcc0c2;--alias-color-font-table-cell-active:#299e8e;--alias-color-font-table-cell-caution:#ff9a28;--alias-color-font-table-cell-danger:#cc3336;--alias-color-font-table-cell-link:#3d90ce}:root{--spacing-switch-thumb-size:20px;--spacing-side-nav-compact-item-margin-block-end:0;--shadow-switch-thumb-focused:0 0 0 2px var(--alias-color-brand-primary);--size-input-block-size:var(--spacing-10);--size-button-sm-height:var(--spacing-8);--size-button-xs-height:var(--spacing-6-5);--size-button-height:var(--spacing-10);--spacing-input-icon-inset-block:var(--spacing-2-5);--spacing-input-icon-inset-inline:var(--spacing-2-5);--spacing-input-with-icon-inline-end:var(--spacing-10);--spacing-button-sm-icon-size:var(--spacing-4);--spacing-button-xs-icon-size:var(--spacing-3-5);--spacing-button-icon-size:var(--spacing-5);--spacing-button-sm-padding-y:var(--spacing-0-75);--spacing-button-xs-padding-y:var(--spacing-1);--color-font-side-nav-item-active-danger:var(--color-white);--color-background-switch-thumb:var(--color-white);--spacing-side-nav-compact-item-padding-inline:var(--spacing-lg);--spacing-side-nav-item-margin-block-end:var(--spacing-xxs);--spacing-side-nav-item-padding-block:var(--spacing-xs);--spacing-side-nav-item-padding-inline:var(--spacing-md);--spacing-side-nav-compact-gap:var(--spacing-xxs);--spacing-side-nav-gap:var(--spacing-sm);--spacing-input-padding-inline:var(--spacing-md);--spacing-button-bar-padding-block:var(--spacing-lg);--spacing-button-bar-padding-inline-large:var(--spacing-xl);--spacing-button-bar-padding-inline:var(--spacing-lg);--spacing-button-xs-icon-margin-inline-end:var(--spacing-sm);--spacing-button-icon-margin-inline-end:var(--spacing-md);--spacing-button-sm-padding-x:var(--spacing-md);--spacing-button-xs-padding-x:var(--spacing-sm);--spacing-button-padding-y:var(--spacing-xs);--spacing-button-padding-x:var(--spacing-lg);--shadow-switch-thumb-disabled:inset 0 0 0 2px var(--alias-color-background-overlay-blocked);--radius-button-xs:var(--radius-md);--radius-button-sm:var(--radius-md);--radius-button:var(--radius-default);--color-font-side-nav-item-active-default:var(--alias-color-text-accent);--color-font-input-focus:var(--alias-color-text-accent);--color-background-switch-thumb-highlight:var(--alias-color-background-highlight-25);--spacing-button-bar-gap:var(--spacing-button-bar-padding-block);--color-font-button-danger-base:var(--color-blue-gray-900);--color-font-button-caution-base:var(--color-blue-gray-900);--color-font-button-ok-base:var(--color-blue-gray-900);--color-font-button-primary-base:var(--color-blue-gray-900);--color-background-switch-track-active:var(--color-bright-green-default);--color-background-button-caution-base:var(--alias-color-caution-dark);--color-border-side-nav-group:var(--alias-color-border-weak);--color-border-input-invalid:var(--alias-color-danger);--color-border-input-focus:var(--alias-color-border-focus);--color-border-input-default:var(--alias-color-border-weak);--color-border-button-danger-discreet:var(--alias-color-danger);--color-border-button-caution-discreet:var(--alias-color-caution);--color-border-button-ok-discreet:var(--alias-color-ok);--color-border-button-secondary-discreet:var(--alias-color-border-strong);--color-border-button-primary-discreet:var(--alias-color-brand-primary);--color-font-side-nav-item-base-danger:var(--alias-color-danger);--color-font-side-nav-item-base-default:var(--alias-color-text-primary);--color-font-input-placeholder:var(--alias-color-text-secondary);--color-font-input-default:var(--alias-color-text-tertiary);--color-font-button-danger-discreet:var(--alias-color-danger);--color-font-button-caution-discreet:var(--alias-color-caution);--color-font-button-ok-discreet:var(--alias-color-ok);--color-font-button-secondary-discreet:var(--alias-color-text-tertiary);--color-font-button-secondary-base:var(--alias-color-text-quarternary);--color-font-button-primary-discreet:var(--alias-color-brand-primary);--color-background-switch-track-inactive:var(--alias-color-background-tertiary);--color-background-side-nav-item-active-danger:var(--alias-color-danger);--color-background-side-nav-item-active-default:var(--alias-color-background-tertiary);--color-background-input-focus:var(--alias-color-background-quarternary);--color-background-input-default:var(--alias-color-background-base);--color-background-button-danger-base:var(--alias-color-danger);--color-background-button-ok-base:var(--alias-color-ok);--color-background-button-secondary-base:var(--alias-color-background-quarternary);--color-background-button-primary-base:var(--alias-color-brand-primary)}.lds-icon{display:inline-block}.lds-icon--svg svg{height:100%;max-width:inherit;min-width:inherit;width:100%}.lds-icon--svg.sm{height:1.125rem;width:1.125rem}.lds-icon--svg,.lds-icon--svg.md{height:var(--spacing-5);width:var(--spacing-5)}.lds-icon--svg.lg{height:var(--spacing-6);width:var(--spacing-6)}.lds-icon--svg.xl{height:var(--spacing-7);width:var(--spacing-7)}.lds-icon--svg.xxl{height:var(--spacing-8);width:var(--spacing-8)}.lds-icon--svg.xxxl{height:var(--spacing-12);width:var(--spacing-12)}.lds-icon--svg.xxxxl{height:var(--spacing-16);width:var(--spacing-16)}.lds-icon--svg.xxxxxl{height:var(--spacing-20);width:var(--spacing-20)}.lds-icon--svg.xxxxxxl{height:var(--spacing-24);width:var(--spacing-24)}.lds-icon--svg>svg{fill:var(--alias-color-text-primary)}.lds-icon--svg.accent>svg{fill:var(--alias-color-text-accent)}.lds-icon--svg.black>svg{fill:var(--color-black)}.lds-icon--svg.on-dark>svg{fill:var(--color-white)}.lds-icon--svg.primary>svg{fill:var(--color-blue-default)}.lds-icon--svg.ok>svg{fill:var(--color-background-button-ok-base)}.lds-icon--svg.info>svg{fill:var(--color-background-button-info-base)}.lds-icon--svg.caution>svg{fill:var(--color-background-button-caution-base)}.lds-icon--svg.danger>svg{fill:var(--color-background-button-danger-base)}.lds-only-aria{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.lds-badge{background-color:var(--alias-color-text-primary);border-radius:var(--radius-default);display:inline-block;height:var(--spacing-sm);padding:0;vertical-align:super;width:var(--spacing-sm)}.lds-badge--md{border-radius:var(--radius-md);height:var(--spacing-md);width:var(--spacing-md)}.lds-badge--lg{border-radius:var(--radius-lg);height:var(--spacing-lg);width:var(--spacing-lg)}.lds-badge--success{background-color:var(--alias-color-ok)}.lds-badge--error{background-color:var(--alias-color-danger)}.lds-badge--warning{background-color:var(--alias-color-caution)}.lds-badge--primary{background-color:var(--alias-color-brand-primary)}a.lds-button{display:inline-block;text-align:center;text-decoration-line:none}.lds-button{background-color:var(--color-background-button-secondary-base);border-color:transparent;border-radius:var(--radius-default);border-width:1px;color:var(--color-font-button-secondary-base);font-family:var(--typography-font-main);font-size:var(--typography-size-base);height:var(--size-button-height);line-height:var(--typography-line-height-base);padding:var(--spacing-button-padding-y) var(--spacing-button-padding-x);transition:background-color var(--transition-duration-default) var(--transition-easing-default)}.lds-button--sm,.lds-button--xs{border-radius:var(--radius-md);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm)}.lds-button--xs{height:var(--size-button-xs-height);line-height:1rem;padding:var(--spacing-button-xs-padding-y) var(--spacing-button-xs-padding-x)}.lds-button--sm{height:var(--size-button-sm-height);padding:var(--spacing-button-sm-padding-y) var(--spacing-button-sm-padding-x)}.lds-button--uppercase{text-transform:uppercase}.lds-button--capitalize{text-transform:capitalize}.lds-button>.lds-button--icon{height:var(--spacing-lg);margin-left:0;margin-right:var(--spacing-button-icon-margin-inline-end);overflow:visible;width:var(--spacing-button-icon-size)}.lds-button>.lds-button--icon>svg{fill:var(--color-font-button-secondary-base);height:var(--spacing-button-icon-size);width:var(--spacing-button-icon-size)}.lds-button>.lds-button--icon-r{margin-left:var(--spacing-button-icon-margin-inline-end);margin-right:0}.lds-button--xs>.lds-button--icon{margin-right:var(--spacing-button-xs-icon-margin-inline-end);width:var(--spacing-button-xs-icon-size)}.lds-button--xs>.lds-button--icon>svg{height:var(--spacing-button-xs-icon-size);width:var(--spacing-button-xs-icon-size)}.lds-button--xs>.lds-button--icon-r{margin-left:var(--spacing-button-xs-icon-margin-inline-end);margin-right:0}.lds-button--sm>.lds-button--icon,.lds-button--sm>.lds-button--icon>svg{width:var(--spacing-button-sm-icon-size)}.lds-button--sm>.lds-button--icon>svg{height:var(--spacing-button-sm-icon-size)}.lds-button--discreet{background-color:transparent;border-color:var(--color-border-button-secondary-discreet);border-width:1px;color:var(--color-font-button-secondary-discreet)}.lds-button--discreet>.lds-button--icon>svg{fill:var(--color-font-button-secondary-discreet)}.lds-button.primary{background-color:var(--color-background-button-primary-base);color:var(--color-font-button-primary-base)}.lds-button.primary>.lds-button--icon>svg{fill:var(--color-font-button-primary-base)}.lds-button--discreet.primary{background-color:transparent;border-color:var(--color-border-button-primary-discreet);border-width:1px;color:var(--color-font-button-primary-discreet)}.lds-button--discreet.primary>.lds-button--icon>svg{fill:var(--color-font-button-primary-discreet)}.lds-button.ok{background-color:var(--color-background-button-ok-base);color:var(--color-font-button-ok-base)}.lds-button.ok>.lds-button--icon>svg{fill:var(--color-font-button-ok-base)}.lds-button--discreet.ok{background-color:transparent;border-color:var(--color-border-button-ok-discreet);border-width:1px}.lds-button--discreet.ok,.lds-button--discreet.ok>.lds-button--icon{color:var(--color-font-button-ok-discreet)}.lds-button--discreet.ok>.lds-button--icon>svg{fill:var(--color-font-button-ok-discreet)}.lds-button.caution{background-color:var(--color-background-button-caution-base);color:var(--color-font-button-caution-base)}.lds-button.caution>.lds-button--icon>svg{fill:var(--color-font-button-caution-base)}.lds-button--discreet.caution{background-color:transparent;border-color:var(--color-border-button-caution-discreet);border-width:1px}.lds-button--discreet.caution,.lds-button--discreet.caution>.lds-button--icon{color:var(--color-font-button-caution-discreet)}.lds-button--discreet.caution>.lds-button--icon>svg{fill:var(--color-font-button-caution-discreet)}.lds-button:is(.danger,[type=reset]){background-color:var(--color-background-button-danger-base);color:var(--color-font-button-danger-base)}.lds-button:is(.danger,[type=reset])>.lds-button--icon>svg{fill:var(--color-font-button-danger-base)}.lds-button--discreet:is(.danger,[type=reset]){background-color:transparent;border-color:var(--color-border-button-danger-discreet);border-width:1px;color:var(--color-font-button-danger-discreet)}.lds-button--discreet:is(.danger,[type=reset])>.lds-button--icon{color:var(--color-font-button-danger-discreet)}.lds-button--discreet:is(.danger,[type=reset])>.lds-button--icon>svg{fill:var(--color-font-button-danger-discreet)}.lds-button--loading{cursor:default}.lds-button--loading>.lds-button--spinner{display:none}.lds-button--loading>.lds-button--icon,.lds-button--loading>.lds-button--label{opacity:var(--opacity-disabled)}.lds-button--loading{pointer-events:none;position:relative}.lds-button--loading:after{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:0rem;--tw-gradient-to:#fff var(--tw-gradient-to-position);--tw-gradient-to-position:50%;animation:lds-button--loading 1.5s linear infinite;background-image:linear-gradient(to right,var(--tw-gradient-stops));content:"";height:100%;left:0;opacity:.1;position:absolute;top:0}.lds-button--discreet.lds-button--loading:after{--tw-gradient-to:var(--color-border-button-secondary-discreet) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.primary:after{--tw-gradient-to:var(--color-background-button-primary-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.ok:after{--tw-gradient-to:var(--color-background-button-ok-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.caution:after{--tw-gradient-to:var(--color-background-button-caution-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.danger:after{--tw-gradient-to:var(--color-background-button-danger-base) var(--tw-gradient-to-position)}@keyframes lds-button--loading{0%{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}a.lds-button.disabled{pointer-events:none}.lds-button.disabled,.lds-button[disabled]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:default;opacity:var(--opacity-disabled)}.lds-button-bar{--half-block-padding:calc(var(--spacing-button-bar-padding-block)/2);--half-gap:calc(var(--spacing-button-bar-gap)/2);display:flex;flex-direction:column}@media (min-width:640px){.lds-button-bar{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.lds-button-bar{padding:var(--half-block-padding) var(--spacing-button-bar-padding-inline)}@media (min-width:640px){.lds-button-bar{padding-left:var(--spacing-button-bar-padding-inline-large);padding-right:var(--spacing-button-bar-padding-inline-large)}}.lds-button-bar>a,.lds-button-bar>button{margin-bottom:var(--half-block-padding);margin-left:0;margin-right:0;margin-top:var(--half-block-padding)}@media (min-width:640px){.lds-button-bar>a,.lds-button-bar>button{margin-left:var(--half-gap);margin-right:var(--half-gap)}.lds-button-bar>a:first-child,.lds-button-bar>button:first-child{margin-left:0}.lds-button-bar>a:last-child,.lds-button-bar>button:last-child{margin-right:0}.lds-button-bar--centered{display:flex;justify-content:center}}.lds-button-bar--stacked{flex-direction:column;flex-wrap:nowrap}.lds-button-bar--stacked a,.lds-button-bar--stacked>button{margin-left:0;margin-right:0}.lds-button-bar--b-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:0;margin-top:0}@media (min-width:640px){.lds-button-bar--b-grid{-moz-column-gap:var(--spacing-button-bar-gap);column-gap:var(--spacing-button-bar-gap)}}.lds-button-bar--b-grid>a,.lds-button-bar--b-grid>button{margin-left:0;margin-right:0}@media (min-width:640px){.lds-button-bar--grid---2{grid-template-columns:repeat(2,minmax(0,1fr))}.lds-button-bar--grid---3{grid-template-columns:repeat(3,minmax(0,1fr))}.lds-button-bar--grid---4{grid-template-columns:repeat(4,minmax(0,1fr))}.lds-button-bar--grid---5{grid-template-columns:repeat(5,minmax(0,1fr))}}.lds-input--wrapper{position:relative}.lds-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-default);border-width:1px;width:100%}.lds-input:focus{outline:2px solid transparent;outline-offset:2px;z-index:10}.lds-input{-webkit-text-fill-color:var(--color-font-input-default);background-color:var(--color-background-input-default);border-color:var(--color-border-input-default);box-shadow:0 0 0 9999px var(--color-background-input-default) inset;caret-color:var(--alias-color-border-vivid);color:var(--color-font-input-default);height:var(--size-input-block-size);padding-left:var(--spacing-input-padding-inline);padding-right:var(--spacing-input-padding-inline);transition:border-color var(--transition-duration-default) var(--transition-easing-default)}.lds-input--with-icon>.lds-input{padding-right:var(--spacing-input-with-icon-padding-inline-end)}.lds-input:disabled{opacity:var(--opacity-disabled)}.lds-input:focus{-webkit-text-fill-color:var(--color-font-input-focus);background-color:var(--color-background-input-focus);border-color:var(--color-border-input-focus);color:var(--color-font-input-focus)}.lds-input[aria-invalid]{border-color:var(--color-border-input-invalid)}.lds-input::-moz-placeholder{opacity:var(--opacity-disabled)}.lds-input::placeholder{opacity:var(--opacity-disabled)}.lds-input+.lds-input--icon{position:absolute;right:var(--spacing-input-icon-inset-inline);top:var(--spacing-input-icon-inset-block);z-index:50}.lds-input+.lds-input--icon>svg{fill:var(--color-font-input-default)}.lds-input:disabled+.lds-input--icon>svg{opacity:var(--opacity-disabled)}.lds-input[aria-invalid]+.lds-input--icon>svg{fill:var(--color-border-input-invalid)}.lds-loading-indicator{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.lds-loading-indicator>span{display:block;left:-50%;top:-50%}.lds-lozenge{--tw-text-opacity:1;background-color:var(--alias-color-text-primary);border-radius:var(--radius-sm);color:rgb(0 0 0/var(--tw-text-opacity));display:inline-block;font-size:var(--typography-size-xxs);font-weight:500;line-height:var(--typography-line-height-xxs);line-height:1rem;padding-bottom:0;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);padding-top:0}.lds-lozenge--md{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1.25rem}.lds-lozenge--lg{font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);line-height:1.5rem}.lds-lozenge--success{background-color:var(--alias-color-ok)}.lds-lozenge--error,.lds-lozenge--success{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-lozenge--error{background-color:var(--alias-color-danger)}.lds-lozenge--warning{background-color:var(--alias-color-caution)}.lds-lozenge--primary,.lds-lozenge--warning{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-lozenge--primary{background-color:var(--alias-color-brand-primary)}.lds-lozenge--uppercase{text-transform:uppercase}.lds-lozenge--capitalize{text-transform:capitalize}.lds-panel{width:100%}.lds-panel--content,.lds-panel--footer,.lds-panel--header{margin:0}.lds-panel--content,.lds-panel--footer:not(.lds-button-bar),.lds-panel--header{padding:var(--spacing-lg)}.lds-panel--header{background-color:var(--alias-color-background-block-header);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);text-align:center}.lds-panel--content{background-color:var(--alias-color-background-block-content)}.lds-panel--footer{background-color:var(--alias-color-background-block-footer)}@media (min-width:640px){.lds-panel--header{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);margin-top:var(--spacing-xl)}}.lds-panel--header{padding-bottom:var(--spacing-2xl);padding-top:var(--spacing-2xl)}@media (min-width:640px){.lds-panel--header{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.lds-panel--content{padding:var(--spacing-xl)}.lds-panel--footer{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}.lds-panel--footer:not(.lds-button-bar){padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.lds-panel--loading{position:relative}.lds-panel--footer,.lds-panel--header{opacity:1;transition:opacity var(--transition-duration-slow) var(--transition-easing-in-out)}.lds-panel--footer.lds-panel--loading,.lds-panel--header.lds-panel--loading{opacity:var(--opacity-disabled)}.lds-panel--loading-indicator{align-items:center;background-color:var(--alias-color-background-overlay-blocked);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.lds-panel--loading-indicator svg{fill:var(--alias-color-text-tertiary)}.lds-panel--loading{pointer-events:none}.lds-panel--header:is(h2,h3,h4,h5,h6){margin-bottom:0;padding-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.lds-panel--header>h2,.lds-panel--header>h3,.lds-panel--header>h4,.lds-panel--header>h5,.lds-panel--header>h6{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-sm)}.lds-panel--header>p{margin-bottom:0}.lds-modal{align-items:center;background:var(--alias-color-background-overlay-popup);bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:50}.lds-modal--modal-content{flex-grow:1;max-width:28rem;width:100%}@media (min-width:640px){.lds-modal--modal-content{border-radius:var(--radius-xl)}}.lds-modal--modal-content{box-shadow:var(--shadow-xl);max-height:100vh;overflow-y:auto}.lds-modal--modal-content>header{margin:0;padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}@media (min-width:640px){.lds-modal--modal-content>header{margin:0}}.lds-modal--modal-content>header h3.lds-h1{margin-bottom:0;margin-top:0}.lds-modal--modal-content>header .lds-modal--sub-title{color:var(--alias-color-text-tertiary);margin-bottom:0;margin-top:var(--spacing-2)}.lds-modal--modal-content>footer{margin:0}@media (min-width:640px){.lds-modal--modal-content>footer{margin:0}}.lds-modal header.lds-panel--header>h3{margin-bottom:var(--spacing-lg);margin-top:0}.lds-modal header.lds-panel--header>h3:last-child{margin-bottom:0}.lds-modal.lds-modal--sm .lds-modal--modal-content{max-width:20rem}.lds-modal.lds-modal--lg .lds-modal--modal-content{max-width:48rem}.lds-modal.lds-modal--xl .lds-modal--modal-content{max-width:64rem}.lds-notification--wrapper:not(.lds-notification--inline){position:sticky;top:var(--spacing-sm)}.lds-notification--alert{align-items:flex-start;display:flex;flex-direction:row;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs)}@media (min-width:640px){.lds-notification--alert{padding-left:var(--spacing-xs);padding-right:var(--spacing-sm)}}.lds-notification--alert h5{font-weight:700;margin-bottom:var(--spacing-sm)}.lds-notification--alert>span:first-child{flex-shrink:0}.lds-notification--inline .lds-notification--alert{border-left-width:2px;padding-bottom:0;padding-top:0}.lds-notification--alert>div,.lds-notification--alert>span{margin:var(--spacing-xs)}.lds-notification--alert>div{flex-grow:1;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs);padding-top:var(--spacing-xxs)}.lds-notification--alert>button{display:flex;margin-top:var(--spacing-1-5);opacity:.5;transition-duration:75ms;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.lds-notification--alert p{margin-bottom:0}.lds-notification--closable{border-radius:var(--radius-md);cursor:pointer}.lds-notification--alert button:hover{opacity:1}.lds-notification--wrapper:not(.lds-notification--inline){--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);z-index:30}.lds-notification--wrapper:not(.lds-notification--inline),.lds-notification--wrapper:not(.lds-notification--inline) a{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-notification--wrapper:not(.lds-notification--inline) .lds-notification--alert span svg{fill:var(--color-white)}.lds-notification--info:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-brand-primary)}.lds-notification--info.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-brand-primary);color:var(--alias-color-brand-primary)}.lds-notification--info.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-brand-primary)}.lds-notification--success:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-ok)}.lds-notification--success.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-ok);color:var(--alias-color-ok)}.lds-notification--success.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-ok)}.lds-notification--error:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-danger)}.lds-notification--error.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-danger);color:var(--alias-color-danger)}.lds-notification--error.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-danger)}.lds-notification--warning:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-caution)}.lds-notification--warning.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-caution);color:var(--alias-color-caution)}.lds-notification--warning.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-caution)}.lds-number-badge{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1rem}.lds-side-nav{display:flex;flex-direction:column;gap:var(--spacing-side-nav-gap)}.lds-side-nav>.lds-side-nav-group:last-child:after{display:none}.lds-side-nav--compact{gap:var(--spacing-side-nav-compact-gap)}.lds-side-nav-group{display:block}.lds-side-nav-group:after{--tw-content:"";border-bottom-width:1px;content:var(--tw-content);display:block;height:2px;margin-top:var(--spacing-side-nav-gap)}.lds-side-nav--compact .lds-side-nav-group:after{border-width:0;margin-top:var(--spacing-side-nav-compact-gap)}.lds-side-nav-group--label{display:block;padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-item-padding-inline) var(--spacing-side-nav-item-margin-block-end)}.lds-side-nav--compact .lds-side-nav-group--label{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-compact-item-padding-inline) var(--spacing-side-nav-compact-item-margin-block-end)}.lds-side-nav-item{border-radius:var(--radius-md);color:var(--color-font-side-nav-item-base-default);cursor:pointer;display:block;font-size:var(--typography-size-base);font-weight:500;line-height:var(--typography-line-height-base);line-height:1.25rem;margin-bottom:var(--spacing-side-nav-item-margin-block-end);padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-item-padding-inline);text-decoration-line:none!important}.lds-side-nav-item:last-child{margin-bottom:0}.lds-side-nav-item--external:after{content:" »"}.lds-side-nav-item--danger{color:var(--color-font-side-nav-item-base-danger)}.lds-side-nav-item--disabled{cursor:default;opacity:.5}.lds-side-nav-item--active{color:var(--color-font-side-nav-item-active-default);cursor:default}.lds-side-nav-item--active,.lds-side-nav-item:hover:not(.lds-side-nav-item--disabled){background:var(--color-background-side-nav-item-active-default)}.lds-side-nav-item--danger.lds-side-nav-item--active,.lds-side-nav-item--danger:hover:not(.lds-side-nav-item--disabled){background:var(--color-background-side-nav-item-active-danger);color:var(--color-font-side-nav-item-active-danger)}.lds-side-nav--compact .lds-side-nav-item{border-radius:0;font-weight:500;line-height:1rem;margin-bottom:var(--spacing-side-nav-compact-item-margin-block-end);padding-left:var(--spacing-side-nav-compact-item-padding-inline);padding-right:var(--spacing-side-nav-compact-item-padding-inline)}.lds-tooltip{--tw-text-opacity:1;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tooltip-background-color:#000;background-color:var(--tooltip-background-color);border-radius:var(--radius-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity));font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);max-width:var(--spacing-96);opacity:.05;padding:var(--spacing-md);pointer-events:none;text-align:center;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:14}.lds-tooltip--visible{opacity:.8}.lds-tooltip--caret{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lds-tooltip[data-popper-placement*=bottom]>.lds-tooltip--caret{top:calc(var(--spacing-xs)*-1)}.lds-tooltip>.lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid var(--tooltip-background-color);border-left:var(--spacing-1-5) solid transparent;border-right:var(--spacing-1-5) solid transparent;border-top:none;content:" ";display:block;height:0;left:-.375rem;position:absolute;top:-.141rem;width:0}.lds-tooltip[data-popper-placement*=right]{margin-top:calc(var(--spacing-5)*-1)}.lds-tooltip[data-popper-placement*=right] .lds-tooltip--caret{left:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=right] .lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid transparent;border-left:none;border-right:var(--spacing-1-5) solid var(--tooltip-background-color);border-top:var(--spacing-1-5) solid transparent;left:-.13rem;top:.75rem}.lds-tooltip[data-popper-placement*=left]{margin-top:calc(var(--spacing-5)*-1)}.lds-tooltip[data-popper-placement*=left] .lds-tooltip--caret{right:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=left] .lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid transparent;border-left:var(--spacing-1-5) solid var(--tooltip-background-color);border-right:none;border-top:var(--spacing-1-5) solid transparent;left:-.24rem;top:.75rem}.lds-tooltip[data-popper-placement*=top] .lds-tooltip--caret{bottom:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=top] .lds-tooltip--caret:after{border-bottom:none;border-left:var(--spacing-1-5) solid transparent;border-right:var(--spacing-1-5) solid transparent;border-top:var(--spacing-1-5) solid var(--tooltip-background-color);top:-.24rem}.lds-switch{--thumb-size:var(--spacing-switch-thumb-size);--thumb-color:var(--color-background-switch-thumb);--thumb-color-highlight:var(--color-background-switch-thumb-highlight);--track-size:calc(var(--thumb-size)*2);--track-padding:2px;--track-color-inactive:var(--color-background-switch-track-inactive);--track-color-active:var(--color-background-switch-track-active);--thumb-position:0%;--thumb-transition-duration:var(--transition-duration-default);--hover-highlight-size:0;align-items:center;color:var(--alias-color-text-accent);cursor:pointer;display:flex;font-weight:500;gap:2ch;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lds-switch>input{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--track-color-inactive);border:none;border-radius:var(--track-size);box-sizing:content-box;display:grid;flex-shrink:0;grid:[track] 1fr/[track] 1fr;height:var(--thumb-size);outline-offset:5px;padding:var(--track-padding);pointer-events:none;transition:background-color var(--transition-duration-default) var(--transition-easing-default);width:var(--track-size)}.lds-switch>input:not(:disabled):hover:before{--hover-highlight-size:.3rem}.lds-switch>input:before{background:var(--thumb-color);border-radius:50%;box-shadow:0 0 0 var(--hover-highlight-size) var(--thumb-color-highlight);content:"";cursor:pointer;grid-area:track;height:var(--thumb-size);pointer-events:auto;transform:translateX(var(--thumb-position));transition:transform var(--thumb-transition-duration) var(--transition-easing-default),box-shadow var(--transition-duration-default) var(--transition-easing-default);width:var(--thumb-size)}.lds-switch>input:checked{--thumb-position:100%;background:var(--track-color-active)}.lds-switch>input:disabled{--track-color-inactive:var(--color-background-switch-track-inactive);--thumb-color:transparent}.lds-switch>input:disabled:before{box-shadow:var(--shadow-switch-thumb-disabled);cursor:not-allowed}.lds-switch>input:focus-visible{box-shadow:var(--shadow-switch-thumb-focused)}.lds-switch--disabled{cursor:not-allowed}
3
+ */*,:after,:before{border-color:var(--alias-color-border-default);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--typography-font-family-open-sans:"Open Sans",sans-serif;--typography-line-height-9xl:1;--typography-line-height-8xl:1;--typography-line-height-7xl:1;--typography-line-height-6xl:1;--typography-font-legacy:"Roboto","Helvetica","Arial",sans-serif;--typography-font-primary:"Open Sans",sans-serif;--transition-easing-in-out:ease-in-out;--transition-easing-default:ease;--transition-duration-slow:.75s;--transition-duration-default:.25s;--spacing-h4-basekick-baseline:0em;--spacing-h4-basekick-cap:0em;--spacing-h4-block-end:0rem;--spacing-h3-basekick-baseline:0em;--spacing-h3-basekick-cap:0em;--spacing-h3-block-end:0rem;--spacing-h2-caps-basekick-baseline:-0.11148em;--spacing-h2-caps-basekick-cap:-0.13628em;--spacing-h2-caps-block-end:0.27873rem;--spacing-h2-basekick-baseline:-0.08484em;--spacing-h2-basekick-cap:-0.10964em;--spacing-h2-block-end:0.2431rem;--spacing-h1-basekick-baseline:-0.6121em;--spacing-h1-basekick-cap:-0.6741em;--spacing-h1-block-end:1.9293rem;--spacing-9-5:2.375rem;--spacing-8-5:2.125rem;--spacing-7-5:1.875rem;--spacing-6-5:1.625rem;--spacing-5-5:1.375rem;--spacing-4-5:1.125rem;--spacing-3-5:0.875rem;--spacing-2-75:0.6875rem;--spacing-2-5:0.625rem;--spacing-2-25:0.5625rem;--spacing-1-75:0.4375rem;--spacing-1-5:0.375rem;--spacing-1-25:0.3125rem;--spacing-0-75:0.1875rem;--spacing-0-5:0.125rem;--spacing-0-25:0.0625rem;--spacing-96:24rem;--spacing-80:20rem;--spacing-72:18rem;--spacing-64:16rem;--spacing-60:15rem;--spacing-56:14rem;--spacing-52:13rem;--spacing-48:12rem;--spacing-44:11rem;--spacing-40:10rem;--spacing-36:9rem;--spacing-32:8rem;--spacing-28:7rem;--spacing-24:6rem;--spacing-20:5rem;--spacing-18:4.5rem;--spacing-16:4rem;--spacing-14:3.5rem;--spacing-12:3rem;--spacing-10:2.5rem;--spacing-9:2.25rem;--spacing-8:2rem;--spacing-7:1.75rem;--spacing-6:1.5rem;--spacing-5:1.25rem;--spacing-4:1rem;--spacing-3:0.75rem;--spacing-2:0.5rem;--spacing-1:0.25rem;--screen-width-max-xl:1535px;--screen-width-max-lg:1279px;--screen-width-max-md:1023px;--screen-width-max-sm:767px;--screen-width-max-xs:639px;--screen-width-min-2xl:1536px;--screen-width-min-xl:1280px;--screen-width-min-lg:1024px;--screen-width-min-md:768px;--screen-width-min-sm:640px;--opacity-disabled:0.5;--typography-font-header:var(--typography-font-family-open-sans);--typography-font-main:var(--typography-font-family-open-sans);--typography-heading-line-height-h5:var(--spacing-6);--typography-heading-size-h5:var(--spacing-2-5);--typography-line-height-5xl:var(--spacing-12);--typography-line-height-4xl:var(--spacing-12);--typography-line-height-3xl:var(--spacing-12);--typography-line-height-2xl:var(--spacing-6);--typography-line-height-xl:var(--spacing-6);--typography-line-height-lg:var(--spacing-6);--typography-line-height-base:var(--spacing-6);--typography-line-height-sm:var(--spacing-6);--typography-line-height-xs:var(--spacing-6);--typography-line-height-xxs:var(--spacing-6);--typography-size-9xl:var(--spacing-18);--typography-size-8xl:var(--spacing-16);--typography-size-7xl:var(--spacing-12);--typography-size-6xl:var(--spacing-10);--typography-size-5xl:var(--spacing-9);--typography-size-4xl:var(--spacing-8);--typography-size-3xl:var(--spacing-6);--typography-size-2xl:var(--spacing-5);--typography-size-xl:var(--spacing-4-5);--typography-size-lg:var(--spacing-4);--typography-size-base:var(--spacing-3-5);--typography-size-sm:var(--spacing-3);--typography-size-xs:var(--spacing-2-75);--typography-size-xxs:var(--spacing-2);--spacing-p-block-end:var(--spacing-4);--spacing-3xl:var(--spacing-10);--spacing-2xl:var(--spacing-8);--spacing-xl:var(--spacing-6);--spacing-lg:var(--spacing-4);--spacing-md:var(--spacing-3);--spacing-sm:var(--spacing-2);--spacing-xs:var(--spacing-1);--spacing-xxs:var(--spacing-0-5);--radius-3xl:var(--spacing-6);--radius-2xl:var(--spacing-4);--radius-xl:var(--spacing-3);--radius-lg:var(--spacing-2);--radius-md:var(--spacing-1-5);--radius-default:var(--spacing-1);--radius-sm:var(--spacing-0-5);--typography-heading-line-height-h4:var(--typography-line-height-base);--typography-heading-line-height-h3:var(--typography-line-height-base);--typography-heading-line-height-h2-caps:var(--typography-line-height-xl);--typography-heading-line-height-h2:var(--typography-line-height-2xl);--typography-heading-line-height-h1:var(--typography-line-height-3xl);--typography-heading-size-h4:var(--typography-size-base);--typography-heading-size-h3:var(--typography-size-base);--typography-heading-size-h2-caps:var(--typography-size-xl);--typography-heading-size-h2:var(--typography-size-xl);--typography-heading-size-h1:var(--typography-size-2xl);--hues-blue-green-lightness:39%;--hues-blue-green-saturation:59%;--hues-blue-green-hue:172;--hues-bright-green-lightness:60%;--hues-bright-green-saturation:60%;--hues-bright-green-hue:110;--hues-green-lightness:40%;--hues-green-saturation:60%;--hues-green-hue:138;--hues-orange-lightness:57.84%;--hues-orange-saturation:100%;--hues-orange-hue:31.81;--hues-red-lightness:50%;--hues-red-saturation:60%;--hues-red-hue:359;--hues-blue-lightness:52.4%;--hues-blue-saturation:59.7%;--hues-blue-hue:205.6;--color-translucent-light-50:hsla(0,0%,100%,.5);--color-translucent-light-25:hsla(0,0%,100%,.25);--color-translucent-light-15:hsla(0,0%,100%,.15);--color-translucent-light-10:hsla(0,0%,100%,.1);--color-translucent-dark-05:rgba(0,0,0,.05);--color-translucent-dark-60:rgba(0,0,0,.4);--color-translucent-dark-40:rgba(0,0,0,.4);--color-translucent-dark-25:rgba(0,0,0,.25);--color-translucent-dark-15:rgba(0,0,0,.15);--color-translucent-dark-10:rgba(0,0,0,.1);--color-black:#000;--color-white:#fff;--color-blue-gray-230:#373a3f;--color-blue-gray-170:#272a2f;--color-blue-gray-150:#23262a;--color-blue-gray-130:#1e2124;--shadow-inner:inset 0 2px 4px 0 var(--color-translucent-dark-05);--shadow-2xl:0 25px 50px -12px var(--color-translucent-dark-25),0 0 1px 0 var(--color-translucent-dark-25);--shadow-xl:0 20px 25px -5px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-lg:0 10px 15px -3px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-md:0 4px 6px -1px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-default:0 1px 3px 0 var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-10);--shadow-sm:0 0 0 2px var(--color-translucent-dark-05),0 0 1px 0 var(--color-translucent-dark-10);--hues-blue-gray-hue:var(--hues-blue-hue);--color-blue-green-600:hsl(var(--hues-blue-green-hue),var(--hues-blue-green-saturation),var(--hues-blue-green-lightness));--color-bright-green-600:hsl(var(--hues-bright-green-hue),var(--hues-bright-green-saturation),var(--hues-bright-green-lightness));--color-green-400:hsl(var(--hues-green-hue),var(--hues-green-saturation),var(--hues-green-lightness));--color-orange-600:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),var(--hues-orange-lightness));--color-orange-400:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),40%);--color-red-600:hsl(var(--hues-red-hue),var(--hues-red-saturation),var(--hues-red-lightness));--color-blue-600:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),60%);--color-blue-500:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),var(--hues-blue-lightness));--color-blue-green-default:var(--color-blue-green-600);--color-bright-green-default:var(--color-bright-green-600);--color-green-default:var(--color-green-400);--color-orange-default:var(--color-orange-600);--color-red-default:var(--color-red-600);--color-blue-gray-980:hsl(var(--hues-blue-gray-hue),15%,98%);--color-blue-gray-950:hsl(var(--hues-blue-gray-hue),13%,95%);--color-blue-gray-900:hsl(var(--hues-blue-gray-hue),15%,90%);--color-blue-gray-850:hsl(var(--hues-blue-gray-hue),15%,85%);--color-blue-gray-800:hsl(var(--hues-blue-gray-hue),10%,80%);--color-blue-gray-750:hsl(var(--hues-blue-gray-hue),5%,75%);--color-blue-gray-700:hsl(var(--hues-blue-gray-hue),5%,70%);--color-blue-gray-650:hsl(var(--hues-blue-gray-hue),5%,65%);--color-blue-gray-600:hsl(var(--hues-blue-gray-hue),6%,60%);--color-blue-gray-550:hsl(var(--hues-blue-gray-hue),6%,55%);--color-blue-gray-450:hsl(var(--hues-blue-gray-hue),6%,45%);--color-blue-gray-350:hsl(var(--hues-blue-gray-hue),6%,35%);--color-blue-gray-200:hsl(var(--hues-blue-gray-hue),9%,20%);--color-blue-default:var(--color-blue-500);--color-blue-gray-default:var(--color-blue-gray-450);--alias-color-background-highlight-25:var(--color-translucent-light-25);--alias-color-background-highlight-15:var(--color-translucent-light-15);--alias-color-background-highlight-10:var(--color-translucent-light-10);--alias-color-background-overlay-popup:var(--color-translucent-dark-60);--alias-color-background-overlay-blocked:var(--color-translucent-dark-40);--alias-color-background-elevation-negative:var(--color-translucent-dark-40);--alias-color-background-quinary:var(--color-blue-gray-170);--alias-color-background-tertiary:var(--color-blue-gray-230);--alias-color-background-secondary:var(--color-blue-gray-150);--alias-color-background-base:var(--color-blue-gray-130);--alias-color-border-vivid:var(--color-white);--alias-color-border-weak:var(--color-blue-gray-230);--alias-color-text-accent:var(--color-white);--alias-color-font-table-header-base:var(--alias-color-text-accent);--alias-color-background-block-footer:var(--alias-color-background-secondary);--alias-color-background-block-content:var(--alias-color-background-quinary);--alias-color-background-block-header:var(--alias-color-background-secondary);--alias-color-info:var(--color-blue-500);--alias-color-caution-dark:var(--color-orange-400);--alias-color-font-table-cell-active:var(--color-blue-green-default);--alias-color-background-quarternary:var(--color-blue-gray-200);--alias-color-ok:var(--color-green-default);--alias-color-caution:var(--color-orange-default);--alias-color-danger:var(--color-red-default);--alias-color-border-focus:var(--color-blue-default);--alias-color-border-strong:var(--color-blue-gray-550);--alias-color-border-default:var(--color-blue-gray-350);--alias-color-text-quarternary:var(--color-blue-gray-850);--alias-color-text-tertiary:var(--color-blue-gray-650);--alias-color-text-secondary:var(--color-blue-gray-350);--alias-color-text-primary:var(--color-blue-gray-600);--alias-color-brand-primary:var(--color-blue-default);--alias-color-font-table-cell-link:var(--alias-color-brand-primary);--alias-color-font-table-cell-danger:var(--alias-color-danger);--alias-color-font-table-cell-caution:var(--alias-color-caution);--alias-color-font-table-cell-secondary:var(--alias-color-text-secondary);--alias-color-font-table-cell-primary:var(--alias-color-text-primary);--alias-color-font-link:var(--alias-color-brand-primary)}body.light,html.light{--alias-color-brand-primary:#3d90ce;--alias-color-text-primary:#858d93;--alias-color-text-secondary:#bcc0c2;--alias-color-text-tertiary:#6c747a;--alias-color-text-quarternary:#545a5f;--alias-color-text-accent:#000;--alias-color-border-weak:#d3dade;--alias-color-border-default:#a1a6aa;--alias-color-border-strong:#6c747a;--alias-color-border-vivid:#000;--alias-color-border-focus:#3d90ce;--alias-color-danger:#cc3336;--alias-color-caution:#ff9a28;--alias-color-caution-dark:#cc6c00;--alias-color-ok:#29a34e;--alias-color-info:#3d90ce;--alias-color-background-base:#f1f2f4;--alias-color-background-secondary:#f9fafb;--alias-color-background-tertiary:#e2e6e9;--alias-color-background-quarternary:#d3dade;--alias-color-background-quinary:#f1f2f4;--alias-color-background-elevation-negative:rgba(0,0,0,.1);--alias-color-background-overlay-blocked:hsla(0,0%,100%,.5);--alias-color-background-overlay-popup:rgba(0,0,0,.25);--alias-color-background-highlight-10:rgba(0,0,0,.1);--alias-color-background-highlight-15:rgba(0,0,0,.15);--alias-color-background-highlight-25:rgba(0,0,0,.05);--alias-color-background-block-header:#f9fafb;--alias-color-background-block-content:#f1f2f4;--alias-color-background-block-footer:#f9fafb;--alias-color-font-link:#3d90ce;--alias-color-font-table-header-base:#000;--alias-color-font-table-cell-primary:#858d93;--alias-color-font-table-cell-secondary:#bcc0c2;--alias-color-font-table-cell-active:#299e8e;--alias-color-font-table-cell-caution:#ff9a28;--alias-color-font-table-cell-danger:#cc3336;--alias-color-font-table-cell-link:#3d90ce}:root{--spacing-switch-thumb-size:20px;--spacing-side-nav-compact-item-margin-block-end:0;--shadow-switch-thumb-focused:0 0 0 2px var(--alias-color-brand-primary);--radius-avatar:50%;--size-user-menu-spacer-height:var(--spacing-0-25);--size-user-menu-item-height:var(--spacing-6-5);--size-input-block-size:var(--spacing-10);--size-button-sm-height:var(--spacing-8);--size-button-xs-height:var(--spacing-6-5);--size-button-height:var(--spacing-10);--size-avatar-xl-width:var(--spacing-40);--size-avatar-xl-height:var(--spacing-40);--size-avatar-width:var(--spacing-7-5);--size-avatar-height:var(--spacing-7-5);--size-avatar-sm-width:var(--spacing-6);--size-avatar-sm-height:var(--spacing-6);--spacing-user-menu-item-padding-block:var(--spacing-1-5);--spacing-input-icon-inset-block:var(--spacing-2-5);--spacing-input-icon-inset-inline:var(--spacing-2-5);--spacing-input-with-icon-inline-end:var(--spacing-10);--spacing-button-sm-icon-size:var(--spacing-4);--spacing-button-xs-icon-size:var(--spacing-3-5);--spacing-button-icon-size:var(--spacing-5);--spacing-button-sm-padding-y:var(--spacing-0-75);--spacing-button-xs-padding-y:var(--spacing-1);--opacity-user-menu-item-disabled:var(--opacity-disabled);--color-font-side-nav-item-active-danger:var(--color-white);--color-background-switch-thumb:var(--color-white);--line-height-user-menu-item:var(--spacing-xl);--line-height-user-menu-username:var(--spacing-lg);--font-size-user-menu-item:var(--typography-size-xs);--font-size-user-menu-username:var(--typography-size-sm);--font-size-user-menu-name:var(--typography-size-xxs);--font-size-avatar-xl:var(--typography-size-4xl);--font-size-avatar:var(--typography-size-base);--font-size-avatar-sm:var(--typography-size-xxs);--spacing-user-menu-spacer-margin-block:var(--spacing-xs);--spacing-user-menu-item-padding-inline:var(--spacing-md);--spacing-user-menu-item-margin-block-end:var(--spacing-xxs);--spacing-user-menu-item-gap:var(--spacing-sm);--spacing-user-menu-padding-inline-end:var(--spacing-sm);--spacing-user-menu-padding-inline-start:var(--spacing-lg);--spacing-user-menu-padding-block:var(--spacing-sm);--spacing-user-menu-gap:var(--spacing-sm);--spacing-user-menu-label-gap:var(--spacing-xxs);--spacing-side-nav-compact-item-padding-inline:var(--spacing-lg);--spacing-side-nav-item-margin-block-end:var(--spacing-xxs);--spacing-side-nav-item-padding-block:var(--spacing-xs);--spacing-side-nav-item-padding-inline:var(--spacing-md);--spacing-side-nav-compact-gap:var(--spacing-xxs);--spacing-side-nav-gap:var(--spacing-sm);--spacing-input-padding-inline:var(--spacing-md);--spacing-button-bar-padding-block:var(--spacing-lg);--spacing-button-bar-padding-inline-large:var(--spacing-xl);--spacing-button-bar-padding-inline:var(--spacing-lg);--spacing-button-xs-icon-margin-inline-end:var(--spacing-sm);--spacing-button-icon-margin-inline-end:var(--spacing-md);--spacing-button-sm-padding-x:var(--spacing-md);--spacing-button-xs-padding-x:var(--spacing-sm);--spacing-button-padding-y:var(--spacing-xs);--spacing-button-padding-x:var(--spacing-lg);--shadow-switch-thumb-disabled:inset 0 0 0 2px var(--alias-color-background-overlay-blocked);--radius-user-menu:var(--radius-sm);--radius-button-xs:var(--radius-md);--radius-button-sm:var(--radius-md);--radius-button:var(--radius-default);--color-font-user-menu-item-danger-active:var(--alias-color-text-accent);--color-font-user-menu-item-license:var(--alias-color-text-accent);--color-font-user-menu-item-selected:var(--alias-color-text-accent);--color-font-user-menu-username:var(--alias-color-text-accent);--color-font-side-nav-item-active-default:var(--alias-color-text-accent);--color-font-input-focus:var(--alias-color-text-accent);--color-font-avatar:var(--alias-color-text-accent);--color-background-switch-thumb-highlight:var(--alias-color-background-highlight-25);--spacing-button-bar-gap:var(--spacing-button-bar-padding-block);--color-font-button-danger-base:var(--color-blue-gray-900);--color-font-button-caution-base:var(--color-blue-gray-900);--color-font-button-ok-base:var(--color-blue-gray-900);--color-font-button-primary-base:var(--color-blue-gray-900);--color-background-switch-track-active:var(--color-bright-green-default);--color-background-button-caution-base:var(--alias-color-caution-dark);--color-border-user-menu-dropdown:var(--alias-color-border-weak);--color-border-user-menu-hover:var(--alias-color-border-focus);--color-border-user-menu-default:var(--alias-color-border-weak);--color-border-side-nav-group:var(--alias-color-border-weak);--color-border-input-invalid:var(--alias-color-danger);--color-border-input-focus:var(--alias-color-border-focus);--color-border-input-default:var(--alias-color-border-weak);--color-border-button-danger-discreet:var(--alias-color-danger);--color-border-button-caution-discreet:var(--alias-color-caution);--color-border-button-ok-discreet:var(--alias-color-ok);--color-border-button-secondary-discreet:var(--alias-color-border-strong);--color-border-button-primary-discreet:var(--alias-color-brand-primary);--color-font-user-menu-item-danger:var(--alias-color-danger);--color-font-user-menu-item-default:var(--alias-color-text-primary);--color-font-user-menu-name:var(--alias-color-text-primary);--color-font-side-nav-item-base-danger:var(--alias-color-danger);--color-font-side-nav-item-base-default:var(--alias-color-text-primary);--color-font-input-placeholder:var(--alias-color-text-secondary);--color-font-input-default:var(--alias-color-text-tertiary);--color-font-button-danger-discreet:var(--alias-color-danger);--color-font-button-caution-discreet:var(--alias-color-caution);--color-font-button-ok-discreet:var(--alias-color-ok);--color-font-button-secondary-discreet:var(--alias-color-text-tertiary);--color-font-button-secondary-base:var(--alias-color-text-quarternary);--color-font-button-primary-discreet:var(--alias-color-brand-primary);--color-background-user-menu-item-danger-active:var(--alias-color-danger);--color-background-user-menu-item-hover:var(--alias-color-background-tertiary);--color-background-user-menu-item-selected:var(--alias-color-brand-primary);--color-background-user-menu-item-license:var(--alias-color-background-tertiary);--color-background-user-menu-item-default:var(--alias-color-background-base);--color-background-user-menu-arrow-hover:var(--alias-color-brand-primary);--color-background-user-menu-arrow:var(--alias-color-text-primary);--color-background-user-menu-dropdown:var(--alias-color-background-base);--color-background-switch-track-inactive:var(--alias-color-background-tertiary);--color-background-side-nav-item-active-danger:var(--alias-color-danger);--color-background-side-nav-item-active-default:var(--alias-color-background-tertiary);--color-background-input-focus:var(--alias-color-background-quarternary);--color-background-input-default:var(--alias-color-background-base);--color-background-button-danger-base:var(--alias-color-danger);--color-background-button-ok-base:var(--alias-color-ok);--color-background-button-secondary-base:var(--alias-color-background-quarternary);--color-background-button-primary-base:var(--alias-color-brand-primary);--color-background-avatar:var(--alias-color-background-base)}.lds-icon{display:inline-block}.lds-icon--svg svg{height:100%;max-width:inherit;min-width:inherit;width:100%}.lds-icon--svg.sm{height:1.125rem;width:1.125rem}.lds-icon--svg,.lds-icon--svg.md{height:var(--spacing-5);width:var(--spacing-5)}.lds-icon--svg.lg{height:var(--spacing-6);width:var(--spacing-6)}.lds-icon--svg.xl{height:var(--spacing-7);width:var(--spacing-7)}.lds-icon--svg.xxl{height:var(--spacing-8);width:var(--spacing-8)}.lds-icon--svg.xxxl{height:var(--spacing-12);width:var(--spacing-12)}.lds-icon--svg.xxxxl{height:var(--spacing-16);width:var(--spacing-16)}.lds-icon--svg.xxxxxl{height:var(--spacing-20);width:var(--spacing-20)}.lds-icon--svg.xxxxxxl{height:var(--spacing-24);width:var(--spacing-24)}.lds-icon--svg>svg{fill:var(--alias-color-text-primary)}.lds-icon--svg.accent>svg{fill:var(--alias-color-text-accent)}.lds-icon--svg.black>svg{fill:var(--color-black)}.lds-icon--svg.on-dark>svg{fill:var(--color-white)}.lds-icon--svg.primary>svg{fill:var(--color-blue-default)}.lds-icon--svg.ok>svg{fill:var(--color-background-button-ok-base)}.lds-icon--svg.info>svg{fill:var(--color-background-button-info-base)}.lds-icon--svg.caution>svg{fill:var(--color-background-button-caution-base)}.lds-icon--svg.danger>svg{fill:var(--color-background-button-danger-base)}.lds-only-aria{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.lds-avatar{border-radius:var(--radius-avatar);cursor:default;display:grid;height:var(--size-avatar-height);overflow:hidden;place-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--size-avatar-width)}.lds-avatar--sm{height:var(--size-avatar-sm-height);width:var(--size-avatar-sm-width)}.lds-avatar--xl{height:var(--size-avatar-xl-height);width:var(--size-avatar-xl-width)}.lds-avatar--avatar-text{color:var(--color-font-avatar);font-size:var(--font-size-avatar)}.lds-avatar--sm .lds-avatar--avatar-text{font-size:var(--font-size-avatar-sm)}.lds-avatar--xl .lds-avatar--avatar-text{font-size:var(--font-size-avatar-xl)}.lds-badge{background-color:var(--alias-color-text-primary);border-radius:var(--radius-default);display:inline-block;height:var(--spacing-sm);padding:0;vertical-align:super;width:var(--spacing-sm)}.lds-badge--md{border-radius:var(--radius-md);height:var(--spacing-md);width:var(--spacing-md)}.lds-badge--lg{border-radius:var(--radius-lg);height:var(--spacing-lg);width:var(--spacing-lg)}.lds-badge--success{background-color:var(--alias-color-ok)}.lds-badge--error{background-color:var(--alias-color-danger)}.lds-badge--warning{background-color:var(--alias-color-caution)}.lds-badge--primary{background-color:var(--alias-color-brand-primary)}a.lds-button{display:inline-block;text-align:center;text-decoration-line:none}.lds-button{background-color:var(--color-background-button-secondary-base);border-color:transparent;border-radius:var(--radius-default);border-width:1px;color:var(--color-font-button-secondary-base);font-family:var(--typography-font-main);font-size:var(--typography-size-base);height:var(--size-button-height);line-height:var(--typography-line-height-base);padding:var(--spacing-button-padding-y) var(--spacing-button-padding-x);transition:background-color var(--transition-duration-default) var(--transition-easing-default)}.lds-button--sm,.lds-button--xs{border-radius:var(--radius-md);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm)}.lds-button--xs{height:var(--size-button-xs-height);line-height:1rem;padding:var(--spacing-button-xs-padding-y) var(--spacing-button-xs-padding-x)}.lds-button--sm{height:var(--size-button-sm-height);padding:var(--spacing-button-sm-padding-y) var(--spacing-button-sm-padding-x)}.lds-button--uppercase{text-transform:uppercase}.lds-button--capitalize{text-transform:capitalize}.lds-button>.lds-button--icon{height:var(--spacing-lg);margin-left:0;margin-right:var(--spacing-button-icon-margin-inline-end);overflow:visible;width:var(--spacing-button-icon-size)}.lds-button>.lds-button--icon>svg{fill:var(--color-font-button-secondary-base);height:var(--spacing-button-icon-size);width:var(--spacing-button-icon-size)}.lds-button>.lds-button--icon-r{margin-left:var(--spacing-button-icon-margin-inline-end);margin-right:0}.lds-button--xs>.lds-button--icon{margin-right:var(--spacing-button-xs-icon-margin-inline-end);width:var(--spacing-button-xs-icon-size)}.lds-button--xs>.lds-button--icon>svg{height:var(--spacing-button-xs-icon-size);width:var(--spacing-button-xs-icon-size)}.lds-button--xs>.lds-button--icon-r{margin-left:var(--spacing-button-xs-icon-margin-inline-end);margin-right:0}.lds-button--sm>.lds-button--icon,.lds-button--sm>.lds-button--icon>svg{width:var(--spacing-button-sm-icon-size)}.lds-button--sm>.lds-button--icon>svg{height:var(--spacing-button-sm-icon-size)}.lds-button--discreet{background-color:transparent;border-color:var(--color-border-button-secondary-discreet);border-width:1px;color:var(--color-font-button-secondary-discreet)}.lds-button--discreet>.lds-button--icon>svg{fill:var(--color-font-button-secondary-discreet)}.lds-button.primary{background-color:var(--color-background-button-primary-base);color:var(--color-font-button-primary-base)}.lds-button.primary>.lds-button--icon>svg{fill:var(--color-font-button-primary-base)}.lds-button--discreet.primary{background-color:transparent;border-color:var(--color-border-button-primary-discreet);border-width:1px;color:var(--color-font-button-primary-discreet)}.lds-button--discreet.primary>.lds-button--icon>svg{fill:var(--color-font-button-primary-discreet)}.lds-button.ok{background-color:var(--color-background-button-ok-base);color:var(--color-font-button-ok-base)}.lds-button.ok>.lds-button--icon>svg{fill:var(--color-font-button-ok-base)}.lds-button--discreet.ok{background-color:transparent;border-color:var(--color-border-button-ok-discreet);border-width:1px}.lds-button--discreet.ok,.lds-button--discreet.ok>.lds-button--icon{color:var(--color-font-button-ok-discreet)}.lds-button--discreet.ok>.lds-button--icon>svg{fill:var(--color-font-button-ok-discreet)}.lds-button.caution{background-color:var(--color-background-button-caution-base);color:var(--color-font-button-caution-base)}.lds-button.caution>.lds-button--icon>svg{fill:var(--color-font-button-caution-base)}.lds-button--discreet.caution{background-color:transparent;border-color:var(--color-border-button-caution-discreet);border-width:1px}.lds-button--discreet.caution,.lds-button--discreet.caution>.lds-button--icon{color:var(--color-font-button-caution-discreet)}.lds-button--discreet.caution>.lds-button--icon>svg{fill:var(--color-font-button-caution-discreet)}.lds-button:is(.danger,[type=reset]){background-color:var(--color-background-button-danger-base);color:var(--color-font-button-danger-base)}.lds-button:is(.danger,[type=reset])>.lds-button--icon>svg{fill:var(--color-font-button-danger-base)}.lds-button--discreet:is(.danger,[type=reset]){background-color:transparent;border-color:var(--color-border-button-danger-discreet);border-width:1px;color:var(--color-font-button-danger-discreet)}.lds-button--discreet:is(.danger,[type=reset])>.lds-button--icon{color:var(--color-font-button-danger-discreet)}.lds-button--discreet:is(.danger,[type=reset])>.lds-button--icon>svg{fill:var(--color-font-button-danger-discreet)}.lds-button--loading{cursor:default}.lds-button--loading>.lds-button--spinner{display:none}.lds-button--loading>.lds-button--icon,.lds-button--loading>.lds-button--label{opacity:var(--opacity-disabled)}.lds-button--loading{pointer-events:none;position:relative}.lds-button--loading:after{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:0rem;--tw-gradient-to:#fff var(--tw-gradient-to-position);--tw-gradient-to-position:50%;animation:lds-button--loading 1.5s linear infinite;background-image:linear-gradient(to right,var(--tw-gradient-stops));content:"";height:100%;left:0;opacity:.1;position:absolute;top:0}.lds-button--discreet.lds-button--loading:after{--tw-gradient-to:var(--color-border-button-secondary-discreet) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.primary:after{--tw-gradient-to:var(--color-background-button-primary-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.ok:after{--tw-gradient-to:var(--color-background-button-ok-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.caution:after{--tw-gradient-to:var(--color-background-button-caution-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.danger:after{--tw-gradient-to:var(--color-background-button-danger-base) var(--tw-gradient-to-position)}@keyframes lds-button--loading{0%{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}a.lds-button.disabled{pointer-events:none}.lds-button.disabled,.lds-button[disabled]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:default;opacity:var(--opacity-disabled)}.lds-button-bar{--half-block-padding:calc(var(--spacing-button-bar-padding-block)/2);--half-gap:calc(var(--spacing-button-bar-gap)/2);display:flex;flex-direction:column}@media (min-width:640px){.lds-button-bar{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.lds-button-bar{padding:var(--half-block-padding) var(--spacing-button-bar-padding-inline)}@media (min-width:640px){.lds-button-bar{padding-left:var(--spacing-button-bar-padding-inline-large);padding-right:var(--spacing-button-bar-padding-inline-large)}}.lds-button-bar>a,.lds-button-bar>button{margin-bottom:var(--half-block-padding);margin-left:0;margin-right:0;margin-top:var(--half-block-padding)}@media (min-width:640px){.lds-button-bar>a,.lds-button-bar>button{margin-left:var(--half-gap);margin-right:var(--half-gap)}.lds-button-bar>a:first-child,.lds-button-bar>button:first-child{margin-left:0}.lds-button-bar>a:last-child,.lds-button-bar>button:last-child{margin-right:0}.lds-button-bar--centered{display:flex;justify-content:center}}.lds-button-bar--stacked{flex-direction:column;flex-wrap:nowrap}.lds-button-bar--stacked a,.lds-button-bar--stacked>button{margin-left:0;margin-right:0}.lds-button-bar--b-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:0;margin-top:0}@media (min-width:640px){.lds-button-bar--b-grid{-moz-column-gap:var(--spacing-button-bar-gap);column-gap:var(--spacing-button-bar-gap)}}.lds-button-bar--b-grid>a,.lds-button-bar--b-grid>button{margin-left:0;margin-right:0}@media (min-width:640px){.lds-button-bar--grid---2{grid-template-columns:repeat(2,minmax(0,1fr))}.lds-button-bar--grid---3{grid-template-columns:repeat(3,minmax(0,1fr))}.lds-button-bar--grid---4{grid-template-columns:repeat(4,minmax(0,1fr))}.lds-button-bar--grid---5{grid-template-columns:repeat(5,minmax(0,1fr))}}.lds-input--wrapper{position:relative}.lds-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-default);border-width:1px;width:100%}.lds-input:focus{outline:2px solid transparent;outline-offset:2px;z-index:10}.lds-input{-webkit-text-fill-color:var(--color-font-input-default);background-color:var(--color-background-input-default);border-color:var(--color-border-input-default);box-shadow:0 0 0 9999px var(--color-background-input-default) inset;caret-color:var(--alias-color-border-vivid);color:var(--color-font-input-default);height:var(--size-input-block-size);padding-left:var(--spacing-input-padding-inline);padding-right:var(--spacing-input-padding-inline);transition:border-color var(--transition-duration-default) var(--transition-easing-default)}.lds-input--with-icon>.lds-input{padding-right:var(--spacing-input-with-icon-padding-inline-end)}.lds-input:disabled{opacity:var(--opacity-disabled)}.lds-input:focus{-webkit-text-fill-color:var(--color-font-input-focus);background-color:var(--color-background-input-focus);border-color:var(--color-border-input-focus);color:var(--color-font-input-focus)}.lds-input[aria-invalid]{border-color:var(--color-border-input-invalid)}.lds-input::-moz-placeholder{opacity:var(--opacity-disabled)}.lds-input::placeholder{opacity:var(--opacity-disabled)}.lds-input+.lds-input--icon{position:absolute;right:var(--spacing-input-icon-inset-inline);top:var(--spacing-input-icon-inset-block);z-index:50}.lds-input+.lds-input--icon>svg{fill:var(--color-font-input-default)}.lds-input:disabled+.lds-input--icon>svg{opacity:var(--opacity-disabled)}.lds-input[aria-invalid]+.lds-input--icon>svg{fill:var(--color-border-input-invalid)}.lds-loading-indicator{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.lds-loading-indicator>span{display:block;left:-50%;top:-50%}.lds-lozenge{--tw-text-opacity:1;background-color:var(--alias-color-text-primary);border-radius:var(--radius-sm);color:rgb(0 0 0/var(--tw-text-opacity));display:inline-block;font-size:var(--typography-size-xxs);font-weight:500;line-height:var(--typography-line-height-xxs);line-height:1rem;padding-bottom:0;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);padding-top:0}.lds-lozenge--md{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1.25rem}.lds-lozenge--lg{font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);line-height:1.5rem}.lds-lozenge--success{background-color:var(--alias-color-ok)}.lds-lozenge--error,.lds-lozenge--success{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-lozenge--error{background-color:var(--alias-color-danger)}.lds-lozenge--warning{background-color:var(--alias-color-caution)}.lds-lozenge--primary,.lds-lozenge--warning{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-lozenge--primary{background-color:var(--alias-color-brand-primary)}.lds-lozenge--uppercase{text-transform:uppercase}.lds-lozenge--capitalize{text-transform:capitalize}.lds-panel{width:100%}.lds-panel--content,.lds-panel--footer,.lds-panel--header{margin:0}.lds-panel--content,.lds-panel--footer:not(.lds-button-bar),.lds-panel--header{padding:var(--spacing-lg)}.lds-panel--header{background-color:var(--alias-color-background-block-header);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);text-align:center}.lds-panel--content{background-color:var(--alias-color-background-block-content)}.lds-panel--footer{background-color:var(--alias-color-background-block-footer)}@media (min-width:640px){.lds-panel--header{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);margin-top:var(--spacing-xl)}}.lds-panel--header{padding-bottom:var(--spacing-2xl);padding-top:var(--spacing-2xl)}@media (min-width:640px){.lds-panel--header{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.lds-panel--content{padding:var(--spacing-xl)}.lds-panel--footer{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}.lds-panel--footer:not(.lds-button-bar){padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.lds-panel--loading{position:relative}.lds-panel--footer,.lds-panel--header{opacity:1;transition:opacity var(--transition-duration-slow) var(--transition-easing-in-out)}.lds-panel--footer.lds-panel--loading,.lds-panel--header.lds-panel--loading{opacity:var(--opacity-disabled)}.lds-panel--loading-indicator{align-items:center;background-color:var(--alias-color-background-overlay-blocked);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.lds-panel--loading-indicator svg{fill:var(--alias-color-text-tertiary)}.lds-panel--loading{pointer-events:none}.lds-panel--header:is(h2,h3,h4,h5,h6){margin-bottom:0;padding-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.lds-panel--header>h2,.lds-panel--header>h3,.lds-panel--header>h4,.lds-panel--header>h5,.lds-panel--header>h6{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-sm)}.lds-panel--header>p{margin-bottom:0}.lds-modal{align-items:center;background:var(--alias-color-background-overlay-popup);bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:50}.lds-modal--modal-content{flex-grow:1;max-width:28rem;width:100%}@media (min-width:640px){.lds-modal--modal-content{border-radius:var(--radius-xl)}}.lds-modal--modal-content{box-shadow:var(--shadow-xl);max-height:100vh;overflow-y:auto}.lds-modal--modal-content>header{margin:0;padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}@media (min-width:640px){.lds-modal--modal-content>header{margin:0}}.lds-modal--modal-content>header h3.lds-h1{margin-bottom:0;margin-top:0}.lds-modal--modal-content>header .lds-modal--sub-title{color:var(--alias-color-text-tertiary);margin-bottom:0;margin-top:var(--spacing-2)}.lds-modal--modal-content>footer{margin:0}@media (min-width:640px){.lds-modal--modal-content>footer{margin:0}}.lds-modal header.lds-panel--header>h3{margin-bottom:var(--spacing-lg);margin-top:0}.lds-modal header.lds-panel--header>h3:last-child{margin-bottom:0}.lds-modal.lds-modal--sm .lds-modal--modal-content{max-width:20rem}.lds-modal.lds-modal--lg .lds-modal--modal-content{max-width:48rem}.lds-modal.lds-modal--xl .lds-modal--modal-content{max-width:64rem}.lds-notification--wrapper:not(.lds-notification--inline){position:sticky;top:var(--spacing-sm)}.lds-notification--alert{align-items:flex-start;display:flex;flex-direction:row;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs)}@media (min-width:640px){.lds-notification--alert{padding-left:var(--spacing-xs);padding-right:var(--spacing-sm)}}.lds-notification--alert h5{font-weight:700;margin-bottom:var(--spacing-sm)}.lds-notification--alert>span:first-child{flex-shrink:0}.lds-notification--inline .lds-notification--alert{border-left-width:2px;padding-bottom:0;padding-top:0}.lds-notification--alert>div,.lds-notification--alert>span{margin:var(--spacing-xs)}.lds-notification--alert>div{flex-grow:1;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs);padding-top:var(--spacing-xxs)}.lds-notification--alert>button{display:flex;margin-top:var(--spacing-1-5);opacity:.5;transition-duration:75ms;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.lds-notification--alert p{margin-bottom:0}.lds-notification--closable{border-radius:var(--radius-md);cursor:pointer}.lds-notification--alert button:hover{opacity:1}.lds-notification--wrapper:not(.lds-notification--inline){--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);z-index:30}.lds-notification--wrapper:not(.lds-notification--inline),.lds-notification--wrapper:not(.lds-notification--inline) a{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-notification--wrapper:not(.lds-notification--inline) .lds-notification--alert span svg{fill:var(--color-white)}.lds-notification--info:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-brand-primary)}.lds-notification--info.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-brand-primary);color:var(--alias-color-brand-primary)}.lds-notification--info.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-brand-primary)}.lds-notification--success:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-ok)}.lds-notification--success.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-ok);color:var(--alias-color-ok)}.lds-notification--success.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-ok)}.lds-notification--error:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-danger)}.lds-notification--error.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-danger);color:var(--alias-color-danger)}.lds-notification--error.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-danger)}.lds-notification--warning:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-caution)}.lds-notification--warning.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-caution);color:var(--alias-color-caution)}.lds-notification--warning.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-caution)}.lds-number-badge{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1rem}.lds-side-nav{display:flex;flex-direction:column;gap:var(--spacing-side-nav-gap)}.lds-side-nav>.lds-side-nav-group:last-child:after{display:none}.lds-side-nav--compact{gap:var(--spacing-side-nav-compact-gap)}.lds-side-nav-group{display:block}.lds-side-nav-group:after{--tw-content:"";border-bottom-width:1px;content:var(--tw-content);display:block;height:2px;margin-top:var(--spacing-side-nav-gap)}.lds-side-nav--compact .lds-side-nav-group:after{border-width:0;margin-top:var(--spacing-side-nav-compact-gap)}.lds-side-nav-group--label{display:block;padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-item-padding-inline) var(--spacing-side-nav-item-margin-block-end)}.lds-side-nav--compact .lds-side-nav-group--label{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-compact-item-padding-inline) var(--spacing-side-nav-compact-item-margin-block-end)}.lds-side-nav-item{border-radius:var(--radius-md);color:var(--color-font-side-nav-item-base-default);cursor:pointer;display:block;font-size:var(--typography-size-base);font-weight:500;line-height:var(--typography-line-height-base);line-height:1.25rem;margin-bottom:var(--spacing-side-nav-item-margin-block-end);padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-item-padding-inline);text-decoration-line:none!important}.lds-side-nav-item:last-child{margin-bottom:0}.lds-side-nav-item--external:after{content:" »"}.lds-side-nav-item--danger{color:var(--color-font-side-nav-item-base-danger)}.lds-side-nav-item--disabled{cursor:default;opacity:.5}.lds-side-nav-item--active{color:var(--color-font-side-nav-item-active-default);cursor:default}.lds-side-nav-item--active,.lds-side-nav-item:hover:not(.lds-side-nav-item--disabled){background:var(--color-background-side-nav-item-active-default)}.lds-side-nav-item--danger.lds-side-nav-item--active,.lds-side-nav-item--danger:hover:not(.lds-side-nav-item--disabled){background:var(--color-background-side-nav-item-active-danger);color:var(--color-font-side-nav-item-active-danger)}.lds-side-nav--compact .lds-side-nav-item{border-radius:0;font-weight:500;line-height:1rem;margin-bottom:var(--spacing-side-nav-compact-item-margin-block-end);padding-left:var(--spacing-side-nav-compact-item-padding-inline);padding-right:var(--spacing-side-nav-compact-item-padding-inline)}.lds-tooltip{--tw-text-opacity:1;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tooltip-background-color:#000;background-color:var(--tooltip-background-color);border-radius:var(--radius-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity));font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);max-width:var(--spacing-96);opacity:.05;padding:var(--spacing-md);pointer-events:none;text-align:center;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:14}.lds-tooltip--visible{opacity:.8}.lds-tooltip--caret{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lds-tooltip[data-popper-placement*=bottom]>.lds-tooltip--caret{top:calc(var(--spacing-xs)*-1)}.lds-tooltip>.lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid var(--tooltip-background-color);border-left:var(--spacing-1-5) solid transparent;border-right:var(--spacing-1-5) solid transparent;border-top:none;content:" ";display:block;height:0;left:-.375rem;position:absolute;top:-.141rem;width:0}.lds-tooltip[data-popper-placement*=right]{margin-top:calc(var(--spacing-5)*-1)}.lds-tooltip[data-popper-placement*=right] .lds-tooltip--caret{left:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=right] .lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid transparent;border-left:none;border-right:var(--spacing-1-5) solid var(--tooltip-background-color);border-top:var(--spacing-1-5) solid transparent;left:-.13rem;top:.75rem}.lds-tooltip[data-popper-placement*=left]{margin-top:calc(var(--spacing-5)*-1)}.lds-tooltip[data-popper-placement*=left] .lds-tooltip--caret{right:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=left] .lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid transparent;border-left:var(--spacing-1-5) solid var(--tooltip-background-color);border-right:none;border-top:var(--spacing-1-5) solid transparent;left:-.24rem;top:.75rem}.lds-tooltip[data-popper-placement*=top] .lds-tooltip--caret{bottom:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=top] .lds-tooltip--caret:after{border-bottom:none;border-left:var(--spacing-1-5) solid transparent;border-right:var(--spacing-1-5) solid transparent;border-top:var(--spacing-1-5) solid var(--tooltip-background-color);top:-.24rem}.lds-user-menu-item{align-items:center;display:flex;font-size:var(--font-size-user-menu-item);gap:var(--spacing-user-menu-item-gap);line-height:var(--line-height-user-menu-item);margin:0;padding:var(--spacing-user-menu-item-padding-block) var(--spacing-user-menu-item-padding-inline);text-decoration-line:none}.lds-user-menu-item--button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.lds-user-menu-item.lds-user-menu-item--disabled{opacity:var(--opacity-user-menu-item-disabled)}.lds-user-menu-item:not(.lds-user-menu-item--disabled):not(.lds-user-menu-item--selected){cursor:pointer}.lds-user-menu-item:not(:last-child){margin:0 0 var(--spacing-user-menu-item-margin-block-end)}.lds-user-menu-item{background-color:var(--color-background-user-menu-item-default);color:var(--color-font-user-menu-item-default)}.lds-user-menu-item--icon svg path{fill:var(--color-font-user-menu-item-default)}.lds-user-menu-item:hover:not(.lds-user-menu-item--disabled),.lds-user-menu-item[data-headlessui-state=active]:not(.lds-user-menu-item--disabled){background-color:var(--color-background-user-menu-item-hover)}.lds-user-menu-item.lds-user-menu-item--selected:not(.lds-user-menu-item--disabled){background-color:var(--color-background-user-menu-item-selected);color:var(--color-font-user-menu-item-selected)}.lds-user-menu-item.lds-user-menu-item--selected:not(.lds-user-menu-item--disabled) .lds-user-menu-item--icon svg path{fill:var(--color-font-user-menu-item-selected)}.lds-user-menu-item--danger{background-color:var(--color-background-user-menu-item-danger);color:var(--color-font-user-menu-item-danger)}.lds-user-menu-item--danger:hover:not(.lds-user-menu-item--disabled),.lds-user-menu-item--danger[data-headlessui-state=active]:not(.lds-user-menu-item--disabled){background-color:var(--color-background-user-menu-item-danger-active);color:var(--color-font-user-menu-item-danger-active)}.lds-user-menu-item--danger:hover:not(.lds-user-menu-item--disabled) .lds-user-menu-item--icon svg path,.lds-user-menu-item--danger[data-headlessui-state=active]:not(.lds-user-menu-item--disabled) .lds-user-menu-item--icon svg path{fill:var(--color-font-user-menu-item-danger-active)}.lds-user-menu-item--danger.lds-user-menu-item--selected:not(.lds-user-menu-item--disabled){background-color:var(--color-background-user-menu-item-danger-active);color:var(--color-font-user-menu-item-danger-active)}.lds-user-menu-item--danger.lds-user-menu-item--selected:not(.lds-user-menu-item--disabled) .lds-user-menu-item--icon svg path{fill:var(--color-font-user-menu-item-danger-active)}.lds-user-menu-item--external .lds-user-menu-item--title:after{content:" »"}.lds-user-menu{position:relative}.lds-user-menu--button{align-items:center;border:1px solid var(--color-border-user-menu-default);border-radius:var(--radius-user-menu);cursor:pointer;display:flex;gap:var(--spacing-user-menu-item-gap);outline:none;padding:var(--spacing-user-menu-item-padding-block) var(--spacing-user-menu-padding-inline-end) var(--spacing-user-menu-item-padding-block) var(--spacing-user-menu-padding-inline-start);width:100%}.lds-user-menu--button .lds-user-menu--drop-down-icon path{fill:var(--color-border-user-menu-default)}.lds-user-menu--button.lds-user-menu--open{border-bottom-left-radius:0;border-bottom-right-radius:0}.lds-user-menu--button:focus-visible,.lds-user-menu--button:hover:not(.lds-user-menu--open){border:1px solid var(--color-border-user-menu-hover)}.lds-user-menu--button:focus-visible .lds-user-menu--drop-down-icon path,.lds-user-menu--button:hover:not(.lds-user-menu--open) .lds-user-menu--drop-down-icon path{fill:var(--color-border-user-menu-hover)}.lds-user-menu--dropdown-wrapper{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-top:-1px;overflow:auto;position:absolute;width:100%}.lds-user-menu--dropdown{background:var(--color-background-user-menu-dropdown);border:1px solid var(--color-border-user-menu-dropdown);outline:none}.lds-user-menu--dropdown:focus-visible{border-color:var(--color-border-user-menu-hover)}.lds-user-menu--labels{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}.lds-user-menu--name{color:var(--color-font-user-menu-name);font-size:var(--font-size-user-menu-name);line-height:1em}.lds-user-menu--username{color:var(--color-font-user-menu-username);font-size:var(--font-size-user-menu-username);line-height:var(--line-height-user-menu-username)}.lds-user-menu--item{border-radius:var(--radius-user-menu);display:grid;gap:var(--spacing-user-menu-item-gap);margin-bottom:var(--spacing-user-menu-item-margin-block-end);padding-top:var(--spacing-user-menu-item-padding-block) var(--spacing-user-menu-item-padding-inline)}.lds-user-menu--item-group:not(:last-child){border-bottom:var(--size-user-menu-spacer-height) solid var(--color-border-user-menu-default);margin:0 0 var(--spacing-user-menu-spacer-margin-block);padding:0 0 var(--spacing-user-menu-spacer-margin-block)}.lds-user-menu .lds-user-menu--license{background-color:var(--color-background-user-menu-item-license);color:var(--color-font-user-menu-item-license);opacity:1}.lds-user-menu .lds-user-menu--license svg path{fill:var(--color-font-user-menu-item-license)}.lds-switch{--thumb-size:var(--spacing-switch-thumb-size);--thumb-color:var(--color-background-switch-thumb);--thumb-color-highlight:var(--color-background-switch-thumb-highlight);--track-size:calc(var(--thumb-size)*2);--track-padding:2px;--track-color-inactive:var(--color-background-switch-track-inactive);--track-color-active:var(--color-background-switch-track-active);--thumb-position:0%;--thumb-transition-duration:var(--transition-duration-default);--hover-highlight-size:0;align-items:center;color:var(--alias-color-text-accent);cursor:pointer;display:flex;font-weight:500;gap:2ch;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lds-switch>input{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--track-color-inactive);border:none;border-radius:var(--track-size);box-sizing:content-box;display:grid;flex-shrink:0;grid:[track] 1fr/[track] 1fr;height:var(--thumb-size);outline-offset:5px;padding:var(--track-padding);pointer-events:none;transition:background-color var(--transition-duration-default) var(--transition-easing-default);width:var(--track-size)}.lds-switch>input:not(:disabled):hover:before{--hover-highlight-size:.3rem}.lds-switch>input:before{background:var(--thumb-color);border-radius:50%;box-shadow:0 0 0 var(--hover-highlight-size) var(--thumb-color-highlight);content:"";cursor:pointer;grid-area:track;height:var(--thumb-size);pointer-events:auto;transform:translateX(var(--thumb-position));transition:transform var(--thumb-transition-duration) var(--transition-easing-default),box-shadow var(--transition-duration-default) var(--transition-easing-default);width:var(--thumb-size)}.lds-switch>input:checked{--thumb-position:100%;background:var(--track-color-active)}.lds-switch>input:disabled{--track-color-inactive:var(--color-background-switch-track-inactive);--thumb-color:transparent}.lds-switch>input:disabled:before{box-shadow:var(--shadow-switch-thumb-disabled);cursor:not-allowed}.lds-switch>input:focus-visible{box-shadow:var(--shadow-switch-thumb-focused)}.lds-switch--disabled{cursor:not-allowed}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Badge/Badge.js"),r=require("./Button/Button.js"),t=require("./ButtonBar/ButtonBar.js"),i=require("./DrawerTransition/DrawerTransition.js"),o=require("./Input/Input.js"),a=require("./LoadingIndicator/LoadingIndicator.js"),s=require("./Lozenge/Lozenge.js"),u=require("./Modal/Modal.js"),n=require("./Notification/Notification.js"),d=require("./NumberBadge/NumberBadge.js"),p=require("./Panel/Panel.js"),j=require("./SideNav/SideNav.js"),x=require("./SideNav/SideNavGroup.js"),q=require("./SideNav/SideNavItem.js"),B=require("./Tooltip/Tooltip.js"),N=require("./Switch/Switch.js");exports.Badge=e,exports.Button=r,exports.ButtonBar=t,exports.DrawerTransition=i,exports.Input=o,exports.LoadingIndicator=a,exports.Lozenge=s,exports.Modal=u,exports.Notification=n,exports.NumberBadge=d.default,exports.Panel=p,exports.SideNav=j.default,exports.SideNavGroup=x.default,exports.SideNavItem=q,exports.Tooltip=B,exports.Switch=N.Switch;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Avatar/Avatar.js"),r=require("./Badge/Badge.js"),t=require("./Button/Button.js"),i=require("./ButtonBar/ButtonBar.js"),o=require("./DrawerTransition/DrawerTransition.js"),a=require("./Input/Input.js"),s=require("./LoadingIndicator/LoadingIndicator.js"),u=require("./Lozenge/Lozenge.js"),n=require("./Modal/Modal.js"),d=require("./Notification/Notification.js"),p=require("./NumberBadge/NumberBadge.js"),j=require("./Panel/Panel.js"),x=require("./SideNav/SideNav.js"),q=require("./SideNav/SideNavGroup.js"),B=require("./SideNav/SideNavItem.js"),N=require("./Tooltip/Tooltip.js"),l=require("./UserMenu/UserMenu.js"),v=require("./Switch/Switch.js");exports.Avatar=e,exports.Badge=r,exports.Button=t,exports.ButtonBar=i,exports.DrawerTransition=o,exports.Input=a,exports.LoadingIndicator=s,exports.Lozenge=u,exports.Modal=n,exports.Notification=d,exports.NumberBadge=p.default,exports.Panel=j,exports.SideNav=x.default,exports.SideNavGroup=q.default,exports.SideNavItem=B,exports.Tooltip=N,exports.UserMenu=l,exports.Switch=v.Switch;
package/lib/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Badge/Badge.js"),r=require("./Button/Button.js"),t=require("./ButtonBar/ButtonBar.js"),i=require("./DrawerTransition/DrawerTransition.js"),o=require("./Input/Input.js"),a=require("./LoadingIndicator/LoadingIndicator.js"),s=require("./Lozenge/Lozenge.js"),u=require("./Modal/Modal.js"),n=require("./Notification/Notification.js"),d=require("./NumberBadge/NumberBadge.js"),p=require("./Panel/Panel.js"),j=require("./SideNav/SideNav.js"),x=require("./SideNav/SideNavGroup.js"),q=require("./SideNav/SideNavItem.js"),B=require("./Tooltip/Tooltip.js"),N=require("./Switch/Switch.js");exports.Badge=e,exports.Button=r,exports.ButtonBar=t,exports.DrawerTransition=i,exports.Input=o,exports.LoadingIndicator=a,exports.Lozenge=s,exports.Modal=u,exports.Notification=n,exports.NumberBadge=d.default,exports.Panel=p,exports.SideNav=j.default,exports.SideNavGroup=x.default,exports.SideNavItem=q,exports.Tooltip=B,exports.Switch=N.Switch;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Avatar/Avatar.js"),r=require("./Badge/Badge.js"),t=require("./Button/Button.js"),i=require("./ButtonBar/ButtonBar.js"),o=require("./DrawerTransition/DrawerTransition.js"),a=require("./Input/Input.js"),s=require("./LoadingIndicator/LoadingIndicator.js"),u=require("./Lozenge/Lozenge.js"),n=require("./Modal/Modal.js"),d=require("./Notification/Notification.js"),p=require("./NumberBadge/NumberBadge.js"),j=require("./Panel/Panel.js"),x=require("./SideNav/SideNav.js"),q=require("./SideNav/SideNavGroup.js"),B=require("./SideNav/SideNavItem.js"),N=require("./Tooltip/Tooltip.js"),l=require("./UserMenu/UserMenu.js"),v=require("./Switch/Switch.js");exports.Avatar=e,exports.Badge=r,exports.Button=t,exports.ButtonBar=i,exports.DrawerTransition=o,exports.Input=a,exports.LoadingIndicator=s,exports.Lozenge=u,exports.Modal=n,exports.Notification=d,exports.NumberBadge=p.default,exports.Panel=j,exports.SideNav=x.default,exports.SideNavGroup=q.default,exports.SideNavItem=B,exports.Tooltip=N,exports.UserMenu=l,exports.Switch=v.Switch;
@@ -0,0 +1,24 @@
1
+ import { type HTMLAttributes } from "react";
2
+ export interface AvatarProps extends Pick<HTMLAttributes<HTMLDivElement>, "aria-hidden" | "aria-label"> {
3
+ /**
4
+ * Full name of the user
5
+ */
6
+ name: string;
7
+ /**
8
+ * Optional class name to apply to the avatar
9
+ */
10
+ className?: string;
11
+ /**
12
+ * URL of the image to use as the avatar
13
+ */
14
+ image?: string | null;
15
+ /**
16
+ * Size of the avatar. Defaults to "md"
17
+ */
18
+ size?: "sm" | "md" | "xl";
19
+ }
20
+ /**
21
+ * Avatar component to display user's profile picture or initials.
22
+ * If no image is provided, initials will be displayed with a random background color.
23
+ */
24
+ export default function Avatar({ name, className, image, size, ...props }: AvatarProps): JSX.Element;
@@ -0,0 +1 @@
1
+ import{__rest as a}from"../_virtual/_tslib.js";import r,{useMemo as e}from"react";import t from"clsx";import i from"initialism";import m from"randomcolor";import o from"./Avatar.module.css.js";function l(l){var n,s=l.name,c=l.className,d=l.image,u=l.size,f=void 0===u?"md":u,v=a(l,["name","className","image","size"]),p=e((function(){return i(s,2)}),[s]),b=e((function(){return{backgroundColor:d?"var(--color-background-avatar)":m({seed:s,luminosity:"dark"})}}),[s,d]);return r.createElement("div",{className:t(o.avatar,c,(n={},n[o[f]]="md"!==f,n)),style:b,title:s,"aria-label":"aria-label"in v?v["aria-label"]:s},d&&"string"==typeof d&&r.createElement("img",{src:d,alt:"".concat(s," avatar"),"aria-hidden":!0}),!d&&r.createElement("span",{className:o.avatarText,"aria-hidden":!0},p))}export{l as default};
@@ -0,0 +1 @@
1
+ var a={avatar:"lds-avatar",sm:"lds-avatar--sm",xl:"lds-avatar--xl",avatarText:"lds-avatar--avatar-text"};export{a as default};
@@ -0,0 +1,42 @@
1
+ /// <reference types="react" />
2
+ import { type MenuItemGroup } from "./default-items";
3
+ export interface BaseUserMenuProps {
4
+ /**
5
+ * License name to display in the User Menu
6
+ */
7
+ license?: string;
8
+ /**
9
+ * User information to display in the User Menu
10
+ */
11
+ user: {
12
+ name: string;
13
+ username: string;
14
+ avatar?: string;
15
+ };
16
+ /**
17
+ * Optional class name to apply to the User Menu button
18
+ */
19
+ className?: string;
20
+ /**
21
+ * Origin of the menu item hrefs. Defaults to https://app.k8slens.dev
22
+ */
23
+ origin?: string;
24
+ }
25
+ export interface DefaultUserMenuProps extends BaseUserMenuProps {
26
+ /**
27
+ * Callback to call when the user clicks the Logout button
28
+ */
29
+ onLogoutClick: () => void;
30
+ }
31
+ export interface CustomUserMenuProps extends BaseUserMenuProps {
32
+ /**
33
+ * Data to display in the User Menu
34
+ */
35
+ items: Array<MenuItemGroup>;
36
+ /**
37
+ * Callback to call when the user clicks the Logout button. Mapped to item with the key "logout"
38
+ */
39
+ onLogoutClick?: () => void;
40
+ }
41
+ export declare type UserMenuProps = DefaultUserMenuProps | CustomUserMenuProps;
42
+ export default function UserMenu({ user, license, origin, className, onLogoutClick: onLogoutClick, ...props }: UserMenuProps): JSX.Element;
@@ -0,0 +1 @@
1
+ import{__rest as e,__assign as t}from"../_virtual/_tslib.js";import n,{useMemo as r}from"react";import{Menu as a,Transition as o}from"@headlessui/react";import s from"clsx";import{misc as i,navigation as c}from"@k8slens/lds-icons";import l from"./UserMenuItem.js";import{defaultItems as m}from"./default-items.js";import u from"../Avatar/Avatar.js";import p from"./UserMenu.module.css.js";var d=i.LicenseIcon,f=c.ArrowDownIcon,v=c.ArrowUpIcon;function E(i){var c=i.user,E=i.license,N=i.origin,k=void 0===N?"https://app.k8slens.dev":N,y=i.className,g=i.onLogoutClick,h=e(i,["user","license","origin","className","onLogoutClick"]),w=r((function(){return("items"in h?h.items:m).map((function(e){return{children:e.children.map((function(e){return"logout"===e.key?t(t({},e),{onClick:g}):e}))}}))}),[h,g]);return n.createElement(a,null,(function(e){var t,r,i=e.open;return n.createElement("div",{className:s(p.userMenu,y)},n.createElement(a.Button,{className:s(p.button,(t={},t[p.open]=i,t))},n.createElement(u,{size:"md",image:c.avatar,name:c.name}),n.createElement("div",{className:p.labels},n.createElement("b",{className:p.username},"@",c.username),n.createElement("small",{className:p.name},c.name)),i?n.createElement(v,{className:p.dropDownIcon}):n.createElement(f,{className:p.dropDownIcon})),n.createElement(o,{show:i,enter:"transition duration-75 ease-in-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-100 ease-in-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0",className:p.dropdownWrapper},n.createElement(a.Items,{className:s(p.dropdown,(r={},r[p.open]=i,r))},n.createElement(a.Item,{disabled:!0},n.createElement(l,{className:p.license,title:E||"No license",icon:d,selected:!0})),w.map((function(e,t){var r=e.children;return n.createElement("div",{className:p.itemGroup,key:"group-".concat(t),role:"navigation"},r.map((function(e,t){return n.createElement(l,{key:"key"in e?e.key:"item-".concat(t),title:e.title,icon:e.icon,type:e.type,disabled:e.disabled,external:e.external,href:e.href,onClick:"onClick"in e?e.onClick:void 0,origin:k})})))})))))}))}export{E as default};
@@ -0,0 +1 @@
1
+ var e={userMenu:"lds-user-menu",button:"lds-user-menu--button",dropDownIcon:"lds-user-menu--drop-down-icon",open:"lds-user-menu--open",dropdownWrapper:"lds-user-menu--dropdown-wrapper",dropdown:"lds-user-menu--dropdown",labels:"lds-user-menu--labels",name:"lds-user-menu--name",username:"lds-user-menu--username",item:"lds-user-menu--item",itemGroup:"lds-user-menu--item-group",license:"lds-user-menu--license"};export{e as default};
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon";
3
+ export declare type MenuItem = {
4
+ key?: string;
5
+ type?: "default" | "danger";
6
+ icon?: Icon;
7
+ title: string;
8
+ disabled?: boolean;
9
+ external?: boolean;
10
+ href?: string;
11
+ onClick?: () => void;
12
+ };
13
+ export interface UserMenuItemProps extends MenuItem {
14
+ origin?: string;
15
+ selected?: boolean;
16
+ /**
17
+ * Optional class name to apply to the avatar
18
+ */
19
+ className?: string;
20
+ }
21
+ export default function UserMenuItem({ type, title, icon: Icon, disabled, external, onClick, selected, href: path, origin, className: cls, }: UserMenuItemProps): JSX.Element;
@@ -0,0 +1 @@
1
+ import{__assign as e}from"../_virtual/_tslib.js";import t,{useMemo as n}from"react";import{Menu as r}from"@headlessui/react";import l from"clsx";import a from"./UserMenuItem.module.css.js";var o=function(e,t){return new URL(e,t).pathname},c=function(e){var n=e.Icon,r=e.title;return t.createElement(t.Fragment,null,n?t.createElement(n,{className:a.icon,size:"sm"}):null,t.createElement("span",{className:a.title},r))};function i(i){var m=i.type,s=void 0===m?"default":m,u=i.title,d=i.icon,f=i.disabled,p=i.external,E=i.onClick,b=i.selected,w=i.href,I=i.origin,v=i.className,h=n((function(){return p||!w?w:I?"".concat(I).concat((null==w?void 0:w.startsWith("/"))?w:"/".concat(w)):w}),[w,I,p]),N=n((function(){return"boolean"==typeof b?b:!(!h||"undefined"==typeof window)&&o(window.location.href,"undefined"!=typeof window?window.location.origin:void 0)===o(h,h)}),[h,b]),g=n((function(){var e;return l(a.userMenuItem,((e={})[a[s]]=s&&"default"!==s,e[a.disabled]=f,e[a.external]=p,e[a.selected]=N,e),v)}),[s,f,p,v,N]);return f||b||!h?f||b||!E?t.createElement(r.Item,{disabled:!0},t.createElement("span",{className:l(g,a.disabled)},t.createElement(c,{Icon:d,title:u}))):t.createElement(r.Item,null,t.createElement("button",{className:l(a.button,g),onClick:E},t.createElement(c,{Icon:d,title:u}))):t.createElement(r.Item,null,t.createElement("a",e({className:g,onClick:E,href:h},p?{target:"_blank"}:{},{rel:"noopener noreferrer"}),t.createElement(c,{Icon:d,title:u})))}export{i as default};
@@ -0,0 +1 @@
1
+ var e={userMenuItem:"lds-user-menu-item",button:"lds-user-menu-item--button",disabled:"lds-user-menu-item--disabled",selected:"lds-user-menu-item--selected",icon:"lds-user-menu-item--icon",danger:"lds-user-menu-item--danger",external:"lds-user-menu-item--external",title:"lds-user-menu-item--title"};export{e as default};
@@ -0,0 +1,5 @@
1
+ import { type MenuItem } from "./UserMenuItem";
2
+ export declare type MenuItemGroup = {
3
+ children: MenuItem[];
4
+ };
5
+ export declare const defaultItems: Array<MenuItemGroup>;
@@ -0,0 +1 @@
1
+ var e=[{children:[{title:"Your Profile",href:"/profile"},{title:"Your Account",href:"/account"},{title:"Your Billing Details",href:"/billing-details"},{title:"Your Email",href:"/emails"},{title:"Your Connected Accounts",href:"/connected-accounts"},{title:"Your Support Portal",href:"https://support.k8slens.dev/hc/en-us",external:!0},{title:"Lens Business ID",href:"/business"}]},{children:[{title:"Logout",type:"danger",key:"logout"}]}];export{e as defaultItems};
@@ -1,3 +1,4 @@
1
+ export { default as Avatar } from "./Avatar/Avatar";
1
2
  export { default as Badge } from "./Badge/Badge";
2
3
  export { default as Button } from "./Button/Button";
3
4
  export { default as ButtonBar } from "./ButtonBar/ButtonBar";
@@ -13,4 +14,5 @@ export { default as SideNav } from "./SideNav/SideNav";
13
14
  export { default as SideNavGroup } from "./SideNav/SideNavGroup";
14
15
  export { default as SideNavItem } from "./SideNav/SideNavItem";
15
16
  export { default as Tooltip } from "./Tooltip/Tooltip";
17
+ export { default as UserMenu } from "./UserMenu/UserMenu";
16
18
  export { Switch } from "./Switch/Switch";