Dashboard
SaaS
Applications
Instances
Buckets
Policies
Targets
Tasks
Events
Reports
IAM
Marketplace
sales-marketing
You will be signed out in: 04:38
andy.fernandez@hycu.com
Marketplace
Atlassian Cloud
Identity & Security
Repositories & CI/CD
All Platforms
All Categories
Request Application Support
Notion
HYCU, Inc.
Automated backup and restores of your Notion Workspaces, Pages and Databases.
Show more
:root { font-size: 100%; } body { --lns-fontFamily-body: "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif; --lns-fontFamily-heading: "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif; --lns-fontFamily-code: "Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace; font-family: var(--lns-fontFamily-body); color: var(--ds-text, var(--lns-color-body)); font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); } body *, body ::before, body ::after { box-sizing: border-box; } body * { -webkit-font-smoothing: antialiased; } :root, .theme-light, [data-lens-theme="light"] { --lns-color-primary: var(--lns-themeLight-color-primary); --lns-color-primaryHover: var(--lns-themeLight-color-primaryHover); --lns-color-primaryActive: var(--lns-themeLight-color-primaryActive); --lns-color-body: var(--lns-themeLight-color-body); --lns-color-bodyDimmed: var(--lns-themeLight-color-bodyDimmed); --lns-color-bodyInverse: var(--lns-themeLight-color-bodyInverse); --lns-color-background: var(--lns-themeLight-color-background); --lns-color-backgroundHover: var(--lns-themeLight-color-backgroundHover); --lns-color-backgroundActive: var(--lns-themeLight-color-backgroundActive); --lns-color-backgroundSecondary: var(--lns-themeLight-color-backgroundSecondary); --lns-color-backgroundSecondary2: var(--lns-themeLight-color-backgroundSecondary2); --lns-color-backgroundInverse: var(--lns-themeLight-color-backgroundInverse); --lns-color-overlay: var(--lns-themeLight-color-overlay); --lns-color-border: var(--lns-themeLight-color-border); --lns-color-focusRing: var(--lns-themeLight-color-focusRing); --lns-color-record: var(--lns-themeLight-color-record); --lns-color-recordHover: var(--lns-themeLight-color-recordHover); --lns-color-recordActive: var(--lns-themeLight-color-recordActive); --lns-color-info: var(--lns-themeLight-color-info); --lns-color-success: var(--lns-themeLight-color-success); --lns-color-warning: var(--lns-themeLight-color-warning); --lns-color-danger: var(--lns-themeLight-color-danger); --lns-color-dangerHover: var(--lns-themeLight-color-dangerHover); --lns-color-dangerActive: var(--lns-themeLight-color-dangerActive); --lns-color-backdrop: var(--lns-themeLight-color-backdrop); --lns-color-backdropDark: var(--lns-themeLight-color-backdropDark); --lns-color-backdropTwilight: var(--lns-themeLight-color-backdropTwilight); --lns-color-disabledContent: var(--lns-themeLight-color-disabledContent); --lns-color-highlight: var(--lns-themeLight-color-highlight); --lns-color-disabledBackground: var(--lns-themeLight-color-disabledBackground); --lns-color-formFieldBorder: var(--lns-themeLight-color-formFieldBorder); --lns-color-formFieldBackground: var(--lns-themeLight-color-formFieldBackground); --lns-color-buttonBorder: var(--lns-themeLight-color-buttonBorder); --lns-color-upgrade: var(--lns-themeLight-color-upgrade); --lns-color-upgradeHover: var(--lns-themeLight-color-upgradeHover); --lns-color-upgradeActive: var(--lns-themeLight-color-upgradeActive); --lns-color-tabBackground: var(--lns-themeLight-color-tabBackground); --lns-color-discoveryBackground: var(--lns-themeLight-color-discoveryBackground); --lns-color-discoveryLightBackground: var(--lns-themeLight-color-discoveryLightBackground); --lns-color-discoveryTitle: var(--lns-themeLight-color-discoveryTitle); --lns-color-discoveryHighlight: var(--lns-themeLight-color-discoveryHighlight); } .theme-dark, [data-lens-theme="dark"] { --lns-color-primary: var(--lns-themeDark-color-primary); --lns-color-primaryHover: var(--lns-themeDark-color-primaryHover); --lns-color-primaryActive: var(--lns-themeDark-color-primaryActive); --lns-color-body: var(--lns-themeDark-color-body); --lns-color-bodyDimmed: var(--lns-themeDark-color-bodyDimmed); --lns-color-bodyInverse: var(--lns-themeDark-color-bodyInverse); --lns-color-background: var(--lns-themeDark-color-background); --lns-color-backgroundHover: var(--lns-themeDark-color-backgroundHover); --lns-color-backgroundActive: var(--lns-themeDark-color-backgroundActive); --lns-color-backgroundSecondary: var(--lns-themeDark-color-backgroundSecondary); --lns-color-backgroundSecondary2: var(--lns-themeDark-color-backgroundSecondary2); --lns-color-backgroundInverse: var(--lns-themeDark-color-backgroundInverse); --lns-color-overlay: var(--lns-themeDark-color-overlay); --lns-color-border: var(--lns-themeDark-color-border); --lns-color-focusRing: var(--lns-themeDark-color-focusRing); --lns-color-record: var(--lns-themeDark-color-record); --lns-color-recordHover: var(--lns-themeDark-color-recordHover); --lns-color-recordActive: var(--lns-themeDark-color-recordActive); --lns-color-info: var(--lns-themeDark-color-info); --lns-color-success: var(--lns-themeDark-color-success); --lns-color-warning: var(--lns-themeDark-color-warning); --lns-color-danger: var(--lns-themeDark-color-danger); --lns-color-dangerHover: var(--lns-themeDark-color-dangerHover); --lns-color-dangerActive: var(--lns-themeDark-color-dangerActive); --lns-color-backdrop: var(--lns-themeDark-color-backdrop); --lns-color-backdropDark: var(--lns-themeDark-color-backdropDark); --lns-color-backdropTwilight: var(--lns-themeDark-color-backdropTwilight); --lns-color-disabledContent: var(--lns-themeDark-color-disabledContent); --lns-color-highlight: var(--lns-themeDark-color-highlight); --lns-color-disabledBackground: var(--lns-themeDark-color-disabledBackground); --lns-color-formFieldBorder: var(--lns-themeDark-color-formFieldBorder); --lns-color-formFieldBackground: var(--lns-themeDark-color-formFieldBackground); --lns-color-buttonBorder: var(--lns-themeDark-color-buttonBorder); --lns-color-upgrade: var(--lns-themeDark-color-upgrade); --lns-color-upgradeHover: var(--lns-themeDark-color-upgradeHover); --lns-color-upgradeActive: var(--lns-themeDark-color-upgradeActive); --lns-color-tabBackground: var(--lns-themeDark-color-tabBackground); --lns-color-discoveryBackground: var(--lns-themeDark-color-discoveryBackground); --lns-color-discoveryLightBackground: var(--lns-themeDark-color-discoveryLightBackground); --lns-color-discoveryTitle: var(--lns-themeDark-color-discoveryTitle); --lns-color-discoveryHighlight: var(--lns-themeDark-color-discoveryHighlight); } :root { --lns-fontWeight-book: 400; --lns-fontWeight-regular: 400; --lns-fontWeight-medium: 500; --lns-fontWeight-bold: 653; --lns-unit: 0.5rem; --lns-fontSize-small: calc(1.5 * var(--lns-unit, 8px)); --lns-lineHeight-small: 1.5; --lns-letterSpacing-small: normal; --lns-fontSize-body-sm: calc(1.5 * var(--lns-unit, 8px)); --lns-lineHeight-body-sm: 1.5; --lns-letterSpacing-body-sm: normal; --lns-fontSize-medium: calc(1.75 * var(--lns-unit, 8px)); --lns-lineHeight-medium: 1.57; --lns-letterSpacing-medium: normal; --lns-fontSize-body-md: calc(1.75 * var(--lns-unit, 8px)); --lns-lineHeight-body-md: 1.57; --lns-letterSpacing-body-md: normal; --lns-fontSize-large: calc(2.25 * var(--lns-unit, 8px)); --lns-lineHeight-large: 1.44; --lns-letterSpacing-large: -0.2px; --lns-fontSize-body-lg: calc(2.25 * var(--lns-unit, 8px)); --lns-lineHeight-body-lg: 1.44; --lns-letterSpacing-body-lg: -0.2px; --lns-fontSize-xlarge: calc(3 * var(--lns-unit, 8px)); --lns-lineHeight-xlarge: 1.16; --lns-letterSpacing-xlarge: -0.2px; --lns-fontSize-heading-sm: calc(3 * var(--lns-unit, 8px)); --lns-lineHeight-heading-sm: 1.16; --lns-letterSpacing-heading-sm: -0.2px; --lns-fontSize-xxlarge: calc(4 * var(--lns-unit, 8px)); --lns-lineHeight-xxlarge: 1.125; --lns-letterSpacing-xxlarge: -0.5px; --lns-fontSize-heading-md: calc(4 * var(--lns-unit, 8px)); --lns-lineHeight-heading-md: 1.125; --lns-letterSpacing-heading-md: -0.5px; --lns-fontSize-xxxlarge: calc(6 * var(--lns-unit, 8px)); --lns-lineHeight-xxxlarge: 1.16; --lns-letterSpacing-xxxlarge: -1.2px; --lns-fontSize-heading-lg: calc(6 * var(--lns-unit, 8px)); --lns-lineHeight-heading-lg: 1.16; --lns-letterSpacing-heading-lg: -1.2px; --lns-radius-50: calc(0.5 * var(--lns-unit, 8px)); --lns-radius-100: calc(1 * var(--lns-unit, 8px)); --lns-radius-150: calc(1.5 * var(--lns-unit, 8px)); --lns-radius-175: calc(1.75 * var(--lns-unit, 8px)); --lns-radius-200: calc(2 * var(--lns-unit, 8px)); --lns-radius-250: calc(2.5 * var(--lns-unit, 8px)); --lns-radius-300: calc(3 * var(--lns-unit, 8px)); --lns-radius-none: 0; --lns-radius-medium: calc(1 * var(--lns-unit, 8px)); --lns-radius-large: calc(2 * var(--lns-unit, 8px)); --lns-radius-xlarge: calc(3 * var(--lns-unit, 8px)); --lns-radius-round: calc(999 * var(--lns-unit, 8px)); --lns-radius-full: calc(999 * var(--lns-unit, 8px)); --lns-shadow-small: 0 calc(0.5 * var(--lns-unit, 8px)) calc(1.25 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.05); --lns-shadow-medium: 0 calc(0.5 * var(--lns-unit, 8px)) calc(1.25 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.1); --lns-shadow-large: 0 calc(0.75 * var(--lns-unit, 8px)) calc(3 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.1); --lns-space-xsmall: calc(0.5 * var(--lns-unit, 8px)); --lns-space-small: calc(1 * var(--lns-unit, 8px)); --lns-space-medium: calc(2 * var(--lns-unit, 8px)); --lns-space-large: calc(3 * var(--lns-unit, 8px)); --lns-space-xlarge: calc(5 * var(--lns-unit, 8px)); --lns-space-xxlarge: calc(8 * var(--lns-unit, 8px)); --lns-formFieldBorderWidth: 1px; --lns-formFieldBorderWidthFocus: 2px; --lns-formFieldHeight: calc(4.5 * var(--lns-unit, 8px)); --lns-formFieldRadius: var(--lns-radius-175); --lns-formFieldHorizontalPadding: calc(2 * var(--lns-unit, 8px)); --lns-formFieldBorderShadow: inset 0 0 0 var(--lns-formFieldBorderWidth) var(--lns-color-formFieldBorder); --lns-formFieldBorderShadowFocus: inset 0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-blurple),0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-focusRing); --lns-formFieldBorderShadowError: inset 0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-danger),0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-orangeLight); --lns-color-red: hsla(11,80%,45%,1); --lns-color-blurpleLight: hsla(240,83.3%,95.3%,1); --lns-color-blurpleMedium: hsla(242,81%,87.6%,1); --lns-color-blurple: hsla(242,88.4%,66.3%,1); --lns-color-blurpleDark: hsla(242,87.6%,62%,1); --lns-color-blurpleStrong: hsla(252,46%,33%,1); --lns-color-offWhite: hsla(45,36.4%,95.7%,1); --lns-color-blueLight: hsla(206,58.3%,85.9%,1); --lns-color-blue: hsla(206,100%,73.3%,1); --lns-color-blueDark: hsla(206,29.5%,33.9%,1); --lns-color-orangeLight: hsla(6,100%,89.6%,1); --lns-color-orange: hsla(11,100%,62.2%,1); --lns-color-orangeDark: hsla(11,79.9%,64.9%,1); --lns-color-tealLight: hsla(180,20%,67.6%,1); --lns-color-teal: hsla(180,51.4%,51.6%,1); --lns-color-tealDark: hsla(180,16.2%,22.9%,1); --lns-color-yellowLight: hsla(39,100%,87.8%,1); --lns-color-yellow: hsla(50,100%,57.3%,1); --lns-color-yellowDark: hsla(39,100%,68%,1); --lns-color-grey8: hsla(0,0%,13%,1); --lns-color-grey7: hsla(246,16%,26%,1); --lns-color-grey6: hsla(252,13%,46%,1); --lns-color-grey5: hsla(240,7%,62%,1); --lns-color-grey4: hsla(259,12%,75%,1); --lns-color-grey3: hsla(260,11%,85%,1); --lns-color-grey2: hsla(260,11%,95%,1); --lns-color-grey1: hsla(240,7%,97%,1); --lns-color-white: hsla(0,0%,100%,1); --lns-themeLight-color-primary: hsla(242,88.4%,66.3%,1); --lns-themeLight-color-primaryHover: hsla(242,88.4%,56.3%,1); --lns-themeLight-color-primaryActive: hsla(242,88.4%,45.3%,1); --lns-themeLight-color-body: var(--ds-text, hsla(0,0%,13%,1)); --lns-themeLight-color-bodyDimmed: var(--ds-text-subtlest, hsla(252,13%,46%,1)); --lns-themeLight-color-bodyInverse: var(--ds-text-inverse, hsla(0,0%,100%,1)); --lns-themeLight-color-background: var(--ds-surface, hsla(0,0%,100%,1)); --lns-themeLight-color-backgroundHover: var(--ds-background-neutral-subtle-hovered, hsla(246,16%,26%,0.1)); --lns-themeLight-color-backgroundActive: var(--ds-background-neutral-subtle-pressed, hsla(246,16%,26%,0.3)); --lns-themeLight-color-backgroundSecondary: var(--ds-surface-sunken, hsla(246,16%,26%,0.04)); --lns-themeLight-color-backgroundSecondary2: var(--ds-surface-sunken, hsla(45,34%,78%,0.2)); --lns-themeLight-color-backgroundInverse: var(--ds-background-neutral-bold, hsla(228,6%,17%,1)); --lns-themeLight-color-overlay: var(--ds-surface-overlay, hsla(0,0%,100%,1)); --lns-themeLight-color-border: var(--ds-border, hsla(252,13%,46%,0.2)); --lns-themeLight-color-focusRing: hsla(242,88.4%,66.3%,0.8); --lns-themeLight-color-record: hsla(11,100%,62.2%,1); --lns-themeLight-color-recordHover: hsla(11,100%,52.2%,1); --lns-themeLight-color-recordActive: hsla(11,100%,42.2%,1); --lns-themeLight-color-info: var(--ds-background-information-bold, hsla(206,100%,73.3%,1)); --lns-themeLight-color-success: var(--ds-background-accent-green-bolder, hsla(180,51.4%,51.6%,1)); --lns-themeLight-color-warning: var(--ds-background-warning-bold, hsla(39,100%,68%,1)); --lns-themeLight-color-danger: var(--ds-background-danger-bold, hsla(11,80%,45%,1)); --lns-themeLight-color-dangerHover: var(--ds-background-danger-bold-hovered, hsla(11,80%,38%,1)); --lns-themeLight-color-dangerActive: var(--ds-background-danger-bold-pressed, hsla(11,80%,31%,1)); --lns-themeLight-color-backdrop: var(--ds-blanket, hsla(0,0%,13%,0.5)); --lns-themeLight-color-backdropDark: hsla(0,0%,13%,0.9); --lns-themeLight-color-backdropTwilight: hsla(245,44.8%,46.9%,0.8); --lns-themeLight-color-disabledContent: var(--ds-text-disabled, hsla(240,7%,62%,1)); --lns-themeLight-color-highlight: hsla(240,83.3%,66.3%,0.15); --lns-themeLight-color-disabledBackground: var(--ds-background-disabled, hsla(260,11%,95%,1)); --lns-themeLight-color-formFieldBorder: var(--ds-border-input, hsla(260,11%,85%,1)); --lns-themeLight-color-formFieldBackground: var(--ds-background-input, hsla(0,0%,100%,1)); --lns-themeLight-color-buttonBorder: var(--ds-border, hsla(252,13%,46%,0.25)); --lns-themeLight-color-upgrade: var(--ds-background-discovery, hsla(206,100%,93%,1)); --lns-themeLight-color-upgradeHover: var(--ds-background-discovery-hovered, hsla(206,100%,85%,1)); --lns-themeLight-color-upgradeActive: var(--ds-background-discovery-pressed, hsla(206,100%,77%,1)); --lns-themeLight-color-tabBackground: var(--ds-background-neutral, hsla(252,13%,46%,0.15)); --lns-themeLight-color-discoveryBackground: var(--ds-background-discovery, hsla(206,100%,93%,1)); --lns-themeLight-color-discoveryLightBackground: var(--ds-background-discovery, hsla(206,100%,97%,1)); --lns-themeLight-color-discoveryTitle: var(--ds-text, hsla(0,0%,13%,1)); --lns-themeLight-color-discoveryHighlight: var(--ds-background-discovery, hsla(206,100%,77%,0.3)); --lns-themeDark-color-primary: hsla(242,87%,73%,1); --lns-themeDark-color-primaryHover: hsla(242,88.4%,56.3%,1); --lns-themeDark-color-primaryActive: hsla(242,88.4%,45.3%,1); --lns-themeDark-color-body: var(--ds-text, hsla(240,7%,97%,1)); --lns-themeDark-color-bodyDimmed: var(--ds-text-subtlest, hsla(240,7%,62%,1)); --lns-themeDark-color-bodyInverse: var(--ds-text-inverse, hsla(240,3%,13%,1)); --lns-themeDark-color-background: var(--ds-surface, hsla(0,0%,13%,1)); --lns-themeDark-color-backgroundHover: var(--ds-background-neutral-subtle-hovered, hsla(0,0%,100%,0.1)); --lns-themeDark-color-backgroundActive: var(--ds-background-neutral-subtle-pressed, hsla(0,0%,100%,0.2)); --lns-themeDark-color-backgroundSecondary: var(--ds-surface-sunken, hsla(0,0%,100%,0.04)); --lns-themeDark-color-backgroundSecondary2: var(--ds-surface-sunken, hsla(45,13%,44%,0.2)); --lns-themeDark-color-backgroundInverse: var(--ds-background-neutral-bold, hsla(225,4%,82%,1)); --lns-themeDark-color-overlay: var(--ds-surface-overlay, hsla(0,0%,20%,1)); --lns-themeDark-color-border: var(--ds-border, hsla(259,12%,75%,0.2)); --lns-themeDark-color-focusRing: hsla(242,88.4%,66.3%,0.8); --lns-themeDark-color-record: hsla(11,100%,62.2%,1); --lns-themeDark-color-recordHover: hsla(11,100%,52.2%,1); --lns-themeDark-color-recordActive: hsla(11,100%,42.2%,1); --lns-themeDark-color-info: var(--ds-background-information-bold, hsla(206,100%,73.3%,1)); --lns-themeDark-color-success: var(--ds-background-accent-green-bolder, hsla(180,51.4%,51.6%,1)); --lns-themeDark-color-warning: var(--ds-background-warning-bold, hsla(39,100%,68%,1)); --lns-themeDark-color-danger: var(--ds-background-danger-bold, hsla(11,80%,45%,1)); --lns-themeDark-color-dangerHover: var(--ds-background-danger-bold-hovered, hsla(11,80%,38%,1)); --lns-themeDark-color-dangerActive: var(--ds-background-danger-bold-pressed, hsla(11,80%,31%,1)); --lns-themeDark-color-backdrop: var(--ds-blanket, hsla(0,0%,13%,0.5)); --lns-themeDark-color-backdropDark: hsla(0,0%,13%,0.9); --lns-themeDark-color-backdropTwilight: hsla(245,44.8%,46.9%,0.8); --lns-themeDark-color-disabledContent: var(--ds-text-disabled, hsla(240,7%,62%,1)); --lns-themeDark-color-highlight: hsla(240,83.3%,66.3%,0.15); --lns-themeDark-color-disabledBackground: var(--ds-background-disabled, hsla(252,13%,23%,1)); --lns-themeDark-color-formFieldBorder: var(--ds-border-input, hsla(252,13%,46%,1)); --lns-themeDark-color-formFieldBackground: var(--ds-background-input, hsla(0,0%,13%,1)); --lns-themeDark-color-buttonBorder: var(--ds-border, hsla(0,0%,100%,0.25)); --lns-themeDark-color-upgrade: var(--ds-background-discovery, hsla(206,92%,81%,1)); --lns-themeDark-color-upgradeHover: var(--ds-background-discovery-hovered, hsla(206,92%,74%,1)); --lns-themeDark-color-upgradeActive: var(--ds-background-discovery-pressed, hsla(206,92%,67%,1)); --lns-themeDark-color-tabBackground: var(--ds-background-neutral, hsla(0,0%,100%,0.15)); --lns-themeDark-color-discoveryBackground: var(--ds-background-discovery, hsla(206,92%,81%,1)); --lns-themeDark-color-discoveryLightBackground: var(--ds-background-discovery, hsla(0,0%,13%,1)); --lns-themeDark-color-discoveryTitle: var(--ds-text, hsla(206,100%,73.3%,1)); --lns-themeDark-color-discoveryHighlight: var(--ds-background-discovery, hsla(206,100%,77%,0.3)); --lns-gradient-ai-primary: radial-gradient(134.96% 884.49% at 119.29% 112.58%, #DC43BE 0%, #565ADD 70%); --lns-gradient-ai-secondary: radial-gradient(100% 138.41% at 100% 100%, #EFF0FF 0%, #FFFFFF 100%); } .c\:red { color: var(--lns-color-red); } .c\:blurpleLight { color: var(--lns-color-blurpleLight); } .c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .c\:blurple { color: var(--lns-color-blurple); } .c\:blurpleDark { color: var(--lns-color-blurpleDark); } .c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .c\:offWhite { color: var(--lns-color-offWhite); } .c\:blueLight { color: var(--lns-color-blueLight); } .c\:blue { color: var(--lns-color-blue); } .c\:blueDark { color: var(--lns-color-blueDark); } .c\:orangeLight { color: var(--lns-color-orangeLight); } .c\:orange { color: var(--lns-color-orange); } .c\:orangeDark { color: var(--lns-color-orangeDark); } .c\:tealLight { color: var(--lns-color-tealLight); } .c\:teal { color: var(--lns-color-teal); } .c\:tealDark { color: var(--lns-color-tealDark); } .c\:yellowLight { color: var(--lns-color-yellowLight); } .c\:yellow { color: var(--lns-color-yellow); } .c\:yellowDark { color: var(--lns-color-yellowDark); } .c\:grey8 { color: var(--lns-color-grey8); } .c\:grey7 { color: var(--lns-color-grey7); } .c\:grey6 { color: var(--lns-color-grey6); } .c\:grey5 { color: var(--lns-color-grey5); } .c\:grey4 { color: var(--lns-color-grey4); } .c\:grey3 { color: var(--lns-color-grey3); } .c\:grey2 { color: var(--lns-color-grey2); } .c\:grey1 { color: var(--lns-color-grey1); } .c\:white { color: var(--lns-color-white); } .c\:primary { color: var(--lns-color-primary); } .c\:primaryHover { color: var(--lns-color-primaryHover); } .c\:primaryActive { color: var(--lns-color-primaryActive); } .c\:body { color: var(--lns-color-body); } .c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .c\:bodyInverse { color: var(--lns-color-bodyInverse); } .c\:background { color: var(--lns-color-background); } .c\:backgroundHover { color: var(--lns-color-backgroundHover); } .c\:backgroundActive { color: var(--lns-color-backgroundActive); } .c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .c\:overlay { color: var(--lns-color-overlay); } .c\:border { color: var(--lns-color-border); } .c\:focusRing { color: var(--lns-color-focusRing); } .c\:record { color: var(--lns-color-record); } .c\:recordHover { color: var(--lns-color-recordHover); } .c\:recordActive { color: var(--lns-color-recordActive); } .c\:info { color: var(--lns-color-info); } .c\:success { color: var(--lns-color-success); } .c\:warning { color: var(--lns-color-warning); } .c\:danger { color: var(--lns-color-danger); } .c\:dangerHover { color: var(--lns-color-dangerHover); } .c\:dangerActive { color: var(--lns-color-dangerActive); } .c\:backdrop { color: var(--lns-color-backdrop); } .c\:backdropDark { color: var(--lns-color-backdropDark); } .c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .c\:disabledContent { color: var(--lns-color-disabledContent); } .c\:highlight { color: var(--lns-color-highlight); } .c\:disabledBackground { color: var(--lns-color-disabledBackground); } .c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .c\:buttonBorder { color: var(--lns-color-buttonBorder); } .c\:upgrade { color: var(--lns-color-upgrade); } .c\:upgradeHover { color: var(--lns-color-upgradeHover); } .c\:upgradeActive { color: var(--lns-color-upgradeActive); } .c\:tabBackground { color: var(--lns-color-tabBackground); } .c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .shadow\:small { box-shadow: var(--lns-shadow-small); } .shadow\:medium { box-shadow: var(--lns-shadow-medium); } .shadow\:large { box-shadow: var(--lns-shadow-large); } .radius\:50 { border-radius: var(--lns-radius-50); } .radius\:100 { border-radius: var(--lns-radius-100); } .radius\:150 { border-radius: var(--lns-radius-150); } .radius\:175 { border-radius: var(--lns-radius-175); } .radius\:200 { border-radius: var(--lns-radius-200); } .radius\:250 { border-radius: var(--lns-radius-250); } .radius\:300 { border-radius: var(--lns-radius-300); } .radius\:none { border-radius: var(--lns-radius-none); } .radius\:medium { border-radius: var(--lns-radius-medium); } .radius\:large { border-radius: var(--lns-radius-large); } .radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .radius\:round { border-radius: var(--lns-radius-round); } .radius\:full { border-radius: var(--lns-radius-full); } .bgc\:red { background-color: var(--lns-color-red); } .bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .bgc\:blurple { background-color: var(--lns-color-blurple); } .bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .bgc\:offWhite { background-color: var(--lns-color-offWhite); } .bgc\:blueLight { background-color: var(--lns-color-blueLight); } .bgc\:blue { background-color: var(--lns-color-blue); } .bgc\:blueDark { background-color: var(--lns-color-blueDark); } .bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .bgc\:orange { background-color: var(--lns-color-orange); } .bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .bgc\:tealLight { background-color: var(--lns-color-tealLight); } .bgc\:teal { background-color: var(--lns-color-teal); } .bgc\:tealDark { background-color: var(--lns-color-tealDark); } .bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .bgc\:yellow { background-color: var(--lns-color-yellow); } .bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .bgc\:grey8 { background-color: var(--lns-color-grey8); } .bgc\:grey7 { background-color: var(--lns-color-grey7); } .bgc\:grey6 { background-color: var(--lns-color-grey6); } .bgc\:grey5 { background-color: var(--lns-color-grey5); } .bgc\:grey4 { background-color: var(--lns-color-grey4); } .bgc\:grey3 { background-color: var(--lns-color-grey3); } .bgc\:grey2 { background-color: var(--lns-color-grey2); } .bgc\:grey1 { background-color: var(--lns-color-grey1); } .bgc\:white { background-color: var(--lns-color-white); } .bgc\:primary { background-color: var(--lns-color-primary); } .bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .bgc\:body { background-color: var(--lns-color-body); } .bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .bgc\:background { background-color: var(--lns-color-background); } .bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .bgc\:overlay { background-color: var(--lns-color-overlay); } .bgc\:border { background-color: var(--lns-color-border); } .bgc\:focusRing { background-color: var(--lns-color-focusRing); } .bgc\:record { background-color: var(--lns-color-record); } .bgc\:recordHover { background-color: var(--lns-color-recordHover); } .bgc\:recordActive { background-color: var(--lns-color-recordActive); } .bgc\:info { background-color: var(--lns-color-info); } .bgc\:success { background-color: var(--lns-color-success); } .bgc\:warning { background-color: var(--lns-color-warning); } .bgc\:danger { background-color: var(--lns-color-danger); } .bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .bgc\:backdrop { background-color: var(--lns-color-backdrop); } .bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .bgc\:highlight { background-color: var(--lns-color-highlight); } .bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .bgc\:upgrade { background-color: var(--lns-color-upgrade); } .bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .m\:0 { margin: 0px; } .m\:auto { margin: auto; } .m\:xsmall { margin: var(--lns-space-xsmall); } .m\:small { margin: var(--lns-space-small); } .m\:medium { margin: var(--lns-space-medium); } .m\:large { margin: var(--lns-space-large); } .m\:xlarge { margin: var(--lns-space-xlarge); } .m\:xxlarge { margin: var(--lns-space-xxlarge); } .mt\:0 { margin-top: 0px; } .mt\:auto { margin-top: auto; } .mt\:xsmall { margin-top: var(--lns-space-xsmall); } .mt\:small { margin-top: var(--lns-space-small); } .mt\:medium { margin-top: var(--lns-space-medium); } .mt\:large { margin-top: var(--lns-space-large); } .mt\:xlarge { margin-top: var(--lns-space-xlarge); } .mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .mb\:0 { margin-bottom: 0px; } .mb\:auto { margin-bottom: auto; } .mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .mb\:small { margin-bottom: var(--lns-space-small); } .mb\:medium { margin-bottom: var(--lns-space-medium); } .mb\:large { margin-bottom: var(--lns-space-large); } .mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .ml\:0 { margin-left: 0px; } .ml\:auto { margin-left: auto; } .ml\:xsmall { margin-left: var(--lns-space-xsmall); } .ml\:small { margin-left: var(--lns-space-small); } .ml\:medium { margin-left: var(--lns-space-medium); } .ml\:large { margin-left: var(--lns-space-large); } .ml\:xlarge { margin-left: var(--lns-space-xlarge); } .ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .mr\:0 { margin-right: 0px; } .mr\:auto { margin-right: auto; } .mr\:xsmall { margin-right: var(--lns-space-xsmall); } .mr\:small { margin-right: var(--lns-space-small); } .mr\:medium { margin-right: var(--lns-space-medium); } .mr\:large { margin-right: var(--lns-space-large); } .mr\:xlarge { margin-right: var(--lns-space-xlarge); } .mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .mx\:0 { margin-left: 0px; margin-right: 0px; } .mx\:auto { margin-left: auto; margin-right: auto; } .mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .my\:0 { margin-top: 0px; margin-bottom: 0px; } .my\:auto { margin-top: auto; margin-bottom: auto; } .my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .p\:0 { padding: 0px; } .p\:xsmall { padding: var(--lns-space-xsmall); } .p\:small { padding: var(--lns-space-small); } .p\:medium { padding: var(--lns-space-medium); } .p\:large { padding: var(--lns-space-large); } .p\:xlarge { padding: var(--lns-space-xlarge); } .p\:xxlarge { padding: var(--lns-space-xxlarge); } .pt\:0 { padding-top: 0px; } .pt\:xsmall { padding-top: var(--lns-space-xsmall); } .pt\:small { padding-top: var(--lns-space-small); } .pt\:medium { padding-top: var(--lns-space-medium); } .pt\:large { padding-top: var(--lns-space-large); } .pt\:xlarge { padding-top: var(--lns-space-xlarge); } .pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .pb\:0 { padding-bottom: 0px; } .pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .pb\:small { padding-bottom: var(--lns-space-small); } .pb\:medium { padding-bottom: var(--lns-space-medium); } .pb\:large { padding-bottom: var(--lns-space-large); } .pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .pl\:0 { padding-left: 0px; } .pl\:xsmall { padding-left: var(--lns-space-xsmall); } .pl\:small { padding-left: var(--lns-space-small); } .pl\:medium { padding-left: var(--lns-space-medium); } .pl\:large { padding-left: var(--lns-space-large); } .pl\:xlarge { padding-left: var(--lns-space-xlarge); } .pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .pr\:0 { padding-right: 0px; } .pr\:xsmall { padding-right: var(--lns-space-xsmall); } .pr\:small { padding-right: var(--lns-space-small); } .pr\:medium { padding-right: var(--lns-space-medium); } .pr\:large { padding-right: var(--lns-space-large); } .pr\:xlarge { padding-right: var(--lns-space-xlarge); } .pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .px\:0 { padding-left: 0px; padding-right: 0px; } .px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .py\:0 { padding-top: 0px; padding-bottom: 0px; } .py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .weight\:book { font-weight: var(--lns-fontWeight-book); } .weight\:regular { font-weight: var(--lns-fontWeight-regular); } .weight\:medium { font-weight: var(--lns-fontWeight-medium); } .weight\:bold { font-weight: var(--lns-fontWeight-bold); } .text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .text\:left { text-align: left; } .text\:right { text-align: right; } .text\:center { text-align: center; } .border { border: 1px solid var(--lns-color-border); } .borderTop { border-top: 1px solid var(--lns-color-border); } .borderBottom { border-bottom: 1px solid var(--lns-color-border); } .borderLeft { border-left: 1px solid var(--lns-color-border); } .borderRight { border-right: 1px solid var(--lns-color-border); } .inline { display: inline; } .block { display: block; } .flex { display: flex; } .inlineBlock { display: inline-block; } .inlineFlex { display: inline-flex; } .none { display: none; } .flexWrap { flex-wrap: wrap; } .flexDirection\:column { flex-direction: column; } .flexDirection\:row { flex-direction: row; } .items\:stretch { -webkit-box-align: stretch; align-items: stretch; } .items\:center { -webkit-box-align: center; align-items: center; } .items\:baseline { -webkit-box-align: baseline; align-items: baseline; } .items\:flexStart { align-items: flex-start; } .items\:flexEnd { align-items: flex-end; } .items\:selfStart { align-items: self-start; } .items\:selfEnd { align-items: self-end; } .justify\:flexStart { -webkit-box-pack: start; justify-content: flex-start; } .justify\:flexEnd { -webkit-box-pack: end; justify-content: flex-end; } .justify\:center { -webkit-box-pack: center; justify-content: center; } .justify\:spaceBetween { -webkit-box-pack: justify; justify-content: space-between; } .justify\:spaceAround { justify-content: space-around; } .justify\:spaceEvenly { justify-content: space-evenly; } .grow\:0 { -webkit-box-flex: 0; flex-grow: 0; } .grow\:1 { -webkit-box-flex: 1; flex-grow: 1; } .shrink\:0 { flex-shrink: 0; } .shrink\:1 { flex-shrink: 1; } .self\:auto { align-self: auto; } .self\:flexStart { align-self: flex-start; } .self\:flexEnd { align-self: flex-end; } .self\:center { align-self: center; } .self\:baseline { align-self: baseline; } .self\:stretch { align-self: stretch; } .overflow\:hidden { overflow: hidden; } .overflow\:auto { overflow: auto; } .relative { position: relative; } .absolute { position: absolute; } .sticky { position: sticky; } .fixed { position: fixed; } .top\:0 { top: 0px; } .top\:auto { top: auto; } .top\:xsmall { top: var(--lns-space-xsmall); } .top\:small { top: var(--lns-space-small); } .top\:medium { top: var(--lns-space-medium); } .top\:large { top: var(--lns-space-large); } .top\:xlarge { top: var(--lns-space-xlarge); } .top\:xxlarge { top: var(--lns-space-xxlarge); } .bottom\:0 { bottom: 0px; } .bottom\:auto { bottom: auto; } .bottom\:xsmall { bottom: var(--lns-space-xsmall); } .bottom\:small { bottom: var(--lns-space-small); } .bottom\:medium { bottom: var(--lns-space-medium); } .bottom\:large { bottom: var(--lns-space-large); } .bottom\:xlarge { bottom: var(--lns-space-xlarge); } .bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .left\:0 { left: 0px; } .left\:auto { left: auto; } .left\:xsmall { left: var(--lns-space-xsmall); } .left\:small { left: var(--lns-space-small); } .left\:medium { left: var(--lns-space-medium); } .left\:large { left: var(--lns-space-large); } .left\:xlarge { left: var(--lns-space-xlarge); } .left\:xxlarge { left: var(--lns-space-xxlarge); } .right\:0 { right: 0px; } .right\:auto { right: auto; } .right\:xsmall { right: var(--lns-space-xsmall); } .right\:small { right: var(--lns-space-small); } .right\:medium { right: var(--lns-space-medium); } .right\:large { right: var(--lns-space-large); } .right\:xlarge { right: var(--lns-space-xlarge); } .right\:xxlarge { right: var(--lns-space-xxlarge); } .width\:auto { width: auto; } .width\:full { width: 100%; } .width\:0 { width: 0px; } .minWidth\:0 { min-width: 0px; } .height\:auto { height: auto; } .height\:full { height: 100%; } .height\:0 { height: 0px; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } @media (min-width: 31em) { .xs-c\:red { color: var(--lns-color-red); } .xs-c\:blurpleLight { color: var(--lns-color-blurpleLight); } .xs-c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .xs-c\:blurple { color: var(--lns-color-blurple); } .xs-c\:blurpleDark { color: var(--lns-color-blurpleDark); } .xs-c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .xs-c\:offWhite { color: var(--lns-color-offWhite); } .xs-c\:blueLight { color: var(--lns-color-blueLight); } .xs-c\:blue { color: var(--lns-color-blue); } .xs-c\:blueDark { color: var(--lns-color-blueDark); } .xs-c\:orangeLight { color: var(--lns-color-orangeLight); } .xs-c\:orange { color: var(--lns-color-orange); } .xs-c\:orangeDark { color: var(--lns-color-orangeDark); } .xs-c\:tealLight { color: var(--lns-color-tealLight); } .xs-c\:teal { color: var(--lns-color-teal); } .xs-c\:tealDark { color: var(--lns-color-tealDark); } .xs-c\:yellowLight { color: var(--lns-color-yellowLight); } .xs-c\:yellow { color: var(--lns-color-yellow); } .xs-c\:yellowDark { color: var(--lns-color-yellowDark); } .xs-c\:grey8 { color: var(--lns-color-grey8); } .xs-c\:grey7 { color: var(--lns-color-grey7); } .xs-c\:grey6 { color: var(--lns-color-grey6); } .xs-c\:grey5 { color: var(--lns-color-grey5); } .xs-c\:grey4 { color: var(--lns-color-grey4); } .xs-c\:grey3 { color: var(--lns-color-grey3); } .xs-c\:grey2 { color: var(--lns-color-grey2); } .xs-c\:grey1 { color: var(--lns-color-grey1); } .xs-c\:white { color: var(--lns-color-white); } .xs-c\:primary { color: var(--lns-color-primary); } .xs-c\:primaryHover { color: var(--lns-color-primaryHover); } .xs-c\:primaryActive { color: var(--lns-color-primaryActive); } .xs-c\:body { color: var(--lns-color-body); } .xs-c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .xs-c\:bodyInverse { color: var(--lns-color-bodyInverse); } .xs-c\:background { color: var(--lns-color-background); } .xs-c\:backgroundHover { color: var(--lns-color-backgroundHover); } .xs-c\:backgroundActive { color: var(--lns-color-backgroundActive); } .xs-c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .xs-c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .xs-c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .xs-c\:overlay { color: var(--lns-color-overlay); } .xs-c\:border { color: var(--lns-color-border); } .xs-c\:focusRing { color: var(--lns-color-focusRing); } .xs-c\:record { color: var(--lns-color-record); } .xs-c\:recordHover { color: var(--lns-color-recordHover); } .xs-c\:recordActive { color: var(--lns-color-recordActive); } .xs-c\:info { color: var(--lns-color-info); } .xs-c\:success { color: var(--lns-color-success); } .xs-c\:warning { color: var(--lns-color-warning); } .xs-c\:danger { color: var(--lns-color-danger); } .xs-c\:dangerHover { color: var(--lns-color-dangerHover); } .xs-c\:dangerActive { color: var(--lns-color-dangerActive); } .xs-c\:backdrop { color: var(--lns-color-backdrop); } .xs-c\:backdropDark { color: var(--lns-color-backdropDark); } .xs-c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .xs-c\:disabledContent { color: var(--lns-color-disabledContent); } .xs-c\:highlight { color: var(--lns-color-highlight); } .xs-c\:disabledBackground { color: var(--lns-color-disabledBackground); } .xs-c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .xs-c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .xs-c\:buttonBorder { color: var(--lns-color-buttonBorder); } .xs-c\:upgrade { color: var(--lns-color-upgrade); } .xs-c\:upgradeHover { color: var(--lns-color-upgradeHover); } .xs-c\:upgradeActive { color: var(--lns-color-upgradeActive); } .xs-c\:tabBackground { color: var(--lns-color-tabBackground); } .xs-c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .xs-c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .xs-c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .xs-c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .xs-shadow\:small { box-shadow: var(--lns-shadow-small); } .xs-shadow\:medium { box-shadow: var(--lns-shadow-medium); } .xs-shadow\:large { box-shadow: var(--lns-shadow-large); } .xs-radius\:50 { border-radius: var(--lns-radius-50); } .xs-radius\:100 { border-radius: var(--lns-radius-100); } .xs-radius\:150 { border-radius: var(--lns-radius-150); } .xs-radius\:175 { border-radius: var(--lns-radius-175); } .xs-radius\:200 { border-radius: var(--lns-radius-200); } .xs-radius\:250 { border-radius: var(--lns-radius-250); } .xs-radius\:300 { border-radius: var(--lns-radius-300); } .xs-radius\:none { border-radius: var(--lns-radius-none); } .xs-radius\:medium { border-radius: var(--lns-radius-medium); } .xs-radius\:large { border-radius: var(--lns-radius-large); } .xs-radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .xs-radius\:round { border-radius: var(--lns-radius-round); } .xs-radius\:full { border-radius: var(--lns-radius-full); } .xs-bgc\:red { background-color: var(--lns-color-red); } .xs-bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .xs-bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .xs-bgc\:blurple { background-color: var(--lns-color-blurple); } .xs-bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .xs-bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .xs-bgc\:offWhite { background-color: var(--lns-color-offWhite); } .xs-bgc\:blueLight { background-color: var(--lns-color-blueLight); } .xs-bgc\:blue { background-color: var(--lns-color-blue); } .xs-bgc\:blueDark { background-color: var(--lns-color-blueDark); } .xs-bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .xs-bgc\:orange { background-color: var(--lns-color-orange); } .xs-bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .xs-bgc\:tealLight { background-color: var(--lns-color-tealLight); } .xs-bgc\:teal { background-color: var(--lns-color-teal); } .xs-bgc\:tealDark { background-color: var(--lns-color-tealDark); } .xs-bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .xs-bgc\:yellow { background-color: var(--lns-color-yellow); } .xs-bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .xs-bgc\:grey8 { background-color: var(--lns-color-grey8); } .xs-bgc\:grey7 { background-color: var(--lns-color-grey7); } .xs-bgc\:grey6 { background-color: var(--lns-color-grey6); } .xs-bgc\:grey5 { background-color: var(--lns-color-grey5); } .xs-bgc\:grey4 { background-color: var(--lns-color-grey4); } .xs-bgc\:grey3 { background-color: var(--lns-color-grey3); } .xs-bgc\:grey2 { background-color: var(--lns-color-grey2); } .xs-bgc\:grey1 { background-color: var(--lns-color-grey1); } .xs-bgc\:white { background-color: var(--lns-color-white); } .xs-bgc\:primary { background-color: var(--lns-color-primary); } .xs-bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .xs-bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .xs-bgc\:body { background-color: var(--lns-color-body); } .xs-bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .xs-bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .xs-bgc\:background { background-color: var(--lns-color-background); } .xs-bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .xs-bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .xs-bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .xs-bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .xs-bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .xs-bgc\:overlay { background-color: var(--lns-color-overlay); } .xs-bgc\:border { background-color: var(--lns-color-border); } .xs-bgc\:focusRing { background-color: var(--lns-color-focusRing); } .xs-bgc\:record { background-color: var(--lns-color-record); } .xs-bgc\:recordHover { background-color: var(--lns-color-recordHover); } .xs-bgc\:recordActive { background-color: var(--lns-color-recordActive); } .xs-bgc\:info { background-color: var(--lns-color-info); } .xs-bgc\:success { background-color: var(--lns-color-success); } .xs-bgc\:warning { background-color: var(--lns-color-warning); } .xs-bgc\:danger { background-color: var(--lns-color-danger); } .xs-bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .xs-bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .xs-bgc\:backdrop { background-color: var(--lns-color-backdrop); } .xs-bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .xs-bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .xs-bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .xs-bgc\:highlight { background-color: var(--lns-color-highlight); } .xs-bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .xs-bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .xs-bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .xs-bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .xs-bgc\:upgrade { background-color: var(--lns-color-upgrade); } .xs-bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .xs-bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .xs-bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .xs-bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .xs-bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .xs-bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .xs-bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .xs-m\:0 { margin: 0px; } .xs-m\:auto { margin: auto; } .xs-m\:xsmall { margin: var(--lns-space-xsmall); } .xs-m\:small { margin: var(--lns-space-small); } .xs-m\:medium { margin: var(--lns-space-medium); } .xs-m\:large { margin: var(--lns-space-large); } .xs-m\:xlarge { margin: var(--lns-space-xlarge); } .xs-m\:xxlarge { margin: var(--lns-space-xxlarge); } .xs-mt\:0 { margin-top: 0px; } .xs-mt\:auto { margin-top: auto; } .xs-mt\:xsmall { margin-top: var(--lns-space-xsmall); } .xs-mt\:small { margin-top: var(--lns-space-small); } .xs-mt\:medium { margin-top: var(--lns-space-medium); } .xs-mt\:large { margin-top: var(--lns-space-large); } .xs-mt\:xlarge { margin-top: var(--lns-space-xlarge); } .xs-mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .xs-mb\:0 { margin-bottom: 0px; } .xs-mb\:auto { margin-bottom: auto; } .xs-mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .xs-mb\:small { margin-bottom: var(--lns-space-small); } .xs-mb\:medium { margin-bottom: var(--lns-space-medium); } .xs-mb\:large { margin-bottom: var(--lns-space-large); } .xs-mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .xs-mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .xs-ml\:0 { margin-left: 0px; } .xs-ml\:auto { margin-left: auto; } .xs-ml\:xsmall { margin-left: var(--lns-space-xsmall); } .xs-ml\:small { margin-left: var(--lns-space-small); } .xs-ml\:medium { margin-left: var(--lns-space-medium); } .xs-ml\:large { margin-left: var(--lns-space-large); } .xs-ml\:xlarge { margin-left: var(--lns-space-xlarge); } .xs-ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .xs-mr\:0 { margin-right: 0px; } .xs-mr\:auto { margin-right: auto; } .xs-mr\:xsmall { margin-right: var(--lns-space-xsmall); } .xs-mr\:small { margin-right: var(--lns-space-small); } .xs-mr\:medium { margin-right: var(--lns-space-medium); } .xs-mr\:large { margin-right: var(--lns-space-large); } .xs-mr\:xlarge { margin-right: var(--lns-space-xlarge); } .xs-mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .xs-mx\:0 { margin-left: 0px; margin-right: 0px; } .xs-mx\:auto { margin-left: auto; margin-right: auto; } .xs-mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .xs-mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .xs-mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .xs-mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .xs-mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .xs-mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .xs-my\:0 { margin-top: 0px; margin-bottom: 0px; } .xs-my\:auto { margin-top: auto; margin-bottom: auto; } .xs-my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .xs-my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .xs-my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .xs-my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .xs-my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .xs-my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .xs-p\:0 { padding: 0px; } .xs-p\:xsmall { padding: var(--lns-space-xsmall); } .xs-p\:small { padding: var(--lns-space-small); } .xs-p\:medium { padding: var(--lns-space-medium); } .xs-p\:large { padding: var(--lns-space-large); } .xs-p\:xlarge { padding: var(--lns-space-xlarge); } .xs-p\:xxlarge { padding: var(--lns-space-xxlarge); } .xs-pt\:0 { padding-top: 0px; } .xs-pt\:xsmall { padding-top: var(--lns-space-xsmall); } .xs-pt\:small { padding-top: var(--lns-space-small); } .xs-pt\:medium { padding-top: var(--lns-space-medium); } .xs-pt\:large { padding-top: var(--lns-space-large); } .xs-pt\:xlarge { padding-top: var(--lns-space-xlarge); } .xs-pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .xs-pb\:0 { padding-bottom: 0px; } .xs-pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .xs-pb\:small { padding-bottom: var(--lns-space-small); } .xs-pb\:medium { padding-bottom: var(--lns-space-medium); } .xs-pb\:large { padding-bottom: var(--lns-space-large); } .xs-pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .xs-pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .xs-pl\:0 { padding-left: 0px; } .xs-pl\:xsmall { padding-left: var(--lns-space-xsmall); } .xs-pl\:small { padding-left: var(--lns-space-small); } .xs-pl\:medium { padding-left: var(--lns-space-medium); } .xs-pl\:large { padding-left: var(--lns-space-large); } .xs-pl\:xlarge { padding-left: var(--lns-space-xlarge); } .xs-pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .xs-pr\:0 { padding-right: 0px; } .xs-pr\:xsmall { padding-right: var(--lns-space-xsmall); } .xs-pr\:small { padding-right: var(--lns-space-small); } .xs-pr\:medium { padding-right: var(--lns-space-medium); } .xs-pr\:large { padding-right: var(--lns-space-large); } .xs-pr\:xlarge { padding-right: var(--lns-space-xlarge); } .xs-pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .xs-px\:0 { padding-left: 0px; padding-right: 0px; } .xs-px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .xs-px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .xs-px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .xs-px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .xs-px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .xs-px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .xs-py\:0 { padding-top: 0px; padding-bottom: 0px; } .xs-py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .xs-py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .xs-py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .xs-py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .xs-py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .xs-py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .xs-text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .xs-text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .xs-text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .xs-text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .xs-text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .xs-text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .xs-text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .xs-text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .xs-text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .xs-text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .xs-text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .xs-text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .xs-weight\:book { font-weight: var(--lns-fontWeight-book); } .xs-weight\:regular { font-weight: var(--lns-fontWeight-regular); } .xs-weight\:medium { font-weight: var(--lns-fontWeight-medium); } .xs-weight\:bold { font-weight: var(--lns-fontWeight-bold); } .xs-text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .xs-text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .xs-text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .xs-text\:left { text-align: left; } .xs-text\:right { text-align: right; } .xs-text\:center { text-align: center; } .xs-border { border: 1px solid var(--lns-color-border); } .xs-borderTop { border-top: 1px solid var(--lns-color-border); } .xs-borderBottom { border-bottom: 1px solid var(--lns-color-border); } .xs-borderLeft { border-left: 1px solid var(--lns-color-border); } .xs-borderRight { border-right: 1px solid var(--lns-color-border); } .xs-inline { display: inline; } .xs-block { display: block; } .xs-flex { display: flex; } .xs-inlineBlock { display: inline-block; } .xs-inlineFlex { display: inline-flex; } .xs-none { display: none; } .xs-flexWrap { flex-wrap: wrap; } .xs-flexDirection\:column { flex-direction: column; } .xs-flexDirection\:row { flex-direction: row; } .xs-items\:stretch { -webkit-box-align: stretch; align-items: stretch; } .xs-items\:center { -webkit-box-align: center; align-items: center; } .xs-items\:baseline { -webkit-box-align: baseline; align-items: baseline; } .xs-items\:flexStart { align-items: flex-start; } .xs-items\:flexEnd { align-items: flex-end; } .xs-items\:selfStart { align-items: self-start; } .xs-items\:selfEnd { align-items: self-end; } .xs-justify\:flexStart { -webkit-box-pack: start; justify-content: flex-start; } .xs-justify\:flexEnd { -webkit-box-pack: end; justify-content: flex-end; } .xs-justify\:center { -webkit-box-pack: center; justify-content: center; } .xs-justify\:spaceBetween { -webkit-box-pack: justify; justify-content: space-between; } .xs-justify\:spaceAround { justify-content: space-around; } .xs-justify\:spaceEvenly { justify-content: space-evenly; } .xs-grow\:0 { -webkit-box-flex: 0; flex-grow: 0; } .xs-grow\:1 { -webkit-box-flex: 1; flex-grow: 1; } .xs-shrink\:0 { flex-shrink: 0; } .xs-shrink\:1 { flex-shrink: 1; } .xs-self\:auto { align-self: auto; } .xs-self\:flexStart { align-self: flex-start; } .xs-self\:flexEnd { align-self: flex-end; } .xs-self\:center { align-self: center; } .xs-self\:baseline { align-self: baseline; } .xs-self\:stretch { align-self: stretch; } .xs-overflow\:hidden { overflow: hidden; } .xs-overflow\:auto { overflow: auto; } .xs-relative { position: relative; } .xs-absolute { position: absolute; } .xs-sticky { position: sticky; } .xs-fixed { position: fixed; } .xs-top\:0 { top: 0px; } .xs-top\:auto { top: auto; } .xs-top\:xsmall { top: var(--lns-space-xsmall); } .xs-top\:small { top: var(--lns-space-small); } .xs-top\:medium { top: var(--lns-space-medium); } .xs-top\:large { top: var(--lns-space-large); } .xs-top\:xlarge { top: var(--lns-space-xlarge); } .xs-top\:xxlarge { top: var(--lns-space-xxlarge); } .xs-bottom\:0 { bottom: 0px; } .xs-bottom\:auto { bottom: auto; } .xs-bottom\:xsmall { bottom: var(--lns-space-xsmall); } .xs-bottom\:small { bottom: var(--lns-space-small); } .xs-bottom\:medium { bottom: var(--lns-space-medium); } .xs-bottom\:large { bottom: var(--lns-space-large); } .xs-bottom\:xlarge { bottom: var(--lns-space-xlarge); } .xs-bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .xs-left\:0 { left: 0px; } .xs-left\:auto { left: auto; } .xs-left\:xsmall { left: var(--lns-space-xsmall); } .xs-left\:small { left: var(--lns-space-small); } .xs-left\:medium { left: var(--lns-space-medium); } .xs-left\:large { left: var(--lns-space-large); } .xs-left\:xlarge { left: var(--lns-space-xlarge); } .xs-left\:xxlarge { left: var(--lns-space-xxlarge); } .xs-right\:0 { right: 0px; } .xs-right\:auto { right: auto; } .xs-right\:xsmall { right: var(--lns-space-xsmall); } .xs-right\:small { right: var(--lns-space-small); } .xs-right\:medium { right: var(--lns-space-medium); } .xs-right\:large { right: var(--lns-space-large); } .xs-right\:xlarge { right: var(--lns-space-xlarge); } .xs-right\:xxlarge { right: var(--lns-space-xxlarge); } .xs-width\:auto { width: auto; } .xs-width\:full { width: 100%; } .xs-width\:0 { width: 0px; } .xs-minWidth\:0 { min-width: 0px; } .xs-height\:auto { height: auto; } .xs-height\:full { height: 100%; } .xs-height\:0 { height: 0px; } .xs-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xs-srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } } @media (min-width: 48em) { .sm-c\:red { color: var(--lns-color-red); } .sm-c\:blurpleLight { color: var(--lns-color-blurpleLight); } .sm-c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .sm-c\:blurple { color: var(--lns-color-blurple); } .sm-c\:blurpleDark { color: var(--lns-color-blurpleDark); } .sm-c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .sm-c\:offWhite { color: var(--lns-color-offWhite); } .sm-c\:blueLight { color: var(--lns-color-blueLight); } .sm-c\:blue { color: var(--lns-color-blue); } .sm-c\:blueDark { color: var(--lns-color-blueDark); } .sm-c\:orangeLight { color: var(--lns-color-orangeLight); } .sm-c\:orange { color: var(--lns-color-orange); } .sm-c\:orangeDark { color: var(--lns-color-orangeDark); } .sm-c\:tealLight { color: var(--lns-color-tealLight); } .sm-c\:teal { color: var(--lns-color-teal); } .sm-c\:tealDark { color: var(--lns-color-tealDark); } .sm-c\:yellowLight { color: var(--lns-color-yellowLight); } .sm-c\:yellow { color: var(--lns-color-yellow); } .sm-c\:yellowDark { color: var(--lns-color-yellowDark); } .sm-c\:grey8 { color: var(--lns-color-grey8); } .sm-c\:grey7 { color: var(--lns-color-grey7); } .sm-c\:grey6 { color: var(--lns-color-grey6); } .sm-c\:grey5 { color: var(--lns-color-grey5); } .sm-c\:grey4 { color: var(--lns-color-grey4); } .sm-c\:grey3 { color: var(--lns-color-grey3); } .sm-c\:grey2 { color: var(--lns-color-grey2); } .sm-c\:grey1 { color: var(--lns-color-grey1); } .sm-c\:white { color: var(--lns-color-white); } .sm-c\:primary { color: var(--lns-color-primary); } .sm-c\:primaryHover { color: var(--lns-color-primaryHover); } .sm-c\:primaryActive { color: var(--lns-color-primaryActive); } .sm-c\:body { color: var(--lns-color-body); } .sm-c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .sm-c\:bodyInverse { color: var(--lns-color-bodyInverse); } .sm-c\:background { color: var(--lns-color-background); } .sm-c\:backgroundHover { color: var(--lns-color-backgroundHover); } .sm-c\:backgroundActive { color: var(--lns-color-backgroundActive); } .sm-c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .sm-c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .sm-c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .sm-c\:overlay { color: var(--lns-color-overlay); } .sm-c\:border { color: var(--lns-color-border); } .sm-c\:focusRing { color: var(--lns-color-focusRing); } .sm-c\:record { color: var(--lns-color-record); } .sm-c\:recordHover { color: var(--lns-color-recordHover); } .sm-c\:recordActive { color: var(--lns-color-recordActive); } .sm-c\:info { color: var(--lns-color-info); } .sm-c\:success { color: var(--lns-color-success); } .sm-c\:warning { color: var(--lns-color-warning); } .sm-c\:danger { color: var(--lns-color-danger); } .sm-c\:dangerHover { color: var(--lns-color-dangerHover); } .sm-c\:dangerActive { color: var(--lns-color-dangerActive); } .sm-c\:backdrop { color: var(--lns-color-backdrop); } .sm-c\:backdropDark { color: var(--lns-color-backdropDark); } .sm-c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .sm-c\:disabledContent { color: var(--lns-color-disabledContent); } .sm-c\:highlight { color: var(--lns-color-highlight); } .sm-c\:disabledBackground { color: var(--lns-color-disabledBackground); } .sm-c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .sm-c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .sm-c\:buttonBorder { color: var(--lns-color-buttonBorder); } .sm-c\:upgrade { color: var(--lns-color-upgrade); } .sm-c\:upgradeHover { color: var(--lns-color-upgradeHover); } .sm-c\:upgradeActive { color: var(--lns-color-upgradeActive); } .sm-c\:tabBackground { color: var(--lns-color-tabBackground); } .sm-c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .sm-c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .sm-c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .sm-c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .sm-shadow\:small { box-shadow: var(--lns-shadow-small); } .sm-shadow\:medium { box-shadow: var(--lns-shadow-medium); } .sm-shadow\:large { box-shadow: var(--lns-shadow-large); } .sm-radius\:50 { border-radius: var(--lns-radius-50); } .sm-radius\:100 { border-radius: var(--lns-radius-100); } .sm-radius\:150 { border-radius: var(--lns-radius-150); } .sm-radius\:175 { border-radius: var(--lns-radius-175); } .sm-radius\:200 { border-radius: var(--lns-radius-200); } .sm-radius\:250 { border-radius: var(--lns-radius-250); } .sm-radius\:300 { border-radius: var(--lns-radius-300); } .sm-radius\:none { border-radius: var(--lns-radius-none); } .sm-radius\:medium { border-radius: var(--lns-radius-medium); } .sm-radius\:large { border-radius: var(--lns-radius-large); } .sm-radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .sm-radius\:round { border-radius: var(--lns-radius-round); } .sm-radius\:full { border-radius: var(--lns-radius-full); } .sm-bgc\:red { background-color: var(--lns-color-red); } .sm-bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .sm-bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .sm-bgc\:blurple { background-color: var(--lns-color-blurple); } .sm-bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .sm-bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .sm-bgc\:offWhite { background-color: var(--lns-color-offWhite); } .sm-bgc\:blueLight { background-color: var(--lns-color-blueLight); } .sm-bgc\:blue { background-color: var(--lns-color-blue); } .sm-bgc\:blueDark { background-color: var(--lns-color-blueDark); } .sm-bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .sm-bgc\:orange { background-color: var(--lns-color-orange); } .sm-bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .sm-bgc\:tealLight { background-color: var(--lns-color-tealLight); } .sm-bgc\:teal { background-color: var(--lns-color-teal); } .sm-bgc\:tealDark { background-color: var(--lns-color-tealDark); } .sm-bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .sm-bgc\:yellow { background-color: var(--lns-color-yellow); } .sm-bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .sm-bgc\:grey8 { background-color: var(--lns-color-grey8); } .sm-bgc\:grey7 { background-color: var(--lns-color-grey7); } .sm-bgc\:grey6 { background-color: var(--lns-color-grey6); } .sm-bgc\:grey5 { background-color: var(--lns-color-grey5); } .sm-bgc\:grey4 { background-color: var(--lns-color-grey4); } .sm-bgc\:grey3 { background-color: var(--lns-color-grey3); } .sm-bgc\:grey2 { background-color: var(--lns-color-grey2); } .sm-bgc\:grey1 { background-color: var(--lns-color-grey1); } .sm-bgc\:white { background-color: var(--lns-color-white); } .sm-bgc\:primary { background-color: var(--lns-color-primary); } .sm-bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .sm-bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .sm-bgc\:body { background-color: var(--lns-color-body); } .sm-bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .sm-bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .sm-bgc\:background { background-color: var(--lns-color-background); } .sm-bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .sm-bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .sm-bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .sm-bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .sm-bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .sm-bgc\:overlay { background-color: var(--lns-color-overlay); } .sm-bgc\:border { background-color: var(--lns-color-border); } .sm-bgc\:focusRing { background-color: var(--lns-color-focusRing); } .sm-bgc\:record { background-color: var(--lns-color-record); } .sm-bgc\:recordHover { background-color: var(--lns-color-recordHover); } .sm-bgc\:recordActive { background-color: var(--lns-color-recordActive); } .sm-bgc\:info { background-color: var(--lns-color-info); } .sm-bgc\:success { background-color: var(--lns-color-success); } .sm-bgc\:warning { background-color: var(--lns-color-warning); } .sm-bgc\:danger { background-color: var(--lns-color-danger); } .sm-bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .sm-bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .sm-bgc\:backdrop { background-color: var(--lns-color-backdrop); } .sm-bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .sm-bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .sm-bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .sm-bgc\:highlight { background-color: var(--lns-color-highlight); } .sm-bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .sm-bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .sm-bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .sm-bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .sm-bgc\:upgrade { background-color: var(--lns-color-upgrade); } .sm-bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .sm-bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .sm-bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .sm-bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .sm-bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .sm-bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .sm-bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .sm-m\:0 { margin: 0px; } .sm-m\:auto { margin: auto; } .sm-m\:xsmall { margin: var(--lns-space-xsmall); } .sm-m\:small { margin: var(--lns-space-small); } .sm-m\:medium { margin: var(--lns-space-medium); } .sm-m\:large { margin: var(--lns-space-large); } .sm-m\:xlarge { margin: var(--lns-space-xlarge); } .sm-m\:xxlarge { margin: var(--lns-space-xxlarge); } .sm-mt\:0 { margin-top: 0px; } .sm-mt\:auto { margin-top: auto; } .sm-mt\:xsmall { margin-top: var(--lns-space-xsmall); } .sm-mt\:small { margin-top: var(--lns-space-small); } .sm-mt\:medium { margin-top: var(--lns-space-medium); } .sm-mt\:large { margin-top: var(--lns-space-large); } .sm-mt\:xlarge { margin-top: var(--lns-space-xlarge); } .sm-mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .sm-mb\:0 { margin-bottom: 0px; } .sm-mb\:auto { margin-bottom: auto; } .sm-mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .sm-mb\:small { margin-bottom: var(--lns-space-small); } .sm-mb\:medium { margin-bottom: var(--lns-space-medium); } .sm-mb\:large { margin-bottom: var(--lns-space-large); } .sm-mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .sm-mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .sm-ml\:0 { margin-left: 0px; } .sm-ml\:auto { margin-left: auto; } .sm-ml\:xsmall { margin-left: var(--lns-space-xsmall); } .sm-ml\:small { margin-left: var(--lns-space-small); } .sm-ml\:medium { margin-left: var(--lns-space-medium); } .sm-ml\:large { margin-left: var(--lns-space-large); } .sm-ml\:xlarge { margin-left: var(--lns-space-xlarge); } .sm-ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .sm-mr\:0 { margin-right: 0px; } .sm-mr\:auto { margin-right: auto; } .sm-mr\:xsmall { margin-right: var(--lns-space-xsmall); } .sm-mr\:small { margin-right: var(--lns-space-small); } .sm-mr\:medium { margin-right: var(--lns-space-medium); } .sm-mr\:large { margin-right: var(--lns-space-large); } .sm-mr\:xlarge { margin-right: var(--lns-space-xlarge); } .sm-mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .sm-mx\:0 { margin-left: 0px; margin-right: 0px; } .sm-mx\:auto { margin-left: auto; margin-right: auto; } .sm-mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .sm-mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .sm-mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .sm-mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .sm-mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .sm-mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .sm-my\:0 { margin-top: 0px; margin-bottom: 0px; } .sm-my\:auto { margin-top: auto; margin-bottom: auto; } .sm-my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .sm-my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .sm-my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .sm-my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .sm-my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .sm-my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .sm-p\:0 { padding: 0px; } .sm-p\:xsmall { padding: var(--lns-space-xsmall); } .sm-p\:small { padding: var(--lns-space-small); } .sm-p\:medium { padding: var(--lns-space-medium); } .sm-p\:large { padding: var(--lns-space-large); } .sm-p\:xlarge { padding: var(--lns-space-xlarge); } .sm-p\:xxlarge { padding: var(--lns-space-xxlarge); } .sm-pt\:0 { padding-top: 0px; } .sm-pt\:xsmall { padding-top: var(--lns-space-xsmall); } .sm-pt\:small { padding-top: var(--lns-space-small); } .sm-pt\:medium { padding-top: var(--lns-space-medium); } .sm-pt\:large { padding-top: var(--lns-space-large); } .sm-pt\:xlarge { padding-top: var(--lns-space-xlarge); } .sm-pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .sm-pb\:0 { padding-bottom: 0px; } .sm-pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .sm-pb\:small { padding-bottom: var(--lns-space-small); } .sm-pb\:medium { padding-bottom: var(--lns-space-medium); } .sm-pb\:large { padding-bottom: var(--lns-space-large); } .sm-pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .sm-pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .sm-pl\:0 { padding-left: 0px; } .sm-pl\:xsmall { padding-left: var(--lns-space-xsmall); } .sm-pl\:small { padding-left: var(--lns-space-small); } .sm-pl\:medium { padding-left: var(--lns-space-medium); } .sm-pl\:large { padding-left: var(--lns-space-large); } .sm-pl\:xlarge { padding-left: var(--lns-space-xlarge); } .sm-pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .sm-pr\:0 { padding-right: 0px; } .sm-pr\:xsmall { padding-right: var(--lns-space-xsmall); } .sm-pr\:small { padding-right: var(--lns-space-small); } .sm-pr\:medium { padding-right: var(--lns-space-medium); } .sm-pr\:large { padding-right: var(--lns-space-large); } .sm-pr\:xlarge { padding-right: var(--lns-space-xlarge); } .sm-pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .sm-px\:0 { padding-left: 0px; padding-right: 0px; } .sm-px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .sm-px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .sm-px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .sm-px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .sm-px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .sm-px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .sm-py\:0 { padding-top: 0px; padding-bottom: 0px; } .sm-py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .sm-py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .sm-py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .sm-py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .sm-py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .sm-py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .sm-text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .sm-text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .sm-text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .sm-text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .sm-text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .sm-text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .sm-text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .sm-text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .sm-text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .sm-text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .sm-text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .sm-text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .sm-weight\:book { font-weight: var(--lns-fontWeight-book); } .sm-weight\:regular { font-weight: var(--lns-fontWeight-regular); } .sm-weight\:medium { font-weight: var(--lns-fontWeight-medium); } .sm-weight\:bold { font-weight: var(--lns-fontWeight-bold); } .sm-text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .sm-text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .sm-text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .sm-text\:left { text-align: left; } .sm-text\:right { text-align: right; } .sm-text\:center { text-align: center; } .sm-border { border: 1px solid var(--lns-color-border); } .sm-borderTop { border-top: 1px solid var(--lns-color-border); } .sm-borderBottom { border-bottom: 1px solid var(--lns-color-border); } .sm-borderLeft { border-left: 1px solid var(--lns-color-border); } .sm-borderRight { border-right: 1px solid var(--lns-color-border); } .sm-inline { display: inline; } .sm-block { display: block; } .sm-flex { display: flex; } .sm-inlineBlock { display: inline-block; } .sm-inlineFlex { display: inline-flex; } .sm-none { display: none; } .sm-flexWrap { flex-wrap: wrap; } .sm-flexDirection\:column { flex-direction: column; } .sm-flexDirection\:row { flex-direction: row; } .sm-items\:stretch { -webkit-box-align: stretch; align-items: stretch; } .sm-items\:center { -webkit-box-align: center; align-items: center; } .sm-items\:baseline { -webkit-box-align: baseline; align-items: baseline; } .sm-items\:flexStart { align-items: flex-start; } .sm-items\:flexEnd { align-items: flex-end; } .sm-items\:selfStart { align-items: self-start; } .sm-items\:selfEnd { align-items: self-end; } .sm-justify\:flexStart { -webkit-box-pack: start; justify-content: flex-start; } .sm-justify\:flexEnd { -webkit-box-pack: end; justify-content: flex-end; } .sm-justify\:center { -webkit-box-pack: center; justify-content: center; } .sm-justify\:spaceBetween { -webkit-box-pack: justify; justify-content: space-between; } .sm-justify\:spaceAround { justify-content: space-around; } .sm-justify\:spaceEvenly { justify-content: space-evenly; } .sm-grow\:0 { -webkit-box-flex: 0; flex-grow: 0; } .sm-grow\:1 { -webkit-box-flex: 1; flex-grow: 1; } .sm-shrink\:0 { flex-shrink: 0; } .sm-shrink\:1 { flex-shrink: 1; } .sm-self\:auto { align-self: auto; } .sm-self\:flexStart { align-self: flex-start; } .sm-self\:flexEnd { align-self: flex-end; } .sm-self\:center { align-self: center; } .sm-self\:baseline { align-self: baseline; } .sm-self\:stretch { align-self: stretch; } .sm-overflow\:hidden { overflow: hidden; } .sm-overflow\:auto { overflow: auto; } .sm-relative { position: relative; } .sm-absolute { position: absolute; } .sm-sticky { position: sticky; } .sm-fixed { position: fixed; } .sm-top\:0 { top: 0px; } .sm-top\:auto { top: auto; } .sm-top\:xsmall { top: var(--lns-space-xsmall); } .sm-top\:small { top: var(--lns-space-small); } .sm-top\:medium { top: var(--lns-space-medium); } .sm-top\:large { top: var(--lns-space-large); } .sm-top\:xlarge { top: var(--lns-space-xlarge); } .sm-top\:xxlarge { top: var(--lns-space-xxlarge); } .sm-bottom\:0 { bottom: 0px; } .sm-bottom\:auto { bottom: auto; } .sm-bottom\:xsmall { bottom: var(--lns-space-xsmall); } .sm-bottom\:small { bottom: var(--lns-space-small); } .sm-bottom\:medium { bottom: var(--lns-space-medium); } .sm-bottom\:large { bottom: var(--lns-space-large); } .sm-bottom\:xlarge { bottom: var(--lns-space-xlarge); } .sm-bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .sm-left\:0 { left: 0px; } .sm-left\:auto { left: auto; } .sm-left\:xsmall { left: var(--lns-space-xsmall); } .sm-left\:small { left: var(--lns-space-small); } .sm-left\:medium { left: var(--lns-space-medium); } .sm-left\:large { left: var(--lns-space-large); } .sm-left\:xlarge { left: var(--lns-space-xlarge); } .sm-left\:xxlarge { left: var(--lns-space-xxlarge); } .sm-right\:0 { right: 0px; } .sm-right\:auto { right: auto; } .sm-right\:xsmall { right: var(--lns-space-xsmall); } .sm-right\:small { right: var(--lns-space-small); } .sm-right\:medium { right: var(--lns-space-medium); } .sm-right\:large { right: var(--lns-space-large); } .sm-right\:xlarge { right: var(--lns-space-xlarge); } .sm-right\:xxlarge { right: var(--lns-space-xxlarge); } .sm-width\:auto { width: auto; } .sm-width\:full { width: 100%; } .sm-width\:0 { width: 0px; } .sm-minWidth\:0 { min-width: 0px; } .sm-height\:auto { height: auto; } .sm-height\:full { height: 100%; } .sm-height\:0 { height: 0px; } .sm-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sm-srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } } @media (min-width: 64em) { .md-c\:red { color: var(--lns-color-red); } .md-c\:blurpleLight { color: var(--lns-color-blurpleLight); } .md-c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .md-c\:blurple { color: var(--lns-color-blurple); } .md-c\:blurpleDark { color: var(--lns-color-blurpleDark); } .md-c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .md-c\:offWhite { color: var(--lns-color-offWhite); } .md-c\:blueLight { color: var(--lns-color-blueLight); } .md-c\:blue { color: var(--lns-color-blue); } .md-c\:blueDark { color: var(--lns-color-blueDark); } .md-c\:orangeLight { color: var(--lns-color-orangeLight); } .md-c\:orange { color: var(--lns-color-orange); } .md-c\:orangeDark { color: var(--lns-color-orangeDark); } .md-c\:tealLight { color: var(--lns-color-tealLight); } .md-c\:teal { color: var(--lns-color-teal); } .md-c\:tealDark { color: var(--lns-color-tealDark); } .md-c\:yellowLight { color: var(--lns-color-yellowLight); } .md-c\:yellow { color: var(--lns-color-yellow); } .md-c\:yellowDark { color: var(--lns-color-yellowDark); } .md-c\:grey8 { color: var(--lns-color-grey8); } .md-c\:grey7 { color: var(--lns-color-grey7); } .md-c\:grey6 { color: var(--lns-color-grey6); } .md-c\:grey5 { color: var(--lns-color-grey5); } .md-c\:grey4 { color: var(--lns-color-grey4); } .md-c\:grey3 { color: var(--lns-color-grey3); } .md-c\:grey2 { color: var(--lns-color-grey2); } .md-c\:grey1 { color: var(--lns-color-grey1); } .md-c\:white { color: var(--lns-color-white); } .md-c\:primary { color: var(--lns-color-primary); } .md-c\:primaryHover { color: var(--lns-color-primaryHover); } .md-c\:primaryActive { color: var(--lns-color-primaryActive); } .md-c\:body { color: var(--lns-color-body); } .md-c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .md-c\:bodyInverse { color: var(--lns-color-bodyInverse); } .md-c\:background { color: var(--lns-color-background); } .md-c\:backgroundHover { color: var(--lns-color-backgroundHover); } .md-c\:backgroundActive { color: var(--lns-color-backgroundActive); } .md-c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .md-c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .md-c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .md-c\:overlay { color: var(--lns-color-overlay); } .md-c\:border { color: var(--lns-color-border); } .md-c\:focusRing { color: var(--lns-color-focusRing); } .md-c\:record { color: var(--lns-color-record); } .md-c\:recordHover { color: var(--lns-color-recordHover); } .md-c\:recordActive { color: var(--lns-color-recordActive); } .md-c\:info { color: var(--lns-color-info); } .md-c\:success { color: var(--lns-color-success); } .md-c\:warning { color: var(--lns-color-warning); } .md-c\:danger { color: var(--lns-color-danger); } .md-c\:dangerHover { color: var(--lns-color-dangerHover); } .md-c\:dangerActive { color: var(--lns-color-dangerActive); } .md-c\:backdrop { color: var(--lns-color-backdrop); } .md-c\:backdropDark { color: var(--lns-color-backdropDark); } .md-c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .md-c\:disabledContent { color: var(--lns-color-disabledContent); } .md-c\:highlight { color: var(--lns-color-highlight); } .md-c\:disabledBackground { color: var(--lns-color-disabledBackground); } .md-c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .md-c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .md-c\:buttonBorder { color: var(--lns-color-buttonBorder); } .md-c\:upgrade { color: var(--lns-color-upgrade); } .md-c\:upgradeHover { color: var(--lns-color-upgradeHover); } .md-c\:upgradeActive { color: var(--lns-color-upgradeActive); } .md-c\:tabBackground { color: var(--lns-color-tabBackground); } .md-c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .md-c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .md-c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .md-c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .md-shadow\:small { box-shadow: var(--lns-shadow-small); } .md-shadow\:medium { box-shadow: var(--lns-shadow-medium); } .md-shadow\:large { box-shadow: var(--lns-shadow-large); } .md-radius\:50 { border-radius: var(--lns-radius-50); } .md-radius\:100 { border-radius: var(--lns-radius-100); } .md-radius\:150 { border-radius: var(--lns-radius-150); } .md-radius\:175 { border-radius: var(--lns-radius-175); } .md-radius\:200 { border-radius: var(--lns-radius-200); } .md-radius\:250 { border-radius: var(--lns-radius-250); } .md-radius\:300 { border-radius: var(--lns-radius-300); } .md-radius\:none { border-radius: var(--lns-radius-none); } .md-radius\:medium { border-radius: var(--lns-radius-medium); } .md-radius\:large { border-radius: var(--lns-radius-large); } .md-radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .md-radius\:round { border-radius: var(--lns-radius-round); } .md-radius\:full { border-radius: var(--lns-radius-full); } .md-bgc\:red { background-color: var(--lns-color-red); } .md-bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .md-bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .md-bgc\:blurple { background-color: var(--lns-color-blurple); } .md-bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .md-bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .md-bgc\:offWhite { background-color: var(--lns-color-offWhite); } .md-bgc\:blueLight { background-color: var(--lns-color-blueLight); } .md-bgc\:blue { background-color: var(--lns-color-blue); } .md-bgc\:blueDark { background-color: var(--lns-color-blueDark); } .md-bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .md-bgc\:orange { background-color: var(--lns-color-orange); } .md-bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .md-bgc\:tealLight { background-color: var(--lns-color-tealLight); } .md-bgc\:teal { background-color: var(--lns-color-teal); } .md-bgc\:tealDark { background-color: var(--lns-color-tealDark); } .md-bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .md-bgc\:yellow { background-color: var(--lns-color-yellow); } .md-bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .md-bgc\:grey8 { background-color: var(--lns-color-grey8); } .md-bgc\:grey7 { background-color: var(--lns-color-grey7); } .md-bgc\:grey6 { background-color: var(--lns-color-grey6); } .md-bgc\:grey5 { background-color: var(--lns-color-grey5); } .md-bgc\:grey4 { background-color: var(--lns-color-grey4); } .md-bgc\:grey3 { background-color: var(--lns-color-grey3); } .md-bgc\:grey2 { background-color: var(--lns-color-grey2); } .md-bgc\:grey1 { background-color: var(--lns-color-grey1); } .md-bgc\:white { background-color: var(--lns-color-white); } .md-bgc\:primary { background-color: var(--lns-color-primary); } .md-bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .md-bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .md-bgc\:body { background-color: var(--lns-color-body); } .md-bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .md-bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .md-bgc\:background { background-color: var(--lns-color-background); } .md-bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .md-bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .md-bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .md-bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .md-bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .md-bgc\:overlay { background-color: var(--lns-color-overlay); } .md-bgc\:border { background-color: var(--lns-color-border); } .md-bgc\:focusRing { background-color: var(--lns-color-focusRing); } .md-bgc\:record { background-color: var(--lns-color-record); } .md-bgc\:recordHover { background-color: var(--lns-color-recordHover); } .md-bgc\:recordActive { background-color: var(--lns-color-recordActive); } .md-bgc\:info { background-color: var(--lns-color-info); } .md-bgc\:success { background-color: var(--lns-color-success); } .md-bgc\:warning { background-color: var(--lns-color-warning); } .md-bgc\:danger { background-color: var(--lns-color-danger); } .md-bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .md-bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .md-bgc\:backdrop { background-color: var(--lns-color-backdrop); } .md-bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .md-bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .md-bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .md-bgc\:highlight { background-color: var(--lns-color-highlight); } .md-bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .md-bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .md-bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .md-bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .md-bgc\:upgrade { background-color: var(--lns-color-upgrade); } .md-bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .md-bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .md-bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .md-bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .md-bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .md-bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .md-bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .md-m\:0 { margin: 0px; } .md-m\:auto { margin: auto; } .md-m\:xsmall { margin: var(--lns-space-xsmall); } .md-m\:small { margin: var(--lns-space-small); } .md-m\:medium { margin: var(--lns-space-medium); } .md-m\:large { margin: var(--lns-space-large); } .md-m\:xlarge { margin: var(--lns-space-xlarge); } .md-m\:xxlarge { margin: var(--lns-space-xxlarge); } .md-mt\:0 { margin-top: 0px; } .md-mt\:auto { margin-top: auto; } .md-mt\:xsmall { margin-top: var(--lns-space-xsmall); } .md-mt\:small { margin-top: var(--lns-space-small); } .md-mt\:medium { margin-top: var(--lns-space-medium); } .md-mt\:large { margin-top: var(--lns-space-large); } .md-mt\:xlarge { margin-top: var(--lns-space-xlarge); } .md-mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .md-mb\:0 { margin-bottom: 0px; } .md-mb\:auto { margin-bottom: auto; } .md-mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .md-mb\:small { margin-bottom: var(--lns-space-small); } .md-mb\:medium { margin-bottom: var(--lns-space-medium); } .md-mb\:large { margin-bottom: var(--lns-space-large); } .md-mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .md-mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .md-ml\:0 { margin-left: 0px; } .md-ml\:auto { margin-left: auto; } .md-ml\:xsmall { margin-left: var(--lns-space-xsmall); } .md-ml\:small { margin-left: var(--lns-space-small); } .md-ml\:medium { margin-left: var(--lns-space-medium); } .md-ml\:large { margin-left: var(--lns-space-large); } .md-ml\:xlarge { margin-left: var(--lns-space-xlarge); } .md-ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .md-mr\:0 { margin-right: 0px; } .md-mr\:auto { margin-right: auto; } .md-mr\:xsmall { margin-right: var(--lns-space-xsmall); } .md-mr\:small { margin-right: var(--lns-space-small); } .md-mr\:medium { margin-right: var(--lns-space-medium); } .md-mr\:large { margin-right: var(--lns-space-large); } .md-mr\:xlarge { margin-right: var(--lns-space-xlarge); } .md-mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .md-mx\:0 { margin-left: 0px; margin-right: 0px; } .md-mx\:auto { margin-left: auto; margin-right: auto; } .md-mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .md-mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .md-mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .md-mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .md-mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .md-mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .md-my\:0 { margin-top: 0px; margin-bottom: 0px; } .md-my\:auto { margin-top: auto; margin-bottom: auto; } .md-my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .md-my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .md-my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .md-my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .md-my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .md-my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .md-p\:0 { padding: 0px; } .md-p\:xsmall { padding: var(--lns-space-xsmall); } .md-p\:small { padding: var(--lns-space-small); } .md-p\:medium { padding: var(--lns-space-medium); } .md-p\:large { padding: var(--lns-space-large); } .md-p\:xlarge { padding: var(--lns-space-xlarge); } .md-p\:xxlarge { padding: var(--lns-space-xxlarge); } .md-pt\:0 { padding-top: 0px; } .md-pt\:xsmall { padding-top: var(--lns-space-xsmall); } .md-pt\:small { padding-top: var(--lns-space-small); } .md-pt\:medium { padding-top: var(--lns-space-medium); } .md-pt\:large { padding-top: var(--lns-space-large); } .md-pt\:xlarge { padding-top: var(--lns-space-xlarge); } .md-pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .md-pb\:0 { padding-bottom: 0px; } .md-pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .md-pb\:small { padding-bottom: var(--lns-space-small); } .md-pb\:medium { padding-bottom: var(--lns-space-medium); } .md-pb\:large { padding-bottom: var(--lns-space-large); } .md-pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .md-pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .md-pl\:0 { padding-left: 0px; } .md-pl\:xsmall { padding-left: var(--lns-space-xsmall); } .md-pl\:small { padding-left: var(--lns-space-small); } .md-pl\:medium { padding-left: var(--lns-space-medium); } .md-pl\:large { padding-left: var(--lns-space-large); } .md-pl\:xlarge { padding-left: var(--lns-space-xlarge); } .md-pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .md-pr\:0 { padding-right: 0px; } .md-pr\:xsmall { padding-right: var(--lns-space-xsmall); } .md-pr\:small { padding-right: var(--lns-space-small); } .md-pr\:medium { padding-right: var(--lns-space-medium); } .md-pr\:large { padding-right: var(--lns-space-large); } .md-pr\:xlarge { padding-right: var(--lns-space-xlarge); } .md-pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .md-px\:0 { padding-left: 0px; padding-right: 0px; } .md-px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .md-px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .md-px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .md-px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .md-px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .md-px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .md-py\:0 { padding-top: 0px; padding-bottom: 0px; } .md-py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .md-py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .md-py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .md-py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .md-py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .md-py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .md-text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .md-text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .md-text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .md-text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .md-text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .md-text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .md-text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .md-text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .md-text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .md-text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .md-text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .md-text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .md-weight\:book { font-weight: var(--lns-fontWeight-book); } .md-weight\:regular { font-weight: var(--lns-fontWeight-regular); } .md-weight\:medium { font-weight: var(--lns-fontWeight-medium); } .md-weight\:bold { font-weight: var(--lns-fontWeight-bold); } .md-text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .md-text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .md-text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .md-text\:left { text-align: left; } .md-text\:right { text-align: right; } .md-text\:center { text-align: center; } .md-border { border: 1px solid var(--lns-color-border); } .md-borderTop { border-top: 1px solid var(--lns-color-border); } .md-borderBottom { border-bottom: 1px solid var(--lns-color-border); } .md-borderLeft { border-left: 1px solid var(--lns-color-border); } .md-borderRight { border-right: 1px solid var(--lns-color-border); } .md-inline { display: inline; } .md-block { display: block; } .md-flex { display: flex; } .md-inlineBlock { display: inline-block; } .md-inlineFlex { display: inline-flex; } .md-none { display: none; } .md-flexWrap { flex-wrap: wrap; } .md-flexDirection\:column { flex-direction: column; } .md-flexDirection\:row { flex-direction: row; } .md-items\:stretch { -webkit-box-align: stretch; align-items: stretch; } .md-items\:center { -webkit-box-align: center; align-items: center; } .md-items\:baseline { -webkit-box-align: baseline; align-items: baseline; } .md-items\:flexStart { align-items: flex-start; } .md-items\:flexEnd { align-items: flex-end; } .md-items\:selfStart { align-items: self-start; } .md-items\:selfEnd { align-items: self-end; } .md-justify\:flexStart { -webkit-box-pack: start; justify-content: flex-start; } .md-justify\:flexEnd { -webkit-box-pack: end; justify-content: flex-end; } .md-justify\:center { -webkit-box-pack: center; justify-content: center; } .md-justify\:spaceBetween { -webkit-box-pack: justify; justify-content: space-between; } .md-justify\:spaceAround { justify-content: space-around; } .md-justify\:spaceEvenly { justify-content: space-evenly; } .md-grow\:0 { -webkit-box-flex: 0; flex-grow: 0; } .md-grow\:1 { -webkit-box-flex: 1; flex-grow: 1; } .md-shrink\:0 { flex-shrink: 0; } .md-shrink\:1 { flex-shrink: 1; } .md-self\:auto { align-self: auto; } .md-self\:flexStart { align-self: flex-start; } .md-self\:flexEnd { align-self: flex-end; } .md-self\:center { align-self: center; } .md-self\:baseline { align-self: baseline; } .md-self\:stretch { align-self: stretch; } .md-overflow\:hidden { overflow: hidden; } .md-overflow\:auto { overflow: auto; } .md-relative { position: relative; } .md-absolute { position: absolute; } .md-sticky { position: sticky; } .md-fixed { position: fixed; } .md-top\:0 { top: 0px; } .md-top\:auto { top: auto; } .md-top\:xsmall { top: var(--lns-space-xsmall); } .md-top\:small { top: var(--lns-space-small); } .md-top\:medium { top: var(--lns-space-medium); } .md-top\:large { top: var(--lns-space-large); } .md-top\:xlarge { top: var(--lns-space-xlarge); } .md-top\:xxlarge { top: var(--lns-space-xxlarge); } .md-bottom\:0 { bottom: 0px; } .md-bottom\:auto { bottom: auto; } .md-bottom\:xsmall { bottom: var(--lns-space-xsmall); } .md-bottom\:small { bottom: var(--lns-space-small); } .md-bottom\:medium { bottom: var(--lns-space-medium); } .md-bottom\:large { bottom: var(--lns-space-large); } .md-bottom\:xlarge { bottom: var(--lns-space-xlarge); } .md-bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .md-left\:0 { left: 0px; } .md-left\:auto { left: auto; } .md-left\:xsmall { left: var(--lns-space-xsmall); } .md-left\:small { left: var(--lns-space-small); } .md-left\:medium { left: var(--lns-space-medium); } .md-left\:large { left: var(--lns-space-large); } .md-left\:xlarge { left: var(--lns-space-xlarge); } .md-left\:xxlarge { left: var(--lns-space-xxlarge); } .md-right\:0 { right: 0px; } .md-right\:auto { right: auto; } .md-right\:xsmall { right: var(--lns-space-xsmall); } .md-right\:small { right: var(--lns-space-small); } .md-right\:medium { right: var(--lns-space-medium); } .md-right\:large { right: var(--lns-space-large); } .md-right\:xlarge { right: var(--lns-space-xlarge); } .md-right\:xxlarge { right: var(--lns-space-xxlarge); } .md-width\:auto { width: auto; } .md-width\:full { width: 100%; } .md-width\:0 { width: 0px; } .md-minWidth\:0 { min-width: 0px; } .md-height\:auto { height: auto; } .md-height\:full { height: 100%; } .md-height\:0 { height: 0px; } .md-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .md-srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } } @media (min-width: 75em) { .lg-c\:red { color: var(--lns-color-red); } .lg-c\:blurpleLight { color: var(--lns-color-blurpleLight); } .lg-c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .lg-c\:blurple { color: var(--lns-color-blurple); } .lg-c\:blurpleDark { color: var(--lns-color-blurpleDark); } .lg-c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .lg-c\:offWhite { color: var(--lns-color-offWhite); } .lg-c\:blueLight { color: var(--lns-color-blueLight); } .lg-c\:blue { color: var(--lns-color-blue); } .lg-c\:blueDark { color: var(--lns-color-blueDark); } .lg-c\:orangeLight { color: var(--lns-color-orangeLight); } .lg-c\:orange { color: var(--lns-color-orange); } .lg-c\:orangeDark { color: var(--lns-color-orangeDark); } .lg-c\:tealLight { color: var(--lns-color-tealLight); } .lg-c\:teal { color: var(--lns-color-teal); } .lg-c\:tealDark { color: var(--lns-color-tealDark); } .lg-c\:yellowLight { color: var(--lns-color-yellowLight); } .lg-c\:yellow { color: var(--lns-color-yellow); } .lg-c\:yellowDark { color: var(--lns-color-yellowDark); } .lg-c\:grey8 { color: var(--lns-color-grey8); } .lg-c\:grey7 { color: var(--lns-color-grey7); } .lg-c\:grey6 { color: var(--lns-color-grey6); } .lg-c\:grey5 { color: var(--lns-color-grey5); } .lg-c\:grey4 { color: var(--lns-color-grey4); } .lg-c\:grey3 { color: var(--lns-color-grey3); } .lg-c\:grey2 { color: var(--lns-color-grey2); } .lg-c\:grey1 { color: var(--lns-color-grey1); } .lg-c\:white { color: var(--lns-color-white); } .lg-c\:primary { color: var(--lns-color-primary); } .lg-c\:primaryHover { color: var(--lns-color-primaryHover); } .lg-c\:primaryActive { color: var(--lns-color-primaryActive); } .lg-c\:body { color: var(--lns-color-body); } .lg-c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .lg-c\:bodyInverse { color: var(--lns-color-bodyInverse); } .lg-c\:background { color: var(--lns-color-background); } .lg-c\:backgroundHover { color: var(--lns-color-backgroundHover); } .lg-c\:backgroundActive { color: var(--lns-color-backgroundActive); } .lg-c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .lg-c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .lg-c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .lg-c\:overlay { color: var(--lns-color-overlay); } .lg-c\:border { color: var(--lns-color-border); } .lg-c\:focusRing { color: var(--lns-color-focusRing); } .lg-c\:record { color: var(--lns-color-record); } .lg-c\:recordHover { color: var(--lns-color-recordHover); } .lg-c\:recordActive { color: var(--lns-color-recordActive); } .lg-c\:info { color: var(--lns-color-info); } .lg-c\:success { color: var(--lns-color-success); } .lg-c\:warning { color: var(--lns-color-warning); } .lg-c\:danger { color: var(--lns-color-danger); } .lg-c\:dangerHover { color: var(--lns-color-dangerHover); } .lg-c\:dangerActive { color: var(--lns-color-dangerActive); } .lg-c\:backdrop { color: var(--lns-color-backdrop); } .lg-c\:backdropDark { color: var(--lns-color-backdropDark); } .lg-c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .lg-c\:disabledContent { color: var(--lns-color-disabledContent); } .lg-c\:highlight { color: var(--lns-color-highlight); } .lg-c\:disabledBackground { color: var(--lns-color-disabledBackground); } .lg-c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .lg-c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .lg-c\:buttonBorder { color: var(--lns-color-buttonBorder); } .lg-c\:upgrade { color: var(--lns-color-upgrade); } .lg-c\:upgradeHover { color: var(--lns-color-upgradeHover); } .lg-c\:upgradeActive { color: var(--lns-color-upgradeActive); } .lg-c\:tabBackground { color: var(--lns-color-tabBackground); } .lg-c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .lg-c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .lg-c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .lg-c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .lg-shadow\:small { box-shadow: var(--lns-shadow-small); } .lg-shadow\:medium { box-shadow: var(--lns-shadow-medium); } .lg-shadow\:large { box-shadow: var(--lns-shadow-large); } .lg-radius\:50 { border-radius: var(--lns-radius-50); } .lg-radius\:100 { border-radius: var(--lns-radius-100); } .lg-radius\:150 { border-radius: var(--lns-radius-150); } .lg-radius\:175 { border-radius: var(--lns-radius-175); } .lg-radius\:200 { border-radius: var(--lns-radius-200); } .lg-radius\:250 { border-radius: var(--lns-radius-250); } .lg-radius\:300 { border-radius: var(--lns-radius-300); } .lg-radius\:none { border-radius: var(--lns-radius-none); } .lg-radius\:medium { border-radius: var(--lns-radius-medium); } .lg-radius\:large { border-radius: var(--lns-radius-large); } .lg-radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .lg-radius\:round { border-radius: var(--lns-radius-round); } .lg-radius\:full { border-radius: var(--lns-radius-full); } .lg-bgc\:red { background-color: var(--lns-color-red); } .lg-bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .lg-bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .lg-bgc\:blurple { background-color: var(--lns-color-blurple); } .lg-bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .lg-bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .lg-bgc\:offWhite { background-color: var(--lns-color-offWhite); } .lg-bgc\:blueLight { background-color: var(--lns-color-blueLight); } .lg-bgc\:blue { background-color: var(--lns-color-blue); } .lg-bgc\:blueDark { background-color: var(--lns-color-blueDark); } .lg-bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .lg-bgc\:orange { background-color: var(--lns-color-orange); } .lg-bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .lg-bgc\:tealLight { background-color: var(--lns-color-tealLight); } .lg-bgc\:teal { background-color: var(--lns-color-teal); } .lg-bgc\:tealDark { background-color: var(--lns-color-tealDark); } .lg-bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .lg-bgc\:yellow { background-color: var(--lns-color-yellow); } .lg-bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .lg-bgc\:grey8 { background-color: var(--lns-color-grey8); } .lg-bgc\:grey7 { background-color: var(--lns-color-grey7); } .lg-bgc\:grey6 { background-color: var(--lns-color-grey6); } .lg-bgc\:grey5 { background-color: var(--lns-color-grey5); } .lg-bgc\:grey4 { background-color: var(--lns-color-grey4); } .lg-bgc\:grey3 { background-color: var(--lns-color-grey3); } .lg-bgc\:grey2 { background-color: var(--lns-color-grey2); } .lg-bgc\:grey1 { background-color: var(--lns-color-grey1); } .lg-bgc\:white { background-color: var(--lns-color-white); } .lg-bgc\:primary { background-color: var(--lns-color-primary); } .lg-bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .lg-bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .lg-bgc\:body { background-color: var(--lns-color-body); } .lg-bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .lg-bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .lg-bgc\:background { background-color: var(--lns-color-background); } .lg-bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .lg-bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .lg-bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .lg-bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .lg-bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .lg-bgc\:overlay { background-color: var(--lns-color-overlay); } .lg-bgc\:border { background-color: var(--lns-color-border); } .lg-bgc\:focusRing { background-color: var(--lns-color-focusRing); } .lg-bgc\:record { background-color: var(--lns-color-record); } .lg-bgc\:recordHover { background-color: var(--lns-color-recordHover); } .lg-bgc\:recordActive { background-color: var(--lns-color-recordActive); } .lg-bgc\:info { background-color: var(--lns-color-info); } .lg-bgc\:success { background-color: var(--lns-color-success); } .lg-bgc\:warning { background-color: var(--lns-color-warning); } .lg-bgc\:danger { background-color: var(--lns-color-danger); } .lg-bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .lg-bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .lg-bgc\:backdrop { background-color: var(--lns-color-backdrop); } .lg-bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .lg-bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .lg-bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .lg-bgc\:highlight { background-color: var(--lns-color-highlight); } .lg-bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .lg-bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .lg-bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .lg-bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .lg-bgc\:upgrade { background-color: var(--lns-color-upgrade); } .lg-bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .lg-bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .lg-bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .lg-bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .lg-bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .lg-bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .lg-bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .lg-m\:0 { margin: 0px; } .lg-m\:auto { margin: auto; } .lg-m\:xsmall { margin: var(--lns-space-xsmall); } .lg-m\:small { margin: var(--lns-space-small); } .lg-m\:medium { margin: var(--lns-space-medium); } .lg-m\:large { margin: var(--lns-space-large); } .lg-m\:xlarge { margin: var(--lns-space-xlarge); } .lg-m\:xxlarge { margin: var(--lns-space-xxlarge); } .lg-mt\:0 { margin-top: 0px; } .lg-mt\:auto { margin-top: auto; } .lg-mt\:xsmall { margin-top: var(--lns-space-xsmall); } .lg-mt\:small { margin-top: var(--lns-space-small); } .lg-mt\:medium { margin-top: var(--lns-space-medium); } .lg-mt\:large { margin-top: var(--lns-space-large); } .lg-mt\:xlarge { margin-top: var(--lns-space-xlarge); } .lg-mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .lg-mb\:0 { margin-bottom: 0px; } .lg-mb\:auto { margin-bottom: auto; } .lg-mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .lg-mb\:small { margin-bottom: var(--lns-space-small); } .lg-mb\:medium { margin-bottom: var(--lns-space-medium); } .lg-mb\:large { margin-bottom: var(--lns-space-large); } .lg-mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .lg-mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .lg-ml\:0 { margin-left: 0px; } .lg-ml\:auto { margin-left: auto; } .lg-ml\:xsmall { margin-left: var(--lns-space-xsmall); } .lg-ml\:small { margin-left: var(--lns-space-small); } .lg-ml\:medium { margin-left: var(--lns-space-medium); } .lg-ml\:large { margin-left: var(--lns-space-large); } .lg-ml\:xlarge { margin-left: var(--lns-space-xlarge); } .lg-ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .lg-mr\:0 { margin-right: 0px; } .lg-mr\:auto { margin-right: auto; } .lg-mr\:xsmall { margin-right: var(--lns-space-xsmall); } .lg-mr\:small { margin-right: var(--lns-space-small); } .lg-mr\:medium { margin-right: var(--lns-space-medium); } .lg-mr\:large { margin-right: var(--lns-space-large); } .lg-mr\:xlarge { margin-right: var(--lns-space-xlarge); } .lg-mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .lg-mx\:0 { margin-left: 0px; margin-right: 0px; } .lg-mx\:auto { margin-left: auto; margin-right: auto; } .lg-mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .lg-mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .lg-mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .lg-mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .lg-mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .lg-mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .lg-my\:0 { margin-top: 0px; margin-bottom: 0px; } .lg-my\:auto { margin-top: auto; margin-bottom: auto; } .lg-my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .lg-my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .lg-my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .lg-my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .lg-my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .lg-my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .lg-p\:0 { padding: 0px; } .lg-p\:xsmall { padding: var(--lns-space-xsmall); } .lg-p\:small { padding: var(--lns-space-small); } .lg-p\:medium { padding: var(--lns-space-medium); } .lg-p\:large { padding: var(--lns-space-large); } .lg-p\:xlarge { padding: var(--lns-space-xlarge); } .lg-p\:xxlarge { padding: var(--lns-space-xxlarge); } .lg-pt\:0 { padding-top: 0px; } .lg-pt\:xsmall { padding-top: var(--lns-space-xsmall); } .lg-pt\:small { padding-top: var(--lns-space-small); } .lg-pt\:medium { padding-top: var(--lns-space-medium); } .lg-pt\:large { padding-top: var(--lns-space-large); } .lg-pt\:xlarge { padding-top: var(--lns-space-xlarge); } .lg-pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .lg-pb\:0 { padding-bottom: 0px; } .lg-pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .lg-pb\:small { padding-bottom: var(--lns-space-small); } .lg-pb\:medium { padding-bottom: var(--lns-space-medium); } .lg-pb\:large { padding-bottom: var(--lns-space-large); } .lg-pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .lg-pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .lg-pl\:0 { padding-left: 0px; } .lg-pl\:xsmall { padding-left: var(--lns-space-xsmall); } .lg-pl\:small { padding-left: var(--lns-space-small); } .lg-pl\:medium { padding-left: var(--lns-space-medium); } .lg-pl\:large { padding-left: var(--lns-space-large); } .lg-pl\:xlarge { padding-left: var(--lns-space-xlarge); } .lg-pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .lg-pr\:0 { padding-right: 0px; } .lg-pr\:xsmall { padding-right: var(--lns-space-xsmall); } .lg-pr\:small { padding-right: var(--lns-space-small); } .lg-pr\:medium { padding-right: var(--lns-space-medium); } .lg-pr\:large { padding-right: var(--lns-space-large); } .lg-pr\:xlarge { padding-right: var(--lns-space-xlarge); } .lg-pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .lg-px\:0 { padding-left: 0px; padding-right: 0px; } .lg-px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .lg-px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .lg-px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .lg-px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .lg-px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .lg-px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .lg-py\:0 { padding-top: 0px; padding-bottom: 0px; } .lg-py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .lg-py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .lg-py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .lg-py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .lg-py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .lg-py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .lg-text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .lg-text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .lg-text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .lg-text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .lg-text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .lg-text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .lg-text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .lg-text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .lg-text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .lg-text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .lg-text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .lg-text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .lg-weight\:book { font-weight: var(--lns-fontWeight-book); } .lg-weight\:regular { font-weight: var(--lns-fontWeight-regular); } .lg-weight\:medium { font-weight: var(--lns-fontWeight-medium); } .lg-weight\:bold { font-weight: var(--lns-fontWeight-bold); } .lg-text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .lg-text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .lg-text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .lg-text\:left { text-align: left; } .lg-text\:right { text-align: right; } .lg-text\:center { text-align: center; } .lg-border { border: 1px solid var(--lns-color-border); } .lg-borderTop { border-top: 1px solid var(--lns-color-border); } .lg-borderBottom { border-bottom: 1px solid var(--lns-color-border); } .lg-borderLeft { border-left: 1px solid var(--lns-color-border); } .lg-borderRight { border-right: 1px solid var(--lns-color-border); } .lg-inline { display: inline; } .lg-block { display: block; } .lg-flex { display: flex; } .lg-inlineBlock { display: inline-block; } .lg-inlineFlex { display: inline-flex; } .lg-none { display: none; } .lg-flexWrap { flex-wrap: wrap; } .lg-flexDirection\:column { flex-direction: column; } .lg-flexDirection\:row { flex-direction: row; } .lg-items\:stretch { -webkit-box-align: stretch; align-items: stretch; } .lg-items\:center { -webkit-box-align: center; align-items: center; } .lg-items\:baseline { -webkit-box-align: baseline; align-items: baseline; } .lg-items\:flexStart { align-items: flex-start; } .lg-items\:flexEnd { align-items: flex-end; } .lg-items\:selfStart { align-items: self-start; } .lg-items\:selfEnd { align-items: self-end; } .lg-justify\:flexStart { -webkit-box-pack: start; justify-content: flex-start; } .lg-justify\:flexEnd { -webkit-box-pack: end; justify-content: flex-end; } .lg-justify\:center { -webkit-box-pack: center; justify-content: center; } .lg-justify\:spaceBetween { -webkit-box-pack: justify; justify-content: space-between; } .lg-justify\:spaceAround { justify-content: space-around; } .lg-justify\:spaceEvenly { justify-content: space-evenly; } .lg-grow\:0 { -webkit-box-flex: 0; flex-grow: 0; } .lg-grow\:1 { -webkit-box-flex: 1; flex-grow: 1; } .lg-shrink\:0 { flex-shrink: 0; } .lg-shrink\:1 { flex-shrink: 1; } .lg-self\:auto { align-self: auto; } .lg-self\:flexStart { align-self: flex-start; } .lg-self\:flexEnd { align-self: flex-end; } .lg-self\:center { align-self: center; } .lg-self\:baseline { align-self: baseline; } .lg-self\:stretch { align-self: stretch; } .lg-overflow\:hidden { overflow: hidden; } .lg-overflow\:auto { overflow: auto; } .lg-relative { position: relative; } .lg-absolute { position: absolute; } .lg-sticky { position: sticky; } .lg-fixed { position: fixed; } .lg-top\:0 { top: 0px; } .lg-top\:auto { top: auto; } .lg-top\:xsmall { top: var(--lns-space-xsmall); } .lg-top\:small { top: var(--lns-space-small); } .lg-top\:medium { top: var(--lns-space-medium); } .lg-top\:large { top: var(--lns-space-large); } .lg-top\:xlarge { top: var(--lns-space-xlarge); } .lg-top\:xxlarge { top: var(--lns-space-xxlarge); } .lg-bottom\:0 { bottom: 0px; } .lg-bottom\:auto { bottom: auto; } .lg-bottom\:xsmall { bottom: var(--lns-space-xsmall); } .lg-bottom\:small { bottom: var(--lns-space-small); } .lg-bottom\:medium { bottom: var(--lns-space-medium); } .lg-bottom\:large { bottom: var(--lns-space-large); } .lg-bottom\:xlarge { bottom: var(--lns-space-xlarge); } .lg-bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .lg-left\:0 { left: 0px; } .lg-left\:auto { left: auto; } .lg-left\:xsmall { left: var(--lns-space-xsmall); } .lg-left\:small { left: var(--lns-space-small); } .lg-left\:medium { left: var(--lns-space-medium); } .lg-left\:large { left: var(--lns-space-large); } .lg-left\:xlarge { left: var(--lns-space-xlarge); } .lg-left\:xxlarge { left: var(--lns-space-xxlarge); } .lg-right\:0 { right: 0px; } .lg-right\:auto { right: auto; } .lg-right\:xsmall { right: var(--lns-space-xsmall); } .lg-right\:small { right: var(--lns-space-small); } .lg-right\:medium { right: var(--lns-space-medium); } .lg-right\:large { right: var(--lns-space-large); } .lg-right\:xlarge { right: var(--lns-space-xlarge); } .lg-right\:xxlarge { right: var(--lns-space-xxlarge); } .lg-width\:auto { width: auto; } .lg-width\:full { width: 100%; } .lg-width\:0 { width: 0px; } .lg-minWidth\:0 { min-width: 0px; } .lg-height\:auto { height: auto; } .lg-height\:full { height: 100%; } .lg-height\:0 { height: 0px; } .lg-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lg-srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } } html[data-theme="light:light dark:dark"] { --lns-color-red: #C9372C; --lns-color-blurpleStrong: #2D298E; --lns-color-offWhite: #F8F8F8; --lns-color-blueLight: #CFE1FD; --lns-color-blue: #1868DB; --lns-color-blueDark: #123263; --lns-color-orangeLight: #FFD5D2; --lns-color-orangeDark: #D72700; --lns-color-tealLight: #BAF3DB; --lns-color-teal: #1F845A; --lns-color-tealDark: #164B35; --lns-color-yellowLight: #FCE4A6; --lns-color-yellow: #FBC828; --lns-color-yellowDark: #FCA700; --lns-color-grey1: #F8F8F8; --lns-color-grey2: #F0F1F2; --lns-color-grey3: #DDDEE1; --lns-color-grey4: #B7B9BE; --lns-color-grey5: #8C8F97; --lns-color-grey6: #6B6E76; --lns-color-grey7: #3B3D42; --lns-color-grey8: #292A2E; --lns-color-primaryHover: #4F49F3; --lns-color-primaryActive: #2D298E; --lns-color-backdropDark: #292A2EE5; --lns-color-backdropTwilight: #2D298ECC; --lns-color-highlight: #625DF526; --lns-color-focusRing: #625DF5CC; } html[data-color-mode="light"][data-theme="light:light dark:dark"], html[data-theme="light:light dark:dark"] [data-lens-theme="light"], html[data-theme="light:light dark:dark"] .theme-light { --ds-text: #292A2E; --ds-text-subtlest: #6B6E76; --ds-text-disabled: #B7B9BE; --ds-text-inverse: #FFFFFF; --ds-background-information-bold: #1868DB; --ds-background-accent-green-bolder: #1F845A; --ds-background-warning-bold: #FBC828; --ds-background-danger-bold: #C9372C; --ds-background-danger-bold-hovered: #AE2E24; --ds-background-danger-bold-pressed: #5D1F1A; --ds-background-discovery: #F8EEFE; --ds-background-discovery-hovered: #EED7FC; --ds-background-discovery-pressed: #D8A0F7; --ds-surface: #FFFFFF; --ds-background-neutral-subtle-hovered: #0515240F; --ds-background-neutral-subtle-pressed: #0B122824; --ds-surface-sunken: #F8F8F8; --ds-background-disabled: #17171708; --ds-background-neutral-bold: #292A2E; --ds-surface-overlay: #FFFFFF; --ds-background-input: #FFFFFF; --ds-background-neutral: #0515240F; --ds-background-discovery-bold: #964AC0; --ds-blanket: #050C1F75; --ds-border: #0B122824; --ds-border-input: #8C8F97; --lns-themeLight-color-body: var(--ds-text); --lns-themeLight-color-bodyDimmed: var(--ds-text-subtlest); --lns-themeLight-color-disabledContent: var(--ds-text-disabled); --lns-themeLight-color-discoveryTitle: var(--ds-text); --lns-themeLight-color-bodyInverse: var(--ds-text-inverse); --lns-themeLight-color-info: var(--ds-background-information-bold); --lns-themeLight-color-success: var(--ds-background-accent-green-bolder); --lns-themeLight-color-warning: var(--ds-background-warning-bold); --lns-themeLight-color-danger: var(--ds-background-danger-bold); --lns-themeLight-color-dangerHover: var(--ds-background-danger-bold-hovered); --lns-themeLight-color-dangerActive: var(--ds-background-danger-bold-pressed); --lns-themeLight-color-upgrade: var(--ds-background-discovery); --lns-themeLight-color-upgradeHover: var(--ds-background-discovery-hovered); --lns-themeLight-color-upgradeActive: var(--ds-background-discovery-pressed); --lns-themeLight-color-background: var(--ds-surface); --lns-themeLight-color-backgroundHover: var(--ds-background-neutral-subtle-hovered); --lns-themeLight-color-backgroundActive: var(--ds-background-neutral-subtle-pressed); --lns-themeLight-color-backgroundSecondary: var(--ds-surface-sunken); --lns-themeLight-color-backgroundSecondary2: var(--ds-surface-sunken); --lns-themeLight-color-disabledBackground: var(--ds-background-disabled); --lns-themeLight-color-backgroundInverse: var(--ds-background-neutral-bold); --lns-themeLight-color-overlay: var(--ds-surface-overlay); --lns-themeLight-color-formFieldBackground: var(--ds-background-input); --lns-themeLight-color-tabBackground: var(--ds-background-neutral); --lns-themeLight-color-discoveryBackground: var(--ds-background-discovery-bold); --lns-themeLight-color-discoveryLightBackground: var(--ds-background-discovery); --lns-themeLight-color-backdrop: var(--ds-blanket); --lns-themeLight-color-discoveryHighlight: var(--ds-background-discovery); --lns-themeLight-color-border: var(--ds-border); --lns-themeLight-color-formFieldBorder: var(--ds-border-input); --lns-themeLight-color-buttonBorder: var(--ds-border); --lns-themeLight-color-primaryHover: #4F49F3; --lns-themeLight-color-primaryActive: #2D298E; --lns-themeLight-color-backdropDark: #292A2EE5; --lns-themeLight-color-backdropTwilight: #2D298ECC; --lns-themeLight-color-highlight: #625DF526; --lns-themeLight-color-focusRing: #625DF5CC; } html[data-color-mode="dark"][data-theme="light:light dark:dark"], html[data-theme="light:light dark:dark"] [data-lens-theme="dark"], html[data-theme="light:light dark:dark"] .theme-dark { --ds-text: #CECFD2; --ds-text-subtlest: #96999E; --ds-text-disabled: #505258; --ds-text-inverse: #1F1F21; --ds-background-information-bold: #669DF1; --ds-background-accent-green-bolder: #4BCE97; --ds-background-warning-bold: #FBC828; --ds-background-danger-bold: #F87168; --ds-background-danger-bold-hovered: #FD9891; --ds-background-danger-bold-pressed: #FFD5D2; --ds-background-discovery: #35243F; --ds-background-discovery-hovered: #48245D; --ds-background-discovery-pressed: #803FA5; --ds-surface: #1F1F21; --ds-background-neutral-subtle-hovered: #CECED912; --ds-background-neutral-subtle-pressed: #E3E4F21F; --ds-surface-sunken: #18191A; --ds-background-disabled: #01040475; --ds-background-neutral-bold: #CECFD2; --ds-surface-overlay: #2B2C2F; --ds-background-input: #242528; --ds-background-neutral: #CECED912; --ds-background-discovery-bold: #C97CF4; --ds-blanket: #10121499; --ds-border: #E3E4F21F; --ds-border-input: #7E8188; --lns-themeDark-color-body: var(--ds-text); --lns-themeDark-color-bodyDimmed: var(--ds-text-subtlest); --lns-themeDark-color-disabledContent: var(--ds-text-disabled); --lns-themeDark-color-discoveryTitle: var(--ds-text); --lns-themeDark-color-bodyInverse: var(--ds-text-inverse); --lns-themeDark-color-info: var(--ds-background-information-bold); --lns-themeDark-color-success: var(--ds-background-accent-green-bolder); --lns-themeDark-color-warning: var(--ds-background-warning-bold); --lns-themeDark-color-danger: var(--ds-background-danger-bold); --lns-themeDark-color-dangerHover: var(--ds-background-danger-bold-hovered); --lns-themeDark-color-dangerActive: var(--ds-background-danger-bold-pressed); --lns-themeDark-color-upgrade: var(--ds-background-discovery); --lns-themeDark-color-upgradeHover: var(--ds-background-discovery-hovered); --lns-themeDark-color-upgradeActive: var(--ds-background-discovery-pressed); --lns-themeDark-color-background: var(--ds-surface); --lns-themeDark-color-backgroundHover: var(--ds-background-neutral-subtle-hovered); --lns-themeDark-color-backgroundActive: var(--ds-background-neutral-subtle-pressed); --lns-themeDark-color-backgroundSecondary: var(--ds-surface-sunken); --lns-themeDark-color-backgroundSecondary2: var(--ds-surface-sunken); --lns-themeDark-color-disabledBackground: var(--ds-background-disabled); --lns-themeDark-color-backgroundInverse: var(--ds-background-neutral-bold); --lns-themeDark-color-overlay: var(--ds-surface-overlay); --lns-themeDark-color-formFieldBackground: var(--ds-background-input); --lns-themeDark-color-tabBackground: var(--ds-background-neutral); --lns-themeDark-color-discoveryBackground: var(--ds-background-discovery-bold); --lns-themeDark-color-discoveryLightBackground: var(--ds-background-discovery); --lns-themeDark-color-backdrop: var(--ds-blanket); --lns-themeDark-color-discoveryHighlight: var(--ds-background-discovery); --lns-themeDark-color-border: var(--ds-border); --lns-themeDark-color-formFieldBorder: var(--ds-border-input); --lns-themeDark-color-buttonBorder: var(--ds-border); --lns-themeDark-color-primaryHover: #4F49F3; --lns-themeDark-color-primaryActive: #2D298E; --lns-themeDark-color-backdropDark: #292A2EE5; --lns-themeDark-color-backdropTwilight: #2D298ECC; --lns-themeDark-color-highlight: #625DF526; --lns-themeDark-color-focusRing: #625DF5CC; }
.companion-1b6rwsq { font-family: circular, Helvetica, sans-serif; } .companion-1b6rwsq .companion-drag-drop.anchor-bottom .companion-anchor, .companion-1b6rwsq .companion-drag-drop.anchor-top .companion-anchor { margin: 0px 14.5px; width: 27px; height: 8px; } .companion-1b6rwsq .companion-drag-drop.anchor-bottom .companion-grip, .companion-1b6rwsq .companion-drag-drop.anchor-top .companion-grip { transform: rotate(0deg); margin-right: 18px; margin-left: 18px; } .companion-1b6rwsq .companion-drag-drop.anchor-left .companion-anchor, .companion-1b6rwsq .companion-drag-drop.anchor-right .companion-anchor { margin: 14.5px 0px; width: 8px; height: 27px; } .companion-1b6rwsq .companion-drag-drop.anchor-left .companion-grip, .companion-1b6rwsq .companion-drag-drop.anchor-right .companion-grip { transform: rotate(90deg); margin-top: 18px; margin-bottom: 18px; } .companion-1b6rwsq .companion-drag-drop.anchor-top .companion-container { top: 0px; flex-direction: column; } .companion-1b6rwsq .companion-drag-drop.anchor-top .companion-anchor { top: 0px; border-radius: 0px 0px 8px 8px; } .companion-1b6rwsq .companion-drag-drop.anchor-top.top-right .companion-container { align-items: flex-end; } .companion-1b6rwsq .companion-drag-drop.anchor-bottom .companion-container { bottom: 0px; flex-direction: column-reverse; } .companion-1b6rwsq .companion-drag-drop.anchor-bottom .companion-anchor { bottom: 0px; border-radius: 8px 8px 0px 0px; } .companion-1b6rwsq .companion-drag-drop.anchor-bottom.bottom-right .companion-container { align-items: flex-end; } .companion-1b6rwsq .companion-drag-drop.anchor-left .companion-container { left: 0px; flex-direction: row; } .companion-1b6rwsq .companion-drag-drop.anchor-left .companion-anchor { left: 0px; border-radius: 0px 8px 8px 0px; } .companion-1b6rwsq .companion-drag-drop.anchor-right .companion-container { right: 0px; flex-direction: row-reverse; } .companion-1b6rwsq .companion-drag-drop.anchor-right .companion-anchor { right: 0px; border-radius: 8px 0px 0px 8px; } .companion-1b6rwsq .companion-drag-drop.top-left .companion-container .companion-fab:hover .companion-fab-label, .companion-1b6rwsq .companion-drag-drop.bottom-left .companion-container .companion-fab:hover .companion-fab-label { left: 0px; } .companion-1b6rwsq .companion-drag-drop.top-left .companion-container .companion-fab:hover .companion-loading-icon, .companion-1b6rwsq .companion-drag-drop.bottom-left .companion-container .companion-fab:hover .companion-loading-icon, .companion-1b6rwsq .companion-drag-drop.top-left .companion-container .companion-fab:hover .companion-icon, .companion-1b6rwsq .companion-drag-drop.bottom-left .companion-container .companion-fab:hover .companion-icon { top: 0px; left: 0px; } .companion-1b6rwsq .companion-drag-drop.top-left .companion-container .companion-fab:hover:hover .companion-fab-label, .companion-1b6rwsq .companion-drag-drop.bottom-left .companion-container .companion-fab:hover:hover .companion-fab-label { padding-right: var(--lns-space-medium); padding-left: 56px; } .companion-1b6rwsq .companion-drag-drop.top-right .companion-container .companion-fab .companion-fab-label, .companion-1b6rwsq .companion-drag-drop.bottom-right .companion-container .companion-fab .companion-fab-label { right: 0px; } .companion-1b6rwsq .companion-drag-drop.top-right .companion-container .companion-fab .companion-loading-icon, .companion-1b6rwsq .companion-drag-drop.bottom-right .companion-container .companion-fab .companion-loading-icon, .companion-1b6rwsq .companion-drag-drop.top-right .companion-container .companion-fab .companion-icon, .companion-1b6rwsq .companion-drag-drop.bottom-right .companion-container .companion-fab .companion-icon { bottom: 0px; right: 0px; } .companion-1b6rwsq .companion-drag-drop.top-right .companion-container .companion-fab:hover .companion-fab-label, .companion-1b6rwsq .companion-drag-drop.bottom-right .companion-container .companion-fab:hover .companion-fab-label { padding-right: 56px; padding-left: var(--lns-space-medium); } .companion-1b6rwsq .companion-drag-drop.dragging .companion-anchor-frame { display: block; } .companion-1b6rwsq .companion-drag-drop.dragging .companion-container { transition: none; margin: 0px; padding: 0px; user-select: none; width: 56px !important; height: 56px !important; } .companion-1b6rwsq .companion-drag-drop.dragging .companion-container .companion-grip { display: none; opacity: 0; width: 0px; height: 0px; } .companion-1b6rwsq .companion-drag-drop.dragging .companion-container .companion-fab { cursor: grabbing; } .companion-1b6rwsq .companion-drag-drop.dragging .companion-container .companion-fab .companion-fab-menu { display: none; } .companion-1b6rwsq .companion-drag-drop.dragging .companion-container .companion-fab .companion-icon { transform: scale(1.18); } .companion-1b6rwsq .companion-drag-drop.dragging .companion-container .companion-fab .companion-icon .companion-icon-no-hover { display: none; } .companion-1b6rwsq .companion-drag-drop.dragging .companion-container .companion-fab .companion-icon .companion-icon-hover { animation: 0.3s linear 0s infinite normal none running animation-4r74ll; } .companion-1b6rwsq .companion-drag-drop.dragging .companion-container .companion-fab .companion-fab-label { display: none; } .companion-1b6rwsq .companion-drag-drop .companion-anchor-frame { position: fixed; z-index: 2147482644; inset: 0px; display: none; border: 8px solid var(--lns-color-focusRing); box-sizing: border-box; } .companion-1b6rwsq .companion-drag-drop .companion-anchor-frame .companion-anchor { position: fixed; background-color: var(--lns-color-primaryHover); } .companion-1b6rwsq .companion-drag-drop .companion-container { position: fixed; z-index: 2147482644; align-items: flex-start; flex-direction: row; display: flex; transition: 0.3s; } @media print { .companion-1b6rwsq .companion-drag-drop .companion-container { display: none !important; } } .companion-1b6rwsq .companion-drag-drop .companion-container.invisible { display: none; } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-grip { -webkit-box-align: center; align-items: center; flex-direction: column; -webkit-box-pack: center; justify-content: center; display: flex; transition-timing-function: ease; transition-duration: 0.3s; transition-property: width, height; width: 20px; height: 20px; padding: 3px 0px; cursor: pointer; } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-grip:hover span { color: var(--lns-color-primaryHover); } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-grip span { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: flex; height: 7px; color: var(--lns-color-primary); } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab { position: relative; height: 56px; cursor: pointer; user-select: none; } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-loading-icon { border-radius: 56px; width: 56px; height: 56px; background: var(--lns-color-blurple); } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-loading-icon > * { display: inline; } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-icon { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: grid; transition: transform 0.3s ease-in-out; border-radius: 56px; width: 56px; height: 56px; background: var(--lns-color-blurple); } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-icon .companion-icon-hover, .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-icon .companion-icon-no-hover { transition: transform 0.3s ease-in-out; grid-area: 1 / 1; backface-visibility: hidden; } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-icon .companion-icon-no-hover { z-index: 1; transform: rotateX(0deg); } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-icon .companion-icon-hover { transform: rotateX(180deg); } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-loading-icon, .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-icon { position: absolute; } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-fab-label { position: absolute; z-index: -1; top: 0px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: flex; overflow: hidden; transition-timing-function: ease; transition-duration: 0.3s; transition-property: color, width; box-shadow: var(--lns-shadow-large); border-radius: 56px; width: 56px; height: 56px; background-color: var(--lns-color-primary); font-size: var(--lns-fontSize-medium); font-weight: var(--lns-fontWeight-bold); font-family: circular, Helvetica, sans-serif; color: transparent; text-overflow: clip; white-space: nowrap; } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab:hover .companion-icon .companion-icon-no-hover, .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab:active .companion-icon .companion-icon-no-hover { transform: rotateX(180deg); } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab:hover .companion-icon .companion-icon-hover, .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab:active .companion-icon .companion-icon-hover { transform: rotateX(0deg); } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-fab-main-button-and-label:hover .companion-icon, .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-fab-main-button-and-label:hover .companion-loading-icon, .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab .companion-fab-main-button-and-label:hover .companion-fab-label { background-color: var(--lns-color-primaryHover); } .companion-1b6rwsq .companion-drag-drop .companion-container .companion-fab:hover .companion-fab-label { width: 165px; color: white; } .companion-1b6rwsq .companion-fab { z-index: 2147482644; flex-direction: column; display: flex; transition: left 0.3s; } .companion-1b6rwsq .companion-fab .companion-fab-menu { flex-direction: column-reverse; opacity: 0; height: 0px; } .companion-1b6rwsq .companion-fab .companion-fab-menu .companion-fab-menu-item { -webkit-box-align: center; align-items: center; display: flex; opacity: 0; transform: scale(0); transition: 0.2s; height: 56px; } .companion-1b6rwsq .companion-fab .companion-fab-menu .companion-fab-menu-item .companion-fab-menu-item-tooltip { -webkit-box-align: center; align-items: center; display: none; margin-left: 4px; border-radius: 6px; padding: 7px 12px; background: var(--lns-color-grey8); font-size: 12px; color: var(--lns-color-grey1); } .companion-1b6rwsq .companion-fab .companion-fab-menu .companion-fab-menu-item .companion-fab-menu-item-button { position: relative; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: flex; margin: 4px; border-radius: 44px; width: 40px; height: 40px; background-color: var(--lns-color-primary); } .companion-1b6rwsq .companion-fab .companion-fab-menu .companion-fab-menu-item .companion-fab-menu-item-button:hover { background-color: var(--lns-color-primaryHover); } .companion-1b6rwsq .companion-fab .companion-fab-menu .companion-fab-menu-item .companion-fab-menu-item-button.button-red { background-color: var(--lns-themeLight-color-danger); } .companion-1b6rwsq .companion-fab .companion-fab-menu .companion-fab-menu-item .companion-fab-menu-item-button.button-red:hover { background-color: var(--lns-themeLight-color-dangerHover); } .companion-1b6rwsq .companion-fab .companion-fab-menu .companion-fab-menu-item:hover .companion-fab-menu-item-tooltip { display: block; } .companion-1b6rwsq .companion-fab:hover .companion-fab-menu { display: flex; opacity: 1; height: 152px; } .top-left .companion-1b6rwsq .companion-fab:hover .companion-fab-menu, .top-right .companion-1b6rwsq .companion-fab:hover .companion-fab-menu { margin-top: 0px; padding-top: var(--lns-space-small); } .bottom-left .companion-1b6rwsq .companion-fab:hover .companion-fab-menu, .bottom-right .companion-1b6rwsq .companion-fab:hover .companion-fab-menu { margin-bottom: 0px; padding-bottom: var(--lns-space-small); } .companion-1b6rwsq .companion-fab:hover .companion-fab-menu .companion-fab-menu-item { -webkit-box-align: center; align-items: center; opacity: 1; transform: scale(1); } .companion-1b6rwsq .top-left .companion-fab, .companion-1b6rwsq .bottom-left .companion-fab { align-items: flex-start; } .companion-1b6rwsq .top-right .companion-fab, .companion-1b6rwsq .bottom-right .companion-fab { align-items: flex-end; } .companion-1b6rwsq .top-left .companion-fab-menu, .companion-1b6rwsq .top-right .companion-fab-menu { margin-top: 0px; padding-top: 8px; } .companion-1b6rwsq .top-left .companion-fab-menu, .companion-1b6rwsq .bottom-left .companion-fab-menu { align-items: flex-start; margin-left: 4px; } .companion-1b6rwsq .top-right .companion-fab-menu, .companion-1b6rwsq .bottom-right .companion-fab-menu { align-items: flex-end; margin-right: 4px; } .companion-1b6rwsq .top-right .companion-fab-menu .companion-fab-menu-item, .companion-1b6rwsq .bottom-right .companion-fab-menu .companion-fab-menu-item { flex-direction: row-reverse; display: flex; } .companion-1b6rwsq .bottom-left .companion-fab-menu, .companion-1b6rwsq .bottom-right .companion-fab-menu { position: relative; top: -152px; } .companion-1b6rwsq .top-left .companion-fab-menu, .companion-1b6rwsq .top-right .companion-fab-menu { position: relative; top: 56px; } @-webkit-keyframes animation-4r74ll { 0% { transform: rotate(0deg); } 25% { transform: rotate(15deg); } 75% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); } } @keyframes animation-4r74ll { 0% { transform: rotate(0deg); } 25% { transform: rotate(15deg); } 75% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); } }
#inner-shadow-companion { font-size: 100%; } #inner-shadow-companion { --lns-fontFamily-body: "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif; --lns-fontFamily-heading: "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif; --lns-fontFamily-code: "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace; font-family: var(--lns-fontFamily-body); color: var(--ds-text, var(--lns-color-body)); font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); } #inner-shadow-companion *, #inner-shadow-companion ::before, #inner-shadow-companion ::after { box-sizing: border-box; } #inner-shadow-companion * { -webkit-font-smoothing: antialiased; } #inner-shadow-companion, .theme-light, [data-lens-theme="light"] { --lns-color-primary: var(--lns-themeLight-color-primary); --lns-color-primaryHover: var(--lns-themeLight-color-primaryHover); --lns-color-primaryActive: var(--lns-themeLight-color-primaryActive); --lns-color-body: var(--lns-themeLight-color-body); --lns-color-bodyDimmed: var(--lns-themeLight-color-bodyDimmed); --lns-color-bodyInverse: var(--lns-themeLight-color-bodyInverse); --lns-color-background: var(--lns-themeLight-color-background); --lns-color-backgroundHover: var(--lns-themeLight-color-backgroundHover); --lns-color-backgroundActive: var(--lns-themeLight-color-backgroundActive); --lns-color-backgroundSecondary: var(--lns-themeLight-color-backgroundSecondary); --lns-color-backgroundSecondary2: var(--lns-themeLight-color-backgroundSecondary2); --lns-color-backgroundInverse: var(--lns-themeLight-color-backgroundInverse); --lns-color-overlay: var(--lns-themeLight-color-overlay); --lns-color-border: var(--lns-themeLight-color-border); --lns-color-focusRing: var(--lns-themeLight-color-focusRing); --lns-color-record: var(--lns-themeLight-color-record); --lns-color-recordHover: var(--lns-themeLight-color-recordHover); --lns-color-recordActive: var(--lns-themeLight-color-recordActive); --lns-color-info: var(--lns-themeLight-color-info); --lns-color-success: var(--lns-themeLight-color-success); --lns-color-warning: var(--lns-themeLight-color-warning); --lns-color-danger: var(--lns-themeLight-color-danger); --lns-color-dangerHover: var(--lns-themeLight-color-dangerHover); --lns-color-dangerActive: var(--lns-themeLight-color-dangerActive); --lns-color-backdrop: var(--lns-themeLight-color-backdrop); --lns-color-backdropDark: var(--lns-themeLight-color-backdropDark); --lns-color-backdropTwilight: var(--lns-themeLight-color-backdropTwilight); --lns-color-disabledContent: var(--lns-themeLight-color-disabledContent); --lns-color-highlight: var(--lns-themeLight-color-highlight); --lns-color-disabledBackground: var(--lns-themeLight-color-disabledBackground); --lns-color-formFieldBorder: var(--lns-themeLight-color-formFieldBorder); --lns-color-formFieldBackground: var(--lns-themeLight-color-formFieldBackground); --lns-color-buttonBorder: var(--lns-themeLight-color-buttonBorder); --lns-color-upgrade: var(--lns-themeLight-color-upgrade); --lns-color-upgradeHover: var(--lns-themeLight-color-upgradeHover); --lns-color-upgradeActive: var(--lns-themeLight-color-upgradeActive); --lns-color-tabBackground: var(--lns-themeLight-color-tabBackground); --lns-color-discoveryBackground: var(--lns-themeLight-color-discoveryBackground); --lns-color-discoveryLightBackground: var(--lns-themeLight-color-discoveryLightBackground); --lns-color-discoveryTitle: var(--lns-themeLight-color-discoveryTitle); --lns-color-discoveryHighlight: var(--lns-themeLight-color-discoveryHighlight); } .theme-dark, [data-lens-theme="dark"] { --lns-color-primary: var(--lns-themeDark-color-primary); --lns-color-primaryHover: var(--lns-themeDark-color-primaryHover); --lns-color-primaryActive: var(--lns-themeDark-color-primaryActive); --lns-color-body: var(--lns-themeDark-color-body); --lns-color-bodyDimmed: var(--lns-themeDark-color-bodyDimmed); --lns-color-bodyInverse: var(--lns-themeDark-color-bodyInverse); --lns-color-background: var(--lns-themeDark-color-background); --lns-color-backgroundHover: var(--lns-themeDark-color-backgroundHover); --lns-color-backgroundActive: var(--lns-themeDark-color-backgroundActive); --lns-color-backgroundSecondary: var(--lns-themeDark-color-backgroundSecondary); --lns-color-backgroundSecondary2: var(--lns-themeDark-color-backgroundSecondary2); --lns-color-backgroundInverse: var(--lns-themeDark-color-backgroundInverse); --lns-color-overlay: var(--lns-themeDark-color-overlay); --lns-color-border: var(--lns-themeDark-color-border); --lns-color-focusRing: var(--lns-themeDark-color-focusRing); --lns-color-record: var(--lns-themeDark-color-record); --lns-color-recordHover: var(--lns-themeDark-color-recordHover); --lns-color-recordActive: var(--lns-themeDark-color-recordActive); --lns-color-info: var(--lns-themeDark-color-info); --lns-color-success: var(--lns-themeDark-color-success); --lns-color-warning: var(--lns-themeDark-color-warning); --lns-color-danger: var(--lns-themeDark-color-danger); --lns-color-dangerHover: var(--lns-themeDark-color-dangerHover); --lns-color-dangerActive: var(--lns-themeDark-color-dangerActive); --lns-color-backdrop: var(--lns-themeDark-color-backdrop); --lns-color-backdropDark: var(--lns-themeDark-color-backdropDark); --lns-color-backdropTwilight: var(--lns-themeDark-color-backdropTwilight); --lns-color-disabledContent: var(--lns-themeDark-color-disabledContent); --lns-color-highlight: var(--lns-themeDark-color-highlight); --lns-color-disabledBackground: var(--lns-themeDark-color-disabledBackground); --lns-color-formFieldBorder: var(--lns-themeDark-color-formFieldBorder); --lns-color-formFieldBackground: var(--lns-themeDark-color-formFieldBackground); --lns-color-buttonBorder: var(--lns-themeDark-color-buttonBorder); --lns-color-upgrade: var(--lns-themeDark-color-upgrade); --lns-color-upgradeHover: var(--lns-themeDark-color-upgradeHover); --lns-color-upgradeActive: var(--lns-themeDark-color-upgradeActive); --lns-color-tabBackground: var(--lns-themeDark-color-tabBackground); --lns-color-discoveryBackground: var(--lns-themeDark-color-discoveryBackground); --lns-color-discoveryLightBackground: var(--lns-themeDark-color-discoveryLightBackground); --lns-color-discoveryTitle: var(--lns-themeDark-color-discoveryTitle); --lns-color-discoveryHighlight: var(--lns-themeDark-color-discoveryHighlight); } #inner-shadow-companion { --lns-fontWeight-book: 400; --lns-fontWeight-regular: 400; --lns-fontWeight-medium: 500; --lns-fontWeight-bold: 653; --lns-unit: 0.5rem; --lns-fontSize-small: calc(1.5 * var(--lns-unit, 8px)); --lns-lineHeight-small: 1.5; --lns-letterSpacing-small: normal; --lns-fontSize-body-sm: calc(1.5 * var(--lns-unit, 8px)); --lns-lineHeight-body-sm: 1.5; --lns-letterSpacing-body-sm: normal; --lns-fontSize-medium: calc(1.75 * var(--lns-unit, 8px)); --lns-lineHeight-medium: 1.57; --lns-letterSpacing-medium: normal; --lns-fontSize-body-md: calc(1.75 * var(--lns-unit, 8px)); --lns-lineHeight-body-md: 1.57; --lns-letterSpacing-body-md: normal; --lns-fontSize-large: calc(2.25 * var(--lns-unit, 8px)); --lns-lineHeight-large: 1.44; --lns-letterSpacing-large: -0.2px; --lns-fontSize-body-lg: calc(2.25 * var(--lns-unit, 8px)); --lns-lineHeight-body-lg: 1.44; --lns-letterSpacing-body-lg: -0.2px; --lns-fontSize-xlarge: calc(3 * var(--lns-unit, 8px)); --lns-lineHeight-xlarge: 1.16; --lns-letterSpacing-xlarge: -0.2px; --lns-fontSize-heading-sm: calc(3 * var(--lns-unit, 8px)); --lns-lineHeight-heading-sm: 1.16; --lns-letterSpacing-heading-sm: -0.2px; --lns-fontSize-xxlarge: calc(4 * var(--lns-unit, 8px)); --lns-lineHeight-xxlarge: 1.125; --lns-letterSpacing-xxlarge: -0.5px; --lns-fontSize-heading-md: calc(4 * var(--lns-unit, 8px)); --lns-lineHeight-heading-md: 1.125; --lns-letterSpacing-heading-md: -0.5px; --lns-fontSize-xxxlarge: calc(6 * var(--lns-unit, 8px)); --lns-lineHeight-xxxlarge: 1.16; --lns-letterSpacing-xxxlarge: -1.2px; --lns-fontSize-heading-lg: calc(6 * var(--lns-unit, 8px)); --lns-lineHeight-heading-lg: 1.16; --lns-letterSpacing-heading-lg: -1.2px; --lns-radius-50: calc(0.5 * var(--lns-unit, 8px)); --lns-radius-100: calc(1 * var(--lns-unit, 8px)); --lns-radius-150: calc(1.5 * var(--lns-unit, 8px)); --lns-radius-175: calc(1.75 * var(--lns-unit, 8px)); --lns-radius-200: calc(2 * var(--lns-unit, 8px)); --lns-radius-250: calc(2.5 * var(--lns-unit, 8px)); --lns-radius-300: calc(3 * var(--lns-unit, 8px)); --lns-radius-none: 0; --lns-radius-medium: calc(1 * var(--lns-unit, 8px)); --lns-radius-large: calc(2 * var(--lns-unit, 8px)); --lns-radius-xlarge: calc(3 * var(--lns-unit, 8px)); --lns-radius-round: calc(999 * var(--lns-unit, 8px)); --lns-radius-full: calc(999 * var(--lns-unit, 8px)); --lns-shadow-small: 0 calc(0.5 * var(--lns-unit, 8px)) calc(1.25 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.05); --lns-shadow-medium: 0 calc(0.5 * var(--lns-unit, 8px)) calc(1.25 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.1); --lns-shadow-large: 0 calc(0.75 * var(--lns-unit, 8px)) calc(3 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.1); --lns-space-xsmall: calc(0.5 * var(--lns-unit, 8px)); --lns-space-small: calc(1 * var(--lns-unit, 8px)); --lns-space-medium: calc(2 * var(--lns-unit, 8px)); --lns-space-large: calc(3 * var(--lns-unit, 8px)); --lns-space-xlarge: calc(5 * var(--lns-unit, 8px)); --lns-space-xxlarge: calc(8 * var(--lns-unit, 8px)); --lns-formFieldBorderWidth: 1px; --lns-formFieldBorderWidthFocus: 2px; --lns-formFieldHeight: calc(4.5 * var(--lns-unit, 8px)); --lns-formFieldRadius: var(--lns-radius-175); --lns-formFieldHorizontalPadding: calc(2 * var(--lns-unit, 8px)); --lns-formFieldBorderShadow: inset 0 0 0 var(--lns-formFieldBorderWidth) var(--lns-color-formFieldBorder); --lns-formFieldBorderShadowFocus: inset 0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-blurple), 0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-focusRing); --lns-formFieldBorderShadowError: inset 0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-danger), 0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-orangeLight); --lns-color-red: hsla(11,80%,45%,1); --lns-color-blurpleLight: hsla(240,83.3%,95.3%,1); --lns-color-blurpleMedium: hsla(242,81%,87.6%,1); --lns-color-blurple: hsla(242,88.4%,66.3%,1); --lns-color-blurpleDark: hsla(242,87.6%,62%,1); --lns-color-blurpleStrong: hsla(252,46%,33%,1); --lns-color-offWhite: hsla(45,36.4%,95.7%,1); --lns-color-blueLight: hsla(206,58.3%,85.9%,1); --lns-color-blue: hsla(206,100%,73.3%,1); --lns-color-blueDark: hsla(206,29.5%,33.9%,1); --lns-color-orangeLight: hsla(6,100%,89.6%,1); --lns-color-orange: hsla(11,100%,62.2%,1); --lns-color-orangeDark: hsla(11,79.9%,64.9%,1); --lns-color-tealLight: hsla(180,20%,67.6%,1); --lns-color-teal: hsla(180,51.4%,51.6%,1); --lns-color-tealDark: hsla(180,16.2%,22.9%,1); --lns-color-yellowLight: hsla(39,100%,87.8%,1); --lns-color-yellow: hsla(50,100%,57.3%,1); --lns-color-yellowDark: hsla(39,100%,68%,1); --lns-color-grey8: hsla(0,0%,13%,1); --lns-color-grey7: hsla(246,16%,26%,1); --lns-color-grey6: hsla(252,13%,46%,1); --lns-color-grey5: hsla(240,7%,62%,1); --lns-color-grey4: hsla(259,12%,75%,1); --lns-color-grey3: hsla(260,11%,85%,1); --lns-color-grey2: hsla(260,11%,95%,1); --lns-color-grey1: hsla(240,7%,97%,1); --lns-color-white: hsla(0,0%,100%,1); --lns-themeLight-color-primary: hsla(242,88.4%,66.3%,1); --lns-themeLight-color-primaryHover: hsla(242,88.4%,56.3%,1); --lns-themeLight-color-primaryActive: hsla(242,88.4%,45.3%,1); --lns-themeLight-color-body: var(--ds-text, hsla(0,0%,13%,1)); --lns-themeLight-color-bodyDimmed: var(--ds-text-subtlest, hsla(252,13%,46%,1)); --lns-themeLight-color-bodyInverse: var(--ds-text-inverse, hsla(0,0%,100%,1)); --lns-themeLight-color-background: var(--ds-surface, hsla(0,0%,100%,1)); --lns-themeLight-color-backgroundHover: var(--ds-background-neutral-subtle-hovered, hsla(246,16%,26%,0.1)); --lns-themeLight-color-backgroundActive: var(--ds-background-neutral-subtle-pressed, hsla(246,16%,26%,0.3)); --lns-themeLight-color-backgroundSecondary: var(--ds-surface-sunken, hsla(246,16%,26%,0.04)); --lns-themeLight-color-backgroundSecondary2: var(--ds-surface-sunken, hsla(45,34%,78%,0.2)); --lns-themeLight-color-backgroundInverse: var(--ds-background-neutral-bold, hsla(228,6%,17%,1)); --lns-themeLight-color-overlay: var(--ds-surface-overlay, hsla(0,0%,100%,1)); --lns-themeLight-color-border: var(--ds-border, hsla(252,13%,46%,0.2)); --lns-themeLight-color-focusRing: hsla(242,88.4%,66.3%,0.8); --lns-themeLight-color-record: hsla(11,100%,62.2%,1); --lns-themeLight-color-recordHover: hsla(11,100%,52.2%,1); --lns-themeLight-color-recordActive: hsla(11,100%,42.2%,1); --lns-themeLight-color-info: var(--ds-background-information-bold, hsla(206,100%,73.3%,1)); --lns-themeLight-color-success: var(--ds-background-accent-green-bolder, hsla(180,51.4%,51.6%,1)); --lns-themeLight-color-warning: var(--ds-background-warning-bold, hsla(39,100%,68%,1)); --lns-themeLight-color-danger: var(--ds-background-danger-bold, hsla(11,80%,45%,1)); --lns-themeLight-color-dangerHover: var(--ds-background-danger-bold-hovered, hsla(11,80%,38%,1)); --lns-themeLight-color-dangerActive: var(--ds-background-danger-bold-pressed, hsla(11,80%,31%,1)); --lns-themeLight-color-backdrop: var(--ds-blanket, hsla(0,0%,13%,0.5)); --lns-themeLight-color-backdropDark: hsla(0,0%,13%,0.9); --lns-themeLight-color-backdropTwilight: hsla(245,44.8%,46.9%,0.8); --lns-themeLight-color-disabledContent: var(--ds-text-disabled, hsla(240,7%,62%,1)); --lns-themeLight-color-highlight: hsla(240,83.3%,66.3%,0.15); --lns-themeLight-color-disabledBackground: var(--ds-background-disabled, hsla(260,11%,95%,1)); --lns-themeLight-color-formFieldBorder: var(--ds-border-input, hsla(260,11%,85%,1)); --lns-themeLight-color-formFieldBackground: var(--ds-background-input, hsla(0,0%,100%,1)); --lns-themeLight-color-buttonBorder: var(--ds-border, hsla(252,13%,46%,0.25)); --lns-themeLight-color-upgrade: var(--ds-background-discovery, hsla(206,100%,93%,1)); --lns-themeLight-color-upgradeHover: var(--ds-background-discovery-hovered, hsla(206,100%,85%,1)); --lns-themeLight-color-upgradeActive: var(--ds-background-discovery-pressed, hsla(206,100%,77%,1)); --lns-themeLight-color-tabBackground: var(--ds-background-neutral, hsla(252,13%,46%,0.15)); --lns-themeLight-color-discoveryBackground: var(--ds-background-discovery, hsla(206,100%,93%,1)); --lns-themeLight-color-discoveryLightBackground: var(--ds-background-discovery, hsla(206,100%,97%,1)); --lns-themeLight-color-discoveryTitle: var(--ds-text, hsla(0,0%,13%,1)); --lns-themeLight-color-discoveryHighlight: var(--ds-background-discovery, hsla(206,100%,77%,0.3)); --lns-themeDark-color-primary: hsla(242,87%,73%,1); --lns-themeDark-color-primaryHover: hsla(242,88.4%,56.3%,1); --lns-themeDark-color-primaryActive: hsla(242,88.4%,45.3%,1); --lns-themeDark-color-body: var(--ds-text, hsla(240,7%,97%,1)); --lns-themeDark-color-bodyDimmed: var(--ds-text-subtlest, hsla(240,7%,62%,1)); --lns-themeDark-color-bodyInverse: var(--ds-text-inverse, hsla(240,3%,13%,1)); --lns-themeDark-color-background: var(--ds-surface, hsla(0,0%,13%,1)); --lns-themeDark-color-backgroundHover: var(--ds-background-neutral-subtle-hovered, hsla(0,0%,100%,0.1)); --lns-themeDark-color-backgroundActive: var(--ds-background-neutral-subtle-pressed, hsla(0,0%,100%,0.2)); --lns-themeDark-color-backgroundSecondary: var(--ds-surface-sunken, hsla(0,0%,100%,0.04)); --lns-themeDark-color-backgroundSecondary2: var(--ds-surface-sunken, hsla(45,13%,44%,0.2)); --lns-themeDark-color-backgroundInverse: var(--ds-background-neutral-bold, hsla(225,4%,82%,1)); --lns-themeDark-color-overlay: var(--ds-surface-overlay, hsla(0,0%,20%,1)); --lns-themeDark-color-border: var(--ds-border, hsla(259,12%,75%,0.2)); --lns-themeDark-color-focusRing: hsla(242,88.4%,66.3%,0.8); --lns-themeDark-color-record: hsla(11,100%,62.2%,1); --lns-themeDark-color-recordHover: hsla(11,100%,52.2%,1); --lns-themeDark-color-recordActive: hsla(11,100%,42.2%,1); --lns-themeDark-color-info: var(--ds-background-information-bold, hsla(206,100%,73.3%,1)); --lns-themeDark-color-success: var(--ds-background-accent-green-bolder, hsla(180,51.4%,51.6%,1)); --lns-themeDark-color-warning: var(--ds-background-warning-bold, hsla(39,100%,68%,1)); --lns-themeDark-color-danger: var(--ds-background-danger-bold, hsla(11,80%,45%,1)); --lns-themeDark-color-dangerHover: var(--ds-background-danger-bold-hovered, hsla(11,80%,38%,1)); --lns-themeDark-color-dangerActive: var(--ds-background-danger-bold-pressed, hsla(11,80%,31%,1)); --lns-themeDark-color-backdrop: var(--ds-blanket, hsla(0,0%,13%,0.5)); --lns-themeDark-color-backdropDark: hsla(0,0%,13%,0.9); --lns-themeDark-color-backdropTwilight: hsla(245,44.8%,46.9%,0.8); --lns-themeDark-color-disabledContent: var(--ds-text-disabled, hsla(240,7%,62%,1)); --lns-themeDark-color-highlight: hsla(240,83.3%,66.3%,0.15); --lns-themeDark-color-disabledBackground: var(--ds-background-disabled, hsla(252,13%,23%,1)); --lns-themeDark-color-formFieldBorder: var(--ds-border-input, hsla(252,13%,46%,1)); --lns-themeDark-color-formFieldBackground: var(--ds-background-input, hsla(0,0%,13%,1)); --lns-themeDark-color-buttonBorder: var(--ds-border, hsla(0,0%,100%,0.25)); --lns-themeDark-color-upgrade: var(--ds-background-discovery, hsla(206,92%,81%,1)); --lns-themeDark-color-upgradeHover: var(--ds-background-discovery-hovered, hsla(206,92%,74%,1)); --lns-themeDark-color-upgradeActive: var(--ds-background-discovery-pressed, hsla(206,92%,67%,1)); --lns-themeDark-color-tabBackground: var(--ds-background-neutral, hsla(0,0%,100%,0.15)); --lns-themeDark-color-discoveryBackground: var(--ds-background-discovery, hsla(206,92%,81%,1)); --lns-themeDark-color-discoveryLightBackground: var(--ds-background-discovery, hsla(0,0%,13%,1)); --lns-themeDark-color-discoveryTitle: var(--ds-text, hsla(206,100%,73.3%,1)); --lns-themeDark-color-discoveryHighlight: var(--ds-background-discovery, hsla(206,100%,77%,0.3)); --lns-gradient-ai-primary: radial-gradient(134.96% 884.49% at 119.29% 112.58%, #DC43BE 0%, #565ADD 70%); --lns-gradient-ai-secondary: radial-gradient(100% 138.41% at 100% 100%, #EFF0FF 0%, #FFFFFF 100%); } .c\:red { color: var(--lns-color-red); } .c\:blurpleLight { color: var(--lns-color-blurpleLight); } .c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .c\:blurple { color: var(--lns-color-blurple); } .c\:blurpleDark { color: var(--lns-color-blurpleDark); } .c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .c\:offWhite { color: var(--lns-color-offWhite); } .c\:blueLight { color: var(--lns-color-blueLight); } .c\:blue { color: var(--lns-color-blue); } .c\:blueDark { color: var(--lns-color-blueDark); } .c\:orangeLight { color: var(--lns-color-orangeLight); } .c\:orange { color: var(--lns-color-orange); } .c\:orangeDark { color: var(--lns-color-orangeDark); } .c\:tealLight { color: var(--lns-color-tealLight); } .c\:teal { color: var(--lns-color-teal); } .c\:tealDark { color: var(--lns-color-tealDark); } .c\:yellowLight { color: var(--lns-color-yellowLight); } .c\:yellow { color: var(--lns-color-yellow); } .c\:yellowDark { color: var(--lns-color-yellowDark); } .c\:grey8 { color: var(--lns-color-grey8); } .c\:grey7 { color: var(--lns-color-grey7); } .c\:grey6 { color: var(--lns-color-grey6); } .c\:grey5 { color: var(--lns-color-grey5); } .c\:grey4 { color: var(--lns-color-grey4); } .c\:grey3 { color: var(--lns-color-grey3); } .c\:grey2 { color: var(--lns-color-grey2); } .c\:grey1 { color: var(--lns-color-grey1); } .c\:white { color: var(--lns-color-white); } .c\:primary { color: var(--lns-color-primary); } .c\:primaryHover { color: var(--lns-color-primaryHover); } .c\:primaryActive { color: var(--lns-color-primaryActive); } .c\:body { color: var(--lns-color-body); } .c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .c\:bodyInverse { color: var(--lns-color-bodyInverse); } .c\:background { color: var(--lns-color-background); } .c\:backgroundHover { color: var(--lns-color-backgroundHover); } .c\:backgroundActive { color: var(--lns-color-backgroundActive); } .c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .c\:overlay { color: var(--lns-color-overlay); } .c\:border { color: var(--lns-color-border); } .c\:focusRing { color: var(--lns-color-focusRing); } .c\:record { color: var(--lns-color-record); } .c\:recordHover { color: var(--lns-color-recordHover); } .c\:recordActive { color: var(--lns-color-recordActive); } .c\:info { color: var(--lns-color-info); } .c\:success { color: var(--lns-color-success); } .c\:warning { color: var(--lns-color-warning); } .c\:danger { color: var(--lns-color-danger); } .c\:dangerHover { color: var(--lns-color-dangerHover); } .c\:dangerActive { color: var(--lns-color-dangerActive); } .c\:backdrop { color: var(--lns-color-backdrop); } .c\:backdropDark { color: var(--lns-color-backdropDark); } .c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .c\:disabledContent { color: var(--lns-color-disabledContent); } .c\:highlight { color: var(--lns-color-highlight); } .c\:disabledBackground { color: var(--lns-color-disabledBackground); } .c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .c\:buttonBorder { color: var(--lns-color-buttonBorder); } .c\:upgrade { color: var(--lns-color-upgrade); } .c\:upgradeHover { color: var(--lns-color-upgradeHover); } .c\:upgradeActive { color: var(--lns-color-upgradeActive); } .c\:tabBackground { color: var(--lns-color-tabBackground); } .c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .shadow\:small { box-shadow: var(--lns-shadow-small); } .shadow\:medium { box-shadow: var(--lns-shadow-medium); } .shadow\:large { box-shadow: var(--lns-shadow-large); } .radius\:50 { border-radius: var(--lns-radius-50); } .radius\:100 { border-radius: var(--lns-radius-100); } .radius\:150 { border-radius: var(--lns-radius-150); } .radius\:175 { border-radius: var(--lns-radius-175); } .radius\:200 { border-radius: var(--lns-radius-200); } .radius\:250 { border-radius: var(--lns-radius-250); } .radius\:300 { border-radius: var(--lns-radius-300); } .radius\:none { border-radius: var(--lns-radius-none); } .radius\:medium { border-radius: var(--lns-radius-medium); } .radius\:large { border-radius: var(--lns-radius-large); } .radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .radius\:round { border-radius: var(--lns-radius-round); } .radius\:full { border-radius: var(--lns-radius-full); } .bgc\:red { background-color: var(--lns-color-red); } .bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .bgc\:blurple { background-color: var(--lns-color-blurple); } .bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .bgc\:offWhite { background-color: var(--lns-color-offWhite); } .bgc\:blueLight { background-color: var(--lns-color-blueLight); } .bgc\:blue { background-color: var(--lns-color-blue); } .bgc\:blueDark { background-color: var(--lns-color-blueDark); } .bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .bgc\:orange { background-color: var(--lns-color-orange); } .bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .bgc\:tealLight { background-color: var(--lns-color-tealLight); } .bgc\:teal { background-color: var(--lns-color-teal); } .bgc\:tealDark { background-color: var(--lns-color-tealDark); } .bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .bgc\:yellow { background-color: var(--lns-color-yellow); } .bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .bgc\:grey8 { background-color: var(--lns-color-grey8); } .bgc\:grey7 { background-color: var(--lns-color-grey7); } .bgc\:grey6 { background-color: var(--lns-color-grey6); } .bgc\:grey5 { background-color: var(--lns-color-grey5); } .bgc\:grey4 { background-color: var(--lns-color-grey4); } .bgc\:grey3 { background-color: var(--lns-color-grey3); } .bgc\:grey2 { background-color: var(--lns-color-grey2); } .bgc\:grey1 { background-color: var(--lns-color-grey1); } .bgc\:white { background-color: var(--lns-color-white); } .bgc\:primary { background-color: var(--lns-color-primary); } .bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .bgc\:body { background-color: var(--lns-color-body); } .bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .bgc\:background { background-color: var(--lns-color-background); } .bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .bgc\:overlay { background-color: var(--lns-color-overlay); } .bgc\:border { background-color: var(--lns-color-border); } .bgc\:focusRing { background-color: var(--lns-color-focusRing); } .bgc\:record { background-color: var(--lns-color-record); } .bgc\:recordHover { background-color: var(--lns-color-recordHover); } .bgc\:recordActive { background-color: var(--lns-color-recordActive); } .bgc\:info { background-color: var(--lns-color-info); } .bgc\:success { background-color: var(--lns-color-success); } .bgc\:warning { background-color: var(--lns-color-warning); } .bgc\:danger { background-color: var(--lns-color-danger); } .bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .bgc\:backdrop { background-color: var(--lns-color-backdrop); } .bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .bgc\:highlight { background-color: var(--lns-color-highlight); } .bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .bgc\:upgrade { background-color: var(--lns-color-upgrade); } .bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .m\:0 { margin: 0px; } .m\:auto { margin: auto; } .m\:xsmall { margin: var(--lns-space-xsmall); } .m\:small { margin: var(--lns-space-small); } .m\:medium { margin: var(--lns-space-medium); } .m\:large { margin: var(--lns-space-large); } .m\:xlarge { margin: var(--lns-space-xlarge); } .m\:xxlarge { margin: var(--lns-space-xxlarge); } .mt\:0 { margin-top: 0px; } .mt\:auto { margin-top: auto; } .mt\:xsmall { margin-top: var(--lns-space-xsmall); } .mt\:small { margin-top: var(--lns-space-small); } .mt\:medium { margin-top: var(--lns-space-medium); } .mt\:large { margin-top: var(--lns-space-large); } .mt\:xlarge { margin-top: var(--lns-space-xlarge); } .mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .mb\:0 { margin-bottom: 0px; } .mb\:auto { margin-bottom: auto; } .mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .mb\:small { margin-bottom: var(--lns-space-small); } .mb\:medium { margin-bottom: var(--lns-space-medium); } .mb\:large { margin-bottom: var(--lns-space-large); } .mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .ml\:0 { margin-left: 0px; } .ml\:auto { margin-left: auto; } .ml\:xsmall { margin-left: var(--lns-space-xsmall); } .ml\:small { margin-left: var(--lns-space-small); } .ml\:medium { margin-left: var(--lns-space-medium); } .ml\:large { margin-left: var(--lns-space-large); } .ml\:xlarge { margin-left: var(--lns-space-xlarge); } .ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .mr\:0 { margin-right: 0px; } .mr\:auto { margin-right: auto; } .mr\:xsmall { margin-right: var(--lns-space-xsmall); } .mr\:small { margin-right: var(--lns-space-small); } .mr\:medium { margin-right: var(--lns-space-medium); } .mr\:large { margin-right: var(--lns-space-large); } .mr\:xlarge { margin-right: var(--lns-space-xlarge); } .mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .mx\:0 { margin-left: 0px; margin-right: 0px; } .mx\:auto { margin-left: auto; margin-right: auto; } .mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .my\:0 { margin-top: 0px; margin-bottom: 0px; } .my\:auto { margin-top: auto; margin-bottom: auto; } .my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .p\:0 { padding: 0px; } .p\:xsmall { padding: var(--lns-space-xsmall); } .p\:small { padding: var(--lns-space-small); } .p\:medium { padding: var(--lns-space-medium); } .p\:large { padding: var(--lns-space-large); } .p\:xlarge { padding: var(--lns-space-xlarge); } .p\:xxlarge { padding: var(--lns-space-xxlarge); } .pt\:0 { padding-top: 0px; } .pt\:xsmall { padding-top: var(--lns-space-xsmall); } .pt\:small { padding-top: var(--lns-space-small); } .pt\:medium { padding-top: var(--lns-space-medium); } .pt\:large { padding-top: var(--lns-space-large); } .pt\:xlarge { padding-top: var(--lns-space-xlarge); } .pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .pb\:0 { padding-bottom: 0px; } .pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .pb\:small { padding-bottom: var(--lns-space-small); } .pb\:medium { padding-bottom: var(--lns-space-medium); } .pb\:large { padding-bottom: var(--lns-space-large); } .pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .pl\:0 { padding-left: 0px; } .pl\:xsmall { padding-left: var(--lns-space-xsmall); } .pl\:small { padding-left: var(--lns-space-small); } .pl\:medium { padding-left: var(--lns-space-medium); } .pl\:large { padding-left: var(--lns-space-large); } .pl\:xlarge { padding-left: var(--lns-space-xlarge); } .pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .pr\:0 { padding-right: 0px; } .pr\:xsmall { padding-right: var(--lns-space-xsmall); } .pr\:small { padding-right: var(--lns-space-small); } .pr\:medium { padding-right: var(--lns-space-medium); } .pr\:large { padding-right: var(--lns-space-large); } .pr\:xlarge { padding-right: var(--lns-space-xlarge); } .pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .px\:0 { padding-left: 0px; padding-right: 0px; } .px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .py\:0 { padding-top: 0px; padding-bottom: 0px; } .py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .weight\:book { font-weight: var(--lns-fontWeight-book); } .weight\:regular { font-weight: var(--lns-fontWeight-regular); } .weight\:medium { font-weight: var(--lns-fontWeight-medium); } .weight\:bold { font-weight: var(--lns-fontWeight-bold); } .text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .text\:left { text-align: left; } .text\:right { text-align: right; } .text\:center { text-align: center; } .border { border: 1px solid var(--lns-color-border); } .borderTop { border-top: 1px solid var(--lns-color-border); } .borderBottom { border-bottom: 1px solid var(--lns-color-border); } .borderLeft { border-left: 1px solid var(--lns-color-border); } .borderRight { border-right: 1px solid var(--lns-color-border); } .inline { display: inline; } .block { display: block; } .flex { display: flex; } .inlineBlock { display: inline-block; } .inlineFlex { display: inline-flex; } .none { display: none; } .flexWrap { flex-wrap: wrap; } .flexDirection\:column { flex-direction: column; } .flexDirection\:row { flex-direction: row; } .items\:stretch { align-items: stretch; } .items\:center { align-items: center; } .items\:baseline { align-items: baseline; } .items\:flexStart { align-items: flex-start; } .items\:flexEnd { align-items: flex-end; } .items\:selfStart { align-items: self-start; } .items\:selfEnd { align-items: self-end; } .justify\:flexStart { justify-content: flex-start; } .justify\:flexEnd { justify-content: flex-end; } .justify\:center { justify-content: center; } .justify\:spaceBetween { justify-content: space-between; } .justify\:spaceAround { justify-content: space-around; } .justify\:spaceEvenly { justify-content: space-evenly; } .grow\:0 { flex-grow: 0; } .grow\:1 { flex-grow: 1; } .shrink\:0 { flex-shrink: 0; } .shrink\:1 { flex-shrink: 1; } .self\:auto { align-self: auto; } .self\:flexStart { align-self: flex-start; } .self\:flexEnd { align-self: flex-end; } .self\:center { align-self: center; } .self\:baseline { align-self: baseline; } .self\:stretch { align-self: stretch; } .overflow\:hidden { overflow: hidden; } .overflow\:auto { overflow: auto; } .relative { position: relative; } .absolute { position: absolute; } .sticky { position: sticky; } .fixed { position: fixed; } .top\:0 { top: 0px; } .top\:auto { top: auto; } .top\:xsmall { top: var(--lns-space-xsmall); } .top\:small { top: var(--lns-space-small); } .top\:medium { top: var(--lns-space-medium); } .top\:large { top: var(--lns-space-large); } .top\:xlarge { top: var(--lns-space-xlarge); } .top\:xxlarge { top: var(--lns-space-xxlarge); } .bottom\:0 { bottom: 0px; } .bottom\:auto { bottom: auto; } .bottom\:xsmall { bottom: var(--lns-space-xsmall); } .bottom\:small { bottom: var(--lns-space-small); } .bottom\:medium { bottom: var(--lns-space-medium); } .bottom\:large { bottom: var(--lns-space-large); } .bottom\:xlarge { bottom: var(--lns-space-xlarge); } .bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .left\:0 { left: 0px; } .left\:auto { left: auto; } .left\:xsmall { left: var(--lns-space-xsmall); } .left\:small { left: var(--lns-space-small); } .left\:medium { left: var(--lns-space-medium); } .left\:large { left: var(--lns-space-large); } .left\:xlarge { left: var(--lns-space-xlarge); } .left\:xxlarge { left: var(--lns-space-xxlarge); } .right\:0 { right: 0px; } .right\:auto { right: auto; } .right\:xsmall { right: var(--lns-space-xsmall); } .right\:small { right: var(--lns-space-small); } .right\:medium { right: var(--lns-space-medium); } .right\:large { right: var(--lns-space-large); } .right\:xlarge { right: var(--lns-space-xlarge); } .right\:xxlarge { right: var(--lns-space-xxlarge); } .width\:auto { width: auto; } .width\:full { width: 100%; } .width\:0 { width: 0px; } .minWidth\:0 { min-width: 0px; } .height\:auto { height: auto; } .height\:full { height: 100%; } .height\:0 { height: 0px; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } @media (min-width: 31em) { .xs-c\:red { color: var(--lns-color-red); } .xs-c\:blurpleLight { color: var(--lns-color-blurpleLight); } .xs-c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .xs-c\:blurple { color: var(--lns-color-blurple); } .xs-c\:blurpleDark { color: var(--lns-color-blurpleDark); } .xs-c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .xs-c\:offWhite { color: var(--lns-color-offWhite); } .xs-c\:blueLight { color: var(--lns-color-blueLight); } .xs-c\:blue { color: var(--lns-color-blue); } .xs-c\:blueDark { color: var(--lns-color-blueDark); } .xs-c\:orangeLight { color: var(--lns-color-orangeLight); } .xs-c\:orange { color: var(--lns-color-orange); } .xs-c\:orangeDark { color: var(--lns-color-orangeDark); } .xs-c\:tealLight { color: var(--lns-color-tealLight); } .xs-c\:teal { color: var(--lns-color-teal); } .xs-c\:tealDark { color: var(--lns-color-tealDark); } .xs-c\:yellowLight { color: var(--lns-color-yellowLight); } .xs-c\:yellow { color: var(--lns-color-yellow); } .xs-c\:yellowDark { color: var(--lns-color-yellowDark); } .xs-c\:grey8 { color: var(--lns-color-grey8); } .xs-c\:grey7 { color: var(--lns-color-grey7); } .xs-c\:grey6 { color: var(--lns-color-grey6); } .xs-c\:grey5 { color: var(--lns-color-grey5); } .xs-c\:grey4 { color: var(--lns-color-grey4); } .xs-c\:grey3 { color: var(--lns-color-grey3); } .xs-c\:grey2 { color: var(--lns-color-grey2); } .xs-c\:grey1 { color: var(--lns-color-grey1); } .xs-c\:white { color: var(--lns-color-white); } .xs-c\:primary { color: var(--lns-color-primary); } .xs-c\:primaryHover { color: var(--lns-color-primaryHover); } .xs-c\:primaryActive { color: var(--lns-color-primaryActive); } .xs-c\:body { color: var(--lns-color-body); } .xs-c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .xs-c\:bodyInverse { color: var(--lns-color-bodyInverse); } .xs-c\:background { color: var(--lns-color-background); } .xs-c\:backgroundHover { color: var(--lns-color-backgroundHover); } .xs-c\:backgroundActive { color: var(--lns-color-backgroundActive); } .xs-c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .xs-c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .xs-c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .xs-c\:overlay { color: var(--lns-color-overlay); } .xs-c\:border { color: var(--lns-color-border); } .xs-c\:focusRing { color: var(--lns-color-focusRing); } .xs-c\:record { color: var(--lns-color-record); } .xs-c\:recordHover { color: var(--lns-color-recordHover); } .xs-c\:recordActive { color: var(--lns-color-recordActive); } .xs-c\:info { color: var(--lns-color-info); } .xs-c\:success { color: var(--lns-color-success); } .xs-c\:warning { color: var(--lns-color-warning); } .xs-c\:danger { color: var(--lns-color-danger); } .xs-c\:dangerHover { color: var(--lns-color-dangerHover); } .xs-c\:dangerActive { color: var(--lns-color-dangerActive); } .xs-c\:backdrop { color: var(--lns-color-backdrop); } .xs-c\:backdropDark { color: var(--lns-color-backdropDark); } .xs-c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .xs-c\:disabledContent { color: var(--lns-color-disabledContent); } .xs-c\:highlight { color: var(--lns-color-highlight); } .xs-c\:disabledBackground { color: var(--lns-color-disabledBackground); } .xs-c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .xs-c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .xs-c\:buttonBorder { color: var(--lns-color-buttonBorder); } .xs-c\:upgrade { color: var(--lns-color-upgrade); } .xs-c\:upgradeHover { color: var(--lns-color-upgradeHover); } .xs-c\:upgradeActive { color: var(--lns-color-upgradeActive); } .xs-c\:tabBackground { color: var(--lns-color-tabBackground); } .xs-c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .xs-c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .xs-c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .xs-c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .xs-shadow\:small { box-shadow: var(--lns-shadow-small); } .xs-shadow\:medium { box-shadow: var(--lns-shadow-medium); } .xs-shadow\:large { box-shadow: var(--lns-shadow-large); } .xs-radius\:50 { border-radius: var(--lns-radius-50); } .xs-radius\:100 { border-radius: var(--lns-radius-100); } .xs-radius\:150 { border-radius: var(--lns-radius-150); } .xs-radius\:175 { border-radius: var(--lns-radius-175); } .xs-radius\:200 { border-radius: var(--lns-radius-200); } .xs-radius\:250 { border-radius: var(--lns-radius-250); } .xs-radius\:300 { border-radius: var(--lns-radius-300); } .xs-radius\:none { border-radius: var(--lns-radius-none); } .xs-radius\:medium { border-radius: var(--lns-radius-medium); } .xs-radius\:large { border-radius: var(--lns-radius-large); } .xs-radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .xs-radius\:round { border-radius: var(--lns-radius-round); } .xs-radius\:full { border-radius: var(--lns-radius-full); } .xs-bgc\:red { background-color: var(--lns-color-red); } .xs-bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .xs-bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .xs-bgc\:blurple { background-color: var(--lns-color-blurple); } .xs-bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .xs-bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .xs-bgc\:offWhite { background-color: var(--lns-color-offWhite); } .xs-bgc\:blueLight { background-color: var(--lns-color-blueLight); } .xs-bgc\:blue { background-color: var(--lns-color-blue); } .xs-bgc\:blueDark { background-color: var(--lns-color-blueDark); } .xs-bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .xs-bgc\:orange { background-color: var(--lns-color-orange); } .xs-bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .xs-bgc\:tealLight { background-color: var(--lns-color-tealLight); } .xs-bgc\:teal { background-color: var(--lns-color-teal); } .xs-bgc\:tealDark { background-color: var(--lns-color-tealDark); } .xs-bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .xs-bgc\:yellow { background-color: var(--lns-color-yellow); } .xs-bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .xs-bgc\:grey8 { background-color: var(--lns-color-grey8); } .xs-bgc\:grey7 { background-color: var(--lns-color-grey7); } .xs-bgc\:grey6 { background-color: var(--lns-color-grey6); } .xs-bgc\:grey5 { background-color: var(--lns-color-grey5); } .xs-bgc\:grey4 { background-color: var(--lns-color-grey4); } .xs-bgc\:grey3 { background-color: var(--lns-color-grey3); } .xs-bgc\:grey2 { background-color: var(--lns-color-grey2); } .xs-bgc\:grey1 { background-color: var(--lns-color-grey1); } .xs-bgc\:white { background-color: var(--lns-color-white); } .xs-bgc\:primary { background-color: var(--lns-color-primary); } .xs-bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .xs-bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .xs-bgc\:body { background-color: var(--lns-color-body); } .xs-bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .xs-bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .xs-bgc\:background { background-color: var(--lns-color-background); } .xs-bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .xs-bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .xs-bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .xs-bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .xs-bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .xs-bgc\:overlay { background-color: var(--lns-color-overlay); } .xs-bgc\:border { background-color: var(--lns-color-border); } .xs-bgc\:focusRing { background-color: var(--lns-color-focusRing); } .xs-bgc\:record { background-color: var(--lns-color-record); } .xs-bgc\:recordHover { background-color: var(--lns-color-recordHover); } .xs-bgc\:recordActive { background-color: var(--lns-color-recordActive); } .xs-bgc\:info { background-color: var(--lns-color-info); } .xs-bgc\:success { background-color: var(--lns-color-success); } .xs-bgc\:warning { background-color: var(--lns-color-warning); } .xs-bgc\:danger { background-color: var(--lns-color-danger); } .xs-bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .xs-bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .xs-bgc\:backdrop { background-color: var(--lns-color-backdrop); } .xs-bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .xs-bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .xs-bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .xs-bgc\:highlight { background-color: var(--lns-color-highlight); } .xs-bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .xs-bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .xs-bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .xs-bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .xs-bgc\:upgrade { background-color: var(--lns-color-upgrade); } .xs-bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .xs-bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .xs-bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .xs-bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .xs-bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .xs-bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .xs-bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .xs-m\:0 { margin: 0px; } .xs-m\:auto { margin: auto; } .xs-m\:xsmall { margin: var(--lns-space-xsmall); } .xs-m\:small { margin: var(--lns-space-small); } .xs-m\:medium { margin: var(--lns-space-medium); } .xs-m\:large { margin: var(--lns-space-large); } .xs-m\:xlarge { margin: var(--lns-space-xlarge); } .xs-m\:xxlarge { margin: var(--lns-space-xxlarge); } .xs-mt\:0 { margin-top: 0px; } .xs-mt\:auto { margin-top: auto; } .xs-mt\:xsmall { margin-top: var(--lns-space-xsmall); } .xs-mt\:small { margin-top: var(--lns-space-small); } .xs-mt\:medium { margin-top: var(--lns-space-medium); } .xs-mt\:large { margin-top: var(--lns-space-large); } .xs-mt\:xlarge { margin-top: var(--lns-space-xlarge); } .xs-mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .xs-mb\:0 { margin-bottom: 0px; } .xs-mb\:auto { margin-bottom: auto; } .xs-mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .xs-mb\:small { margin-bottom: var(--lns-space-small); } .xs-mb\:medium { margin-bottom: var(--lns-space-medium); } .xs-mb\:large { margin-bottom: var(--lns-space-large); } .xs-mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .xs-mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .xs-ml\:0 { margin-left: 0px; } .xs-ml\:auto { margin-left: auto; } .xs-ml\:xsmall { margin-left: var(--lns-space-xsmall); } .xs-ml\:small { margin-left: var(--lns-space-small); } .xs-ml\:medium { margin-left: var(--lns-space-medium); } .xs-ml\:large { margin-left: var(--lns-space-large); } .xs-ml\:xlarge { margin-left: var(--lns-space-xlarge); } .xs-ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .xs-mr\:0 { margin-right: 0px; } .xs-mr\:auto { margin-right: auto; } .xs-mr\:xsmall { margin-right: var(--lns-space-xsmall); } .xs-mr\:small { margin-right: var(--lns-space-small); } .xs-mr\:medium { margin-right: var(--lns-space-medium); } .xs-mr\:large { margin-right: var(--lns-space-large); } .xs-mr\:xlarge { margin-right: var(--lns-space-xlarge); } .xs-mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .xs-mx\:0 { margin-left: 0px; margin-right: 0px; } .xs-mx\:auto { margin-left: auto; margin-right: auto; } .xs-mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .xs-mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .xs-mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .xs-mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .xs-mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .xs-mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .xs-my\:0 { margin-top: 0px; margin-bottom: 0px; } .xs-my\:auto { margin-top: auto; margin-bottom: auto; } .xs-my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .xs-my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .xs-my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .xs-my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .xs-my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .xs-my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .xs-p\:0 { padding: 0px; } .xs-p\:xsmall { padding: var(--lns-space-xsmall); } .xs-p\:small { padding: var(--lns-space-small); } .xs-p\:medium { padding: var(--lns-space-medium); } .xs-p\:large { padding: var(--lns-space-large); } .xs-p\:xlarge { padding: var(--lns-space-xlarge); } .xs-p\:xxlarge { padding: var(--lns-space-xxlarge); } .xs-pt\:0 { padding-top: 0px; } .xs-pt\:xsmall { padding-top: var(--lns-space-xsmall); } .xs-pt\:small { padding-top: var(--lns-space-small); } .xs-pt\:medium { padding-top: var(--lns-space-medium); } .xs-pt\:large { padding-top: var(--lns-space-large); } .xs-pt\:xlarge { padding-top: var(--lns-space-xlarge); } .xs-pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .xs-pb\:0 { padding-bottom: 0px; } .xs-pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .xs-pb\:small { padding-bottom: var(--lns-space-small); } .xs-pb\:medium { padding-bottom: var(--lns-space-medium); } .xs-pb\:large { padding-bottom: var(--lns-space-large); } .xs-pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .xs-pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .xs-pl\:0 { padding-left: 0px; } .xs-pl\:xsmall { padding-left: var(--lns-space-xsmall); } .xs-pl\:small { padding-left: var(--lns-space-small); } .xs-pl\:medium { padding-left: var(--lns-space-medium); } .xs-pl\:large { padding-left: var(--lns-space-large); } .xs-pl\:xlarge { padding-left: var(--lns-space-xlarge); } .xs-pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .xs-pr\:0 { padding-right: 0px; } .xs-pr\:xsmall { padding-right: var(--lns-space-xsmall); } .xs-pr\:small { padding-right: var(--lns-space-small); } .xs-pr\:medium { padding-right: var(--lns-space-medium); } .xs-pr\:large { padding-right: var(--lns-space-large); } .xs-pr\:xlarge { padding-right: var(--lns-space-xlarge); } .xs-pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .xs-px\:0 { padding-left: 0px; padding-right: 0px; } .xs-px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .xs-px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .xs-px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .xs-px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .xs-px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .xs-px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .xs-py\:0 { padding-top: 0px; padding-bottom: 0px; } .xs-py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .xs-py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .xs-py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .xs-py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .xs-py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .xs-py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .xs-text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .xs-text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .xs-text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .xs-text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .xs-text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .xs-text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .xs-text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .xs-text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .xs-text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .xs-text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .xs-text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .xs-text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .xs-weight\:book { font-weight: var(--lns-fontWeight-book); } .xs-weight\:regular { font-weight: var(--lns-fontWeight-regular); } .xs-weight\:medium { font-weight: var(--lns-fontWeight-medium); } .xs-weight\:bold { font-weight: var(--lns-fontWeight-bold); } .xs-text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .xs-text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .xs-text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .xs-text\:left { text-align: left; } .xs-text\:right { text-align: right; } .xs-text\:center { text-align: center; } .xs-border { border: 1px solid var(--lns-color-border); } .xs-borderTop { border-top: 1px solid var(--lns-color-border); } .xs-borderBottom { border-bottom: 1px solid var(--lns-color-border); } .xs-borderLeft { border-left: 1px solid var(--lns-color-border); } .xs-borderRight { border-right: 1px solid var(--lns-color-border); } .xs-inline { display: inline; } .xs-block { display: block; } .xs-flex { display: flex; } .xs-inlineBlock { display: inline-block; } .xs-inlineFlex { display: inline-flex; } .xs-none { display: none; } .xs-flexWrap { flex-wrap: wrap; } .xs-flexDirection\:column { flex-direction: column; } .xs-flexDirection\:row { flex-direction: row; } .xs-items\:stretch { align-items: stretch; } .xs-items\:center { align-items: center; } .xs-items\:baseline { align-items: baseline; } .xs-items\:flexStart { align-items: flex-start; } .xs-items\:flexEnd { align-items: flex-end; } .xs-items\:selfStart { align-items: self-start; } .xs-items\:selfEnd { align-items: self-end; } .xs-justify\:flexStart { justify-content: flex-start; } .xs-justify\:flexEnd { justify-content: flex-end; } .xs-justify\:center { justify-content: center; } .xs-justify\:spaceBetween { justify-content: space-between; } .xs-justify\:spaceAround { justify-content: space-around; } .xs-justify\:spaceEvenly { justify-content: space-evenly; } .xs-grow\:0 { flex-grow: 0; } .xs-grow\:1 { flex-grow: 1; } .xs-shrink\:0 { flex-shrink: 0; } .xs-shrink\:1 { flex-shrink: 1; } .xs-self\:auto { align-self: auto; } .xs-self\:flexStart { align-self: flex-start; } .xs-self\:flexEnd { align-self: flex-end; } .xs-self\:center { align-self: center; } .xs-self\:baseline { align-self: baseline; } .xs-self\:stretch { align-self: stretch; } .xs-overflow\:hidden { overflow: hidden; } .xs-overflow\:auto { overflow: auto; } .xs-relative { position: relative; } .xs-absolute { position: absolute; } .xs-sticky { position: sticky; } .xs-fixed { position: fixed; } .xs-top\:0 { top: 0px; } .xs-top\:auto { top: auto; } .xs-top\:xsmall { top: var(--lns-space-xsmall); } .xs-top\:small { top: var(--lns-space-small); } .xs-top\:medium { top: var(--lns-space-medium); } .xs-top\:large { top: var(--lns-space-large); } .xs-top\:xlarge { top: var(--lns-space-xlarge); } .xs-top\:xxlarge { top: var(--lns-space-xxlarge); } .xs-bottom\:0 { bottom: 0px; } .xs-bottom\:auto { bottom: auto; } .xs-bottom\:xsmall { bottom: var(--lns-space-xsmall); } .xs-bottom\:small { bottom: var(--lns-space-small); } .xs-bottom\:medium { bottom: var(--lns-space-medium); } .xs-bottom\:large { bottom: var(--lns-space-large); } .xs-bottom\:xlarge { bottom: var(--lns-space-xlarge); } .xs-bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .xs-left\:0 { left: 0px; } .xs-left\:auto { left: auto; } .xs-left\:xsmall { left: var(--lns-space-xsmall); } .xs-left\:small { left: var(--lns-space-small); } .xs-left\:medium { left: var(--lns-space-medium); } .xs-left\:large { left: var(--lns-space-large); } .xs-left\:xlarge { left: var(--lns-space-xlarge); } .xs-left\:xxlarge { left: var(--lns-space-xxlarge); } .xs-right\:0 { right: 0px; } .xs-right\:auto { right: auto; } .xs-right\:xsmall { right: var(--lns-space-xsmall); } .xs-right\:small { right: var(--lns-space-small); } .xs-right\:medium { right: var(--lns-space-medium); } .xs-right\:large { right: var(--lns-space-large); } .xs-right\:xlarge { right: var(--lns-space-xlarge); } .xs-right\:xxlarge { right: var(--lns-space-xxlarge); } .xs-width\:auto { width: auto; } .xs-width\:full { width: 100%; } .xs-width\:0 { width: 0px; } .xs-minWidth\:0 { min-width: 0px; } .xs-height\:auto { height: auto; } .xs-height\:full { height: 100%; } .xs-height\:0 { height: 0px; } .xs-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xs-srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } } @media (min-width: 48em) { .sm-c\:red { color: var(--lns-color-red); } .sm-c\:blurpleLight { color: var(--lns-color-blurpleLight); } .sm-c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .sm-c\:blurple { color: var(--lns-color-blurple); } .sm-c\:blurpleDark { color: var(--lns-color-blurpleDark); } .sm-c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .sm-c\:offWhite { color: var(--lns-color-offWhite); } .sm-c\:blueLight { color: var(--lns-color-blueLight); } .sm-c\:blue { color: var(--lns-color-blue); } .sm-c\:blueDark { color: var(--lns-color-blueDark); } .sm-c\:orangeLight { color: var(--lns-color-orangeLight); } .sm-c\:orange { color: var(--lns-color-orange); } .sm-c\:orangeDark { color: var(--lns-color-orangeDark); } .sm-c\:tealLight { color: var(--lns-color-tealLight); } .sm-c\:teal { color: var(--lns-color-teal); } .sm-c\:tealDark { color: var(--lns-color-tealDark); } .sm-c\:yellowLight { color: var(--lns-color-yellowLight); } .sm-c\:yellow { color: var(--lns-color-yellow); } .sm-c\:yellowDark { color: var(--lns-color-yellowDark); } .sm-c\:grey8 { color: var(--lns-color-grey8); } .sm-c\:grey7 { color: var(--lns-color-grey7); } .sm-c\:grey6 { color: var(--lns-color-grey6); } .sm-c\:grey5 { color: var(--lns-color-grey5); } .sm-c\:grey4 { color: var(--lns-color-grey4); } .sm-c\:grey3 { color: var(--lns-color-grey3); } .sm-c\:grey2 { color: var(--lns-color-grey2); } .sm-c\:grey1 { color: var(--lns-color-grey1); } .sm-c\:white { color: var(--lns-color-white); } .sm-c\:primary { color: var(--lns-color-primary); } .sm-c\:primaryHover { color: var(--lns-color-primaryHover); } .sm-c\:primaryActive { color: var(--lns-color-primaryActive); } .sm-c\:body { color: var(--lns-color-body); } .sm-c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .sm-c\:bodyInverse { color: var(--lns-color-bodyInverse); } .sm-c\:background { color: var(--lns-color-background); } .sm-c\:backgroundHover { color: var(--lns-color-backgroundHover); } .sm-c\:backgroundActive { color: var(--lns-color-backgroundActive); } .sm-c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .sm-c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .sm-c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .sm-c\:overlay { color: var(--lns-color-overlay); } .sm-c\:border { color: var(--lns-color-border); } .sm-c\:focusRing { color: var(--lns-color-focusRing); } .sm-c\:record { color: var(--lns-color-record); } .sm-c\:recordHover { color: var(--lns-color-recordHover); } .sm-c\:recordActive { color: var(--lns-color-recordActive); } .sm-c\:info { color: var(--lns-color-info); } .sm-c\:success { color: var(--lns-color-success); } .sm-c\:warning { color: var(--lns-color-warning); } .sm-c\:danger { color: var(--lns-color-danger); } .sm-c\:dangerHover { color: var(--lns-color-dangerHover); } .sm-c\:dangerActive { color: var(--lns-color-dangerActive); } .sm-c\:backdrop { color: var(--lns-color-backdrop); } .sm-c\:backdropDark { color: var(--lns-color-backdropDark); } .sm-c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .sm-c\:disabledContent { color: var(--lns-color-disabledContent); } .sm-c\:highlight { color: var(--lns-color-highlight); } .sm-c\:disabledBackground { color: var(--lns-color-disabledBackground); } .sm-c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .sm-c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .sm-c\:buttonBorder { color: var(--lns-color-buttonBorder); } .sm-c\:upgrade { color: var(--lns-color-upgrade); } .sm-c\:upgradeHover { color: var(--lns-color-upgradeHover); } .sm-c\:upgradeActive { color: var(--lns-color-upgradeActive); } .sm-c\:tabBackground { color: var(--lns-color-tabBackground); } .sm-c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .sm-c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .sm-c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .sm-c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .sm-shadow\:small { box-shadow: var(--lns-shadow-small); } .sm-shadow\:medium { box-shadow: var(--lns-shadow-medium); } .sm-shadow\:large { box-shadow: var(--lns-shadow-large); } .sm-radius\:50 { border-radius: var(--lns-radius-50); } .sm-radius\:100 { border-radius: var(--lns-radius-100); } .sm-radius\:150 { border-radius: var(--lns-radius-150); } .sm-radius\:175 { border-radius: var(--lns-radius-175); } .sm-radius\:200 { border-radius: var(--lns-radius-200); } .sm-radius\:250 { border-radius: var(--lns-radius-250); } .sm-radius\:300 { border-radius: var(--lns-radius-300); } .sm-radius\:none { border-radius: var(--lns-radius-none); } .sm-radius\:medium { border-radius: var(--lns-radius-medium); } .sm-radius\:large { border-radius: var(--lns-radius-large); } .sm-radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .sm-radius\:round { border-radius: var(--lns-radius-round); } .sm-radius\:full { border-radius: var(--lns-radius-full); } .sm-bgc\:red { background-color: var(--lns-color-red); } .sm-bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .sm-bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .sm-bgc\:blurple { background-color: var(--lns-color-blurple); } .sm-bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .sm-bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .sm-bgc\:offWhite { background-color: var(--lns-color-offWhite); } .sm-bgc\:blueLight { background-color: var(--lns-color-blueLight); } .sm-bgc\:blue { background-color: var(--lns-color-blue); } .sm-bgc\:blueDark { background-color: var(--lns-color-blueDark); } .sm-bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .sm-bgc\:orange { background-color: var(--lns-color-orange); } .sm-bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .sm-bgc\:tealLight { background-color: var(--lns-color-tealLight); } .sm-bgc\:teal { background-color: var(--lns-color-teal); } .sm-bgc\:tealDark { background-color: var(--lns-color-tealDark); } .sm-bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .sm-bgc\:yellow { background-color: var(--lns-color-yellow); } .sm-bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .sm-bgc\:grey8 { background-color: var(--lns-color-grey8); } .sm-bgc\:grey7 { background-color: var(--lns-color-grey7); } .sm-bgc\:grey6 { background-color: var(--lns-color-grey6); } .sm-bgc\:grey5 { background-color: var(--lns-color-grey5); } .sm-bgc\:grey4 { background-color: var(--lns-color-grey4); } .sm-bgc\:grey3 { background-color: var(--lns-color-grey3); } .sm-bgc\:grey2 { background-color: var(--lns-color-grey2); } .sm-bgc\:grey1 { background-color: var(--lns-color-grey1); } .sm-bgc\:white { background-color: var(--lns-color-white); } .sm-bgc\:primary { background-color: var(--lns-color-primary); } .sm-bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .sm-bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .sm-bgc\:body { background-color: var(--lns-color-body); } .sm-bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .sm-bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .sm-bgc\:background { background-color: var(--lns-color-background); } .sm-bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .sm-bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .sm-bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .sm-bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .sm-bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .sm-bgc\:overlay { background-color: var(--lns-color-overlay); } .sm-bgc\:border { background-color: var(--lns-color-border); } .sm-bgc\:focusRing { background-color: var(--lns-color-focusRing); } .sm-bgc\:record { background-color: var(--lns-color-record); } .sm-bgc\:recordHover { background-color: var(--lns-color-recordHover); } .sm-bgc\:recordActive { background-color: var(--lns-color-recordActive); } .sm-bgc\:info { background-color: var(--lns-color-info); } .sm-bgc\:success { background-color: var(--lns-color-success); } .sm-bgc\:warning { background-color: var(--lns-color-warning); } .sm-bgc\:danger { background-color: var(--lns-color-danger); } .sm-bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .sm-bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .sm-bgc\:backdrop { background-color: var(--lns-color-backdrop); } .sm-bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .sm-bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .sm-bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .sm-bgc\:highlight { background-color: var(--lns-color-highlight); } .sm-bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .sm-bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .sm-bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .sm-bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .sm-bgc\:upgrade { background-color: var(--lns-color-upgrade); } .sm-bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .sm-bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .sm-bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .sm-bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .sm-bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .sm-bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .sm-bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .sm-m\:0 { margin: 0px; } .sm-m\:auto { margin: auto; } .sm-m\:xsmall { margin: var(--lns-space-xsmall); } .sm-m\:small { margin: var(--lns-space-small); } .sm-m\:medium { margin: var(--lns-space-medium); } .sm-m\:large { margin: var(--lns-space-large); } .sm-m\:xlarge { margin: var(--lns-space-xlarge); } .sm-m\:xxlarge { margin: var(--lns-space-xxlarge); } .sm-mt\:0 { margin-top: 0px; } .sm-mt\:auto { margin-top: auto; } .sm-mt\:xsmall { margin-top: var(--lns-space-xsmall); } .sm-mt\:small { margin-top: var(--lns-space-small); } .sm-mt\:medium { margin-top: var(--lns-space-medium); } .sm-mt\:large { margin-top: var(--lns-space-large); } .sm-mt\:xlarge { margin-top: var(--lns-space-xlarge); } .sm-mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .sm-mb\:0 { margin-bottom: 0px; } .sm-mb\:auto { margin-bottom: auto; } .sm-mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .sm-mb\:small { margin-bottom: var(--lns-space-small); } .sm-mb\:medium { margin-bottom: var(--lns-space-medium); } .sm-mb\:large { margin-bottom: var(--lns-space-large); } .sm-mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .sm-mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .sm-ml\:0 { margin-left: 0px; } .sm-ml\:auto { margin-left: auto; } .sm-ml\:xsmall { margin-left: var(--lns-space-xsmall); } .sm-ml\:small { margin-left: var(--lns-space-small); } .sm-ml\:medium { margin-left: var(--lns-space-medium); } .sm-ml\:large { margin-left: var(--lns-space-large); } .sm-ml\:xlarge { margin-left: var(--lns-space-xlarge); } .sm-ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .sm-mr\:0 { margin-right: 0px; } .sm-mr\:auto { margin-right: auto; } .sm-mr\:xsmall { margin-right: var(--lns-space-xsmall); } .sm-mr\:small { margin-right: var(--lns-space-small); } .sm-mr\:medium { margin-right: var(--lns-space-medium); } .sm-mr\:large { margin-right: var(--lns-space-large); } .sm-mr\:xlarge { margin-right: var(--lns-space-xlarge); } .sm-mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .sm-mx\:0 { margin-left: 0px; margin-right: 0px; } .sm-mx\:auto { margin-left: auto; margin-right: auto; } .sm-mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .sm-mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .sm-mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .sm-mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .sm-mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .sm-mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .sm-my\:0 { margin-top: 0px; margin-bottom: 0px; } .sm-my\:auto { margin-top: auto; margin-bottom: auto; } .sm-my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .sm-my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .sm-my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .sm-my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .sm-my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .sm-my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .sm-p\:0 { padding: 0px; } .sm-p\:xsmall { padding: var(--lns-space-xsmall); } .sm-p\:small { padding: var(--lns-space-small); } .sm-p\:medium { padding: var(--lns-space-medium); } .sm-p\:large { padding: var(--lns-space-large); } .sm-p\:xlarge { padding: var(--lns-space-xlarge); } .sm-p\:xxlarge { padding: var(--lns-space-xxlarge); } .sm-pt\:0 { padding-top: 0px; } .sm-pt\:xsmall { padding-top: var(--lns-space-xsmall); } .sm-pt\:small { padding-top: var(--lns-space-small); } .sm-pt\:medium { padding-top: var(--lns-space-medium); } .sm-pt\:large { padding-top: var(--lns-space-large); } .sm-pt\:xlarge { padding-top: var(--lns-space-xlarge); } .sm-pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .sm-pb\:0 { padding-bottom: 0px; } .sm-pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .sm-pb\:small { padding-bottom: var(--lns-space-small); } .sm-pb\:medium { padding-bottom: var(--lns-space-medium); } .sm-pb\:large { padding-bottom: var(--lns-space-large); } .sm-pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .sm-pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .sm-pl\:0 { padding-left: 0px; } .sm-pl\:xsmall { padding-left: var(--lns-space-xsmall); } .sm-pl\:small { padding-left: var(--lns-space-small); } .sm-pl\:medium { padding-left: var(--lns-space-medium); } .sm-pl\:large { padding-left: var(--lns-space-large); } .sm-pl\:xlarge { padding-left: var(--lns-space-xlarge); } .sm-pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .sm-pr\:0 { padding-right: 0px; } .sm-pr\:xsmall { padding-right: var(--lns-space-xsmall); } .sm-pr\:small { padding-right: var(--lns-space-small); } .sm-pr\:medium { padding-right: var(--lns-space-medium); } .sm-pr\:large { padding-right: var(--lns-space-large); } .sm-pr\:xlarge { padding-right: var(--lns-space-xlarge); } .sm-pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .sm-px\:0 { padding-left: 0px; padding-right: 0px; } .sm-px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .sm-px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .sm-px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .sm-px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .sm-px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .sm-px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .sm-py\:0 { padding-top: 0px; padding-bottom: 0px; } .sm-py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .sm-py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .sm-py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .sm-py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .sm-py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .sm-py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .sm-text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .sm-text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .sm-text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .sm-text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .sm-text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .sm-text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .sm-text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .sm-text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .sm-text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .sm-text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .sm-text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .sm-text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .sm-weight\:book { font-weight: var(--lns-fontWeight-book); } .sm-weight\:regular { font-weight: var(--lns-fontWeight-regular); } .sm-weight\:medium { font-weight: var(--lns-fontWeight-medium); } .sm-weight\:bold { font-weight: var(--lns-fontWeight-bold); } .sm-text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .sm-text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .sm-text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .sm-text\:left { text-align: left; } .sm-text\:right { text-align: right; } .sm-text\:center { text-align: center; } .sm-border { border: 1px solid var(--lns-color-border); } .sm-borderTop { border-top: 1px solid var(--lns-color-border); } .sm-borderBottom { border-bottom: 1px solid var(--lns-color-border); } .sm-borderLeft { border-left: 1px solid var(--lns-color-border); } .sm-borderRight { border-right: 1px solid var(--lns-color-border); } .sm-inline { display: inline; } .sm-block { display: block; } .sm-flex { display: flex; } .sm-inlineBlock { display: inline-block; } .sm-inlineFlex { display: inline-flex; } .sm-none { display: none; } .sm-flexWrap { flex-wrap: wrap; } .sm-flexDirection\:column { flex-direction: column; } .sm-flexDirection\:row { flex-direction: row; } .sm-items\:stretch { align-items: stretch; } .sm-items\:center { align-items: center; } .sm-items\:baseline { align-items: baseline; } .sm-items\:flexStart { align-items: flex-start; } .sm-items\:flexEnd { align-items: flex-end; } .sm-items\:selfStart { align-items: self-start; } .sm-items\:selfEnd { align-items: self-end; } .sm-justify\:flexStart { justify-content: flex-start; } .sm-justify\:flexEnd { justify-content: flex-end; } .sm-justify\:center { justify-content: center; } .sm-justify\:spaceBetween { justify-content: space-between; } .sm-justify\:spaceAround { justify-content: space-around; } .sm-justify\:spaceEvenly { justify-content: space-evenly; } .sm-grow\:0 { flex-grow: 0; } .sm-grow\:1 { flex-grow: 1; } .sm-shrink\:0 { flex-shrink: 0; } .sm-shrink\:1 { flex-shrink: 1; } .sm-self\:auto { align-self: auto; } .sm-self\:flexStart { align-self: flex-start; } .sm-self\:flexEnd { align-self: flex-end; } .sm-self\:center { align-self: center; } .sm-self\:baseline { align-self: baseline; } .sm-self\:stretch { align-self: stretch; } .sm-overflow\:hidden { overflow: hidden; } .sm-overflow\:auto { overflow: auto; } .sm-relative { position: relative; } .sm-absolute { position: absolute; } .sm-sticky { position: sticky; } .sm-fixed { position: fixed; } .sm-top\:0 { top: 0px; } .sm-top\:auto { top: auto; } .sm-top\:xsmall { top: var(--lns-space-xsmall); } .sm-top\:small { top: var(--lns-space-small); } .sm-top\:medium { top: var(--lns-space-medium); } .sm-top\:large { top: var(--lns-space-large); } .sm-top\:xlarge { top: var(--lns-space-xlarge); } .sm-top\:xxlarge { top: var(--lns-space-xxlarge); } .sm-bottom\:0 { bottom: 0px; } .sm-bottom\:auto { bottom: auto; } .sm-bottom\:xsmall { bottom: var(--lns-space-xsmall); } .sm-bottom\:small { bottom: var(--lns-space-small); } .sm-bottom\:medium { bottom: var(--lns-space-medium); } .sm-bottom\:large { bottom: var(--lns-space-large); } .sm-bottom\:xlarge { bottom: var(--lns-space-xlarge); } .sm-bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .sm-left\:0 { left: 0px; } .sm-left\:auto { left: auto; } .sm-left\:xsmall { left: var(--lns-space-xsmall); } .sm-left\:small { left: var(--lns-space-small); } .sm-left\:medium { left: var(--lns-space-medium); } .sm-left\:large { left: var(--lns-space-large); } .sm-left\:xlarge { left: var(--lns-space-xlarge); } .sm-left\:xxlarge { left: var(--lns-space-xxlarge); } .sm-right\:0 { right: 0px; } .sm-right\:auto { right: auto; } .sm-right\:xsmall { right: var(--lns-space-xsmall); } .sm-right\:small { right: var(--lns-space-small); } .sm-right\:medium { right: var(--lns-space-medium); } .sm-right\:large { right: var(--lns-space-large); } .sm-right\:xlarge { right: var(--lns-space-xlarge); } .sm-right\:xxlarge { right: var(--lns-space-xxlarge); } .sm-width\:auto { width: auto; } .sm-width\:full { width: 100%; } .sm-width\:0 { width: 0px; } .sm-minWidth\:0 { min-width: 0px; } .sm-height\:auto { height: auto; } .sm-height\:full { height: 100%; } .sm-height\:0 { height: 0px; } .sm-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sm-srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } } @media (min-width: 64em) { .md-c\:red { color: var(--lns-color-red); } .md-c\:blurpleLight { color: var(--lns-color-blurpleLight); } .md-c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .md-c\:blurple { color: var(--lns-color-blurple); } .md-c\:blurpleDark { color: var(--lns-color-blurpleDark); } .md-c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .md-c\:offWhite { color: var(--lns-color-offWhite); } .md-c\:blueLight { color: var(--lns-color-blueLight); } .md-c\:blue { color: var(--lns-color-blue); } .md-c\:blueDark { color: var(--lns-color-blueDark); } .md-c\:orangeLight { color: var(--lns-color-orangeLight); } .md-c\:orange { color: var(--lns-color-orange); } .md-c\:orangeDark { color: var(--lns-color-orangeDark); } .md-c\:tealLight { color: var(--lns-color-tealLight); } .md-c\:teal { color: var(--lns-color-teal); } .md-c\:tealDark { color: var(--lns-color-tealDark); } .md-c\:yellowLight { color: var(--lns-color-yellowLight); } .md-c\:yellow { color: var(--lns-color-yellow); } .md-c\:yellowDark { color: var(--lns-color-yellowDark); } .md-c\:grey8 { color: var(--lns-color-grey8); } .md-c\:grey7 { color: var(--lns-color-grey7); } .md-c\:grey6 { color: var(--lns-color-grey6); } .md-c\:grey5 { color: var(--lns-color-grey5); } .md-c\:grey4 { color: var(--lns-color-grey4); } .md-c\:grey3 { color: var(--lns-color-grey3); } .md-c\:grey2 { color: var(--lns-color-grey2); } .md-c\:grey1 { color: var(--lns-color-grey1); } .md-c\:white { color: var(--lns-color-white); } .md-c\:primary { color: var(--lns-color-primary); } .md-c\:primaryHover { color: var(--lns-color-primaryHover); } .md-c\:primaryActive { color: var(--lns-color-primaryActive); } .md-c\:body { color: var(--lns-color-body); } .md-c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .md-c\:bodyInverse { color: var(--lns-color-bodyInverse); } .md-c\:background { color: var(--lns-color-background); } .md-c\:backgroundHover { color: var(--lns-color-backgroundHover); } .md-c\:backgroundActive { color: var(--lns-color-backgroundActive); } .md-c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .md-c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .md-c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .md-c\:overlay { color: var(--lns-color-overlay); } .md-c\:border { color: var(--lns-color-border); } .md-c\:focusRing { color: var(--lns-color-focusRing); } .md-c\:record { color: var(--lns-color-record); } .md-c\:recordHover { color: var(--lns-color-recordHover); } .md-c\:recordActive { color: var(--lns-color-recordActive); } .md-c\:info { color: var(--lns-color-info); } .md-c\:success { color: var(--lns-color-success); } .md-c\:warning { color: var(--lns-color-warning); } .md-c\:danger { color: var(--lns-color-danger); } .md-c\:dangerHover { color: var(--lns-color-dangerHover); } .md-c\:dangerActive { color: var(--lns-color-dangerActive); } .md-c\:backdrop { color: var(--lns-color-backdrop); } .md-c\:backdropDark { color: var(--lns-color-backdropDark); } .md-c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .md-c\:disabledContent { color: var(--lns-color-disabledContent); } .md-c\:highlight { color: var(--lns-color-highlight); } .md-c\:disabledBackground { color: var(--lns-color-disabledBackground); } .md-c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .md-c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .md-c\:buttonBorder { color: var(--lns-color-buttonBorder); } .md-c\:upgrade { color: var(--lns-color-upgrade); } .md-c\:upgradeHover { color: var(--lns-color-upgradeHover); } .md-c\:upgradeActive { color: var(--lns-color-upgradeActive); } .md-c\:tabBackground { color: var(--lns-color-tabBackground); } .md-c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .md-c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .md-c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .md-c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .md-shadow\:small { box-shadow: var(--lns-shadow-small); } .md-shadow\:medium { box-shadow: var(--lns-shadow-medium); } .md-shadow\:large { box-shadow: var(--lns-shadow-large); } .md-radius\:50 { border-radius: var(--lns-radius-50); } .md-radius\:100 { border-radius: var(--lns-radius-100); } .md-radius\:150 { border-radius: var(--lns-radius-150); } .md-radius\:175 { border-radius: var(--lns-radius-175); } .md-radius\:200 { border-radius: var(--lns-radius-200); } .md-radius\:250 { border-radius: var(--lns-radius-250); } .md-radius\:300 { border-radius: var(--lns-radius-300); } .md-radius\:none { border-radius: var(--lns-radius-none); } .md-radius\:medium { border-radius: var(--lns-radius-medium); } .md-radius\:large { border-radius: var(--lns-radius-large); } .md-radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .md-radius\:round { border-radius: var(--lns-radius-round); } .md-radius\:full { border-radius: var(--lns-radius-full); } .md-bgc\:red { background-color: var(--lns-color-red); } .md-bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .md-bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .md-bgc\:blurple { background-color: var(--lns-color-blurple); } .md-bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .md-bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .md-bgc\:offWhite { background-color: var(--lns-color-offWhite); } .md-bgc\:blueLight { background-color: var(--lns-color-blueLight); } .md-bgc\:blue { background-color: var(--lns-color-blue); } .md-bgc\:blueDark { background-color: var(--lns-color-blueDark); } .md-bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .md-bgc\:orange { background-color: var(--lns-color-orange); } .md-bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .md-bgc\:tealLight { background-color: var(--lns-color-tealLight); } .md-bgc\:teal { background-color: var(--lns-color-teal); } .md-bgc\:tealDark { background-color: var(--lns-color-tealDark); } .md-bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .md-bgc\:yellow { background-color: var(--lns-color-yellow); } .md-bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .md-bgc\:grey8 { background-color: var(--lns-color-grey8); } .md-bgc\:grey7 { background-color: var(--lns-color-grey7); } .md-bgc\:grey6 { background-color: var(--lns-color-grey6); } .md-bgc\:grey5 { background-color: var(--lns-color-grey5); } .md-bgc\:grey4 { background-color: var(--lns-color-grey4); } .md-bgc\:grey3 { background-color: var(--lns-color-grey3); } .md-bgc\:grey2 { background-color: var(--lns-color-grey2); } .md-bgc\:grey1 { background-color: var(--lns-color-grey1); } .md-bgc\:white { background-color: var(--lns-color-white); } .md-bgc\:primary { background-color: var(--lns-color-primary); } .md-bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .md-bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .md-bgc\:body { background-color: var(--lns-color-body); } .md-bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .md-bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .md-bgc\:background { background-color: var(--lns-color-background); } .md-bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .md-bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .md-bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .md-bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .md-bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .md-bgc\:overlay { background-color: var(--lns-color-overlay); } .md-bgc\:border { background-color: var(--lns-color-border); } .md-bgc\:focusRing { background-color: var(--lns-color-focusRing); } .md-bgc\:record { background-color: var(--lns-color-record); } .md-bgc\:recordHover { background-color: var(--lns-color-recordHover); } .md-bgc\:recordActive { background-color: var(--lns-color-recordActive); } .md-bgc\:info { background-color: var(--lns-color-info); } .md-bgc\:success { background-color: var(--lns-color-success); } .md-bgc\:warning { background-color: var(--lns-color-warning); } .md-bgc\:danger { background-color: var(--lns-color-danger); } .md-bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .md-bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .md-bgc\:backdrop { background-color: var(--lns-color-backdrop); } .md-bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .md-bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .md-bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .md-bgc\:highlight { background-color: var(--lns-color-highlight); } .md-bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .md-bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .md-bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .md-bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .md-bgc\:upgrade { background-color: var(--lns-color-upgrade); } .md-bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .md-bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .md-bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .md-bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .md-bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .md-bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .md-bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .md-m\:0 { margin: 0px; } .md-m\:auto { margin: auto; } .md-m\:xsmall { margin: var(--lns-space-xsmall); } .md-m\:small { margin: var(--lns-space-small); } .md-m\:medium { margin: var(--lns-space-medium); } .md-m\:large { margin: var(--lns-space-large); } .md-m\:xlarge { margin: var(--lns-space-xlarge); } .md-m\:xxlarge { margin: var(--lns-space-xxlarge); } .md-mt\:0 { margin-top: 0px; } .md-mt\:auto { margin-top: auto; } .md-mt\:xsmall { margin-top: var(--lns-space-xsmall); } .md-mt\:small { margin-top: var(--lns-space-small); } .md-mt\:medium { margin-top: var(--lns-space-medium); } .md-mt\:large { margin-top: var(--lns-space-large); } .md-mt\:xlarge { margin-top: var(--lns-space-xlarge); } .md-mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .md-mb\:0 { margin-bottom: 0px; } .md-mb\:auto { margin-bottom: auto; } .md-mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .md-mb\:small { margin-bottom: var(--lns-space-small); } .md-mb\:medium { margin-bottom: var(--lns-space-medium); } .md-mb\:large { margin-bottom: var(--lns-space-large); } .md-mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .md-mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .md-ml\:0 { margin-left: 0px; } .md-ml\:auto { margin-left: auto; } .md-ml\:xsmall { margin-left: var(--lns-space-xsmall); } .md-ml\:small { margin-left: var(--lns-space-small); } .md-ml\:medium { margin-left: var(--lns-space-medium); } .md-ml\:large { margin-left: var(--lns-space-large); } .md-ml\:xlarge { margin-left: var(--lns-space-xlarge); } .md-ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .md-mr\:0 { margin-right: 0px; } .md-mr\:auto { margin-right: auto; } .md-mr\:xsmall { margin-right: var(--lns-space-xsmall); } .md-mr\:small { margin-right: var(--lns-space-small); } .md-mr\:medium { margin-right: var(--lns-space-medium); } .md-mr\:large { margin-right: var(--lns-space-large); } .md-mr\:xlarge { margin-right: var(--lns-space-xlarge); } .md-mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .md-mx\:0 { margin-left: 0px; margin-right: 0px; } .md-mx\:auto { margin-left: auto; margin-right: auto; } .md-mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .md-mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .md-mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .md-mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .md-mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .md-mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .md-my\:0 { margin-top: 0px; margin-bottom: 0px; } .md-my\:auto { margin-top: auto; margin-bottom: auto; } .md-my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .md-my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .md-my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .md-my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .md-my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .md-my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .md-p\:0 { padding: 0px; } .md-p\:xsmall { padding: var(--lns-space-xsmall); } .md-p\:small { padding: var(--lns-space-small); } .md-p\:medium { padding: var(--lns-space-medium); } .md-p\:large { padding: var(--lns-space-large); } .md-p\:xlarge { padding: var(--lns-space-xlarge); } .md-p\:xxlarge { padding: var(--lns-space-xxlarge); } .md-pt\:0 { padding-top: 0px; } .md-pt\:xsmall { padding-top: var(--lns-space-xsmall); } .md-pt\:small { padding-top: var(--lns-space-small); } .md-pt\:medium { padding-top: var(--lns-space-medium); } .md-pt\:large { padding-top: var(--lns-space-large); } .md-pt\:xlarge { padding-top: var(--lns-space-xlarge); } .md-pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .md-pb\:0 { padding-bottom: 0px; } .md-pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .md-pb\:small { padding-bottom: var(--lns-space-small); } .md-pb\:medium { padding-bottom: var(--lns-space-medium); } .md-pb\:large { padding-bottom: var(--lns-space-large); } .md-pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .md-pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .md-pl\:0 { padding-left: 0px; } .md-pl\:xsmall { padding-left: var(--lns-space-xsmall); } .md-pl\:small { padding-left: var(--lns-space-small); } .md-pl\:medium { padding-left: var(--lns-space-medium); } .md-pl\:large { padding-left: var(--lns-space-large); } .md-pl\:xlarge { padding-left: var(--lns-space-xlarge); } .md-pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .md-pr\:0 { padding-right: 0px; } .md-pr\:xsmall { padding-right: var(--lns-space-xsmall); } .md-pr\:small { padding-right: var(--lns-space-small); } .md-pr\:medium { padding-right: var(--lns-space-medium); } .md-pr\:large { padding-right: var(--lns-space-large); } .md-pr\:xlarge { padding-right: var(--lns-space-xlarge); } .md-pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .md-px\:0 { padding-left: 0px; padding-right: 0px; } .md-px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .md-px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .md-px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .md-px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .md-px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .md-px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .md-py\:0 { padding-top: 0px; padding-bottom: 0px; } .md-py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .md-py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .md-py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .md-py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .md-py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .md-py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .md-text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .md-text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .md-text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .md-text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .md-text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .md-text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .md-text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .md-text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .md-text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .md-text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .md-text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .md-text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .md-weight\:book { font-weight: var(--lns-fontWeight-book); } .md-weight\:regular { font-weight: var(--lns-fontWeight-regular); } .md-weight\:medium { font-weight: var(--lns-fontWeight-medium); } .md-weight\:bold { font-weight: var(--lns-fontWeight-bold); } .md-text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .md-text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .md-text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .md-text\:left { text-align: left; } .md-text\:right { text-align: right; } .md-text\:center { text-align: center; } .md-border { border: 1px solid var(--lns-color-border); } .md-borderTop { border-top: 1px solid var(--lns-color-border); } .md-borderBottom { border-bottom: 1px solid var(--lns-color-border); } .md-borderLeft { border-left: 1px solid var(--lns-color-border); } .md-borderRight { border-right: 1px solid var(--lns-color-border); } .md-inline { display: inline; } .md-block { display: block; } .md-flex { display: flex; } .md-inlineBlock { display: inline-block; } .md-inlineFlex { display: inline-flex; } .md-none { display: none; } .md-flexWrap { flex-wrap: wrap; } .md-flexDirection\:column { flex-direction: column; } .md-flexDirection\:row { flex-direction: row; } .md-items\:stretch { align-items: stretch; } .md-items\:center { align-items: center; } .md-items\:baseline { align-items: baseline; } .md-items\:flexStart { align-items: flex-start; } .md-items\:flexEnd { align-items: flex-end; } .md-items\:selfStart { align-items: self-start; } .md-items\:selfEnd { align-items: self-end; } .md-justify\:flexStart { justify-content: flex-start; } .md-justify\:flexEnd { justify-content: flex-end; } .md-justify\:center { justify-content: center; } .md-justify\:spaceBetween { justify-content: space-between; } .md-justify\:spaceAround { justify-content: space-around; } .md-justify\:spaceEvenly { justify-content: space-evenly; } .md-grow\:0 { flex-grow: 0; } .md-grow\:1 { flex-grow: 1; } .md-shrink\:0 { flex-shrink: 0; } .md-shrink\:1 { flex-shrink: 1; } .md-self\:auto { align-self: auto; } .md-self\:flexStart { align-self: flex-start; } .md-self\:flexEnd { align-self: flex-end; } .md-self\:center { align-self: center; } .md-self\:baseline { align-self: baseline; } .md-self\:stretch { align-self: stretch; } .md-overflow\:hidden { overflow: hidden; } .md-overflow\:auto { overflow: auto; } .md-relative { position: relative; } .md-absolute { position: absolute; } .md-sticky { position: sticky; } .md-fixed { position: fixed; } .md-top\:0 { top: 0px; } .md-top\:auto { top: auto; } .md-top\:xsmall { top: var(--lns-space-xsmall); } .md-top\:small { top: var(--lns-space-small); } .md-top\:medium { top: var(--lns-space-medium); } .md-top\:large { top: var(--lns-space-large); } .md-top\:xlarge { top: var(--lns-space-xlarge); } .md-top\:xxlarge { top: var(--lns-space-xxlarge); } .md-bottom\:0 { bottom: 0px; } .md-bottom\:auto { bottom: auto; } .md-bottom\:xsmall { bottom: var(--lns-space-xsmall); } .md-bottom\:small { bottom: var(--lns-space-small); } .md-bottom\:medium { bottom: var(--lns-space-medium); } .md-bottom\:large { bottom: var(--lns-space-large); } .md-bottom\:xlarge { bottom: var(--lns-space-xlarge); } .md-bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .md-left\:0 { left: 0px; } .md-left\:auto { left: auto; } .md-left\:xsmall { left: var(--lns-space-xsmall); } .md-left\:small { left: var(--lns-space-small); } .md-left\:medium { left: var(--lns-space-medium); } .md-left\:large { left: var(--lns-space-large); } .md-left\:xlarge { left: var(--lns-space-xlarge); } .md-left\:xxlarge { left: var(--lns-space-xxlarge); } .md-right\:0 { right: 0px; } .md-right\:auto { right: auto; } .md-right\:xsmall { right: var(--lns-space-xsmall); } .md-right\:small { right: var(--lns-space-small); } .md-right\:medium { right: var(--lns-space-medium); } .md-right\:large { right: var(--lns-space-large); } .md-right\:xlarge { right: var(--lns-space-xlarge); } .md-right\:xxlarge { right: var(--lns-space-xxlarge); } .md-width\:auto { width: auto; } .md-width\:full { width: 100%; } .md-width\:0 { width: 0px; } .md-minWidth\:0 { min-width: 0px; } .md-height\:auto { height: auto; } .md-height\:full { height: 100%; } .md-height\:0 { height: 0px; } .md-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .md-srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } } @media (min-width: 75em) { .lg-c\:red { color: var(--lns-color-red); } .lg-c\:blurpleLight { color: var(--lns-color-blurpleLight); } .lg-c\:blurpleMedium { color: var(--lns-color-blurpleMedium); } .lg-c\:blurple { color: var(--lns-color-blurple); } .lg-c\:blurpleDark { color: var(--lns-color-blurpleDark); } .lg-c\:blurpleStrong { color: var(--lns-color-blurpleStrong); } .lg-c\:offWhite { color: var(--lns-color-offWhite); } .lg-c\:blueLight { color: var(--lns-color-blueLight); } .lg-c\:blue { color: var(--lns-color-blue); } .lg-c\:blueDark { color: var(--lns-color-blueDark); } .lg-c\:orangeLight { color: var(--lns-color-orangeLight); } .lg-c\:orange { color: var(--lns-color-orange); } .lg-c\:orangeDark { color: var(--lns-color-orangeDark); } .lg-c\:tealLight { color: var(--lns-color-tealLight); } .lg-c\:teal { color: var(--lns-color-teal); } .lg-c\:tealDark { color: var(--lns-color-tealDark); } .lg-c\:yellowLight { color: var(--lns-color-yellowLight); } .lg-c\:yellow { color: var(--lns-color-yellow); } .lg-c\:yellowDark { color: var(--lns-color-yellowDark); } .lg-c\:grey8 { color: var(--lns-color-grey8); } .lg-c\:grey7 { color: var(--lns-color-grey7); } .lg-c\:grey6 { color: var(--lns-color-grey6); } .lg-c\:grey5 { color: var(--lns-color-grey5); } .lg-c\:grey4 { color: var(--lns-color-grey4); } .lg-c\:grey3 { color: var(--lns-color-grey3); } .lg-c\:grey2 { color: var(--lns-color-grey2); } .lg-c\:grey1 { color: var(--lns-color-grey1); } .lg-c\:white { color: var(--lns-color-white); } .lg-c\:primary { color: var(--lns-color-primary); } .lg-c\:primaryHover { color: var(--lns-color-primaryHover); } .lg-c\:primaryActive { color: var(--lns-color-primaryActive); } .lg-c\:body { color: var(--lns-color-body); } .lg-c\:bodyDimmed { color: var(--lns-color-bodyDimmed); } .lg-c\:bodyInverse { color: var(--lns-color-bodyInverse); } .lg-c\:background { color: var(--lns-color-background); } .lg-c\:backgroundHover { color: var(--lns-color-backgroundHover); } .lg-c\:backgroundActive { color: var(--lns-color-backgroundActive); } .lg-c\:backgroundSecondary { color: var(--lns-color-backgroundSecondary); } .lg-c\:backgroundSecondary2 { color: var(--lns-color-backgroundSecondary2); } .lg-c\:backgroundInverse { color: var(--lns-color-backgroundInverse); } .lg-c\:overlay { color: var(--lns-color-overlay); } .lg-c\:border { color: var(--lns-color-border); } .lg-c\:focusRing { color: var(--lns-color-focusRing); } .lg-c\:record { color: var(--lns-color-record); } .lg-c\:recordHover { color: var(--lns-color-recordHover); } .lg-c\:recordActive { color: var(--lns-color-recordActive); } .lg-c\:info { color: var(--lns-color-info); } .lg-c\:success { color: var(--lns-color-success); } .lg-c\:warning { color: var(--lns-color-warning); } .lg-c\:danger { color: var(--lns-color-danger); } .lg-c\:dangerHover { color: var(--lns-color-dangerHover); } .lg-c\:dangerActive { color: var(--lns-color-dangerActive); } .lg-c\:backdrop { color: var(--lns-color-backdrop); } .lg-c\:backdropDark { color: var(--lns-color-backdropDark); } .lg-c\:backdropTwilight { color: var(--lns-color-backdropTwilight); } .lg-c\:disabledContent { color: var(--lns-color-disabledContent); } .lg-c\:highlight { color: var(--lns-color-highlight); } .lg-c\:disabledBackground { color: var(--lns-color-disabledBackground); } .lg-c\:formFieldBorder { color: var(--lns-color-formFieldBorder); } .lg-c\:formFieldBackground { color: var(--lns-color-formFieldBackground); } .lg-c\:buttonBorder { color: var(--lns-color-buttonBorder); } .lg-c\:upgrade { color: var(--lns-color-upgrade); } .lg-c\:upgradeHover { color: var(--lns-color-upgradeHover); } .lg-c\:upgradeActive { color: var(--lns-color-upgradeActive); } .lg-c\:tabBackground { color: var(--lns-color-tabBackground); } .lg-c\:discoveryBackground { color: var(--lns-color-discoveryBackground); } .lg-c\:discoveryLightBackground { color: var(--lns-color-discoveryLightBackground); } .lg-c\:discoveryTitle { color: var(--lns-color-discoveryTitle); } .lg-c\:discoveryHighlight { color: var(--lns-color-discoveryHighlight); } .lg-shadow\:small { box-shadow: var(--lns-shadow-small); } .lg-shadow\:medium { box-shadow: var(--lns-shadow-medium); } .lg-shadow\:large { box-shadow: var(--lns-shadow-large); } .lg-radius\:50 { border-radius: var(--lns-radius-50); } .lg-radius\:100 { border-radius: var(--lns-radius-100); } .lg-radius\:150 { border-radius: var(--lns-radius-150); } .lg-radius\:175 { border-radius: var(--lns-radius-175); } .lg-radius\:200 { border-radius: var(--lns-radius-200); } .lg-radius\:250 { border-radius: var(--lns-radius-250); } .lg-radius\:300 { border-radius: var(--lns-radius-300); } .lg-radius\:none { border-radius: var(--lns-radius-none); } .lg-radius\:medium { border-radius: var(--lns-radius-medium); } .lg-radius\:large { border-radius: var(--lns-radius-large); } .lg-radius\:xlarge { border-radius: var(--lns-radius-xlarge); } .lg-radius\:round { border-radius: var(--lns-radius-round); } .lg-radius\:full { border-radius: var(--lns-radius-full); } .lg-bgc\:red { background-color: var(--lns-color-red); } .lg-bgc\:blurpleLight { background-color: var(--lns-color-blurpleLight); } .lg-bgc\:blurpleMedium { background-color: var(--lns-color-blurpleMedium); } .lg-bgc\:blurple { background-color: var(--lns-color-blurple); } .lg-bgc\:blurpleDark { background-color: var(--lns-color-blurpleDark); } .lg-bgc\:blurpleStrong { background-color: var(--lns-color-blurpleStrong); } .lg-bgc\:offWhite { background-color: var(--lns-color-offWhite); } .lg-bgc\:blueLight { background-color: var(--lns-color-blueLight); } .lg-bgc\:blue { background-color: var(--lns-color-blue); } .lg-bgc\:blueDark { background-color: var(--lns-color-blueDark); } .lg-bgc\:orangeLight { background-color: var(--lns-color-orangeLight); } .lg-bgc\:orange { background-color: var(--lns-color-orange); } .lg-bgc\:orangeDark { background-color: var(--lns-color-orangeDark); } .lg-bgc\:tealLight { background-color: var(--lns-color-tealLight); } .lg-bgc\:teal { background-color: var(--lns-color-teal); } .lg-bgc\:tealDark { background-color: var(--lns-color-tealDark); } .lg-bgc\:yellowLight { background-color: var(--lns-color-yellowLight); } .lg-bgc\:yellow { background-color: var(--lns-color-yellow); } .lg-bgc\:yellowDark { background-color: var(--lns-color-yellowDark); } .lg-bgc\:grey8 { background-color: var(--lns-color-grey8); } .lg-bgc\:grey7 { background-color: var(--lns-color-grey7); } .lg-bgc\:grey6 { background-color: var(--lns-color-grey6); } .lg-bgc\:grey5 { background-color: var(--lns-color-grey5); } .lg-bgc\:grey4 { background-color: var(--lns-color-grey4); } .lg-bgc\:grey3 { background-color: var(--lns-color-grey3); } .lg-bgc\:grey2 { background-color: var(--lns-color-grey2); } .lg-bgc\:grey1 { background-color: var(--lns-color-grey1); } .lg-bgc\:white { background-color: var(--lns-color-white); } .lg-bgc\:primary { background-color: var(--lns-color-primary); } .lg-bgc\:primaryHover { background-color: var(--lns-color-primaryHover); } .lg-bgc\:primaryActive { background-color: var(--lns-color-primaryActive); } .lg-bgc\:body { background-color: var(--lns-color-body); } .lg-bgc\:bodyDimmed { background-color: var(--lns-color-bodyDimmed); } .lg-bgc\:bodyInverse { background-color: var(--lns-color-bodyInverse); } .lg-bgc\:background { background-color: var(--lns-color-background); } .lg-bgc\:backgroundHover { background-color: var(--lns-color-backgroundHover); } .lg-bgc\:backgroundActive { background-color: var(--lns-color-backgroundActive); } .lg-bgc\:backgroundSecondary { background-color: var(--lns-color-backgroundSecondary); } .lg-bgc\:backgroundSecondary2 { background-color: var(--lns-color-backgroundSecondary2); } .lg-bgc\:backgroundInverse { background-color: var(--lns-color-backgroundInverse); } .lg-bgc\:overlay { background-color: var(--lns-color-overlay); } .lg-bgc\:border { background-color: var(--lns-color-border); } .lg-bgc\:focusRing { background-color: var(--lns-color-focusRing); } .lg-bgc\:record { background-color: var(--lns-color-record); } .lg-bgc\:recordHover { background-color: var(--lns-color-recordHover); } .lg-bgc\:recordActive { background-color: var(--lns-color-recordActive); } .lg-bgc\:info { background-color: var(--lns-color-info); } .lg-bgc\:success { background-color: var(--lns-color-success); } .lg-bgc\:warning { background-color: var(--lns-color-warning); } .lg-bgc\:danger { background-color: var(--lns-color-danger); } .lg-bgc\:dangerHover { background-color: var(--lns-color-dangerHover); } .lg-bgc\:dangerActive { background-color: var(--lns-color-dangerActive); } .lg-bgc\:backdrop { background-color: var(--lns-color-backdrop); } .lg-bgc\:backdropDark { background-color: var(--lns-color-backdropDark); } .lg-bgc\:backdropTwilight { background-color: var(--lns-color-backdropTwilight); } .lg-bgc\:disabledContent { background-color: var(--lns-color-disabledContent); } .lg-bgc\:highlight { background-color: var(--lns-color-highlight); } .lg-bgc\:disabledBackground { background-color: var(--lns-color-disabledBackground); } .lg-bgc\:formFieldBorder { background-color: var(--lns-color-formFieldBorder); } .lg-bgc\:formFieldBackground { background-color: var(--lns-color-formFieldBackground); } .lg-bgc\:buttonBorder { background-color: var(--lns-color-buttonBorder); } .lg-bgc\:upgrade { background-color: var(--lns-color-upgrade); } .lg-bgc\:upgradeHover { background-color: var(--lns-color-upgradeHover); } .lg-bgc\:upgradeActive { background-color: var(--lns-color-upgradeActive); } .lg-bgc\:tabBackground { background-color: var(--lns-color-tabBackground); } .lg-bgc\:discoveryBackground { background-color: var(--lns-color-discoveryBackground); } .lg-bgc\:discoveryLightBackground { background-color: var(--lns-color-discoveryLightBackground); } .lg-bgc\:discoveryTitle { background-color: var(--lns-color-discoveryTitle); } .lg-bgc\:discoveryHighlight { background-color: var(--lns-color-discoveryHighlight); } .lg-m\:0 { margin: 0px; } .lg-m\:auto { margin: auto; } .lg-m\:xsmall { margin: var(--lns-space-xsmall); } .lg-m\:small { margin: var(--lns-space-small); } .lg-m\:medium { margin: var(--lns-space-medium); } .lg-m\:large { margin: var(--lns-space-large); } .lg-m\:xlarge { margin: var(--lns-space-xlarge); } .lg-m\:xxlarge { margin: var(--lns-space-xxlarge); } .lg-mt\:0 { margin-top: 0px; } .lg-mt\:auto { margin-top: auto; } .lg-mt\:xsmall { margin-top: var(--lns-space-xsmall); } .lg-mt\:small { margin-top: var(--lns-space-small); } .lg-mt\:medium { margin-top: var(--lns-space-medium); } .lg-mt\:large { margin-top: var(--lns-space-large); } .lg-mt\:xlarge { margin-top: var(--lns-space-xlarge); } .lg-mt\:xxlarge { margin-top: var(--lns-space-xxlarge); } .lg-mb\:0 { margin-bottom: 0px; } .lg-mb\:auto { margin-bottom: auto; } .lg-mb\:xsmall { margin-bottom: var(--lns-space-xsmall); } .lg-mb\:small { margin-bottom: var(--lns-space-small); } .lg-mb\:medium { margin-bottom: var(--lns-space-medium); } .lg-mb\:large { margin-bottom: var(--lns-space-large); } .lg-mb\:xlarge { margin-bottom: var(--lns-space-xlarge); } .lg-mb\:xxlarge { margin-bottom: var(--lns-space-xxlarge); } .lg-ml\:0 { margin-left: 0px; } .lg-ml\:auto { margin-left: auto; } .lg-ml\:xsmall { margin-left: var(--lns-space-xsmall); } .lg-ml\:small { margin-left: var(--lns-space-small); } .lg-ml\:medium { margin-left: var(--lns-space-medium); } .lg-ml\:large { margin-left: var(--lns-space-large); } .lg-ml\:xlarge { margin-left: var(--lns-space-xlarge); } .lg-ml\:xxlarge { margin-left: var(--lns-space-xxlarge); } .lg-mr\:0 { margin-right: 0px; } .lg-mr\:auto { margin-right: auto; } .lg-mr\:xsmall { margin-right: var(--lns-space-xsmall); } .lg-mr\:small { margin-right: var(--lns-space-small); } .lg-mr\:medium { margin-right: var(--lns-space-medium); } .lg-mr\:large { margin-right: var(--lns-space-large); } .lg-mr\:xlarge { margin-right: var(--lns-space-xlarge); } .lg-mr\:xxlarge { margin-right: var(--lns-space-xxlarge); } .lg-mx\:0 { margin-left: 0px; margin-right: 0px; } .lg-mx\:auto { margin-left: auto; margin-right: auto; } .lg-mx\:xsmall { margin-left: var(--lns-space-xsmall); margin-right: var(--lns-space-xsmall); } .lg-mx\:small { margin-left: var(--lns-space-small); margin-right: var(--lns-space-small); } .lg-mx\:medium { margin-left: var(--lns-space-medium); margin-right: var(--lns-space-medium); } .lg-mx\:large { margin-left: var(--lns-space-large); margin-right: var(--lns-space-large); } .lg-mx\:xlarge { margin-left: var(--lns-space-xlarge); margin-right: var(--lns-space-xlarge); } .lg-mx\:xxlarge { margin-left: var(--lns-space-xxlarge); margin-right: var(--lns-space-xxlarge); } .lg-my\:0 { margin-top: 0px; margin-bottom: 0px; } .lg-my\:auto { margin-top: auto; margin-bottom: auto; } .lg-my\:xsmall { margin-top: var(--lns-space-xsmall); margin-bottom: var(--lns-space-xsmall); } .lg-my\:small { margin-top: var(--lns-space-small); margin-bottom: var(--lns-space-small); } .lg-my\:medium { margin-top: var(--lns-space-medium); margin-bottom: var(--lns-space-medium); } .lg-my\:large { margin-top: var(--lns-space-large); margin-bottom: var(--lns-space-large); } .lg-my\:xlarge { margin-top: var(--lns-space-xlarge); margin-bottom: var(--lns-space-xlarge); } .lg-my\:xxlarge { margin-top: var(--lns-space-xxlarge); margin-bottom: var(--lns-space-xxlarge); } .lg-p\:0 { padding: 0px; } .lg-p\:xsmall { padding: var(--lns-space-xsmall); } .lg-p\:small { padding: var(--lns-space-small); } .lg-p\:medium { padding: var(--lns-space-medium); } .lg-p\:large { padding: var(--lns-space-large); } .lg-p\:xlarge { padding: var(--lns-space-xlarge); } .lg-p\:xxlarge { padding: var(--lns-space-xxlarge); } .lg-pt\:0 { padding-top: 0px; } .lg-pt\:xsmall { padding-top: var(--lns-space-xsmall); } .lg-pt\:small { padding-top: var(--lns-space-small); } .lg-pt\:medium { padding-top: var(--lns-space-medium); } .lg-pt\:large { padding-top: var(--lns-space-large); } .lg-pt\:xlarge { padding-top: var(--lns-space-xlarge); } .lg-pt\:xxlarge { padding-top: var(--lns-space-xxlarge); } .lg-pb\:0 { padding-bottom: 0px; } .lg-pb\:xsmall { padding-bottom: var(--lns-space-xsmall); } .lg-pb\:small { padding-bottom: var(--lns-space-small); } .lg-pb\:medium { padding-bottom: var(--lns-space-medium); } .lg-pb\:large { padding-bottom: var(--lns-space-large); } .lg-pb\:xlarge { padding-bottom: var(--lns-space-xlarge); } .lg-pb\:xxlarge { padding-bottom: var(--lns-space-xxlarge); } .lg-pl\:0 { padding-left: 0px; } .lg-pl\:xsmall { padding-left: var(--lns-space-xsmall); } .lg-pl\:small { padding-left: var(--lns-space-small); } .lg-pl\:medium { padding-left: var(--lns-space-medium); } .lg-pl\:large { padding-left: var(--lns-space-large); } .lg-pl\:xlarge { padding-left: var(--lns-space-xlarge); } .lg-pl\:xxlarge { padding-left: var(--lns-space-xxlarge); } .lg-pr\:0 { padding-right: 0px; } .lg-pr\:xsmall { padding-right: var(--lns-space-xsmall); } .lg-pr\:small { padding-right: var(--lns-space-small); } .lg-pr\:medium { padding-right: var(--lns-space-medium); } .lg-pr\:large { padding-right: var(--lns-space-large); } .lg-pr\:xlarge { padding-right: var(--lns-space-xlarge); } .lg-pr\:xxlarge { padding-right: var(--lns-space-xxlarge); } .lg-px\:0 { padding-left: 0px; padding-right: 0px; } .lg-px\:xsmall { padding-left: var(--lns-space-xsmall); padding-right: var(--lns-space-xsmall); } .lg-px\:small { padding-left: var(--lns-space-small); padding-right: var(--lns-space-small); } .lg-px\:medium { padding-left: var(--lns-space-medium); padding-right: var(--lns-space-medium); } .lg-px\:large { padding-left: var(--lns-space-large); padding-right: var(--lns-space-large); } .lg-px\:xlarge { padding-left: var(--lns-space-xlarge); padding-right: var(--lns-space-xlarge); } .lg-px\:xxlarge { padding-left: var(--lns-space-xxlarge); padding-right: var(--lns-space-xxlarge); } .lg-py\:0 { padding-top: 0px; padding-bottom: 0px; } .lg-py\:xsmall { padding-top: var(--lns-space-xsmall); padding-bottom: var(--lns-space-xsmall); } .lg-py\:small { padding-top: var(--lns-space-small); padding-bottom: var(--lns-space-small); } .lg-py\:medium { padding-top: var(--lns-space-medium); padding-bottom: var(--lns-space-medium); } .lg-py\:large { padding-top: var(--lns-space-large); padding-bottom: var(--lns-space-large); } .lg-py\:xlarge { padding-top: var(--lns-space-xlarge); padding-bottom: var(--lns-space-xlarge); } .lg-py\:xxlarge { padding-top: var(--lns-space-xxlarge); padding-bottom: var(--lns-space-xxlarge); } .lg-text\:small { font-size: var(--lns-fontSize-small); line-height: var(--lns-lineHeight-small); letter-spacing: var(--lns-letterSpacing-small); font-weight: var(--lns-fontWeight-regular); } .lg-text\:body-sm { font-size: var(--lns-fontSize-body-sm); line-height: var(--lns-lineHeight-body-sm); letter-spacing: var(--lns-letterSpacing-body-sm); font-weight: var(--lns-fontWeight-regular); } .lg-text\:medium { font-size: var(--lns-fontSize-medium); line-height: var(--lns-lineHeight-medium); letter-spacing: var(--lns-letterSpacing-medium); font-weight: var(--lns-fontWeight-regular); } .lg-text\:body-md { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); letter-spacing: var(--lns-letterSpacing-body-md); font-weight: var(--lns-fontWeight-regular); } .lg-text\:large { font-size: var(--lns-fontSize-large); line-height: var(--lns-lineHeight-large); letter-spacing: var(--lns-letterSpacing-large); font-weight: var(--lns-fontWeight-regular); } .lg-text\:body-lg { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); letter-spacing: var(--lns-letterSpacing-body-lg); font-weight: var(--lns-fontWeight-regular); } .lg-text\:xlarge { font-size: var(--lns-fontSize-xlarge); line-height: var(--lns-lineHeight-xlarge); letter-spacing: var(--lns-letterSpacing-xlarge); font-weight: var(--lns-fontWeight-bold); } .lg-text\:heading-sm { font-size: var(--lns-fontSize-heading-sm); line-height: var(--lns-lineHeight-heading-sm); letter-spacing: var(--lns-letterSpacing-heading-sm); font-weight: var(--lns-fontWeight-bold); } .lg-text\:xxlarge { font-size: var(--lns-fontSize-xxlarge); line-height: var(--lns-lineHeight-xxlarge); letter-spacing: var(--lns-letterSpacing-xxlarge); font-weight: var(--lns-fontWeight-bold); } .lg-text\:heading-md { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); letter-spacing: var(--lns-letterSpacing-heading-md); font-weight: var(--lns-fontWeight-bold); } .lg-text\:xxxlarge { font-size: var(--lns-fontSize-xxxlarge); line-height: var(--lns-lineHeight-xxxlarge); letter-spacing: var(--lns-letterSpacing-xxxlarge); font-weight: var(--lns-fontWeight-bold); } .lg-text\:heading-lg { font-size: var(--lns-fontSize-heading-lg); line-height: var(--lns-lineHeight-heading-lg); letter-spacing: var(--lns-letterSpacing-heading-lg); font-weight: var(--lns-fontWeight-bold); } .lg-weight\:book { font-weight: var(--lns-fontWeight-book); } .lg-weight\:regular { font-weight: var(--lns-fontWeight-regular); } .lg-weight\:medium { font-weight: var(--lns-fontWeight-medium); } .lg-weight\:bold { font-weight: var(--lns-fontWeight-bold); } .lg-text\:body { font-size: var(--lns-fontSize-body-md); line-height: var(--lns-lineHeight-body-md); font-weight: var(--lns-fontWeight-regular); } .lg-text\:title { font-size: var(--lns-fontSize-body-lg); line-height: var(--lns-lineHeight-body-lg); font-weight: var(--lns-fontWeight-bold); } .lg-text\:mainTitle { font-size: var(--lns-fontSize-heading-md); line-height: var(--lns-lineHeight-heading-md); font-weight: var(--lns-fontWeight-bold); } .lg-text\:left { text-align: left; } .lg-text\:right { text-align: right; } .lg-text\:center { text-align: center; } .lg-border { border: 1px solid var(--lns-color-border); } .lg-borderTop { border-top: 1px solid var(--lns-color-border); } .lg-borderBottom { border-bottom: 1px solid var(--lns-color-border); } .lg-borderLeft { border-left: 1px solid var(--lns-color-border); } .lg-borderRight { border-right: 1px solid var(--lns-color-border); } .lg-inline { display: inline; } .lg-block { display: block; } .lg-flex { display: flex; } .lg-inlineBlock { display: inline-block; } .lg-inlineFlex { display: inline-flex; } .lg-none { display: none; } .lg-flexWrap { flex-wrap: wrap; } .lg-flexDirection\:column { flex-direction: column; } .lg-flexDirection\:row { flex-direction: row; } .lg-items\:stretch { align-items: stretch; } .lg-items\:center { align-items: center; } .lg-items\:baseline { align-items: baseline; } .lg-items\:flexStart { align-items: flex-start; } .lg-items\:flexEnd { align-items: flex-end; } .lg-items\:selfStart { align-items: self-start; } .lg-items\:selfEnd { align-items: self-end; } .lg-justify\:flexStart { justify-content: flex-start; } .lg-justify\:flexEnd { justify-content: flex-end; } .lg-justify\:center { justify-content: center; } .lg-justify\:spaceBetween { justify-content: space-between; } .lg-justify\:spaceAround { justify-content: space-around; } .lg-justify\:spaceEvenly { justify-content: space-evenly; } .lg-grow\:0 { flex-grow: 0; } .lg-grow\:1 { flex-grow: 1; } .lg-shrink\:0 { flex-shrink: 0; } .lg-shrink\:1 { flex-shrink: 1; } .lg-self\:auto { align-self: auto; } .lg-self\:flexStart { align-self: flex-start; } .lg-self\:flexEnd { align-self: flex-end; } .lg-self\:center { align-self: center; } .lg-self\:baseline { align-self: baseline; } .lg-self\:stretch { align-self: stretch; } .lg-overflow\:hidden { overflow: hidden; } .lg-overflow\:auto { overflow: auto; } .lg-relative { position: relative; } .lg-absolute { position: absolute; } .lg-sticky { position: sticky; } .lg-fixed { position: fixed; } .lg-top\:0 { top: 0px; } .lg-top\:auto { top: auto; } .lg-top\:xsmall { top: var(--lns-space-xsmall); } .lg-top\:small { top: var(--lns-space-small); } .lg-top\:medium { top: var(--lns-space-medium); } .lg-top\:large { top: var(--lns-space-large); } .lg-top\:xlarge { top: var(--lns-space-xlarge); } .lg-top\:xxlarge { top: var(--lns-space-xxlarge); } .lg-bottom\:0 { bottom: 0px; } .lg-bottom\:auto { bottom: auto; } .lg-bottom\:xsmall { bottom: var(--lns-space-xsmall); } .lg-bottom\:small { bottom: var(--lns-space-small); } .lg-bottom\:medium { bottom: var(--lns-space-medium); } .lg-bottom\:large { bottom: var(--lns-space-large); } .lg-bottom\:xlarge { bottom: var(--lns-space-xlarge); } .lg-bottom\:xxlarge { bottom: var(--lns-space-xxlarge); } .lg-left\:0 { left: 0px; } .lg-left\:auto { left: auto; } .lg-left\:xsmall { left: var(--lns-space-xsmall); } .lg-left\:small { left: var(--lns-space-small); } .lg-left\:medium { left: var(--lns-space-medium); } .lg-left\:large { left: var(--lns-space-large); } .lg-left\:xlarge { left: var(--lns-space-xlarge); } .lg-left\:xxlarge { left: var(--lns-space-xxlarge); } .lg-right\:0 { right: 0px; } .lg-right\:auto { right: auto; } .lg-right\:xsmall { right: var(--lns-space-xsmall); } .lg-right\:small { right: var(--lns-space-small); } .lg-right\:medium { right: var(--lns-space-medium); } .lg-right\:large { right: var(--lns-space-large); } .lg-right\:xlarge { right: var(--lns-space-xlarge); } .lg-right\:xxlarge { right: var(--lns-space-xxlarge); } .lg-width\:auto { width: auto; } .lg-width\:full { width: 100%; } .lg-width\:0 { width: 0px; } .lg-minWidth\:0 { min-width: 0px; } .lg-height\:auto { height: auto; } .lg-height\:full { height: 100%; } .lg-height\:0 { height: 0px; } .lg-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lg-srOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } } html[data-theme="light:light dark:dark"] { --lns-color-red: #C9372C; --lns-color-blurpleStrong: #2D298E; --lns-color-offWhite: #F8F8F8; --lns-color-blueLight: #CFE1FD; --lns-color-blue: #1868DB; --lns-color-blueDark: #123263; --lns-color-orangeLight: #FFD5D2; --lns-color-orangeDark: #D72700; --lns-color-tealLight: #BAF3DB; --lns-color-teal: #1F845A; --lns-color-tealDark: #164B35; --lns-color-yellowLight: #FCE4A6; --lns-color-yellow: #FBC828; --lns-color-yellowDark: #FCA700; --lns-color-grey1: #F8F8F8; --lns-color-grey2: #F0F1F2; --lns-color-grey3: #DDDEE1; --lns-color-grey4: #B7B9BE; --lns-color-grey5: #8C8F97; --lns-color-grey6: #6B6E76; --lns-color-grey7: #3B3D42; --lns-color-grey8: #292A2E; --lns-color-primaryHover: #4F49F3; --lns-color-primaryActive: #2D298E; --lns-color-backdropDark: #292A2EE5; --lns-color-backdropTwilight: #2D298ECC; --lns-color-highlight: #625DF526; --lns-color-focusRing: #625DF5CC; } html[data-color-mode="light"][data-theme="light:light dark:dark"], html[data-theme="light:light dark:dark"] [data-lens-theme="light"], html[data-theme="light:light dark:dark"] .theme-light { --ds-text: #292A2E; --ds-text-subtlest: #6B6E76; --ds-text-disabled: #B7B9BE; --ds-text-inverse: #FFFFFF; --ds-background-information-bold: #1868DB; --ds-background-accent-green-bolder: #1F845A; --ds-background-warning-bold: #FBC828; --ds-background-danger-bold: #C9372C; --ds-background-danger-bold-hovered: #AE2E24; --ds-background-danger-bold-pressed: #5D1F1A; --ds-background-discovery: #F8EEFE; --ds-background-discovery-hovered: #EED7FC; --ds-background-discovery-pressed: #D8A0F7; --ds-surface: #FFFFFF; --ds-background-neutral-subtle-hovered: #0515240F; --ds-background-neutral-subtle-pressed: #0B122824; --ds-surface-sunken: #F8F8F8; --ds-background-disabled: #17171708; --ds-background-neutral-bold: #292A2E; --ds-surface-overlay: #FFFFFF; --ds-background-input: #FFFFFF; --ds-background-neutral: #0515240F; --ds-background-discovery-bold: #964AC0; --ds-blanket: #050C1F75; --ds-border: #0B122824; --ds-border-input: #8C8F97; --lns-themeLight-color-body: var(--ds-text); --lns-themeLight-color-bodyDimmed: var(--ds-text-subtlest); --lns-themeLight-color-disabledContent: var(--ds-text-disabled); --lns-themeLight-color-discoveryTitle: var(--ds-text); --lns-themeLight-color-bodyInverse: var(--ds-text-inverse); --lns-themeLight-color-info: var(--ds-background-information-bold); --lns-themeLight-color-success: var(--ds-background-accent-green-bolder); --lns-themeLight-color-warning: var(--ds-background-warning-bold); --lns-themeLight-color-danger: var(--ds-background-danger-bold); --lns-themeLight-color-dangerHover: var(--ds-background-danger-bold-hovered); --lns-themeLight-color-dangerActive: var(--ds-background-danger-bold-pressed); --lns-themeLight-color-upgrade: var(--ds-background-discovery); --lns-themeLight-color-upgradeHover: var(--ds-background-discovery-hovered); --lns-themeLight-color-upgradeActive: var(--ds-background-discovery-pressed); --lns-themeLight-color-background: var(--ds-surface); --lns-themeLight-color-backgroundHover: var(--ds-background-neutral-subtle-hovered); --lns-themeLight-color-backgroundActive: var(--ds-background-neutral-subtle-pressed); --lns-themeLight-color-backgroundSecondary: var(--ds-surface-sunken); --lns-themeLight-color-backgroundSecondary2: var(--ds-surface-sunken); --lns-themeLight-color-disabledBackground: var(--ds-background-disabled); --lns-themeLight-color-backgroundInverse: var(--ds-background-neutral-bold); --lns-themeLight-color-overlay: var(--ds-surface-overlay); --lns-themeLight-color-formFieldBackground: var(--ds-background-input); --lns-themeLight-color-tabBackground: var(--ds-background-neutral); --lns-themeLight-color-discoveryBackground: var(--ds-background-discovery-bold); --lns-themeLight-color-discoveryLightBackground: var(--ds-background-discovery); --lns-themeLight-color-backdrop: var(--ds-blanket); --lns-themeLight-color-discoveryHighlight: var(--ds-background-discovery); --lns-themeLight-color-border: var(--ds-border); --lns-themeLight-color-formFieldBorder: var(--ds-border-input); --lns-themeLight-color-buttonBorder: var(--ds-border); --lns-themeLight-color-primaryHover: #4F49F3; --lns-themeLight-color-primaryActive: #2D298E; --lns-themeLight-color-backdropDark: #292A2EE5; --lns-themeLight-color-backdropTwilight: #2D298ECC; --lns-themeLight-color-highlight: #625DF526; --lns-themeLight-color-focusRing: #625DF5CC; } html[data-color-mode="dark"][data-theme="light:light dark:dark"], html[data-theme="light:light dark:dark"] [data-lens-theme="dark"], html[data-theme="light:light dark:dark"] .theme-dark { --ds-text: #CECFD2; --ds-text-subtlest: #96999E; --ds-text-disabled: #505258; --ds-text-inverse: #1F1F21; --ds-background-information-bold: #669DF1; --ds-background-accent-green-bolder: #4BCE97; --ds-background-warning-bold: #FBC828; --ds-background-danger-bold: #F87168; --ds-background-danger-bold-hovered: #FD9891; --ds-background-danger-bold-pressed: #FFD5D2; --ds-background-discovery: #35243F; --ds-background-discovery-hovered: #48245D; --ds-background-discovery-pressed: #803FA5; --ds-surface: #1F1F21; --ds-background-neutral-subtle-hovered: #CECED912; --ds-background-neutral-subtle-pressed: #E3E4F21F; --ds-surface-sunken: #18191A; --ds-background-disabled: #01040475; --ds-background-neutral-bold: #CECFD2; --ds-surface-overlay: #2B2C2F; --ds-background-input: #242528; --ds-background-neutral: #CECED912; --ds-background-discovery-bold: #C97CF4; --ds-blanket: #10121499; --ds-border: #E3E4F21F; --ds-border-input: #7E8188; --lns-themeDark-color-body: var(--ds-text); --lns-themeDark-color-bodyDimmed: var(--ds-text-subtlest); --lns-themeDark-color-disabledContent: var(--ds-text-disabled); --lns-themeDark-color-discoveryTitle: var(--ds-text); --lns-themeDark-color-bodyInverse: var(--ds-text-inverse); --lns-themeDark-color-info: var(--ds-background-information-bold); --lns-themeDark-color-success: var(--ds-background-accent-green-bolder); --lns-themeDark-color-warning: var(--ds-background-warning-bold); --lns-themeDark-color-danger: var(--ds-background-danger-bold); --lns-themeDark-color-dangerHover: var(--ds-background-danger-bold-hovered); --lns-themeDark-color-dangerActive: var(--ds-background-danger-bold-pressed); --lns-themeDark-color-upgrade: var(--ds-background-discovery); --lns-themeDark-color-upgradeHover: var(--ds-background-discovery-hovered); --lns-themeDark-color-upgradeActive: var(--ds-background-discovery-pressed); --lns-themeDark-color-background: var(--ds-surface); --lns-themeDark-color-backgroundHover: var(--ds-background-neutral-subtle-hovered); --lns-themeDark-color-backgroundActive: var(--ds-background-neutral-subtle-pressed); --lns-themeDark-color-backgroundSecondary: var(--ds-surface-sunken); --lns-themeDark-color-backgroundSecondary2: var(--ds-surface-sunken); --lns-themeDark-color-disabledBackground: var(--ds-background-disabled); --lns-themeDark-color-backgroundInverse: var(--ds-background-neutral-bold); --lns-themeDark-color-overlay: var(--ds-surface-overlay); --lns-themeDark-color-formFieldBackground: var(--ds-background-input); --lns-themeDark-color-tabBackground: var(--ds-background-neutral); --lns-themeDark-color-discoveryBackground: var(--ds-background-discovery-bold); --lns-themeDark-color-discoveryLightBackground: var(--ds-background-discovery); --lns-themeDark-color-backdrop: var(--ds-blanket); --lns-themeDark-color-discoveryHighlight: var(--ds-background-discovery); --lns-themeDark-color-border: var(--ds-border); --lns-themeDark-color-formFieldBorder: var(--ds-border-input); --lns-themeDark-color-buttonBorder: var(--ds-border); --lns-themeDark-color-primaryHover: #4F49F3; --lns-themeDark-color-primaryActive: #2D298E; --lns-themeDark-color-backdropDark: #292A2EE5; --lns-themeDark-color-backdropTwilight: #2D298ECC; --lns-themeDark-color-highlight: #625DF526; --lns-themeDark-color-focusRing: #625DF5CC; } #inner-shadow-companion { --lns-unit: 8px; --lns-color-red: #C9372C; --lns-color-blurpleStrong: #2D298E; --lns-color-offWhite: #F8F8F8; --lns-color-blueLight: #CFE1FD; --lns-color-blue: #1868DB; --lns-color-blueDark: #123263; --lns-color-orangeLight: #FFD5D2; --lns-color-orangeDark: #D72700; --lns-color-tealLight: #BAF3DB; --lns-color-teal: #1F845A; --lns-color-tealDark: #164B35; --lns-color-yellowLight: #FCE4A6; --lns-color-yellow: #FBC828; --lns-color-yellowDark: #FCA700; --lns-color-grey1: #F8F8F8; --lns-color-grey2: #F0F1F2; --lns-color-grey3: #DDDEE1; --lns-color-grey4: #B7B9BE; --lns-color-grey5: #8C8F97; --lns-color-grey6: #6B6E76; --lns-color-grey7: #3B3D42; --lns-color-grey8: #292A2E; --lns-color-primaryHover: #4F49F3; --lns-color-primaryActive: #2D298E; --lns-color-backdropDark: #292A2EE5; --lns-color-backdropTwilight: #2D298ECC; --lns-color-highlight: #625DF526; --lns-color-focusRing: #625DF5CC; --ds-text: #292A2E; --ds-text-subtlest: #6B6E76; --ds-text-disabled: #B7B9BE; --ds-text-inverse: #FFFFFF; --ds-background-information-bold: #1868DB; --ds-background-accent-green-bolder: #1F845A; --ds-background-warning-bold: #FBC828; --ds-background-danger-bold: #C9372C; --ds-background-danger-bold-hovered: #AE2E24; --ds-background-danger-bold-pressed: #5D1F1A; --ds-background-discovery: #F8EEFE; --ds-background-discovery-hovered: #EED7FC; --ds-background-discovery-pressed: #D8A0F7; --ds-surface: #FFFFFF; --ds-background-neutral-subtle-hovered: #0515240F; --ds-background-neutral-subtle-pressed: #0B122824; --ds-surface-sunken: #F8F8F8; --ds-background-disabled: #17171708; --ds-background-neutral-bold: #292A2E; --ds-surface-overlay: #FFFFFF; --ds-background-input: #FFFFFF; --ds-background-neutral: #0515240F; --ds-background-discovery-bold: #964AC0; --ds-blanket: #050C1F75; --ds-border: #0B122824; --ds-border-input: #8C8F97; --lns-themeLight-color-body: var(--ds-text); --lns-themeLight-color-bodyDimmed: var(--ds-text-subtlest); --lns-themeLight-color-disabledContent: var(--ds-text-disabled); --lns-themeLight-color-discoveryTitle: var(--ds-text); --lns-themeLight-color-bodyInverse: var(--ds-text-inverse); --lns-themeLight-color-info: var(--ds-background-information-bold); --lns-themeLight-color-success: var(--ds-background-accent-green-bolder); --lns-themeLight-color-warning: var(--ds-background-warning-bold); --lns-themeLight-color-danger: var(--ds-background-danger-bold); --lns-themeLight-color-dangerHover: var(--ds-background-danger-bold-hovered); --lns-themeLight-color-dangerActive: var(--ds-background-danger-bold-pressed); --lns-themeLight-color-upgrade: var(--ds-background-discovery); --lns-themeLight-color-upgradeHover: var(--ds-background-discovery-hovered); --lns-themeLight-color-upgradeActive: var(--ds-background-discovery-pressed); --lns-themeLight-color-background: var(--ds-surface); --lns-themeLight-color-backgroundHover: var(--ds-background-neutral-subtle-hovered); --lns-themeLight-color-backgroundActive: var(--ds-background-neutral-subtle-pressed); --lns-themeLight-color-backgroundSecondary: var(--ds-surface-sunken); --lns-themeLight-color-backgroundSecondary2: var(--ds-surface-sunken); --lns-themeLight-color-disabledBackground: var(--ds-background-disabled); --lns-themeLight-color-backgroundInverse: var(--ds-background-neutral-bold); --lns-themeLight-color-overlay: var(--ds-surface-overlay); --lns-themeLight-color-formFieldBackground: var(--ds-background-input); --lns-themeLight-color-tabBackground: var(--ds-background-neutral); --lns-themeLight-color-discoveryBackground: var(--ds-background-discovery-bold); --lns-themeLight-color-discoveryLightBackground: var(--ds-background-discovery); --lns-themeLight-color-backdrop: var(--ds-blanket); --lns-themeLight-color-discoveryHighlight: var(--ds-background-discovery); --lns-themeLight-color-border: var(--ds-border); --lns-themeLight-color-formFieldBorder: var(--ds-border-input); --lns-themeLight-color-buttonBorder: var(--ds-border); --lns-themeLight-color-primaryHover: #4F49F3; --lns-themeLight-color-primaryActive: #2D298E; --lns-themeLight-color-backdropDark: #292A2EE5; --lns-themeLight-color-backdropTwilight: #2D298ECC; --lns-themeLight-color-highlight: #625DF526; --lns-themeLight-color-focusRing: #625DF5CC; & .theme-dark { --ds-text: #CECFD2; --ds-text-subtlest: #96999E; --ds-text-disabled: #505258; --ds-text-inverse: #1F1F21; --ds-background-information-bold: #669DF1; --ds-background-accent-green-bolder: #4BCE97; --ds-background-warning-bold: #FBC828; --ds-background-danger-bold: #F87168; --ds-background-danger-bold-hovered: #FD9891; --ds-background-danger-bold-pressed: #FFD5D2; --ds-background-discovery: #35243F; --ds-background-discovery-hovered: #48245D; --ds-background-discovery-pressed: #803FA5; --ds-surface: #1F1F21; --ds-background-neutral-subtle-hovered: #CECED912; --ds-background-neutral-subtle-pressed: #E3E4F21F; --ds-surface-sunken: #18191A; --ds-background-disabled: #01040475; --ds-background-neutral-bold: #CECFD2; --ds-surface-overlay: #2B2C2F; --ds-background-input: #242528; --ds-background-neutral: #CECED912; --ds-background-discovery-bold: #C97CF4; --ds-blanket: #10121499; --ds-border: #E3E4F21F; --ds-border-input: #7E8188; --lns-themeDark-color-body: var(--ds-text); --lns-themeDark-color-bodyDimmed: var(--ds-text-subtlest); --lns-themeDark-color-disabledContent: var(--ds-text-disabled); --lns-themeDark-color-discoveryTitle: var(--ds-text); --lns-themeDark-color-bodyInverse: var(--ds-text-inverse); --lns-themeDark-color-info: var(--ds-background-information-bold); --lns-themeDark-color-success: var(--ds-background-accent-green-bolder); --lns-themeDark-color-warning: var(--ds-background-warning-bold); --lns-themeDark-color-danger: var(--ds-background-danger-bold); --lns-themeDark-color-dangerHover: var(--ds-background-danger-bold-hovered); --lns-themeDark-color-dangerActive: var(--ds-background-danger-bold-pressed); --lns-themeDark-color-upgrade: var(--ds-background-discovery); --lns-themeDark-color-upgradeHover: var(--ds-background-discovery-hovered); --lns-themeDark-color-upgradeActive: var(--ds-background-discovery-pressed); --lns-themeDark-color-background: var(--ds-surface); --lns-themeDark-color-backgroundHover: var(--ds-background-neutral-subtle-hovered); --lns-themeDark-color-backgroundActive: var(--ds-background-neutral-subtle-pressed); --lns-themeDark-color-backgroundSecondary: var(--ds-surface-sunken); --lns-themeDark-color-backgroundSecondary2: var(--ds-surface-sunken); --lns-themeDark-color-disabledBackground: var(--ds-background-disabled); --lns-themeDark-color-backgroundInverse: var(--ds-background-neutral-bold); --lns-themeDark-color-overlay: var(--ds-surface-overlay); --lns-themeDark-color-formFieldBackground: var(--ds-background-input); --lns-themeDark-color-tabBackground: var(--ds-background-neutral); --lns-themeDark-color-discoveryBackground: var(--ds-background-discovery-bold); --lns-themeDark-color-discoveryLightBackground: var(--ds-background-discovery); --lns-themeDark-color-backdrop: var(--ds-blanket); --lns-themeDark-color-discoveryHighlight: var(--ds-background-discovery); --lns-themeDark-color-border: var(--ds-border); --lns-themeDark-color-formFieldBorder: var(--ds-border-input); --lns-themeDark-color-buttonBorder: var(--ds-border); --lns-themeDark-color-primaryHover: #4F49F3; --lns-themeDark-color-primaryActive: #2D298E; --lns-themeDark-color-backdropDark: #292A2EE5; --lns-themeDark-color-backdropTwilight: #2D298ECC; --lns-themeDark-color-highlight: #625DF526; --lns-themeDark-color-focusRing: #625DF5CC; } color-scheme: initial; forced-color-adjust: initial; mask: initial; math-depth: initial; position: initial; position-anchor: initial; text-size-adjust: initial; appearance: initial; color: var(--lns-color-body); font-family: "Atlassian Sans Ext", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-palette: initial; font-size: initial; font-size-adjust: initial; font-stretch: initial; font-style: initial; font-synthesis: initial; font-variant: initial; font-variation-settings: initial; font-weight: initial; position-area: initial; text-orientation: initial; text-rendering: initial; text-spacing-trim: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; anchor-name: initial; anchor-scope: initial; animation-composition: initial; animation: initial; app-region: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: initial; background-blend-mode: initial; baseline-shift: initial; baseline-source: initial; block-size: initial; border-block: initial; border: initial; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; inset: initial; box-decoration-break: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: initial; cx: initial; cy: initial; d: initial; display: initial; dominant-baseline: initial; dynamic-range-limit: initial; empty-cells: initial; field-sizing: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: initial; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; interpolate-size: initial; isolation: initial; letter-spacing: initial; lighting-color: initial; line-break: initial; line-height: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask-type: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: initial; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: initial; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-block: initial; overflow-clip-margin: initial; overflow-inline: initial; overflow-wrap: initial; overflow: initial; overlay: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position-try: initial; position-visibility: initial; print-color-adjust: initial; quotes: initial; r: initial; reading-flow: initial; reading-order: initial; resize: initial; rotate: initial; ruby-align: initial; ruby-position: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-initial-target: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-marker-group: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scroll-timeline: initial; scrollbar-color: initial; scrollbar-gutter: initial; scrollbar-width: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-box: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; text-wrap: initial; timeline-scope: initial; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; user-select: initial; vector-effect: initial; vertical-align: initial; view-timeline: initial; view-transition-class: initial; view-transition-name: initial; visibility: initial; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; white-space-collapse: initial; widows: initial; width: initial; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: initial; } #tooltip-mount-layer-companion { z-index: 2147483646; position: relative; color: var(--lns-color-body); pointer-events: auto; }
