@charset "UTF-8";
/* -------------------------------------------
 *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * ------------------------------------------- */
:root {
  --lui-border-radius-circle: 1000000px;
  --lui-border-radius-lg: var(--lui-brand-border-radius-lg);
  --lui-border-radius-md: var(--lui-brand-border-radius-md);
  --lui-border-radius-none: 0;
  --lui-border-radius-sm: var(--lui-brand-border-radius-sm);
  --lui-border-radius-xs: var(--lui-brand-border-radius-xs);
  --lui-border-width-0: 0;
  --lui-border-width-1: 1px;
  --lui-border-width-2: 2px;
  --lui-brand-border-radius-lg: 16px;
  --lui-brand-border-radius-md: 12px;
  --lui-brand-border-radius-sm: 8px;
  --lui-brand-border-radius-xs: 4px;
  --lui-brand-color-primary-1: rgb(92.941% 83.922% 100%);
  --lui-color-primary-background-surface: var(--lui-brand-color-primary-1);
  --lui-brand-color-primary-2: rgb(85.098% 67.843% 100%);
  --lui-brand-color-primary-3: rgb(75.686% 51.765% 100%);
  --lui-brand-color-primary-4: rgb(52.941% 20% 100%);
  --lui-brand-color-primary-5: rgb(40.784% 14.51% 85.882%);
  --lui-color-link-default: var(--lui-brand-color-primary-5);
  --lui-color-primary-background-container: var(--lui-brand-color-primary-5);
  --lui-color-primary-border-stroke: var(--lui-brand-color-primary-5);
  --lui-color-primary-icon-default: var(--lui-brand-color-primary-5);
  --lui-brand-color-primary-6: rgb(30.196% 9.8039% 71.765%);
  --lui-brand-color-primary-7: rgb(20.784% 6.2745% 57.647%);
  --lui-color-link-visited: var(--lui-brand-color-primary-7);
  --lui-brand-color-primary-8: rgb(14.51% 3.5294% 47.843%);
  --lui-brand-color-secondary-1: rgb(94.51% 94.902% 96.471%);
  --lui-color-secondary-background-surface: var(--lui-brand-color-secondary-1);
  --lui-brand-color-secondary-2: rgb(85.49% 86.275% 89.412%);
  --lui-brand-color-secondary-3: rgb(74.902% 76.471% 81.176%);
  --lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);
  --lui-brand-color-secondary-5: rgb(33.333% 34.902% 41.177%);
  --lui-color-secondary-background-container: var(--lui-brand-color-secondary-5);
  --lui-color-secondary-border-stroke: var(--lui-brand-color-secondary-5);
  --lui-color-secondary-icon-default: var(--lui-brand-color-secondary-5);
  --lui-brand-color-secondary-6: rgb(24.706% 26.275% 32.157%);
  --lui-brand-color-secondary-7: rgb(16.863% 18.039% 23.137%);
  --lui-brand-color-secondary-8: rgb(10.196% 10.98% 14.902%);
  --lui-brand-opacity-disabled: 0.4;
  --lui-opacity-disabled: var(--lui-brand-opacity-disabled);
  --lui-brand-typography-font-family-body: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --lui-brand-typography-font-family-heading: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --lui-brand-typography-font-size-1xl: clamp(1.402rem, 1.21rem + 0.96vw, 2.074rem);
  --lui-brand-typography-font-size-1xs: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
  --lui-brand-typography-font-size-2xl: clamp(1.577rem, 1.3167rem + 1.3014vw, 2.488rem);
  --lui-brand-typography-font-size-2xs: clamp(0.778rem, 0.7623rem + 0.0786vw, 0.833rem);
  --lui-brand-typography-font-size-3xl: clamp(2.245rem, 1.6579rem + 2.9357vw, 4.3rem);
  --lui-brand-typography-font-size-3xs: clamp(0.691rem, 0.6901rem + 0.0043vw, 0.694rem);
  --lui-brand-typography-font-size-lg: clamp(1.246rem, 1.1083rem + 0.6886vw, 1.728rem);
  --lui-brand-typography-font-size-md: clamp(1.107rem, 1.0119rem + 0.4757vw, 1.44rem);
  --lui-brand-typography-font-size-sm: clamp(0.984rem, 0.9223rem + 0.3086vw, 1.2rem);
  --lui-brand-typography-line-height-body: 1.5;
  --lui-brand-typography-line-height-heading: 1.2;
  --lui-brand-typography-weight-block-title: var(--lui-typography-weight-medium);
  --lui-brand-typography-weight-display: var(--lui-typography-weight-light);
  --lui-brand-typography-weight-headline: var(--lui-typography-weight-semibold);
  --lui-brand-typography-weight-overtitle: var(--lui-typography-weight-semibold);
  --lui-brand-typography-weight-subheadline: var(--lui-typography-weight-regular);
  --lui-brand-typography-weight-subtitle: var(--lui-typography-weight-regular);
  --lui-brand-typography-weight-title: var(--lui-typography-weight-semibold);
  --lui-color-blue-1: rgb(92.157% 96.863% 100%);
  --lui-color-info-background-surface: var(--lui-color-blue-1);
  --lui-color-blue-2: rgb(70.196% 87.059% 99.216%);
  --lui-color-blue-3: rgb(49.412% 77.255% 98.431%);
  --lui-color-blue-4: rgb(20% 60.784% 94.118%);
  --lui-color-blue-5: rgb(10.98% 53.726% 89.412%);
  --lui-color-info-background-container: var(--lui-color-blue-5);
  --lui-color-info-border-stroke: var(--lui-color-blue-5);
  --lui-color-info-icon-default: var(--lui-color-blue-5);
  --lui-color-blue-6: rgb(4.7059% 43.922% 77.647%);
  --lui-color-blue-7: rgb(1.1765% 26.275% 48.235%);
  --lui-color-blue-8: rgb(0% 10.588% 20%);
  --lui-color-caution-background-container: var(--lui-color-orange-5);
  --lui-color-caution-background-surface: var(--lui-color-orange-1);
  --lui-color-caution-border-stroke: var(--lui-color-orange-5);
  --lui-color-caution-icon-default: var(--lui-color-orange-5);
  --lui-color-danger-background-container: var(--lui-color-red-5);
  --lui-color-danger-background-surface: var(--lui-color-red-1);
  --lui-color-danger-border-stroke: var(--lui-color-red-5);
  --lui-color-danger-icon-default: var(--lui-color-red-5);
  --lui-color-danger-text-error: var(--lui-color-red-5);
  --lui-color-gray-1: rgb(100% 100% 100%);
  --lui-color-neutral-background-surface: var(--lui-color-gray-1);
  --lui-color-neutral-icon-inverse: var(--lui-color-gray-1);
  --lui-color-neutral-text-inverse: var(--lui-color-gray-1);
  --lui-color-gray-2: rgb(93.333% 92.549% 94.51%);
  --lui-color-neutral-border-divisor: var(--lui-color-gray-2);
  --lui-color-gray-3: rgb(78.039% 79.216% 83.137%);
  --lui-color-neutral-background-container: var(--lui-color-gray-3);
  --lui-color-gray-4: rgb(42.353% 43.922% 50.588%);
  --lui-color-gray-5: rgb(32.941% 34.51% 40.392%);
  --lui-color-neutral-border-stroke: var(--lui-color-gray-5);
  --lui-color-gray-6: rgb(23.922% 25.49% 30.196%);
  --lui-color-gray-7: rgb(15.686% 16.863% 20%);
  --lui-color-neutral-text-body: var(--lui-color-gray-7);
  --lui-color-gray-8: rgb(7.451% 8.2353% 9.8039%);
  --lui-color-neutral-background-overlay: var(--lui-color-gray-8);
  --lui-color-neutral-icon-default: var(--lui-color-gray-8);
  --lui-color-neutral-text-heading: var(--lui-color-gray-8);
  --lui-color-green-1: rgb(90.196% 100% 91.765%);
  --lui-color-success-background-surface: var(--lui-color-green-1);
  --lui-color-green-2: rgb(66.275% 93.726% 70.98%);
  --lui-color-green-3: rgb(46.275% 87.451% 52.941%);
  --lui-color-green-4: rgb(17.647% 66.275% 26.275%);
  --lui-color-green-5: rgb(9.8039% 50.98% 17.255%);
  --lui-color-success-background-container: var(--lui-color-green-5);
  --lui-color-success-border-stroke: var(--lui-color-green-5);
  --lui-color-success-icon-default: var(--lui-color-green-5);
  --lui-color-green-6: rgb(4.7059% 36.078% 10.588%);
  --lui-color-green-7: rgb(1.9608% 21.177% 5.8824%);
  --lui-color-green-8: rgb(0.3922% 5.8824% 1.5686%);
  --lui-color-orange-1: rgb(100% 77.255% 67.843%);
  --lui-color-orange-2: rgb(100% 67.059% 49.02%);
  --lui-color-orange-3: rgb(100% 60.392% 31.373%);
  --lui-color-orange-4: rgb(86.275% 45.098% 5.098%);
  --lui-color-orange-5: rgb(72.941% 36.078% 0%);
  --lui-color-orange-6: rgb(59.216% 29.02% 0%);
  --lui-color-orange-7: rgb(45.49% 21.961% 0%);
  --lui-color-orange-8: rgb(32.157% 14.902% 0%);
  --lui-color-red-1: rgb(100% 85.882% 85.882%);
  --lui-color-red-2: rgb(99.216% 66.275% 66.275%);
  --lui-color-red-3: rgb(98.824% 47.451% 47.451%);
  --lui-color-red-4: rgb(83.137% 20% 19.608%);
  --lui-color-red-5: rgb(68.235% 12.549% 11.765%);
  --lui-color-red-6: rgb(53.726% 7.8431% 7.0588%);
  --lui-color-red-7: rgb(38.824% 5.098% 4.3137%);
  --lui-color-red-8: rgb(23.922% 3.1373% 2.3529%);
  --lui-color-violet-1: rgb(92.941% 83.922% 100%);
  --lui-color-violet-2: rgb(85.098% 67.843% 100%);
  --lui-color-violet-3: rgb(75.686% 51.765% 100%);
  --lui-color-violet-4: rgb(52.941% 20% 100%);
  --lui-color-violet-5: rgb(40.784% 14.51% 85.882%);
  --lui-color-violet-6: rgb(30.196% 9.8039% 71.765%);
  --lui-color-violet-7: rgb(20.784% 6.2745% 57.647%);
  --lui-color-violet-8: rgb(14.51% 3.5294% 47.843%);
  --lui-elevation-base: 0 0 8px 0 rgb(0% 0% 0% / 0.02), 0 4px 12px 0 rgb(0% 0% 0% / 0.04);
  --lui-elevation-floating: 0 0 8px 0 rgb(0% 0% 0% / 0.08), 0 12px 20px 0 rgb(0% 0% 0% / 0.12);
  --lui-elevation-hovered: 0 0 8px 0 rgb(0% 0% 0% / 0.04), 0 8px 16px 0 rgb(0% 0% 0% / 0.08);
  --lui-elevation-overlay: 0 1px 8px 0 rgb(0% 0% 0% / 0.04), 0 16px 24px 0 rgb(0% 0% 0% / 0.16);
  --lui-opacity-0: 0;
  --lui-opacity-hidden: var(--lui-opacity-0);
  --lui-opacity-100: 1;
  --lui-opacity-visible: var(--lui-opacity-100);
  --lui-spacing-fixed-0: 0;
  --lui-spacing-fixed-8: 8px;
  --lui-spacing-fixed-16: 16px;
  --lui-spacing-fixed-24: 24px;
  --lui-spacing-fixed-32: 32px;
  --lui-spacing-fixed-40: 40px;
  --lui-spacing-fluid-2: clamp(0.1125rem, 0.109rem + 0.001vw, 0.125rem);
  --lui-spacing-fluid-4: clamp(0.225rem, 0.218rem + 0.002vw, 0.25rem);
  --lui-spacing-fluid-8: clamp(0.45rem, 0.436rem + 0.004vw, 0.5rem);
  --lui-spacing-fluid-12: clamp(0.675rem, 0.655rem + 0.006vw, 0.75rem);
  --lui-spacing-fluid-16: clamp(0.9rem, 0.874rem + 0.008vw, 1rem);
  --lui-spacing-fluid-20: clamp(1.125rem, 1.093rem + 0.01vw, 1.25rem);
  --lui-spacing-fluid-24: clamp(1.35rem, 1.311rem + 0.012vw, 1.5rem);
  --lui-spacing-fluid-32: clamp(1.8rem, 1.748rem + 0.016vw, 2rem);
  --lui-spacing-fluid-40: clamp(2.25rem, 2.186rem + 0.02vw, 2.5rem);
  --lui-spacing-fluid-48: clamp(2.7rem, 2.623rem + 0.024vw, 3rem);
  --lui-spacing-fluid-56: clamp(3.15rem, 3.061rem + 0.028vw, 3.5rem);
  --lui-spacing-fluid-64: clamp(3.6rem, 3.498rem + 0.032vw, 4rem);
  --lui-spacing-fluid-72: clamp(4.05rem, 3.936rem + 0.036vw, 4.5rem);
  --lui-spacing-fluid-80: clamp(4.5rem, 4.374rem + 0.04vw, 5rem);
  --lui-typography-case-lowercase: lowercase;
  --lui-typography-case-none: none;
  --lui-typography-case-uppercase: uppercase;
  --lui-typography-decoration-line-through: line-through;
  --lui-typography-decoration-none: none;
  --lui-typography-decoration-underline: underline;
  --lui-typography-line-height-lg: 1.5;
  --lui-typography-line-height-md: 1.2;
  --lui-typography-line-height-sm: 1.125;
  --lui-typography-scale-block-title-font-family: var(--lui-brand-typography-font-family-heading);
  --lui-typography-scale-block-title-font-size: 16px;
  --lui-typography-scale-block-title-font-weight: var(--lui-brand-typography-weight-block-title);
  --lui-typography-scale-block-title-line-height: var(--lui-brand-typography-line-height-heading);
  --lui-typography-scale-block-title-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-block-title: var(--lui-typography-scale-block-title-font-weight) var(--lui-typography-scale-block-title-font-size)/var(--lui-typography-scale-block-title-line-height) var(--lui-typography-scale-block-title-font-family);
  --lui-typography-scale-body-lg-font-family: var(--lui-brand-typography-font-family-body);
  --lui-typography-scale-body-lg-font-size: 16px;
  --lui-typography-scale-body-lg-font-weight: var(--lui-typography-weight-regular);
  --lui-typography-scale-body-lg-line-height: var(--lui-brand-typography-line-height-body);
  --lui-typography-scale-body-lg-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-body-lg: var(--lui-typography-scale-body-lg-font-weight) var(--lui-typography-scale-body-lg-font-size)/var(--lui-typography-scale-body-lg-line-height) var(--lui-typography-scale-body-lg-font-family);
  --lui-typography-scale-body-md-font-family: var(--lui-brand-typography-font-family-body);
  --lui-typography-scale-body-md-font-size: 16px;
  --lui-typography-scale-body-md-font-weight: var(--lui-typography-weight-regular);
  --lui-typography-scale-body-md-line-height: var(--lui-brand-typography-line-height-body);
  --lui-typography-scale-body-md-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-body-md: var(--lui-typography-scale-body-md-font-weight) var(--lui-typography-scale-body-md-font-size)/var(--lui-typography-scale-body-md-line-height) var(--lui-typography-scale-body-md-font-family);
  --lui-typography-scale-body-sm-font-family: var(--lui-brand-typography-font-family-body);
  --lui-typography-scale-body-sm-font-size: 16px;
  --lui-typography-scale-body-sm-font-weight: var(--lui-typography-weight-regular);
  --lui-typography-scale-body-sm-line-height: var(--lui-brand-typography-line-height-body);
  --lui-typography-scale-body-sm-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-body-sm: var(--lui-typography-scale-body-sm-font-weight) var(--lui-typography-scale-body-sm-font-size)/var(--lui-typography-scale-body-sm-line-height) var(--lui-typography-scale-body-sm-font-family);
  --lui-typography-scale-display-font-family: var(--lui-brand-typography-font-family-heading);
  --lui-typography-scale-display-font-size: 16px;
  --lui-typography-scale-display-font-weight: var(--lui-brand-typography-weight-display);
  --lui-typography-scale-display-line-height: var(--lui-brand-typography-line-height-heading);
  --lui-typography-scale-display-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-display: var(--lui-typography-scale-display-font-weight) var(--lui-typography-scale-display-font-size)/var(--lui-typography-scale-display-line-height) var(--lui-typography-scale-display-font-family);
  --lui-typography-scale-headline-font-family: var(--lui-brand-typography-font-family-heading);
  --lui-typography-scale-headline-font-size: 16px;
  --lui-typography-scale-headline-font-weight: var(--lui-brand-typography-weight-headline);
  --lui-typography-scale-headline-line-height: var(--lui-brand-typography-line-height-heading);
  --lui-typography-scale-headline-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-headline: var(--lui-typography-scale-headline-font-weight) var(--lui-typography-scale-headline-font-size)/var(--lui-typography-scale-headline-line-height) var(--lui-typography-scale-headline-font-family);
  --lui-typography-scale-overtitle-font-family: var(--lui-brand-typography-font-family-heading);
  --lui-typography-scale-overtitle-font-size: 16px;
  --lui-typography-scale-overtitle-font-weight: var(--lui-brand-typography-weight-overtitle);
  --lui-typography-scale-overtitle-line-height: var(--lui-brand-typography-line-height-heading);
  --lui-typography-scale-overtitle-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-overtitle-text-case: var(--lui-typography-case-uppercase);
  --lui-typography-scale-overtitle: var(--lui-typography-scale-overtitle-font-weight) var(--lui-typography-scale-overtitle-font-size)/var(--lui-typography-scale-overtitle-line-height) var(--lui-typography-scale-overtitle-font-family);
  --lui-typography-scale-subheadline-font-family: var(--lui-brand-typography-font-family-heading);
  --lui-typography-scale-subheadline-font-size: 16px;
  --lui-typography-scale-subheadline-font-weight: var(--lui-brand-typography-weight-subheadline);
  --lui-typography-scale-subheadline-line-height: var(--lui-brand-typography-line-height-heading);
  --lui-typography-scale-subheadline-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-subheadline: var(--lui-typography-scale-subheadline-font-weight) var(--lui-typography-scale-subheadline-font-size)/var(--lui-typography-scale-subheadline-line-height) var(--lui-typography-scale-subheadline-font-family);
  --lui-typography-scale-subtitle-font-family: var(--lui-brand-typography-font-family-heading);
  --lui-typography-scale-subtitle-font-size: 16px;
  --lui-typography-scale-subtitle-font-weight: var(--lui-brand-typography-weight-subtitle);
  --lui-typography-scale-subtitle-line-height: var(--lui-brand-typography-line-height-heading);
  --lui-typography-scale-subtitle-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-subtitle: var(--lui-typography-scale-subtitle-font-weight) var(--lui-typography-scale-subtitle-font-size)/var(--lui-typography-scale-subtitle-line-height) var(--lui-typography-scale-subtitle-font-family);
  --lui-typography-scale-title-font-family: var(--lui-brand-typography-font-family-heading);
  --lui-typography-scale-title-font-size: 16px;
  --lui-typography-scale-title-font-weight: var(--lui-brand-typography-weight-title);
  --lui-typography-scale-title-line-height: var(--lui-brand-typography-line-height-heading);
  --lui-typography-scale-title-letter-spacing: var(--lui-typography-tracking-default);
  --lui-typography-scale-title: var(--lui-typography-scale-title-font-weight) var(--lui-typography-scale-title-font-size)/var(--lui-typography-scale-title-line-height) var(--lui-typography-scale-title-font-family);
  --lui-typography-tracking-default: 0;
  --lui-typography-tracking-tighter: -1px;
  --lui-typography-tracking-tightest: -2px;
  --lui-typography-tracking-wider: 1px;
  --lui-typography-tracking-widest: 2px;
  --lui-typography-weight-bold: 700;
  --lui-typography-weight-light: 300;
  --lui-typography-weight-medium: 500;
  --lui-typography-weight-regular: 400;
  --lui-typography-weight-semibold: 600;
}

[data-brand=lets-ui][data-theme=light] {
  color-scheme: light;
  --lui-brand-color-primary-1: rgb(92.941% 83.922% 100%);
  --lui-brand-color-primary-2: rgb(85.098% 67.843% 100%);
  --lui-brand-color-primary-3: rgb(75.686% 51.765% 100%);
  --lui-brand-color-primary-4: rgb(52.941% 20% 100%);
  --lui-brand-color-primary-5: rgb(40.784% 14.51% 85.882%);
  --lui-brand-color-primary-6: rgb(30.196% 9.8039% 71.765%);
  --lui-brand-color-primary-7: rgb(20.784% 6.2745% 57.647%);
  --lui-brand-color-primary-8: rgb(14.51% 3.5294% 47.843%);
  --lui-brand-color-secondary-1: rgb(94.51% 94.902% 96.471%);
  --lui-brand-color-secondary-2: rgb(85.49% 86.275% 89.412%);
  --lui-brand-color-secondary-3: rgb(74.902% 76.471% 81.176%);
  --lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);
  --lui-brand-color-secondary-5: rgb(33.333% 34.902% 41.177%);
  --lui-brand-color-secondary-6: rgb(24.706% 26.275% 32.157%);
  --lui-brand-color-secondary-7: rgb(16.863% 18.039% 23.137%);
  --lui-brand-color-secondary-8: rgb(10.196% 10.98% 14.902%);
}

@media (prefers-color-scheme: light) {
  [data-brand=lets-ui] {
    color-scheme: light;
    --lui-brand-color-primary-1: rgb(92.941% 83.922% 100%);
    --lui-brand-color-primary-2: rgb(85.098% 67.843% 100%);
    --lui-brand-color-primary-3: rgb(75.686% 51.765% 100%);
    --lui-brand-color-primary-4: rgb(52.941% 20% 100%);
    --lui-brand-color-primary-5: rgb(40.784% 14.51% 85.882%);
    --lui-brand-color-primary-6: rgb(30.196% 9.8039% 71.765%);
    --lui-brand-color-primary-7: rgb(20.784% 6.2745% 57.647%);
    --lui-brand-color-primary-8: rgb(14.51% 3.5294% 47.843%);
    --lui-brand-color-secondary-1: rgb(94.51% 94.902% 96.471%);
    --lui-brand-color-secondary-2: rgb(85.49% 86.275% 89.412%);
    --lui-brand-color-secondary-3: rgb(74.902% 76.471% 81.176%);
    --lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);
    --lui-brand-color-secondary-5: rgb(33.333% 34.902% 41.177%);
    --lui-brand-color-secondary-6: rgb(24.706% 26.275% 32.157%);
    --lui-brand-color-secondary-7: rgb(16.863% 18.039% 23.137%);
    --lui-brand-color-secondary-8: rgb(10.196% 10.98% 14.902%);
  }
}
[data-brand=lets-ui][data-theme=dark] {
  color-scheme: dark;
  --lui-brand-color-primary-1: rgb(14.51% 3.5294% 47.843%);
  --lui-brand-color-primary-2: rgb(20.784% 6.2745% 57.647%);
  --lui-brand-color-primary-3: rgb(30.196% 9.8039% 71.765%);
  --lui-brand-color-primary-4: rgb(52.941% 20% 100%);
  --lui-brand-color-primary-5: rgb(67.059% 40% 100%);
  --lui-brand-color-primary-6: rgb(75.686% 51.765% 100%);
  --lui-brand-color-primary-7: rgb(85.098% 67.843% 100%);
  --lui-brand-color-primary-8: rgb(92.941% 83.922% 100%);
  --lui-brand-color-secondary-1: rgb(10.196% 10.98% 14.902%);
  --lui-brand-color-secondary-2: rgb(16.863% 18.039% 23.137%);
  --lui-brand-color-secondary-3: rgb(24.706% 26.275% 32.157%);
  --lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);
  --lui-brand-color-secondary-5: rgb(61.961% 63.922% 70.196%);
  --lui-brand-color-secondary-6: rgb(74.902% 76.471% 81.176%);
  --lui-brand-color-secondary-7: rgb(85.49% 86.275% 89.412%);
  --lui-brand-color-secondary-8: rgb(94.51% 94.902% 96.471%);
}

@media (prefers-color-scheme: dark) {
  [data-brand=lets-ui] {
    color-scheme: dark;
    --lui-brand-color-primary-1: rgb(14.51% 3.5294% 47.843%);
    --lui-brand-color-primary-2: rgb(20.784% 6.2745% 57.647%);
    --lui-brand-color-primary-3: rgb(30.196% 9.8039% 71.765%);
    --lui-brand-color-primary-4: rgb(52.941% 20% 100%);
    --lui-brand-color-primary-5: rgb(67.059% 40% 100%);
    --lui-brand-color-primary-6: rgb(75.686% 51.765% 100%);
    --lui-brand-color-primary-7: rgb(85.098% 67.843% 100%);
    --lui-brand-color-primary-8: rgb(92.941% 83.922% 100%);
    --lui-brand-color-secondary-1: rgb(10.196% 10.98% 14.902%);
    --lui-brand-color-secondary-2: rgb(16.863% 18.039% 23.137%);
    --lui-brand-color-secondary-3: rgb(24.706% 26.275% 32.157%);
    --lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);
    --lui-brand-color-secondary-5: rgb(61.961% 63.922% 70.196%);
    --lui-brand-color-secondary-6: rgb(74.902% 76.471% 81.176%);
    --lui-brand-color-secondary-7: rgb(85.49% 86.275% 89.412%);
    --lui-brand-color-secondary-8: rgb(94.51% 94.902% 96.471%);
  }
}
[data-brand=nova-ui][data-theme=light] {
  color-scheme: light;
  --lui-brand-color-primary-1: rgb(87.843% 96.863% 100%);
  --lui-brand-color-primary-2: rgb(71.765% 92.549% 100%);
  --lui-brand-color-primary-3: rgb(51.765% 85.49% 100%);
  --lui-brand-color-primary-4: rgb(17.647% 71.765% 96.078%);
  --lui-brand-color-primary-5: rgb(7.8431% 59.216% 83.922%);
  --lui-brand-color-primary-6: rgb(5.098% 47.059% 68.235%);
  --lui-brand-color-primary-7: rgb(3.1373% 35.686% 52.941%);
  --lui-brand-color-primary-8: rgb(1.5686% 23.922% 37.647%);
  --lui-brand-color-secondary-1: rgb(100% 95.686% 87.843%);
  --lui-brand-color-secondary-2: rgb(100% 90.588% 76.078%);
  --lui-brand-color-secondary-3: rgb(100% 82.353% 60.392%);
  --lui-brand-color-secondary-4: rgb(100% 70.196% 27.843%);
  --lui-brand-color-secondary-5: rgb(85.882% 57.255% 14.51%);
  --lui-brand-color-secondary-6: rgb(71.765% 46.667% 9.4118%);
  --lui-brand-color-secondary-7: rgb(56.078% 36.078% 7.0588%);
  --lui-brand-color-secondary-8: rgb(40% 25.098% 4.3137%);
}

@media (prefers-color-scheme: light) {
  [data-brand=nova-ui] {
    color-scheme: light;
    --lui-brand-color-primary-1: rgb(87.843% 96.863% 100%);
    --lui-brand-color-primary-2: rgb(71.765% 92.549% 100%);
    --lui-brand-color-primary-3: rgb(51.765% 85.49% 100%);
    --lui-brand-color-primary-4: rgb(17.647% 71.765% 96.078%);
    --lui-brand-color-primary-5: rgb(7.8431% 59.216% 83.922%);
    --lui-brand-color-primary-6: rgb(5.098% 47.059% 68.235%);
    --lui-brand-color-primary-7: rgb(3.1373% 35.686% 52.941%);
    --lui-brand-color-primary-8: rgb(1.5686% 23.922% 37.647%);
    --lui-brand-color-secondary-1: rgb(100% 95.686% 87.843%);
    --lui-brand-color-secondary-2: rgb(100% 90.588% 76.078%);
    --lui-brand-color-secondary-3: rgb(100% 82.353% 60.392%);
    --lui-brand-color-secondary-4: rgb(100% 70.196% 27.843%);
    --lui-brand-color-secondary-5: rgb(85.882% 57.255% 14.51%);
    --lui-brand-color-secondary-6: rgb(71.765% 46.667% 9.4118%);
    --lui-brand-color-secondary-7: rgb(56.078% 36.078% 7.0588%);
    --lui-brand-color-secondary-8: rgb(40% 25.098% 4.3137%);
  }
}
[data-brand=nova-ui][data-theme=dark] {
  color-scheme: dark;
  --lui-brand-color-primary-1: rgb(2.3529% 18.039% 27.843%);
  --lui-brand-color-primary-2: rgb(3.9216% 25.882% 38.824%);
  --lui-brand-color-primary-3: rgb(5.8824% 35.294% 51.765%);
  --lui-brand-color-primary-4: rgb(11.373% 49.804% 70.98%);
  --lui-brand-color-primary-5: rgb(22.353% 72.549% 96.863%);
  --lui-brand-color-primary-6: rgb(45.098% 82.745% 100%);
  --lui-brand-color-primary-7: rgb(65.882% 90.196% 100%);
  --lui-brand-color-primary-8: rgb(85.098% 96.078% 100%);
  --lui-brand-color-secondary-1: rgb(29.02% 18.431% 2.7451%);
  --lui-brand-color-secondary-2: rgb(40% 25.098% 4.3137%);
  --lui-brand-color-secondary-3: rgb(54.118% 34.118% 6.2745%);
  --lui-brand-color-secondary-4: rgb(71.765% 46.667% 9.4118%);
  --lui-brand-color-secondary-5: rgb(89.02% 60.784% 17.647%);
  --lui-brand-color-secondary-6: rgb(100% 75.686% 35.294%);
  --lui-brand-color-secondary-7: rgb(100% 86.667% 63.922%);
  --lui-brand-color-secondary-8: rgb(100% 94.51% 83.922%);
}

@media (prefers-color-scheme: dark) {
  [data-brand=nova-ui] {
    color-scheme: dark;
    --lui-brand-color-primary-1: rgb(2.3529% 18.039% 27.843%);
    --lui-brand-color-primary-2: rgb(3.9216% 25.882% 38.824%);
    --lui-brand-color-primary-3: rgb(5.8824% 35.294% 51.765%);
    --lui-brand-color-primary-4: rgb(11.373% 49.804% 70.98%);
    --lui-brand-color-primary-5: rgb(22.353% 72.549% 96.863%);
    --lui-brand-color-primary-6: rgb(45.098% 82.745% 100%);
    --lui-brand-color-primary-7: rgb(65.882% 90.196% 100%);
    --lui-brand-color-primary-8: rgb(85.098% 96.078% 100%);
    --lui-brand-color-secondary-1: rgb(29.02% 18.431% 2.7451%);
    --lui-brand-color-secondary-2: rgb(40% 25.098% 4.3137%);
    --lui-brand-color-secondary-3: rgb(54.118% 34.118% 6.2745%);
    --lui-brand-color-secondary-4: rgb(71.765% 46.667% 9.4118%);
    --lui-brand-color-secondary-5: rgb(89.02% 60.784% 17.647%);
    --lui-brand-color-secondary-6: rgb(100% 75.686% 35.294%);
    --lui-brand-color-secondary-7: rgb(100% 86.667% 63.922%);
    --lui-brand-color-secondary-8: rgb(100% 94.51% 83.922%);
  }
}
.radius-xs {
  border-radius: var(--lui-border-radius-xs);
}
.radius-sm {
  border-radius: var(--lui-border-radius-sm);
}
.radius-md {
  border-radius: var(--lui-border-radius-md);
}
.radius-lg {
  border-radius: var(--lui-border-radius-lg);
}
.radius-circle {
  border-radius: var(--lui-border-radius-circle);
}
.radius-none {
  border-radius: var(--lui-border-radius-none);
}

.border-0 {
  border-width: var(--lui-border-width-0);
}
.border-1 {
  border-width: var(--lui-border-width-1);
}
.border-2 {
  border-width: var(--lui-border-width-2);
}

body {
  background-color: var(--lui-color-neutral-background-surface);
  color: var(--lui-color-neutral-text-body);
}

.primary-1 {
  color: var(--lui-brand-color-primary-1);
}

.primary-2 {
  color: var(--lui-brand-color-primary-2);
}

.primary-3 {
  color: var(--lui-brand-color-primary-3);
}

.primary-4 {
  color: var(--lui-brand-color-primary-4);
}

.primary-5 {
  color: var(--lui-brand-color-primary-5);
}

.primary-6 {
  color: var(--lui-brand-color-primary-6);
}

.primary-7 {
  color: var(--lui-brand-color-primary-7);
}

.primary-8 {
  color: var(--lui-brand-color-primary-8);
}

.secondary-1 {
  color: var(--lui-brand-color-secondary-1);
}

.secondary-2 {
  color: var(--lui-brand-color-secondary-2);
}

.secondary-3 {
  color: var(--lui-brand-color-secondary-3);
}

.secondary-4 {
  color: var(--lui-brand-color-secondary-4);
}

.secondary-5 {
  color: var(--lui-brand-color-secondary-5);
}

.secondary-6 {
  color: var(--lui-brand-color-secondary-6);
}

.secondary-7 {
  color: var(--lui-brand-color-secondary-7);
}

.secondary-8 {
  color: var(--lui-brand-color-secondary-8);
}

.blue-1 {
  color: var(--lui-color-blue-1);
}

.blue-2 {
  color: var(--lui-color-blue-2);
}

.blue-3 {
  color: var(--lui-color-blue-3);
}

.blue-4 {
  color: var(--lui-color-blue-4);
}

.blue-5 {
  color: var(--lui-color-blue-5);
}

.blue-6 {
  color: var(--lui-color-blue-6);
}

.blue-7 {
  color: var(--lui-color-blue-7);
}

.blue-8 {
  color: var(--lui-color-blue-8);
}

.gray-1 {
  color: var(--lui-color-gray-1);
}

.gray-2 {
  color: var(--lui-color-gray-2);
}

.gray-3 {
  color: var(--lui-color-gray-3);
}

.gray-4 {
  color: var(--lui-color-gray-4);
}

.gray-5 {
  color: var(--lui-color-gray-5);
}

.gray-6 {
  color: var(--lui-color-gray-6);
}

.gray-7 {
  color: var(--lui-color-gray-7);
}

.gray-8 {
  color: var(--lui-color-gray-8);
}

.green-1 {
  color: var(--lui-color-green-1);
}

.green-2 {
  color: var(--lui-color-green-2);
}

.green-3 {
  color: var(--lui-color-green-3);
}

.green-4 {
  color: var(--lui-color-green-4);
}

.green-5 {
  color: var(--lui-color-green-5);
}

.green-6 {
  color: var(--lui-color-green-6);
}

.green-7 {
  color: var(--lui-color-green-7);
}

.green-8 {
  color: var(--lui-color-green-8);
}

.orange-1 {
  color: var(--lui-color-orange-1);
}

.orange-2 {
  color: var(--lui-color-orange-2);
}

.orange-3 {
  color: var(--lui-color-orange-3);
}

.orange-4 {
  color: var(--lui-color-orange-4);
}

.orange-5 {
  color: var(--lui-color-orange-5);
}

.orange-6 {
  color: var(--lui-color-orange-6);
}

.orange-7 {
  color: var(--lui-color-orange-7);
}

.orange-8 {
  color: var(--lui-color-orange-8);
}

.red-1 {
  color: var(--lui-color-red-1);
}

.red-2 {
  color: var(--lui-color-red-2);
}

.red-3 {
  color: var(--lui-color-red-3);
}

.red-4 {
  color: var(--lui-color-red-4);
}

.red-5 {
  color: var(--lui-color-red-5);
}

.red-6 {
  color: var(--lui-color-red-6);
}

.red-7 {
  color: var(--lui-color-red-7);
}

.red-8 {
  color: var(--lui-color-red-8);
}

.violet-1 {
  color: var(--lui-color-violet-1);
}

.violet-2 {
  color: var(--lui-color-violet-2);
}

.violet-3 {
  color: var(--lui-color-violet-3);
}

.violet-4 {
  color: var(--lui-color-violet-4);
}

.violet-5 {
  color: var(--lui-color-violet-5);
}

.violet-6 {
  color: var(--lui-color-violet-6);
}

.violet-7 {
  color: var(--lui-color-violet-7);
}

.violet-8 {
  color: var(--lui-color-violet-8);
}

.bg-surface-primary {
  background-color: var(--lui-color-primary-background-surface);
}

.bg-surface-secondary {
  background-color: var(--lui-color-secondary-background-surface);
}

.bg-surface-info {
  background-color: var(--lui-color-info-background-surface);
}

.bg-surface-danger {
  background-color: var(--lui-color-danger-background-surface);
}

.bg-surface-success {
  background-color: var(--lui-color-success-background-surface);
}

.bg-surface-caution {
  background-color: var(--lui-color-caution-background-surface);
}

.bg-surface-neutral {
  background-color: var(--lui-color-neutral-background-surface);
}

.bg-container-primary {
  background-color: var(--lui-color-primary-background-container);
}

.bg-container-secondary {
  background-color: var(--lui-color-secondary-background-container);
}

.bg-container-info {
  background-color: var(--lui-color-info-background-container);
}

.bg-container-danger {
  background-color: var(--lui-color-danger-background-container);
}

.bg-container-success {
  background-color: var(--lui-color-success-background-container);
}

.bg-container-caution {
  background-color: var(--lui-color-caution-background-container);
}

.bg-container-neutral {
  background-color: var(--lui-color-neutral-background-container);
}

.bg-container-overlay {
  background-color: var(--lui-color-neutral-background-overlay);
}

.elevation-base {
  box-shadow: var(--lui-elevation-base);
}
.elevation-hovered {
  box-shadow: var(--lui-elevation-hovered);
}
.elevation-floating {
  box-shadow: var(--lui-elevation-floating);
}
.elevation-overlay {
  box-shadow: var(--lui-elevation-overlay);
}

.show-1xs {
  display: none;
}
@media (min-width: 320px) {
  .show-1xs {
    display: block;
  }
}

.hide-1xs {
  display: block;
}
@media (min-width: 320px) {
  .hide-1xs {
    display: none;
  }
}

.show-sm {
  display: none;
}
@media (min-width: 768px) {
  .show-sm {
    display: block;
  }
}

.hide-sm {
  display: block;
}
@media (min-width: 768px) {
  .hide-sm {
    display: none;
  }
}

.show-md {
  display: none;
}
@media (min-width: 1024px) {
  .show-md {
    display: block;
  }
}

.hide-md {
  display: block;
}
@media (min-width: 1024px) {
  .hide-md {
    display: none;
  }
}

.show-lg {
  display: none;
}
@media (min-width: 1280px) {
  .show-lg {
    display: block;
  }
}

.hide-lg {
  display: block;
}
@media (min-width: 1280px) {
  .hide-lg {
    display: none;
  }
}

.show-1xl {
  display: none;
}
@media (min-width: 1440px) {
  .show-1xl {
    display: block;
  }
}

.hide-1xl {
  display: block;
}
@media (min-width: 1440px) {
  .hide-1xl {
    display: none;
  }
}

.layout,
.grid {
  display: grid;
}

.grid {
  margin-bottom: clamp(var(--lui-spacing-fluid-16), var(--lui-spacing-fluid-32), var(--lui-spacing-fluid-32));
  align-items: start;
}
.grid:last-of-type {
  margin-bottom: var(--lui-spacing-fixed-0);
}

@media (max-width: 767px) {
  .col-1xs-1 {
    grid-column: span 1;
  }
  .col-1xs-2 {
    grid-column: span 2;
  }
  .col-1xs-3 {
    grid-column: span 3;
  }
  .col-1xs-4 {
    grid-column: span 4;
  }
  .grid {
    gap: clamp(0.75rem, 0.75rem + 1.25vw, 1rem);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .col-sm-1 {
    grid-column: span 1;
  }
  .col-sm-2 {
    grid-column: span 2;
  }
  .col-sm-3 {
    grid-column: span 3;
  }
  .col-sm-4 {
    grid-column: span 4;
  }
  .col-sm-5 {
    grid-column: span 5;
  }
  .col-sm-6 {
    grid-column: span 6;
  }
  .col-sm-7 {
    grid-column: span 7;
  }
  .col-sm-8 {
    grid-column: span 8;
  }
  .grid {
    gap: clamp(0.75rem, 0.5705rem + 0.8949vw, 1rem);
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .col-md-1 {
    grid-column: span 1;
  }
  .col-md-2 {
    grid-column: span 2;
  }
  .col-md-3 {
    grid-column: span 3;
  }
  .col-md-4 {
    grid-column: span 4;
  }
  .col-md-5 {
    grid-column: span 5;
  }
  .col-md-6 {
    grid-column: span 6;
  }
  .col-md-7 {
    grid-column: span 7;
  }
  .col-md-8 {
    grid-column: span 8;
  }
  .col-md-9 {
    grid-column: span 9;
  }
  .col-md-10 {
    grid-column: span 10;
  }
  .col-md-11 {
    grid-column: span 11;
  }
  .col-md-12 {
    grid-column: span 12;
  }
  .grid {
    gap: clamp(1.25rem, 0.4961rem + 1.5686vw, 1.5rem);
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .col-lg-1 {
    grid-column: span 1;
  }
  .col-lg-2 {
    grid-column: span 2;
  }
  .col-lg-3 {
    grid-column: span 3;
  }
  .col-lg-4 {
    grid-column: span 4;
  }
  .col-lg-5 {
    grid-column: span 5;
  }
  .col-lg-6 {
    grid-column: span 6;
  }
  .col-lg-7 {
    grid-column: span 7;
  }
  .col-lg-8 {
    grid-column: span 8;
  }
  .col-lg-9 {
    grid-column: span 9;
  }
  .col-lg-10 {
    grid-column: span 10;
  }
  .col-lg-11 {
    grid-column: span 11;
  }
  .col-lg-12 {
    grid-column: span 12;
  }
  .grid {
    gap: clamp(1.25rem, 0.2549rem + 1.5564vw, 1.5rem);
  }
}
@media (min-width: 1440px) {
  .col-1xl-1 {
    grid-column: span 1;
  }
  .col-1xl-2 {
    grid-column: span 2;
  }
  .col-1xl-3 {
    grid-column: span 3;
  }
  .col-1xl-4 {
    grid-column: span 4;
  }
  .col-1xl-5 {
    grid-column: span 5;
  }
  .col-1xl-6 {
    grid-column: span 6;
  }
  .col-1xl-7 {
    grid-column: span 7;
  }
  .col-1xl-8 {
    grid-column: span 8;
  }
  .col-1xl-9 {
    grid-column: span 9;
  }
  .col-1xl-10 {
    grid-column: span 10;
  }
  .col-1xl-11 {
    grid-column: span 11;
  }
  .col-1xl-12 {
    grid-column: span 12;
  }
  .grid {
    gap: clamp(1.25rem, 0.4961rem + 1.5686vw, 1.5rem);
  }
}
@media (max-width: 1279px) {
  .main-content {
    padding: var(--lui-spacing-fixed-16);
    margin-left: 0;
    max-width: none;
  }
  .sidebar {
    position: static;
    width: auto;
  }
  .layout {
    grid-template-areas: "header" "content";
  }
}
@media (min-width: 1280px) {
  .main-content {
    grid-area: content;
    padding: var(--lui-spacing-fluid-40);
    margin-left: 280px;
  }
  .grid {
    grid-template-columns: repeat(12, 1fr);
  }
  .layout {
    grid-template-areas: "header header" "sidebar content";
  }
}
.opacity-disabled {
  opacity: var(--lui-opacity-disabled);
}
.opacity-hidden {
  opacity: var(--lui-opacity-hidden);
}
.opacity-visible {
  opacity: var(--lui-opacity-visible);
}

.m--fixed-0 {
  margin: var(--lui-spacing-fixed-0);
}

.m--fixed-8 {
  margin: var(--lui-spacing-fixed-8);
}

.m--fixed-16 {
  margin: var(--lui-spacing-fixed-16);
}

.m--fixed-24 {
  margin: var(--lui-spacing-fixed-24);
}

.m--fixed-32 {
  margin: var(--lui-spacing-fixed-32);
}

.m--fixed-40 {
  margin: var(--lui-spacing-fixed-40);
}

.m-t-fixed-0 {
  margin-top: var(--lui-spacing-fixed-0);
}

.m-t-fixed-8 {
  margin-top: var(--lui-spacing-fixed-8);
}

.m-t-fixed-16 {
  margin-top: var(--lui-spacing-fixed-16);
}

.m-t-fixed-24 {
  margin-top: var(--lui-spacing-fixed-24);
}

.m-t-fixed-32 {
  margin-top: var(--lui-spacing-fixed-32);
}

.m-t-fixed-40 {
  margin-top: var(--lui-spacing-fixed-40);
}

.m-b-fixed-0 {
  margin-bottom: var(--lui-spacing-fixed-0);
}

.m-b-fixed-8 {
  margin-bottom: var(--lui-spacing-fixed-8);
}

.m-b-fixed-16 {
  margin-bottom: var(--lui-spacing-fixed-16);
}

.m-b-fixed-24 {
  margin-bottom: var(--lui-spacing-fixed-24);
}

.m-b-fixed-32 {
  margin-bottom: var(--lui-spacing-fixed-32);
}

.m-b-fixed-40 {
  margin-bottom: var(--lui-spacing-fixed-40);
}

.m-l-fixed-0 {
  margin-left: var(--lui-spacing-fixed-0);
}

.m-l-fixed-8 {
  margin-left: var(--lui-spacing-fixed-8);
}

.m-l-fixed-16 {
  margin-left: var(--lui-spacing-fixed-16);
}

.m-l-fixed-24 {
  margin-left: var(--lui-spacing-fixed-24);
}

.m-l-fixed-32 {
  margin-left: var(--lui-spacing-fixed-32);
}

.m-l-fixed-40 {
  margin-left: var(--lui-spacing-fixed-40);
}

.m-r-fixed-0 {
  margin-right: var(--lui-spacing-fixed-0);
}

.m-r-fixed-8 {
  margin-right: var(--lui-spacing-fixed-8);
}

.m-r-fixed-16 {
  margin-right: var(--lui-spacing-fixed-16);
}

.m-r-fixed-24 {
  margin-right: var(--lui-spacing-fixed-24);
}

.m-r-fixed-32 {
  margin-right: var(--lui-spacing-fixed-32);
}

.m-r-fixed-40 {
  margin-right: var(--lui-spacing-fixed-40);
}

.m-x-fixed-0 {
  margin-left: var(--lui-spacing-fixed-0);
  margin-right: var(--lui-spacing-fixed-0);
}

.m-x-fixed-8 {
  margin-left: var(--lui-spacing-fixed-8);
  margin-right: var(--lui-spacing-fixed-8);
}

.m-x-fixed-16 {
  margin-left: var(--lui-spacing-fixed-16);
  margin-right: var(--lui-spacing-fixed-16);
}

.m-x-fixed-24 {
  margin-left: var(--lui-spacing-fixed-24);
  margin-right: var(--lui-spacing-fixed-24);
}

.m-x-fixed-32 {
  margin-left: var(--lui-spacing-fixed-32);
  margin-right: var(--lui-spacing-fixed-32);
}

.m-x-fixed-40 {
  margin-left: var(--lui-spacing-fixed-40);
  margin-right: var(--lui-spacing-fixed-40);
}

.m-y-fixed-0 {
  margin-top: var(--lui-spacing-fixed-0);
  margin-bottom: var(--lui-spacing-fixed-0);
}

.m-y-fixed-8 {
  margin-top: var(--lui-spacing-fixed-8);
  margin-bottom: var(--lui-spacing-fixed-8);
}

.m-y-fixed-16 {
  margin-top: var(--lui-spacing-fixed-16);
  margin-bottom: var(--lui-spacing-fixed-16);
}

.m-y-fixed-24 {
  margin-top: var(--lui-spacing-fixed-24);
  margin-bottom: var(--lui-spacing-fixed-24);
}

.m-y-fixed-32 {
  margin-top: var(--lui-spacing-fixed-32);
  margin-bottom: var(--lui-spacing-fixed-32);
}

.m-y-fixed-40 {
  margin-top: var(--lui-spacing-fixed-40);
  margin-bottom: var(--lui-spacing-fixed-40);
}

.m--fluid-2 {
  margin: var(--lui-spacing-fluid-2);
}

.m--fluid-4 {
  margin: var(--lui-spacing-fluid-4);
}

.m--fluid-8 {
  margin: var(--lui-spacing-fluid-8);
}

.m--fluid-12 {
  margin: var(--lui-spacing-fluid-12);
}

.m--fluid-16 {
  margin: var(--lui-spacing-fluid-16);
}

.m--fluid-20 {
  margin: var(--lui-spacing-fluid-20);
}

.m--fluid-24 {
  margin: var(--lui-spacing-fluid-24);
}

.m--fluid-32 {
  margin: var(--lui-spacing-fluid-32);
}

.m--fluid-40 {
  margin: var(--lui-spacing-fluid-40);
}

.m--fluid-48 {
  margin: var(--lui-spacing-fluid-48);
}

.m--fluid-56 {
  margin: var(--lui-spacing-fluid-56);
}

.m--fluid-64 {
  margin: var(--lui-spacing-fluid-64);
}

.m--fluid-72 {
  margin: var(--lui-spacing-fluid-72);
}

.m--fluid-80 {
  margin: var(--lui-spacing-fluid-80);
}

.m-t-fluid-2 {
  margin-top: var(--lui-spacing-fluid-2);
}

.m-t-fluid-4 {
  margin-top: var(--lui-spacing-fluid-4);
}

.m-t-fluid-8 {
  margin-top: var(--lui-spacing-fluid-8);
}

.m-t-fluid-12 {
  margin-top: var(--lui-spacing-fluid-12);
}

.m-t-fluid-16 {
  margin-top: var(--lui-spacing-fluid-16);
}

.m-t-fluid-20 {
  margin-top: var(--lui-spacing-fluid-20);
}

.m-t-fluid-24 {
  margin-top: var(--lui-spacing-fluid-24);
}

.m-t-fluid-32 {
  margin-top: var(--lui-spacing-fluid-32);
}

.m-t-fluid-40 {
  margin-top: var(--lui-spacing-fluid-40);
}

.m-t-fluid-48 {
  margin-top: var(--lui-spacing-fluid-48);
}

.m-t-fluid-56 {
  margin-top: var(--lui-spacing-fluid-56);
}

.m-t-fluid-64 {
  margin-top: var(--lui-spacing-fluid-64);
}

.m-t-fluid-72 {
  margin-top: var(--lui-spacing-fluid-72);
}

.m-t-fluid-80 {
  margin-top: var(--lui-spacing-fluid-80);
}

.m-b-fluid-2 {
  margin-bottom: var(--lui-spacing-fluid-2);
}

.m-b-fluid-4 {
  margin-bottom: var(--lui-spacing-fluid-4);
}

.m-b-fluid-8 {
  margin-bottom: var(--lui-spacing-fluid-8);
}

.m-b-fluid-12 {
  margin-bottom: var(--lui-spacing-fluid-12);
}

.m-b-fluid-16 {
  margin-bottom: var(--lui-spacing-fluid-16);
}

.m-b-fluid-20 {
  margin-bottom: var(--lui-spacing-fluid-20);
}

.m-b-fluid-24 {
  margin-bottom: var(--lui-spacing-fluid-24);
}

.m-b-fluid-32 {
  margin-bottom: var(--lui-spacing-fluid-32);
}

.m-b-fluid-40 {
  margin-bottom: var(--lui-spacing-fluid-40);
}

.m-b-fluid-48 {
  margin-bottom: var(--lui-spacing-fluid-48);
}

.m-b-fluid-56 {
  margin-bottom: var(--lui-spacing-fluid-56);
}

.m-b-fluid-64 {
  margin-bottom: var(--lui-spacing-fluid-64);
}

.m-b-fluid-72 {
  margin-bottom: var(--lui-spacing-fluid-72);
}

.m-b-fluid-80 {
  margin-bottom: var(--lui-spacing-fluid-80);
}

.m-l-fluid-2 {
  margin-left: var(--lui-spacing-fluid-2);
}

.m-l-fluid-4 {
  margin-left: var(--lui-spacing-fluid-4);
}

.m-l-fluid-8 {
  margin-left: var(--lui-spacing-fluid-8);
}

.m-l-fluid-12 {
  margin-left: var(--lui-spacing-fluid-12);
}

.m-l-fluid-16 {
  margin-left: var(--lui-spacing-fluid-16);
}

.m-l-fluid-20 {
  margin-left: var(--lui-spacing-fluid-20);
}

.m-l-fluid-24 {
  margin-left: var(--lui-spacing-fluid-24);
}

.m-l-fluid-32 {
  margin-left: var(--lui-spacing-fluid-32);
}

.m-l-fluid-40 {
  margin-left: var(--lui-spacing-fluid-40);
}

.m-l-fluid-48 {
  margin-left: var(--lui-spacing-fluid-48);
}

.m-l-fluid-56 {
  margin-left: var(--lui-spacing-fluid-56);
}

.m-l-fluid-64 {
  margin-left: var(--lui-spacing-fluid-64);
}

.m-l-fluid-72 {
  margin-left: var(--lui-spacing-fluid-72);
}

.m-l-fluid-80 {
  margin-left: var(--lui-spacing-fluid-80);
}

.m-r-fluid-2 {
  margin-right: var(--lui-spacing-fluid-2);
}

.m-r-fluid-4 {
  margin-right: var(--lui-spacing-fluid-4);
}

.m-r-fluid-8 {
  margin-right: var(--lui-spacing-fluid-8);
}

.m-r-fluid-12 {
  margin-right: var(--lui-spacing-fluid-12);
}

.m-r-fluid-16 {
  margin-right: var(--lui-spacing-fluid-16);
}

.m-r-fluid-20 {
  margin-right: var(--lui-spacing-fluid-20);
}

.m-r-fluid-24 {
  margin-right: var(--lui-spacing-fluid-24);
}

.m-r-fluid-32 {
  margin-right: var(--lui-spacing-fluid-32);
}

.m-r-fluid-40 {
  margin-right: var(--lui-spacing-fluid-40);
}

.m-r-fluid-48 {
  margin-right: var(--lui-spacing-fluid-48);
}

.m-r-fluid-56 {
  margin-right: var(--lui-spacing-fluid-56);
}

.m-r-fluid-64 {
  margin-right: var(--lui-spacing-fluid-64);
}

.m-r-fluid-72 {
  margin-right: var(--lui-spacing-fluid-72);
}

.m-r-fluid-80 {
  margin-right: var(--lui-spacing-fluid-80);
}

.m-x-fluid-2 {
  margin-left: var(--lui-spacing-fluid-2);
  margin-right: var(--lui-spacing-fluid-2);
}

.m-x-fluid-4 {
  margin-left: var(--lui-spacing-fluid-4);
  margin-right: var(--lui-spacing-fluid-4);
}

.m-x-fluid-8 {
  margin-left: var(--lui-spacing-fluid-8);
  margin-right: var(--lui-spacing-fluid-8);
}

.m-x-fluid-12 {
  margin-left: var(--lui-spacing-fluid-12);
  margin-right: var(--lui-spacing-fluid-12);
}

.m-x-fluid-16 {
  margin-left: var(--lui-spacing-fluid-16);
  margin-right: var(--lui-spacing-fluid-16);
}

.m-x-fluid-20 {
  margin-left: var(--lui-spacing-fluid-20);
  margin-right: var(--lui-spacing-fluid-20);
}

.m-x-fluid-24 {
  margin-left: var(--lui-spacing-fluid-24);
  margin-right: var(--lui-spacing-fluid-24);
}

.m-x-fluid-32 {
  margin-left: var(--lui-spacing-fluid-32);
  margin-right: var(--lui-spacing-fluid-32);
}

.m-x-fluid-40 {
  margin-left: var(--lui-spacing-fluid-40);
  margin-right: var(--lui-spacing-fluid-40);
}

.m-x-fluid-48 {
  margin-left: var(--lui-spacing-fluid-48);
  margin-right: var(--lui-spacing-fluid-48);
}

.m-x-fluid-56 {
  margin-left: var(--lui-spacing-fluid-56);
  margin-right: var(--lui-spacing-fluid-56);
}

.m-x-fluid-64 {
  margin-left: var(--lui-spacing-fluid-64);
  margin-right: var(--lui-spacing-fluid-64);
}

.m-x-fluid-72 {
  margin-left: var(--lui-spacing-fluid-72);
  margin-right: var(--lui-spacing-fluid-72);
}

.m-x-fluid-80 {
  margin-left: var(--lui-spacing-fluid-80);
  margin-right: var(--lui-spacing-fluid-80);
}

.m-y-fluid-2 {
  margin-top: var(--lui-spacing-fluid-2);
  margin-bottom: var(--lui-spacing-fluid-2);
}

.m-y-fluid-4 {
  margin-top: var(--lui-spacing-fluid-4);
  margin-bottom: var(--lui-spacing-fluid-4);
}

.m-y-fluid-8 {
  margin-top: var(--lui-spacing-fluid-8);
  margin-bottom: var(--lui-spacing-fluid-8);
}

.m-y-fluid-12 {
  margin-top: var(--lui-spacing-fluid-12);
  margin-bottom: var(--lui-spacing-fluid-12);
}

.m-y-fluid-16 {
  margin-top: var(--lui-spacing-fluid-16);
  margin-bottom: var(--lui-spacing-fluid-16);
}

.m-y-fluid-20 {
  margin-top: var(--lui-spacing-fluid-20);
  margin-bottom: var(--lui-spacing-fluid-20);
}

.m-y-fluid-24 {
  margin-top: var(--lui-spacing-fluid-24);
  margin-bottom: var(--lui-spacing-fluid-24);
}

.m-y-fluid-32 {
  margin-top: var(--lui-spacing-fluid-32);
  margin-bottom: var(--lui-spacing-fluid-32);
}

.m-y-fluid-40 {
  margin-top: var(--lui-spacing-fluid-40);
  margin-bottom: var(--lui-spacing-fluid-40);
}

.m-y-fluid-48 {
  margin-top: var(--lui-spacing-fluid-48);
  margin-bottom: var(--lui-spacing-fluid-48);
}

.m-y-fluid-56 {
  margin-top: var(--lui-spacing-fluid-56);
  margin-bottom: var(--lui-spacing-fluid-56);
}

.m-y-fluid-64 {
  margin-top: var(--lui-spacing-fluid-64);
  margin-bottom: var(--lui-spacing-fluid-64);
}

.m-y-fluid-72 {
  margin-top: var(--lui-spacing-fluid-72);
  margin-bottom: var(--lui-spacing-fluid-72);
}

.m-y-fluid-80 {
  margin-top: var(--lui-spacing-fluid-80);
  margin-bottom: var(--lui-spacing-fluid-80);
}

.p--fixed-0 {
  padding: var(--lui-spacing-fixed-0);
}

.p--fixed-8 {
  padding: var(--lui-spacing-fixed-8);
}

.p--fixed-16 {
  padding: var(--lui-spacing-fixed-16);
}

.p--fixed-24 {
  padding: var(--lui-spacing-fixed-24);
}

.p--fixed-32 {
  padding: var(--lui-spacing-fixed-32);
}

.p--fixed-40 {
  padding: var(--lui-spacing-fixed-40);
}

.p-t-fixed-0 {
  padding-top: var(--lui-spacing-fixed-0);
}

.p-t-fixed-8 {
  padding-top: var(--lui-spacing-fixed-8);
}

.p-t-fixed-16 {
  padding-top: var(--lui-spacing-fixed-16);
}

.p-t-fixed-24 {
  padding-top: var(--lui-spacing-fixed-24);
}

.p-t-fixed-32 {
  padding-top: var(--lui-spacing-fixed-32);
}

.p-t-fixed-40 {
  padding-top: var(--lui-spacing-fixed-40);
}

.p-b-fixed-0 {
  padding-bottom: var(--lui-spacing-fixed-0);
}

.p-b-fixed-8 {
  padding-bottom: var(--lui-spacing-fixed-8);
}

.p-b-fixed-16 {
  padding-bottom: var(--lui-spacing-fixed-16);
}

.p-b-fixed-24 {
  padding-bottom: var(--lui-spacing-fixed-24);
}

.p-b-fixed-32 {
  padding-bottom: var(--lui-spacing-fixed-32);
}

.p-b-fixed-40 {
  padding-bottom: var(--lui-spacing-fixed-40);
}

.p-l-fixed-0 {
  padding-left: var(--lui-spacing-fixed-0);
}

.p-l-fixed-8 {
  padding-left: var(--lui-spacing-fixed-8);
}

.p-l-fixed-16 {
  padding-left: var(--lui-spacing-fixed-16);
}

.p-l-fixed-24 {
  padding-left: var(--lui-spacing-fixed-24);
}

.p-l-fixed-32 {
  padding-left: var(--lui-spacing-fixed-32);
}

.p-l-fixed-40 {
  padding-left: var(--lui-spacing-fixed-40);
}

.p-r-fixed-0 {
  padding-right: var(--lui-spacing-fixed-0);
}

.p-r-fixed-8 {
  padding-right: var(--lui-spacing-fixed-8);
}

.p-r-fixed-16 {
  padding-right: var(--lui-spacing-fixed-16);
}

.p-r-fixed-24 {
  padding-right: var(--lui-spacing-fixed-24);
}

.p-r-fixed-32 {
  padding-right: var(--lui-spacing-fixed-32);
}

.p-r-fixed-40 {
  padding-right: var(--lui-spacing-fixed-40);
}

.p-x-fixed-0 {
  padding-left: var(--lui-spacing-fixed-0);
  padding-right: var(--lui-spacing-fixed-0);
}

.p-x-fixed-8 {
  padding-left: var(--lui-spacing-fixed-8);
  padding-right: var(--lui-spacing-fixed-8);
}

.p-x-fixed-16 {
  padding-left: var(--lui-spacing-fixed-16);
  padding-right: var(--lui-spacing-fixed-16);
}

.p-x-fixed-24 {
  padding-left: var(--lui-spacing-fixed-24);
  padding-right: var(--lui-spacing-fixed-24);
}

.p-x-fixed-32 {
  padding-left: var(--lui-spacing-fixed-32);
  padding-right: var(--lui-spacing-fixed-32);
}

.p-x-fixed-40 {
  padding-left: var(--lui-spacing-fixed-40);
  padding-right: var(--lui-spacing-fixed-40);
}

.p-y-fixed-0 {
  padding-top: var(--lui-spacing-fixed-0);
  padding-bottom: var(--lui-spacing-fixed-0);
}

.p-y-fixed-8 {
  padding-top: var(--lui-spacing-fixed-8);
  padding-bottom: var(--lui-spacing-fixed-8);
}

.p-y-fixed-16 {
  padding-top: var(--lui-spacing-fixed-16);
  padding-bottom: var(--lui-spacing-fixed-16);
}

.p-y-fixed-24 {
  padding-top: var(--lui-spacing-fixed-24);
  padding-bottom: var(--lui-spacing-fixed-24);
}

.p-y-fixed-32 {
  padding-top: var(--lui-spacing-fixed-32);
  padding-bottom: var(--lui-spacing-fixed-32);
}

.p-y-fixed-40 {
  padding-top: var(--lui-spacing-fixed-40);
  padding-bottom: var(--lui-spacing-fixed-40);
}

.p--fluid-2 {
  padding: var(--lui-spacing-fluid-2);
}

.p--fluid-4 {
  padding: var(--lui-spacing-fluid-4);
}

.p--fluid-8 {
  padding: var(--lui-spacing-fluid-8);
}

.p--fluid-12 {
  padding: var(--lui-spacing-fluid-12);
}

.p--fluid-16 {
  padding: var(--lui-spacing-fluid-16);
}

.p--fluid-20 {
  padding: var(--lui-spacing-fluid-20);
}

.p--fluid-24 {
  padding: var(--lui-spacing-fluid-24);
}

.p--fluid-32 {
  padding: var(--lui-spacing-fluid-32);
}

.p--fluid-40 {
  padding: var(--lui-spacing-fluid-40);
}

.p--fluid-48 {
  padding: var(--lui-spacing-fluid-48);
}

.p--fluid-56 {
  padding: var(--lui-spacing-fluid-56);
}

.p--fluid-64 {
  padding: var(--lui-spacing-fluid-64);
}

.p--fluid-72 {
  padding: var(--lui-spacing-fluid-72);
}

.p--fluid-80 {
  padding: var(--lui-spacing-fluid-80);
}

.p-t-fluid-2 {
  padding-top: var(--lui-spacing-fluid-2);
}

.p-t-fluid-4 {
  padding-top: var(--lui-spacing-fluid-4);
}

.p-t-fluid-8 {
  padding-top: var(--lui-spacing-fluid-8);
}

.p-t-fluid-12 {
  padding-top: var(--lui-spacing-fluid-12);
}

.p-t-fluid-16 {
  padding-top: var(--lui-spacing-fluid-16);
}

.p-t-fluid-20 {
  padding-top: var(--lui-spacing-fluid-20);
}

.p-t-fluid-24 {
  padding-top: var(--lui-spacing-fluid-24);
}

.p-t-fluid-32 {
  padding-top: var(--lui-spacing-fluid-32);
}

.p-t-fluid-40 {
  padding-top: var(--lui-spacing-fluid-40);
}

.p-t-fluid-48 {
  padding-top: var(--lui-spacing-fluid-48);
}

.p-t-fluid-56 {
  padding-top: var(--lui-spacing-fluid-56);
}

.p-t-fluid-64 {
  padding-top: var(--lui-spacing-fluid-64);
}

.p-t-fluid-72 {
  padding-top: var(--lui-spacing-fluid-72);
}

.p-t-fluid-80 {
  padding-top: var(--lui-spacing-fluid-80);
}

.p-b-fluid-2 {
  padding-bottom: var(--lui-spacing-fluid-2);
}

.p-b-fluid-4 {
  padding-bottom: var(--lui-spacing-fluid-4);
}

.p-b-fluid-8 {
  padding-bottom: var(--lui-spacing-fluid-8);
}

.p-b-fluid-12 {
  padding-bottom: var(--lui-spacing-fluid-12);
}

.p-b-fluid-16 {
  padding-bottom: var(--lui-spacing-fluid-16);
}

.p-b-fluid-20 {
  padding-bottom: var(--lui-spacing-fluid-20);
}

.p-b-fluid-24 {
  padding-bottom: var(--lui-spacing-fluid-24);
}

.p-b-fluid-32 {
  padding-bottom: var(--lui-spacing-fluid-32);
}

.p-b-fluid-40 {
  padding-bottom: var(--lui-spacing-fluid-40);
}

.p-b-fluid-48 {
  padding-bottom: var(--lui-spacing-fluid-48);
}

.p-b-fluid-56 {
  padding-bottom: var(--lui-spacing-fluid-56);
}

.p-b-fluid-64 {
  padding-bottom: var(--lui-spacing-fluid-64);
}

.p-b-fluid-72 {
  padding-bottom: var(--lui-spacing-fluid-72);
}

.p-b-fluid-80 {
  padding-bottom: var(--lui-spacing-fluid-80);
}

.p-l-fluid-2 {
  padding-left: var(--lui-spacing-fluid-2);
}

.p-l-fluid-4 {
  padding-left: var(--lui-spacing-fluid-4);
}

.p-l-fluid-8 {
  padding-left: var(--lui-spacing-fluid-8);
}

.p-l-fluid-12 {
  padding-left: var(--lui-spacing-fluid-12);
}

.p-l-fluid-16 {
  padding-left: var(--lui-spacing-fluid-16);
}

.p-l-fluid-20 {
  padding-left: var(--lui-spacing-fluid-20);
}

.p-l-fluid-24 {
  padding-left: var(--lui-spacing-fluid-24);
}

.p-l-fluid-32 {
  padding-left: var(--lui-spacing-fluid-32);
}

.p-l-fluid-40 {
  padding-left: var(--lui-spacing-fluid-40);
}

.p-l-fluid-48 {
  padding-left: var(--lui-spacing-fluid-48);
}

.p-l-fluid-56 {
  padding-left: var(--lui-spacing-fluid-56);
}

.p-l-fluid-64 {
  padding-left: var(--lui-spacing-fluid-64);
}

.p-l-fluid-72 {
  padding-left: var(--lui-spacing-fluid-72);
}

.p-l-fluid-80 {
  padding-left: var(--lui-spacing-fluid-80);
}

.p-r-fluid-2 {
  padding-right: var(--lui-spacing-fluid-2);
}

.p-r-fluid-4 {
  padding-right: var(--lui-spacing-fluid-4);
}

.p-r-fluid-8 {
  padding-right: var(--lui-spacing-fluid-8);
}

.p-r-fluid-12 {
  padding-right: var(--lui-spacing-fluid-12);
}

.p-r-fluid-16 {
  padding-right: var(--lui-spacing-fluid-16);
}

.p-r-fluid-20 {
  padding-right: var(--lui-spacing-fluid-20);
}

.p-r-fluid-24 {
  padding-right: var(--lui-spacing-fluid-24);
}

.p-r-fluid-32 {
  padding-right: var(--lui-spacing-fluid-32);
}

.p-r-fluid-40 {
  padding-right: var(--lui-spacing-fluid-40);
}

.p-r-fluid-48 {
  padding-right: var(--lui-spacing-fluid-48);
}

.p-r-fluid-56 {
  padding-right: var(--lui-spacing-fluid-56);
}

.p-r-fluid-64 {
  padding-right: var(--lui-spacing-fluid-64);
}

.p-r-fluid-72 {
  padding-right: var(--lui-spacing-fluid-72);
}

.p-r-fluid-80 {
  padding-right: var(--lui-spacing-fluid-80);
}

.p-x-fluid-2 {
  padding-left: var(--lui-spacing-fluid-2);
  padding-right: var(--lui-spacing-fluid-2);
}

.p-x-fluid-4 {
  padding-left: var(--lui-spacing-fluid-4);
  padding-right: var(--lui-spacing-fluid-4);
}

.p-x-fluid-8 {
  padding-left: var(--lui-spacing-fluid-8);
  padding-right: var(--lui-spacing-fluid-8);
}

.p-x-fluid-12 {
  padding-left: var(--lui-spacing-fluid-12);
  padding-right: var(--lui-spacing-fluid-12);
}

.p-x-fluid-16 {
  padding-left: var(--lui-spacing-fluid-16);
  padding-right: var(--lui-spacing-fluid-16);
}

.p-x-fluid-20 {
  padding-left: var(--lui-spacing-fluid-20);
  padding-right: var(--lui-spacing-fluid-20);
}

.p-x-fluid-24 {
  padding-left: var(--lui-spacing-fluid-24);
  padding-right: var(--lui-spacing-fluid-24);
}

.p-x-fluid-32 {
  padding-left: var(--lui-spacing-fluid-32);
  padding-right: var(--lui-spacing-fluid-32);
}

.p-x-fluid-40 {
  padding-left: var(--lui-spacing-fluid-40);
  padding-right: var(--lui-spacing-fluid-40);
}

.p-x-fluid-48 {
  padding-left: var(--lui-spacing-fluid-48);
  padding-right: var(--lui-spacing-fluid-48);
}

.p-x-fluid-56 {
  padding-left: var(--lui-spacing-fluid-56);
  padding-right: var(--lui-spacing-fluid-56);
}

.p-x-fluid-64 {
  padding-left: var(--lui-spacing-fluid-64);
  padding-right: var(--lui-spacing-fluid-64);
}

.p-x-fluid-72 {
  padding-left: var(--lui-spacing-fluid-72);
  padding-right: var(--lui-spacing-fluid-72);
}

.p-x-fluid-80 {
  padding-left: var(--lui-spacing-fluid-80);
  padding-right: var(--lui-spacing-fluid-80);
}

.p-y-fluid-2 {
  padding-top: var(--lui-spacing-fluid-2);
  padding-bottom: var(--lui-spacing-fluid-2);
}

.p-y-fluid-4 {
  padding-top: var(--lui-spacing-fluid-4);
  padding-bottom: var(--lui-spacing-fluid-4);
}

.p-y-fluid-8 {
  padding-top: var(--lui-spacing-fluid-8);
  padding-bottom: var(--lui-spacing-fluid-8);
}

.p-y-fluid-12 {
  padding-top: var(--lui-spacing-fluid-12);
  padding-bottom: var(--lui-spacing-fluid-12);
}

.p-y-fluid-16 {
  padding-top: var(--lui-spacing-fluid-16);
  padding-bottom: var(--lui-spacing-fluid-16);
}

.p-y-fluid-20 {
  padding-top: var(--lui-spacing-fluid-20);
  padding-bottom: var(--lui-spacing-fluid-20);
}

.p-y-fluid-24 {
  padding-top: var(--lui-spacing-fluid-24);
  padding-bottom: var(--lui-spacing-fluid-24);
}

.p-y-fluid-32 {
  padding-top: var(--lui-spacing-fluid-32);
  padding-bottom: var(--lui-spacing-fluid-32);
}

.p-y-fluid-40 {
  padding-top: var(--lui-spacing-fluid-40);
  padding-bottom: var(--lui-spacing-fluid-40);
}

.p-y-fluid-48 {
  padding-top: var(--lui-spacing-fluid-48);
  padding-bottom: var(--lui-spacing-fluid-48);
}

.p-y-fluid-56 {
  padding-top: var(--lui-spacing-fluid-56);
  padding-bottom: var(--lui-spacing-fluid-56);
}

.p-y-fluid-64 {
  padding-top: var(--lui-spacing-fluid-64);
  padding-bottom: var(--lui-spacing-fluid-64);
}

.p-y-fluid-72 {
  padding-top: var(--lui-spacing-fluid-72);
  padding-bottom: var(--lui-spacing-fluid-72);
}

.p-y-fluid-80 {
  padding-top: var(--lui-spacing-fluid-80);
  padding-bottom: var(--lui-spacing-fluid-80);
}

.gap-fixed-0 {
  gap: var(--lui-spacing-fixed-0);
}

.gap-fixed-8 {
  gap: var(--lui-spacing-fixed-8);
}

.gap-fixed-16 {
  gap: var(--lui-spacing-fixed-16);
}

.gap-fixed-24 {
  gap: var(--lui-spacing-fixed-24);
}

.gap-fixed-32 {
  gap: var(--lui-spacing-fixed-32);
}

.gap-fixed-40 {
  gap: var(--lui-spacing-fixed-40);
}

.gap-fluid-2 {
  gap: var(--lui-spacing-fluid-2);
}

.gap-fluid-4 {
  gap: var(--lui-spacing-fluid-4);
}

.gap-fluid-8 {
  gap: var(--lui-spacing-fluid-8);
}

.gap-fluid-12 {
  gap: var(--lui-spacing-fluid-12);
}

.gap-fluid-16 {
  gap: var(--lui-spacing-fluid-16);
}

.gap-fluid-20 {
  gap: var(--lui-spacing-fluid-20);
}

.gap-fluid-24 {
  gap: var(--lui-spacing-fluid-24);
}

.gap-fluid-32 {
  gap: var(--lui-spacing-fluid-32);
}

.gap-fluid-40 {
  gap: var(--lui-spacing-fluid-40);
}

.gap-fluid-48 {
  gap: var(--lui-spacing-fluid-48);
}

.gap-fluid-56 {
  gap: var(--lui-spacing-fluid-56);
}

.gap-fluid-64 {
  gap: var(--lui-spacing-fluid-64);
}

.gap-fluid-72 {
  gap: var(--lui-spacing-fluid-72);
}

.gap-fluid-80 {
  gap: var(--lui-spacing-fluid-80);
}

.display {
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-3xl)/var(--lui-brand-typography-line-height-heading) var(--lui-brand-typography-font-family-heading);
  text-transform: var(--lui-typography-case-none);
}

.title {
  font: var(--lui-typography-weight-bold) var(--lui-brand-typography-font-size-2xl)/var(--lui-brand-typography-line-height-heading) var(--lui-brand-typography-font-family-heading);
  text-transform: var(--lui-typography-case-none);
}

.headline {
  font: var(--lui-typography-weight-semibold) var(--lui-brand-typography-font-size-1xl)/var(--lui-brand-typography-line-height-heading) var(--lui-brand-typography-font-family-heading);
  text-transform: var(--lui-typography-case-none);
}

.subtitle {
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-lg)/var(--lui-brand-typography-line-height-heading) var(--lui-brand-typography-font-family-heading);
  text-transform: var(--lui-typography-case-none);
}

.block-title {
  font: var(--lui-typography-weight-medium) var(--lui-brand-typography-font-size-md)/var(--lui-brand-typography-line-height-heading) var(--lui-brand-typography-font-family-heading);
  text-transform: var(--lui-typography-case-none);
}

.subheadline {
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-sm)/var(--lui-brand-typography-line-height-heading) var(--lui-brand-typography-font-family-heading);
  text-transform: var(--lui-typography-case-none);
}

.overtitle {
  font: var(--lui-typography-weight-medium) var(--lui-brand-typography-font-size-3xs)/var(--lui-brand-typography-line-height-heading) var(--lui-brand-typography-font-family-heading);
  text-transform: var(--lui-typography-case-uppercase);
}

.body--lg {
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-1xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
}

.body--md {
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-2xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
}

.body--sm {
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-3xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
}

.text-regular {
  font-weight: var(--lui-typography-weight-regular);
}
.text-medium {
  font-weight: var(--lui-typography-weight-medium);
}
.text-semibold {
  font-weight: var(--lui-typography-weight-semibold);
}
.text-bold {
  font-weight: var(--lui-typography-weight-bold);
}

.alert {
  color: var(--lui-color-neutral-text-body);
  background-color: var(--lui-color-neutral-background-surface);
  padding: var(--lui-spacing-fixed-16);
  gap: var(--lui-spacing-fixed-16);
  border-radius: var(--lui-border-radius-lg);
}
.alert__content, .alert__actions {
  display: flex;
}
.alert__content {
  gap: var(--lui-spacing-fixed-16);
}
.alert__text {
  width: 100%;
}
.alert__text p:first-child {
  margin-bottom: var(--lui-spacing-fluid-2);
}
.alert__text p:first-of-type {
  font-weight: var(--lui-typography-weight-bold) !important;
}
.alert__actions {
  margin-top: var(--lui-spacing-fixed-24);
  justify-content: flex-end;
}
.alert__actions button:first-child {
  margin-right: var(--lui-spacing-fixed-16);
}
.alert.alert--caution {
  border: var(--lui-border-width-2) var(--lui-color-caution-border-stroke) solid;
}
.alert.alert--caution i.alert__icon {
  color: var(--lui-color-caution-icon-default);
}
.alert.alert--danger {
  border: var(--lui-border-width-2) var(--lui-color-danger-border-stroke) solid;
}
.alert.alert--danger i.alert__icon {
  color: var(--lui-color-danger-icon-default);
}
.alert.alert--info {
  border: var(--lui-border-width-2) var(--lui-color-info-border-stroke) solid;
}
.alert.alert--info i.alert__icon {
  color: var(--lui-color-info-icon-default);
}
.alert.alert--success {
  border: var(--lui-border-width-2) var(--lui-color-success-border-stroke) solid;
}
.alert.alert--success i.alert__icon {
  color: var(--lui-color-success-icon-default);
}

.breadcrumb {
  display: flex;
  align-items: center;
  list-style: none;
  padding: var(--lui-spacing-fixed-0);
  margin: var(--lui-spacing-fixed-0);
}
.breadcrumb li a {
  text-decoration: none;
}
.breadcrumb li::after {
  content: "/";
  margin: var(--lui-spacing-fixed-0) var(--lui-spacing-fixed-8);
  color: var(--lui-color-neutral-text-body);
}
.breadcrumb li:last-child {
  color: var(--lui-color-neutral-text-body);
  cursor: default;
}
.breadcrumb li:last-child::after {
  content: "";
}

button.btn {
  position: relative;
  overflow: hidden;
  font-weight: var(--lui-typography-weight-regular);
  border: var(--lui-spacing-fixed-0);
  outline: var(--lui-spacing-fixed-0);
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  z-index: 0;
}
button.btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: inherit;
  z-index: -1;
  transition: filter 0.2s ease-in-out;
}
button.btn:hover::before {
  filter: brightness(0.76);
}
button.btn:active {
  outline: var(--lui-border-width-2) solid transparent;
  outline-offset: var(--lui-border-width-2);
}
button.btn:active::before {
  filter: brightness(0.6);
}
button.btn:disabled {
  cursor: not-allowed;
  opacity: var(--lui-opacity-disabled);
}
button.btn:disabled::before {
  background-color: var(--lui-color-primary-background-container);
  filter: none;
}
button.btn--lg {
  padding: var(--lui-spacing-fluid-12) var(--lui-spacing-fluid-16);
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-1xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
  border-radius: var(--lui-border-radius-lg);
}
button.btn--md {
  padding: var(--lui-spacing-fluid-8) var(--lui-spacing-fluid-12);
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-2xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
  border-radius: var(--lui-border-radius-md);
}
button.btn--primary {
  color: var(--lui-color-neutral-text-inverse);
}
button.btn--primary::before {
  background-color: var(--lui-color-primary-background-container);
}
button.btn--primary:focus {
  box-shadow: 0 0 0 3px lch(45.27% 113.1 310.44deg / 0.32);
}
button.btn--secondary {
  color: var(--lui-color-neutral-text-inverse);
}
button.btn--secondary::before {
  background-color: var(--lui-color-secondary-background-container);
}
button.btn--secondary:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
}
button.btn--tertiary {
  color: var(--lui-color-neutral-text-inverse);
}
button.btn--tertiary::before {
  content: "";
  position: absolute;
  background-color: var(--lui-color-neutral-background-container);
  inset: 0;
  opacity: var(--lui-opacity-hidden);
  transition: opacity 0.2s;
  z-index: -1;
}
button.btn--tertiary:hover::before {
  opacity: 0.24;
}
button.btn--tertiary:active::before {
  opacity: 0.4;
}
button.btn--tertiary:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
}
button.btn--danger {
  color: var(--lui-color-neutral-text-inverse);
}
button.btn--danger::before {
  background-color: var(--lui-color-danger-background-container);
}
button.btn--danger:focus {
  box-shadow: 0 0 0 3px rgba(238, 67, 67, 0.3);
}
button.btn--success {
  color: var(--lui-color-neutral-text-inverse);
}
button.btn--success::before {
  background-color: var(--lui-color-success-background-container);
}
button.btn--success:focus {
  box-shadow: 0 0 0 3px rgba(87, 238, 67, 0.3);
}

.card {
  background-color: var(--lui-color-neutral-background-surface);
  border-radius: var(--lui-border-radius-lg);
  overflow: hidden;
}
.card__cover img {
  width: 100%;
  object-fit: cover;
}
.card__cover > img {
  max-height: 240px;
}
.card__body {
  padding: var(--lui-spacing-fixed-24);
  display: flex;
  flex-direction: column;
  gap: var(--lui-spacing-fixed-8);
}
.card__body > .card-actions {
  margin-top: var(--lui-spacing-fixed-16);
  display: flex;
  flex-direction: row-reverse;
  gap: var(--lui-spacing-fixed-16);
}
.card__border {
  border: var(--lui-border-width-1) solid var(--lui-color-neutral-border-stroke);
}

.checkbox,
input[type=checkbox] {
  display: flex;
  align-items: center;
  gap: var(--lui-spacing-fixed-8);
  cursor: pointer;
  user-select: none;
  margin: var(--lui-spacing-fixed-0);
  padding: var(--lui-spacing-fixed-0);
}

.checkbox--lg input[type=checkbox] {
  width: var(--lui-spacing-fixed-24);
  height: var(--lui-spacing-fixed-24);
}
.checkbox--md input[type=checkbox] {
  width: var(--lui-spacing-fixed-16);
  height: var(--lui-spacing-fixed-16);
}
.checkbox input {
  appearance: none;
  background-color: var(--lui-color-neutral-background-surface);
  border: var(--lui-border-width-1) solid var(--lui-color-neutral-border-divisor);
  border-radius: var(--lui-border-radius-xs);
  display: inline-block;
  position: relative;
  transition: all 0.2s ease;
}
.checkbox input:checked {
  background-color: var(--lui-color-primary-background-container);
  border-color: var(--lui-color-primary-background-container);
}
.checkbox input:checked::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 12px;
  border-right: 2px solid var(--lui-color-neutral-background-surface);
  border-bottom: 2px solid var(--lui-color-neutral-background-surface);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) rotate(45deg);
}
.checkbox input:focus {
  border: var(--lui-border-width-1) solid var(--lui-color-primary-background-container);
  box-shadow: 0 0 0 3px lch(45.27% 113.1 310.44deg / 0.32);
  outline: none;
}
.checkbox input:disabled, .checkbox input.is-disabled, .checkbox input[aria-disabled=true] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--lui-opacity-disabled);
  text-decoration: none;
}
.checkbox input:not([aria-disabled=true], .is-disabled):hover {
  filter: brightness(0.76);
}
.checkbox input:not([aria-disabled=true], .is-disabled):active {
  filter: brightness(0.6);
}
.checkbox input:not([aria-disabled=true], .is-disabled):focus, .checkbox input:not([aria-disabled=true], .is-disabled):focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3 lch(45.27% 113.1 310.44deg / 0.32);
}

.form__group {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--lui-spacing-fixed-8);
}
.form__lg label {
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-1xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
}
.form__lg input, .form__lg select {
  border-radius: var(--lui-border-radius-sm);
  padding: var(--lui-spacing-fluid-12);
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-1xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
}
.form__md label {
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-2xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
}
.form__md input, .form__md select {
  border-radius: var(--lui-border-radius-xs);
  padding: var(--lui-spacing-fixed-8);
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-2xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
}

label {
  color: var(--lui-color-neutral-text-heading);
}

input[type=color], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url] {
  color: var(--lui-color-neutral-text-body);
  background-color: var(--lui-color-neutral-background-surface);
  border: var(--lui-border-width-1) solid var(--lui-color-neutral-border-divisor);
  transition: all 0.2s ease-in-out;
  line-height: 1;
  box-sizing: border-box;
}
input[type=color]:hover, input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover {
  border: var(--lui-border-width-1) solid var(--lui-color-neutral-border-stroke);
}
input[type=color]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus {
  border: var(--lui-border-width-1) solid var(--lui-color-primary-background-container);
  box-shadow: 0 0 0 3px lch(45.27% 113.1 310.44deg / 0.32);
  outline: none;
}

.icon-button {
  position: relative;
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  background: transparent;
  border: none;
  border-radius: var(--lui-border-radius-md);
  place-self: start;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  z-index: 0;
  background-color: var(--lui-color-neutral-background-surface);
}
.icon-button i::before {
  color: var(--lui-color-neutral-icon-default);
}
.icon-button::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: var(--lui-opacity-hidden);
  transition: opacity 0.2s;
  z-index: -1;
}
.icon-button--lg {
  max-width: var(--lui-spacing-fixed-40) !important;
  max-height: var(--lui-spacing-fixed-40) !important;
  padding: var(--lui-spacing-fixed-8) !important;
}
.icon-button--lg > i {
  font-size: 1.5rem;
}
.icon-button--md {
  max-width: var(--lui-spacing-fixed-32) !important;
  max-height: var(--lui-spacing-fixed-32) !important;
  padding: var(--lui-spacing-fixed-8) !important;
}
.icon-button--md > i {
  font-size: 1rem;
}
.icon-button:active:not(:disabled)::before, .icon-button:focus {
  border-radius: var(--lui-border-radius-lg);
}
.icon-button:disabled, .icon-button.is-disabled, .icon-button[aria-disabled=true] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--lui-opacity-disabled);
  text-decoration: none;
}
.icon-button:not([aria-disabled=true], .is-disabled):hover {
  filter: brightness(0.76);
}
.icon-button:not([aria-disabled=true], .is-disabled):active {
  filter: brightness(0.6);
}
.icon-button:not([aria-disabled=true], .is-disabled):focus, .icon-button:not([aria-disabled=true], .is-disabled):focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
}

a.link {
  color: var(--lui-color-link-default);
  transition: filter 0.3s ease;
}
a.link:disabled, a.link.is-disabled, a.link[aria-disabled=true] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--lui-opacity-disabled);
  text-decoration: none;
}
a.link:not([aria-disabled=true], .is-disabled):hover {
  filter: brightness(0.76);
}
a.link:not([aria-disabled=true], .is-disabled):active {
  filter: brightness(0.6);
}
a.link:not([aria-disabled=true], .is-disabled):focus, a.link:not([aria-disabled=true], .is-disabled):focus-visible {
  outline: 0;
  box-shadow: 0 0 0 2px var(--lui-color-primary-border-stroke);
}

.modal {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1050;
  background-color: var(--lui-color-neutral-background-surface);
  width: 100%;
  margin: var(--lui-spacing-fluid-16);
  box-shadow: var(--lui-elevation-overlay);
  border-radius: var(--lui-border-radius-lg);
  outline: 0;
  overflow: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.modal--md {
  max-width: 480px;
}
.modal--lg {
  max-width: 640px;
}
.modal--sm {
  max-width: 320px;
}
.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--lui-spacing-fluid-24);
  font: var(--lui-typography-weight-medium) var(--lui-brand-typography-font-size-md)/var(--lui-brand-typography-line-height-heading) var(--lui-brand-typography-font-family-heading);
  text-transform: var(--lui-typography-case-none);
  color: var(--lui-color-neutral-text-heading);
}
.modal__body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--lui-spacing-fluid-24);
  padding-top: 0;
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-1xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
  color: var(--lui-color-neutral-text-body);
}
.modal__footer {
  display: flex;
  padding: var(--lui-spacing-fixed-0) var(--lui-spacing-fluid-24) var(--lui-spacing-fluid-24);
  gap: var(--lui-spacing-fluid-16);
}
.modal__footer button {
  flex: 1;
}

@media (width <= 1279px) {
  .navbar {
    display: none;
  }
}
.navbar {
  position: fixed;
  top: var(--lui-spacing-fixed-0);
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  height: 100vh;
  line-height: 1.5rem;
  overflow-y: auto;
  border-right: 1px solid var(--lui-color-neutral-border-stroke);
  grid-area: sidebar;
}
.navbar img {
  padding: var(--lui-spacing-fixed-16) var(--lui-spacing-fixed-16) var(--lui-spacing-fixed-0);
}
.navbar h6 {
  color: var(--lui-color-neutral-text-heading);
  font: var(--lui-typography-weight-medium) var(--lui-brand-typography-font-size-3xs)/var(--lui-brand-typography-line-height-heading) var(--lui-brand-typography-font-family-heading);
  text-transform: var(--lui-typography-case-uppercase);
}
.navbar a {
  color: var(--lui-color-neutral-text-body);
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-1xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
  text-decoration: none;
}
.navbar-section {
  padding: var(--lui-spacing-fixed-16);
}
.navbar-section h6 {
  margin-bottom: var(--lui-spacing-fixed-8);
}
.navbar-section ul {
  gap: var(--lui-spacing-fixed-24);
}
.navbar-section ul li {
  display: flex;
}
.navbar-section a {
  position: relative;
  background-color: var(--lui-color-neutral-background-surface);
  padding: var(--lui-spacing-fixed-16);
  border-radius: var(--lui-border-radius-md);
  transition: all 0.1s ease-in-out;
  width: 100%;
}
.navbar-section a::before {
  content: "";
  position: absolute;
  border-radius: var(--lui-border-radius-md);
  inset: 0;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: -1;
}
.navbar-section a:hover {
  filter: brightness(0.76);
}
.navbar-section a:active {
  filter: brightness(0.6);
}

.menu-active {
  border-radius: var(--lui-border-radius-md);
  padding: var(--lui-spacing-fixed-16);
  background-color: #8733ff;
  color: var(--lui-color-neutral-text-inverse);
  cursor: default;
}

select {
  color: var(--lui-color-neutral-text-heading);
  background-color: var(--lui-color-neutral-background-surface);
  border: var(--lui-border-width-1) solid var(--lui-color-neutral-border-divisor);
  transition: all 0.2s ease-in-out;
  line-height: normal !important;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2019.5858L7.70711%2011.2929L6.29289%2012.7071L16%2022.4142L25.7071%2012.7071L24.2929%2011.2929L16%2019.5858Z%22%20fill%3D%22%23131519%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  appearance: none;
}
select:hover {
  border: var(--lui-border-width-1) solid var(--lui-color-neutral-border-stroke);
}
select:focus {
  border: var(--lui-border-width-1) solid var(--lui-color-primary-border-stroke);
  box-shadow: 0 0 0 3px lch(45.27% 113.1 310.44deg / 0.32);
  outline: none;
}
select:disabled, select.disabled, select[aria-disabled=true] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--lui-opacity-disabled);
  text-decoration: none;
}

.form__lg select {
  background-position: right var(--lui-spacing-fluid-12) center;
}

.form__md select {
  background-position: right var(--lui-spacing-fixed-8) center;
}

.tag-sm,
.tag-md,
.tag-lg {
  width: fit-content;
  line-height: var(--lui-brand-typography-line-height-body);
  display: inline-flex;
  align-items: center;
  gap: var(--lui-spacing-fluid-4);
}

.tag--sm {
  padding: var(--lui-spacing-fluid-2) var(--lui-spacing-fluid-8);
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-3xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
  border-radius: var(--lui-border-radius-sm);
}
.tag--md {
  padding: var(--lui-spacing-fluid-4) var(--lui-spacing-fluid-8);
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-2xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
  border-radius: var(--lui-border-radius-md);
}
.tag--lg {
  padding: var(--lui-spacing-fluid-8) var(--lui-spacing-fluid-12);
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-1xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
  border-radius: var(--lui-border-radius-lg);
}
.tag--circle {
  border-radius: var(--lui-border-radius-circle) !important;
}

.tag--surface-primary {
  display: inline-flex;
  color: var(--lui-color-neutral-text-body);
  background: var(--lui-color-primary-background-surface);
}

.tag--surface-caution {
  display: inline-flex;
  color: var(--lui-color-neutral-text-body);
  background: var(--lui-color-caution-background-surface);
}

.tag--surface-danger {
  display: inline-flex;
  color: var(--lui-color-neutral-text-body);
  background: var(--lui-color-danger-background-surface);
}

.tag--surface-success {
  display: inline-flex;
  color: var(--lui-color-neutral-text-body);
  background: var(--lui-color-success-background-surface);
}

.tag--surface-neutral {
  display: inline-flex;
  color: var(--lui-color-neutral-text-body);
  background: var(--lui-color-neutral-background-surface);
}

.tag--container-primary {
  display: inline-flex;
  color: var(--lui-color-neutral-text-inverse);
  background: var(--lui-color-primary-background-container);
}

.tag--container-caution {
  display: inline-flex;
  color: var(--lui-color-neutral-text-inverse);
  background: var(--lui-color-caution-background-container);
}

.tag--container-danger {
  display: inline-flex;
  color: var(--lui-color-neutral-text-inverse);
  background: var(--lui-color-danger-background-container);
}

.tag--container-success {
  display: inline-flex;
  color: var(--lui-color-neutral-text-inverse);
  background: var(--lui-color-success-background-container);
}

.tag--container-neutral {
  display: inline-flex;
  color: var(--lui-color-neutral-text-body);
  background: var(--lui-color-neutral-background-container);
}

.tooltip {
  position: relative;
  display: inline-block;
  background: var(--lui-color-neutral-background-overlay);
  color: var(--lui-color-neutral-text-inverse);
  padding: var(--lui-spacing-fluid-2) var(--lui-spacing-fixed-8);
  border-radius: var(--lui-border-radius-xs);
  font: var(--lui-typography-weight-regular) var(--lui-brand-typography-font-size-3xs)/var(--lui-brand-typography-line-height-body) var(--lui-brand-typography-font-family-body);
  text-transform: var(--lui-typography-case-none);
  white-space: nowrap;
}
.tooltip::after {
  content: "";
  position: absolute;
  width: var(--lui-spacing-fixed-0);
  height: var(--lui-spacing-fixed-0);
  border-style: solid;
}
.tooltip--top::after {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px;
  border-color: transparent transparent var(--lui-color-neutral-background-overlay);
}
.tooltip--bottom::after {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px;
  border-color: var(--lui-color-neutral-background-overlay) transparent transparent transparent;
}
.tooltip--left::after {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-width: 4px;
  border-color: transparent var(--lui-color-neutral-background-overlay) transparent transparent;
}
.tooltip--right::after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-width: 4px;
  border-color: transparent transparent transparent var(--lui-color-neutral-background-overlay);
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

.content-start {
  align-content: flex-start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: var(--lui-spacing-fixed-0);
  padding: var(--lui-spacing-fixed-0);
  border: var(--lui-spacing-fixed-0);
  font-family: var(--lui-brand-typography-font-family-body);
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: var(--lui-spacing-fixed-0);
}

/*# sourceMappingURL=letsui.css.map */