@orangesk/orange-design-system 2.0.0-beta.13 → 2.0.0-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/index.js +4 -4
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +20 -17
- package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.d.ts +1 -1
- package/build/components/types/src/components/BodyBanner/BodyBanner.d.ts +10 -10
- package/build/components/types/src/components/Button/index.d.ts +3 -4
- package/build/components/types/src/components/FeatureAccordion/FeatureAccordion.d.ts +1 -1
- package/build/components/types/src/components/Forms/Select/index.d.ts +1 -1
- package/build/components/types/src/components/Grid/GridCol.d.ts +1 -1
- package/build/components/types/src/components/Icon/IconSearch.d.ts +2 -2
- package/build/components/types/src/components/Icon/IconSearchWrapper.d.ts +1 -1
- package/build/components/types/src/components/Link/Link.d.ts +2 -0
- package/build/components/types/src/components/Megamenu/Megamenu.d.ts +1 -1
- package/build/components/types/src/components/Megamenu/MegamenuBlog.d.ts +1 -1
- package/build/components/types/src/components/Pagination/Separator.d.ts +2 -2
- package/build/components/types/src/components/Preview/Preview.d.ts +1 -1
- package/build/components/types/src/components/Preview/index.d.ts +1 -1
- package/build/components/types/src/components/PromoBanner/PromoBanner.d.ts +1 -1
- package/build/components/types/src/components/Table/Row.d.ts +1 -2
- package/build/components/types/src/components/Tooltip/tests/BaseWrapper.d.ts +1 -1
- package/build/components/types/src/docs/utils/SpacePreview.d.ts +1 -2
- package/build/components/types/src/styles/export/color.d.ts +23 -0
- package/build/lib/after-components.css +1 -1
- package/build/lib/after-components.css.map +1 -1
- package/build/lib/before-components.css +1 -1
- package/build/lib/before-components.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/megamenu.css +1 -1
- package/build/lib/megamenu.css.map +1 -1
- package/build/lib/scripts.js +4 -4
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +17 -15
- package/src/components/BodyBanner/BodyBanner.tsx +52 -73
- package/src/components/BodyBanner/styles/mixins.scss +39 -33
- package/src/components/BodyBanner/styles/style.scss +4 -18
- package/src/components/BodyBanner/tests/BodyBanner.conformance.test.js +67 -0
- package/src/components/BodyBanner/tests/BodyBanner.unit.test.js +194 -0
- package/src/components/Carousel/Carousel.static.ts +1 -0
- package/src/components/Carousel/styles/mixins.scss +11 -5
- package/src/components/DocumentationSidebar/styles/style.scss +3 -3
- package/src/components/FeatureAccordion/FeatureAccordion.tsx +1 -1
- package/src/components/Link/Link.tsx +4 -0
- package/src/components/Link/styles/mixins.scss +8 -2
- package/src/components/Link/styles/style.scss +8 -1
- package/src/components/PromoBanner/styles/mixins.scss +1 -1
- package/src/components/Tag/styles/config.scss +18 -22
- package/src/components/Tag/styles/style.scss +1 -1
- package/src/styles/base/globals.scss +7 -0
- package/src/styles/tokens/tag-colors.scss +20 -0
- package/src/styles/typography/mixins.scss +0 -5
- package/src/styles/utilities/layout.scss +19 -0
- package/src/styles/utilities/visibility.scss +2 -4
- package/build/components/index.css +0 -2
- package/build/components/index.css.map +0 -1
- package/build/lib/scripts.css +0 -2
- package/build/lib/scripts.css.map +0 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React$1, { ReactNode, ReactElement, HTMLAttributes, AnchorHTMLAttributes, FC } from 'react';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
3
|
|
|
3
4
|
interface AccordionProps$1 {
|
|
4
5
|
/** Heading level from 1 to 6 */
|
|
@@ -88,7 +89,7 @@ interface AnchorNavigationProps {
|
|
|
88
89
|
children?: React$1.ReactNode;
|
|
89
90
|
}
|
|
90
91
|
declare const AnchorNavigation: {
|
|
91
|
-
({ items, className, colorScheme, children, ...other }: AnchorNavigationProps):
|
|
92
|
+
({ items, className, colorScheme, children, ...other }: AnchorNavigationProps): react_jsx_runtime.JSX.Element;
|
|
92
93
|
displayName: string;
|
|
93
94
|
};
|
|
94
95
|
|
|
@@ -206,24 +207,24 @@ interface BlockActionOverrideProps {
|
|
|
206
207
|
|
|
207
208
|
declare const BlockActionOverride: React$1.FC<BlockActionOverrideProps>;
|
|
208
209
|
|
|
210
|
+
declare const bodyBannerColors: readonly ["background-primary", "background-accent", "surface-subtle"];
|
|
211
|
+
type BodyBannerColor = (typeof bodyBannerColors)[number];
|
|
209
212
|
interface BodyBannerProps {
|
|
210
|
-
size
|
|
211
|
-
/**
|
|
212
|
-
|
|
213
|
-
/** Color scheme for whole BodyBanner */
|
|
214
|
-
color?: "gray" | "orange";
|
|
213
|
+
size?: "large";
|
|
214
|
+
/** Background color using design tokens */
|
|
215
|
+
color?: BodyBannerColor;
|
|
215
216
|
/** Additional CSS classes */
|
|
216
217
|
className?: string;
|
|
217
218
|
/** Image URL */
|
|
218
219
|
imageUrl?: string;
|
|
219
|
-
/**
|
|
220
|
-
|
|
221
|
-
/** Subtitle */
|
|
222
|
-
description?: string;
|
|
220
|
+
/** Content area - typically heading and description */
|
|
221
|
+
children?: React$1.ReactNode;
|
|
223
222
|
/** Button text */
|
|
224
223
|
buttonText?: string;
|
|
224
|
+
/** Additional CSS classes for button */
|
|
225
|
+
buttonClassName?: string;
|
|
225
226
|
}
|
|
226
|
-
declare const BodyBanner: (
|
|
227
|
+
declare const BodyBanner: ({ className, size, color, imageUrl, children, buttonText, buttonClassName, ...other }: BodyBannerProps) => react_jsx_runtime.JSX.Element;
|
|
227
228
|
|
|
228
229
|
interface BreadcrumbItemData {
|
|
229
230
|
/** Item text */
|
|
@@ -287,15 +288,15 @@ interface IconButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonEl
|
|
|
287
288
|
declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
288
289
|
|
|
289
290
|
declare const ButtonPrimary: {
|
|
290
|
-
(props: ButtonProps):
|
|
291
|
+
(props: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
291
292
|
displayName: string;
|
|
292
293
|
};
|
|
293
294
|
declare const ButtonFill: {
|
|
294
|
-
(props: ButtonProps):
|
|
295
|
+
(props: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
295
296
|
displayName: string;
|
|
296
297
|
};
|
|
297
298
|
declare const ButtonGhost: {
|
|
298
|
-
(props: ButtonProps):
|
|
299
|
+
(props: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
299
300
|
displayName: string;
|
|
300
301
|
};
|
|
301
302
|
|
|
@@ -486,7 +487,7 @@ interface AccordionProps {
|
|
|
486
487
|
}
|
|
487
488
|
declare const FeatureAccordion: (props: AccordionProps & {
|
|
488
489
|
children: React$1.ReactNode;
|
|
489
|
-
}) =>
|
|
490
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
490
491
|
|
|
491
492
|
interface FeatureAccordionItemProps extends AccordionItemProps {
|
|
492
493
|
imageUrl?: string;
|
|
@@ -605,7 +606,7 @@ interface GridColProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
|
605
606
|
size?: GridColSize;
|
|
606
607
|
}
|
|
607
608
|
declare const GridCol: {
|
|
608
|
-
({ className, align, tag, size, ...other }: GridColProps):
|
|
609
|
+
({ className, align, tag, size, ...other }: GridColProps): react_jsx_runtime.JSX.Element;
|
|
609
610
|
displayName: string;
|
|
610
611
|
};
|
|
611
612
|
|
|
@@ -643,6 +644,8 @@ interface LinkProps {
|
|
|
643
644
|
isUnderline?: boolean;
|
|
644
645
|
/** whether the link should have normal font weight */
|
|
645
646
|
isNormal?: boolean;
|
|
647
|
+
/** when true, adds the .link--no-accent modifier to disable orange accent color on hover (useful for dark backgrounds) */
|
|
648
|
+
noAccent?: boolean;
|
|
646
649
|
}
|
|
647
650
|
declare const Link: React$1.FC<LinkProps & React$1.HTMLAttributes<HTMLElement>>;
|
|
648
651
|
|
|
@@ -861,7 +864,7 @@ interface PromoBannerProps {
|
|
|
861
864
|
imageClassName?: string;
|
|
862
865
|
variant?: "vertical" | "reverse";
|
|
863
866
|
}
|
|
864
|
-
declare const PromoBanner: ({ image, colorScheme, className, alignImage, bleedImage, children, itemClassName, imageClassName, variant, imageFullWidth, }: PromoBannerProps) =>
|
|
867
|
+
declare const PromoBanner: ({ image, colorScheme, className, alignImage, bleedImage, children, itemClassName, imageClassName, variant, imageFullWidth, }: PromoBannerProps) => react_jsx_runtime.JSX.Element;
|
|
865
868
|
|
|
866
869
|
interface PromotionCardProps {
|
|
867
870
|
/** Inverse colors */
|
|
@@ -11,7 +11,7 @@ interface AnchorNavigationProps {
|
|
|
11
11
|
children?: React.ReactNode;
|
|
12
12
|
}
|
|
13
13
|
declare const AnchorNavigation: {
|
|
14
|
-
({ items, className, colorScheme, children, ...other }: AnchorNavigationProps):
|
|
14
|
+
({ items, className, colorScheme, children, ...other }: AnchorNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
displayName: string;
|
|
16
16
|
};
|
|
17
17
|
export { AnchorNavigation };
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
export declare const bodyBannerColors: readonly ["background-primary", "background-accent", "surface-subtle"];
|
|
3
|
+
export type BodyBannerColor = (typeof bodyBannerColors)[number];
|
|
2
4
|
interface BodyBannerProps {
|
|
3
|
-
size
|
|
4
|
-
/**
|
|
5
|
-
|
|
6
|
-
/** Color scheme for whole BodyBanner */
|
|
7
|
-
color?: "gray" | "orange";
|
|
5
|
+
size?: "large";
|
|
6
|
+
/** Background color using design tokens */
|
|
7
|
+
color?: BodyBannerColor;
|
|
8
8
|
/** Additional CSS classes */
|
|
9
9
|
className?: string;
|
|
10
10
|
/** Image URL */
|
|
11
11
|
imageUrl?: string;
|
|
12
|
-
/**
|
|
13
|
-
|
|
14
|
-
/** Subtitle */
|
|
15
|
-
description?: string;
|
|
12
|
+
/** Content area - typically heading and description */
|
|
13
|
+
children?: React.ReactNode;
|
|
16
14
|
/** Button text */
|
|
17
15
|
buttonText?: string;
|
|
16
|
+
/** Additional CSS classes for button */
|
|
17
|
+
buttonClassName?: string;
|
|
18
18
|
}
|
|
19
|
-
export declare const BodyBanner: (
|
|
19
|
+
export declare const BodyBanner: ({ className, size, color, imageUrl, children, buttonText, buttonClassName, ...other }: BodyBannerProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
export {};
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { Button, ButtonProps } from "./Button";
|
|
3
2
|
import { IconButton } from "./IconButton";
|
|
4
3
|
export declare const ButtonPrimary: {
|
|
5
|
-
(props: ButtonProps):
|
|
4
|
+
(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
6
5
|
displayName: string;
|
|
7
6
|
};
|
|
8
7
|
export declare const ButtonFill: {
|
|
9
|
-
(props: ButtonProps):
|
|
8
|
+
(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
10
9
|
displayName: string;
|
|
11
10
|
};
|
|
12
11
|
export declare const ButtonGhost: {
|
|
13
|
-
(props: ButtonProps):
|
|
12
|
+
(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
14
13
|
displayName: string;
|
|
15
14
|
};
|
|
16
15
|
export { IconButton, Button };
|
|
@@ -7,6 +7,6 @@ export interface GridColProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
7
7
|
size?: GridColSize;
|
|
8
8
|
}
|
|
9
9
|
export declare const GridCol: {
|
|
10
|
-
({ className, align, tag, size, ...other }: GridColProps):
|
|
10
|
+
({ className, align, tag, size, ...other }: GridColProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
displayName: string;
|
|
12
12
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export function IconList({ icons, isWide }: {
|
|
2
2
|
icons: any;
|
|
3
3
|
isWide?: boolean | undefined;
|
|
4
|
-
}): import("react").JSX.Element;
|
|
5
|
-
export function IconSearch(): import("react").JSX.Element;
|
|
4
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export function IconSearch(): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export function getIconNames(): any[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const IconSearchWrapper: () => import("react").JSX.Element;
|
|
1
|
+
export declare const IconSearchWrapper: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -14,5 +14,7 @@ export interface LinkProps {
|
|
|
14
14
|
isUnderline?: boolean;
|
|
15
15
|
/** whether the link should have normal font weight */
|
|
16
16
|
isNormal?: boolean;
|
|
17
|
+
/** when true, adds the .link--no-accent modifier to disable orange accent color on hover (useful for dark backgrounds) */
|
|
18
|
+
noAccent?: boolean;
|
|
17
19
|
}
|
|
18
20
|
export declare const Link: React.FC<LinkProps & React.HTMLAttributes<HTMLElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const Megamenu: ({ className }: any) => import("react").JSX.Element;
|
|
1
|
+
export declare const Megamenu: ({ className }: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MegamenuBlog: ({ className }: any) => import("react").JSX.Element;
|
|
1
|
+
export declare const MegamenuBlog: ({ className }: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
2
|
declare const Separator: {
|
|
3
|
-
(props: HTMLAttributes<HTMLLIElement>):
|
|
3
|
+
(props: HTMLAttributes<HTMLLIElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
6
6
|
export default Separator;
|
|
@@ -5,5 +5,5 @@ type PreviewProps = React.ComponentProps<typeof PreviewGenerator> & {
|
|
|
5
5
|
codeJSXOptions?: Record<string, any>;
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
};
|
|
8
|
-
export declare function Preview({ children, codeJSXOptions, codeTypes, ...rest }: PreviewProps):
|
|
8
|
+
export declare function Preview({ children, codeJSXOptions, codeTypes, ...rest }: PreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -5,5 +5,5 @@ interface ThemedPreviewProps {
|
|
|
5
5
|
[key: string]: any;
|
|
6
6
|
}
|
|
7
7
|
declare const ThemedPreview: React.FC<ThemedPreviewProps>;
|
|
8
|
-
export declare const PreviewSpacing: ({ children, spacePreviewConfig }: any) =>
|
|
8
|
+
export declare const PreviewSpacing: ({ children, spacePreviewConfig }: any) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export { ThemedPreview as Preview };
|
|
@@ -12,5 +12,5 @@ interface PromoBannerProps {
|
|
|
12
12
|
imageClassName?: string;
|
|
13
13
|
variant?: "vertical" | "reverse";
|
|
14
14
|
}
|
|
15
|
-
export declare const PromoBanner: ({ image, colorScheme, className, alignImage, bleedImage, children, itemClassName, imageClassName, variant, imageFullWidth, }: PromoBannerProps) =>
|
|
15
|
+
export declare const PromoBanner: ({ image, colorScheme, className, alignImage, bleedImage, children, itemClassName, imageClassName, variant, imageFullWidth, }: PromoBannerProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { TableRow } from "./types";
|
|
3
2
|
interface RowProps {
|
|
4
3
|
row: TableRow;
|
|
5
4
|
}
|
|
6
5
|
declare const Row: {
|
|
7
|
-
({ row }: RowProps):
|
|
6
|
+
({ row }: RowProps): import("react/jsx-runtime").JSX.Element[];
|
|
8
7
|
displayName: string;
|
|
9
8
|
};
|
|
10
9
|
export { Row };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export const exports: {
|
|
2
|
+
orange: string;
|
|
3
|
+
"orange-dark": string;
|
|
4
|
+
black: string;
|
|
5
|
+
white: string;
|
|
6
|
+
blue: string;
|
|
7
|
+
green: string;
|
|
8
|
+
pink: string;
|
|
9
|
+
violet: string;
|
|
10
|
+
yellow: string;
|
|
11
|
+
"gray-300": string;
|
|
12
|
+
"gray-400": string;
|
|
13
|
+
"gray-500": string;
|
|
14
|
+
"gray-600": string;
|
|
15
|
+
"gray-700": string;
|
|
16
|
+
"gray-800": string;
|
|
17
|
+
"gray-900": string;
|
|
18
|
+
success: string;
|
|
19
|
+
danger: string;
|
|
20
|
+
info: string;
|
|
21
|
+
warning: string;
|
|
22
|
+
};
|
|
23
|
+
export default exports;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer utilities{.background-primary{background-color:var(--color-background-primary)!important}.background-secondary{background-color:var(--color-background-secondary)!important}.background-contrast{background-color:var(--color-background-contrast)!important}.background-accent{background-color:var(--color-background-accent)!important}.background-accent1-blog{background-color:var(--color-background-accent1-blog)!important}.background-accent2-blog{background-color:var(--color-background-accent2-blog)!important}.surface-primary{background-color:var(--color-surface-primary)!important}.surface-secondary{background-color:var(--color-surface-secondary)!important}.surface-tertiary{background-color:var(--color-surface-tertiary)!important}.surface-subtle{background-color:var(--color-surface-subtle)!important}.surface-moderate{background-color:var(--color-surface-moderate)!important}.surface-contrast{background-color:var(--color-surface-contrast)!important}.surface-accent{background-color:var(--color-surface-accent)!important}.fill-primary{background-color:var(--color-fill-primary)!important}.fill-secondary{background-color:var(--color-fill-secondary)!important}.fill-tertiary{background-color:var(--color-fill-tertiary)!important}.fill-subtle{background-color:var(--color-fill-subtle)!important}.fill-moderate{background-color:var(--color-fill-moderate)!important}.fill-disabled{background-color:var(--color-fill-disabled)!important}.fill-contrast{background-color:var(--color-fill-contrast)!important}.fill-accent1{background-color:var(--color-fill-accent1)!important}.fill-accent2{background-color:var(--color-fill-accent2)!important}.fill-accent3{background-color:var(--color-fill-accent3)!important}.fill-accent4{background-color:var(--color-fill-accent4)!important}.fill-accent5{background-color:var(--color-fill-accent5)!important}.fill-information{background-color:var(--color-fill-information)!important}.fill-positive{background-color:var(--color-fill-positive)!important}.fill-warning{background-color:var(--color-fill-warning)!important}.fill-negative{background-color:var(--color-fill-negative)!important}.border-subtle{border-color:var(--color-border-subtle)!important}.border-strong{border-color:var(--color-border-strong)!important}.border-contrast{border-color:var(--color-border-contrast)!important}.border-accent{border-color:var(--color-border-accent)!important}.border-information{border-color:var(--color-border-information)!important}.border-positive{border-color:var(--color-border-positive)!important}.border-warning{border-color:var(--color-border-warning)!important}.border-negative{border-color:var(--color-border-negative)!important}.text-default{color:var(--color-text-default)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-disabled{color:var(--color-text-disabled)!important}.text-inverse{color:var(--color-text-inverse)!important}.text-accent{color:var(--color-text-accent)!important}.icon-default{color:var(--color-icon-default)!important}.icon-inverse{color:var(--color-icon-inverse)!important}.icon-brand{color:var(--color-icon-brand)!important}.icon-accent{color:var(--color-icon-accent)!important}.icon-disabled{color:var(--color-icon-disabled)!important}.icon-information{color:var(--color-icon-information)!important}.icon-positive{color:var(--color-icon-positive)!important}.icon-warning{color:var(--color-icon-warning)!important}.icon-negative{color:var(--color-icon-negative)!important}.color-black{color:#000!important}.color-orange{color:var(--color-text-accent)!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:var(--color-icon-information)!important}.color-danger{color:var(--color-icon-negative)!important}.bg-white{background-color:#fff!important;color:var(--color-text-default)}.bg-white .color-blue,.bg-white.color-blue{color:var(--color-icon-information)!important}.bg-black{background-color:#141414!important;color:var(--color-text-inverse)}.bg-black .color-gray,.bg-black.color-gray{color:#ddd!important}.bg-black .color-blue,.bg-black.color-blue{color:#4bb4e6!important}.bg-orange{background-color:var(--color-surface-secondary)!important;color:#000!important}.bg-orange-dark{background-color:var(--color-surface-tertiary)!important;color:var(--color-text-inverse)!important}.bg-gray{background-color:var(--color-surface-subtle)!important}.bg-gray-lighter{background-color:var(--color-background-secondary)!important}.bg-blue{background-color:var(--color-fill-accent1)!important}.bg-blue,.bg-green{color:#000!important}.bg-green{background-color:var(--color-fill-accent2)!important}.bg-pink{background-color:var(--color-fill-accent3)!important}.bg-pink,.bg-violet{color:#000!important}.bg-violet{background-color:var(--color-fill-accent4)!important}.bg-yellow{background-color:var(--color-fill-accent5)!important;color:#000!important}.bg-yellow-lighter{background-color:#fff6b6!important;color:#000!important}.bg-red{background-color:#ff4d4d!important;color:#000!important}.bg-accent{background-color:var(--color-background-accent)!important}.bg-accent,.bg-accent1-blog{color:var(--color-text-default)!important}.bg-accent1-blog{background-color:var(--color-background-accent1-blog)!important}.bg-accent2-blog{background-color:var(--color-background-accent2-blog)!important;color:var(--color-text-default)!important}.bg-orange-dark::selection,.bg-orange::selection,.surface-secondary::selection,.surface-tertiary::selection{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.color-gray::selection{color:var(--color-text-default)}.background-none,.bg-none{background:none!important}.bold,strong{font-weight:700!important}.normal{font-weight:400!important}.thin{font-weight:300!important}.italic,em{font-style:italic!important}.underline{text-decoration:underline!important;text-underline-offset:.1em!important}.small,small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}}@layer utilities{@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-left{text-align:left!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-left{text-align:left!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-left{text-align:left!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-left{text-align:left!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-left{text-align:left!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:baseline!important}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.border-radius--medium{border-radius:10px}.border{border:2px solid var(--color-border-contrast)}.border.is-invalid{border-color:var(--color-border-negative)!important}.border--gray{border-color:var(--color-border-subtle)}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:var(--color-text-secondary)}.border--orange{border-color:var(--color-border-accent)}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}}@layer utilities{@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.justify-content-start--sm{justify-content:flex-start}.justify-content-end--sm{justify-content:flex-end}.justify-content-center--sm{justify-content:center}.justify-content-space-around--sm{justify-content:space-around}.justify-content-space-between--sm{justify-content:space-between}.align-items-start--sm{align-items:flex-start}.align-items-end--sm{align-items:flex-end}.align-items-center--sm{align-items:center}.align-items-stretch--sm{align-items:stretch}.align-self-left--sm{margin-left:0;margin-right:auto}.align-self-right--sm{margin-left:auto;margin-right:0}.align-self-center--sm{margin-left:auto;margin-right:auto}.align-self-top--sm{align-self:flex-start}.align-self-bottom--sm{align-self:flex-end}.align-self-middle--sm{align-self:center}.align-self-stretch--sm{align-self:stretch}.align-self-last--sm{order:999}}@media screen and (min-width:768px){.justify-content-start--md{justify-content:flex-start}.justify-content-end--md{justify-content:flex-end}.justify-content-center--md{justify-content:center}.justify-content-space-around--md{justify-content:space-around}.justify-content-space-between--md{justify-content:space-between}.align-items-start--md{align-items:flex-start}.align-items-end--md{align-items:flex-end}.align-items-center--md{align-items:center}.align-items-stretch--md{align-items:stretch}.align-self-left--md{margin-left:0;margin-right:auto}.align-self-right--md{margin-left:auto;margin-right:0}.align-self-center--md{margin-left:auto;margin-right:auto}.align-self-top--md{align-self:flex-start}.align-self-bottom--md{align-self:flex-end}.align-self-middle--md{align-self:center}.align-self-stretch--md{align-self:stretch}.align-self-last--md{order:999}}@media screen and (min-width:992px){.justify-content-start--lg{justify-content:flex-start}.justify-content-end--lg{justify-content:flex-end}.justify-content-center--lg{justify-content:center}.justify-content-space-around--lg{justify-content:space-around}.justify-content-space-between--lg{justify-content:space-between}.align-items-start--lg{align-items:flex-start}.align-items-end--lg{align-items:flex-end}.align-items-center--lg{align-items:center}.align-items-stretch--lg{align-items:stretch}.align-self-left--lg{margin-left:0;margin-right:auto}.align-self-right--lg{margin-left:auto;margin-right:0}.align-self-center--lg{margin-left:auto;margin-right:auto}.align-self-top--lg{align-self:flex-start}.align-self-bottom--lg{align-self:flex-end}.align-self-middle--lg{align-self:center}.align-self-stretch--lg{align-self:stretch}.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.justify-content-start--xl{justify-content:flex-start}.justify-content-end--xl{justify-content:flex-end}.justify-content-center--xl{justify-content:center}.justify-content-space-around--xl{justify-content:space-around}.justify-content-space-between--xl{justify-content:space-between}.align-items-start--xl{align-items:flex-start}.align-items-end--xl{align-items:flex-end}.align-items-center--xl{align-items:center}.align-items-stretch--xl{align-items:stretch}.align-self-left--xl{margin-left:0;margin-right:auto}.align-self-right--xl{margin-left:auto;margin-right:0}.align-self-center--xl{margin-left:auto;margin-right:auto}.align-self-top--xl{align-self:flex-start}.align-self-bottom--xl{align-self:flex-end}.align-self-middle--xl{align-self:center}.align-self-stretch--xl{align-self:stretch}.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.justify-content-start--xxl{justify-content:flex-start}.justify-content-end--xxl{justify-content:flex-end}.justify-content-center--xxl{justify-content:center}.justify-content-space-around--xxl{justify-content:space-around}.justify-content-space-between--xxl{justify-content:space-between}.align-items-start--xxl{align-items:flex-start}.align-items-end--xxl{align-items:flex-end}.align-items-center--xxl{align-items:center}.align-items-stretch--xxl{align-items:stretch}.align-self-left--xxl{margin-left:0;margin-right:auto}.align-self-right--xxl{margin-left:auto;margin-right:0}.align-self-center--xxl{margin-left:auto;margin-right:auto}.align-self-top--xxl{align-self:flex-start}.align-self-bottom--xxl{align-self:flex-end}.align-self-middle--xxl{align-self:center}.align-self-stretch--xxl{align-self:stretch}.align-self-last--xxl{order:999}}.aspect-ratio-21-9{aspect-ratio:21/9;border:0;max-width:100%}.aspect-ratio-16-9{aspect-ratio:16/9;border:0;max-width:100%}.aspect-ratio-4-3{aspect-ratio:4/3;border:0;max-width:100%}.aspect-ratio-1-1{aspect-ratio:1/1;border:0;max-width:100%}.aspect-ratio-3-2{aspect-ratio:3/2;border:0;max-width:100%}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.fullwidth{width:100%!important}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.sr-only,.visually-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.hide{display:none!important}.invisible{visibility:hidden}}@layer utilities{@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0) and (max-width:479.98px){.hide-xs-only{display:none!important}}.show-sm{display:none!important}@media screen and (min-width:480px){.show-sm{display:inherit!important}}.hide-sm{display:inherit!important}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px) and (max-width:767.98px){.hide-sm-only{display:none!important}}.show-md{display:none!important}@media screen and (min-width:768px){.show-md{display:inherit!important}}.hide-md{display:inherit!important}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px) and (max-width:991.98px){.hide-md-only{display:none!important}}.show-lg{display:none!important}@media screen and (min-width:992px){.show-lg{display:inherit!important}}.hide-lg{display:inherit!important}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.hide-lg-only{display:none!important}}.show-xl{display:none!important}@media screen and (min-width:1240px){.show-xl{display:inherit!important}}.hide-xl{display:inherit!important}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.hide-xl-only{display:none!important}}.show-xxl{display:none!important}@media screen and (min-width:1380px){.show-xxl{display:inherit!important}}.hide-xxl{display:inherit!important}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}}@layer utilities{.order-1{order:1!important}@media screen and (min-width:0) and (max-width:479.98px){.order-1-xs-only{order:1!important}}.order-2{order:2!important}@media screen and (min-width:0) and (max-width:479.98px){.order-2-xs-only{order:2!important}}@media screen and (min-width:480px){.order-1-sm{order:1!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-1-sm-only{order:1!important}}@media screen and (min-width:480px){.order-2-sm{order:2!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-2-sm-only{order:2!important}}@media screen and (min-width:768px){.order-1-md{order:1!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-1-md-only{order:1!important}}@media screen and (min-width:768px){.order-2-md{order:2!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-2-md-only{order:2!important}}@media screen and (min-width:992px){.order-1-lg{order:1!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-1-lg-only{order:1!important}}@media screen and (min-width:992px){.order-2-lg{order:2!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-2-lg-only{order:2!important}}@media screen and (min-width:1240px){.order-1-xl{order:1!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-1-xl-only{order:1!important}}@media screen and (min-width:1240px){.order-2-xl{order:2!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-2-xl-only{order:2!important}}@media screen and (min-width:1380px){.order-1-xxl{order:1!important}.order-2-xxl{order:2!important}}}@layer utilities{.table-scrollable,[class*=horizontal-scroll]{scroll-snap-type:x mandatory;scrollbar-color:var(--color-fill-contrast) var(--color-surface-moderate);scrollbar-width:thin}.table-scrollable>*,[class*=horizontal-scroll]>*{scroll-snap-align:start}.table-scrollable::-webkit-scrollbar,[class*=horizontal-scroll]::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.table-scrollable::-webkit-scrollbar-thumb,[class*=horizontal-scroll]::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}.horizontal-scroll{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}@media screen and (min-width:480px){.horizontal-scroll--sm{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--sm-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:768px){.horizontal-scroll--md{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--md-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:992px){.horizontal-scroll--lg{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--lg-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1240px){.horizontal-scroll--xl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--xl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--xxl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}}@layer utilities{.megamenu-header ul,.mm-header ul,.osk-footer-menu{margin-top:0;max-width:none}.megamenu-header ul li,.mm-header ul li,.osk-footer-menu li{margin-bottom:0;margin-top:0}}
|
|
1
|
+
@layer utilities{.background-primary{background-color:var(--color-background-primary)!important}.background-secondary{background-color:var(--color-background-secondary)!important}.background-contrast{background-color:var(--color-background-contrast)!important}.background-accent{background-color:var(--color-background-accent)!important}.background-accent1-blog{background-color:var(--color-background-accent1-blog)!important}.background-accent2-blog{background-color:var(--color-background-accent2-blog)!important}.surface-primary{background-color:var(--color-surface-primary)!important}.surface-secondary{background-color:var(--color-surface-secondary)!important}.surface-tertiary{background-color:var(--color-surface-tertiary)!important}.surface-subtle{background-color:var(--color-surface-subtle)!important}.surface-moderate{background-color:var(--color-surface-moderate)!important}.surface-contrast{background-color:var(--color-surface-contrast)!important}.surface-accent{background-color:var(--color-surface-accent)!important}.fill-primary{background-color:var(--color-fill-primary)!important}.fill-secondary{background-color:var(--color-fill-secondary)!important}.fill-tertiary{background-color:var(--color-fill-tertiary)!important}.fill-subtle{background-color:var(--color-fill-subtle)!important}.fill-moderate{background-color:var(--color-fill-moderate)!important}.fill-disabled{background-color:var(--color-fill-disabled)!important}.fill-contrast{background-color:var(--color-fill-contrast)!important}.fill-accent1{background-color:var(--color-fill-accent1)!important}.fill-accent2{background-color:var(--color-fill-accent2)!important}.fill-accent3{background-color:var(--color-fill-accent3)!important}.fill-accent4{background-color:var(--color-fill-accent4)!important}.fill-accent5{background-color:var(--color-fill-accent5)!important}.fill-information{background-color:var(--color-fill-information)!important}.fill-positive{background-color:var(--color-fill-positive)!important}.fill-warning{background-color:var(--color-fill-warning)!important}.fill-negative{background-color:var(--color-fill-negative)!important}.border-subtle{border-color:var(--color-border-subtle)!important}.border-strong{border-color:var(--color-border-strong)!important}.border-contrast{border-color:var(--color-border-contrast)!important}.border-accent{border-color:var(--color-border-accent)!important}.border-information{border-color:var(--color-border-information)!important}.border-positive{border-color:var(--color-border-positive)!important}.border-warning{border-color:var(--color-border-warning)!important}.border-negative{border-color:var(--color-border-negative)!important}.text-default{color:var(--color-text-default)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-disabled{color:var(--color-text-disabled)!important}.text-inverse{color:var(--color-text-inverse)!important}.text-accent{color:var(--color-text-accent)!important}.icon-default{color:var(--color-icon-default)!important}.icon-inverse{color:var(--color-icon-inverse)!important}.icon-brand{color:var(--color-icon-brand)!important}.icon-accent{color:var(--color-icon-accent)!important}.icon-disabled{color:var(--color-icon-disabled)!important}.icon-information{color:var(--color-icon-information)!important}.icon-positive{color:var(--color-icon-positive)!important}.icon-warning{color:var(--color-icon-warning)!important}.icon-negative{color:var(--color-icon-negative)!important}.color-black{color:#000!important}.color-orange{color:var(--color-text-accent)!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:var(--color-icon-information)!important}.color-danger{color:var(--color-icon-negative)!important}.bg-white{background-color:#fff!important;color:var(--color-text-default)}.bg-white .color-blue,.bg-white.color-blue{color:var(--color-icon-information)!important}.bg-black{background-color:#141414!important;color:var(--color-text-inverse)}.bg-black .color-gray,.bg-black.color-gray{color:#ddd!important}.bg-black .color-blue,.bg-black.color-blue{color:#4bb4e6!important}.bg-orange{background-color:var(--color-surface-secondary)!important;color:#000!important}.bg-orange-dark{background-color:var(--color-surface-tertiary)!important;color:var(--color-text-inverse)!important}.bg-gray{background-color:var(--color-surface-subtle)!important}.bg-gray-lighter{background-color:var(--color-background-secondary)!important}.bg-blue{background-color:var(--color-fill-accent1)!important}.bg-blue,.bg-green{color:#000!important}.bg-green{background-color:var(--color-fill-accent2)!important}.bg-pink{background-color:var(--color-fill-accent3)!important}.bg-pink,.bg-violet{color:#000!important}.bg-violet{background-color:var(--color-fill-accent4)!important}.bg-yellow{background-color:var(--color-fill-accent5)!important;color:#000!important}.bg-yellow-lighter{background-color:#fff6b6!important;color:#000!important}.bg-red{background-color:#ff4d4d!important;color:#000!important}.bg-accent{background-color:var(--color-background-accent)!important}.bg-accent,.bg-accent1-blog{color:var(--color-text-default)!important}.bg-accent1-blog{background-color:var(--color-background-accent1-blog)!important}.bg-accent2-blog{background-color:var(--color-background-accent2-blog)!important;color:var(--color-text-default)!important}.bg-orange-dark::selection,.bg-orange::selection,.surface-secondary::selection,.surface-tertiary::selection{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.color-gray::selection{color:var(--color-text-default)}.background-none,.bg-none{background:none!important}.bold,strong{font-weight:700!important}.normal{font-weight:400!important}.thin{font-weight:300!important}.italic,em{font-style:italic!important}.underline{text-decoration:underline!important;text-underline-offset:.1em!important}.small,small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}}@layer utilities{@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-left{text-align:left!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-left{text-align:left!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-left{text-align:left!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-left{text-align:left!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-left{text-align:left!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:baseline!important}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.border-radius--medium{border-radius:10px}.border{border:2px solid var(--color-border-contrast)}.border.is-invalid{border-color:var(--color-border-negative)!important}.border--gray{border-color:var(--color-border-subtle)}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:var(--color-text-secondary)}.border--orange{border-color:var(--color-border-accent)}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}}@layer utilities{@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.justify-content-start--sm{justify-content:flex-start}.justify-content-end--sm{justify-content:flex-end}.justify-content-center--sm{justify-content:center}.justify-content-space-around--sm{justify-content:space-around}.justify-content-space-between--sm{justify-content:space-between}.align-items-start--sm{align-items:flex-start}.align-items-end--sm{align-items:flex-end}.align-items-center--sm{align-items:center}.align-items-stretch--sm{align-items:stretch}.align-self-left--sm{margin-left:0;margin-right:auto}.align-self-right--sm{margin-left:auto;margin-right:0}.align-self-center--sm{margin-left:auto;margin-right:auto}.align-self-top--sm{align-self:flex-start}.align-self-bottom--sm{align-self:flex-end}.align-self-middle--sm{align-self:center}.align-self-stretch--sm{align-self:stretch}.align-self-last--sm{order:999}}@media screen and (min-width:768px){.justify-content-start--md{justify-content:flex-start}.justify-content-end--md{justify-content:flex-end}.justify-content-center--md{justify-content:center}.justify-content-space-around--md{justify-content:space-around}.justify-content-space-between--md{justify-content:space-between}.align-items-start--md{align-items:flex-start}.align-items-end--md{align-items:flex-end}.align-items-center--md{align-items:center}.align-items-stretch--md{align-items:stretch}.align-self-left--md{margin-left:0;margin-right:auto}.align-self-right--md{margin-left:auto;margin-right:0}.align-self-center--md{margin-left:auto;margin-right:auto}.align-self-top--md{align-self:flex-start}.align-self-bottom--md{align-self:flex-end}.align-self-middle--md{align-self:center}.align-self-stretch--md{align-self:stretch}.align-self-last--md{order:999}}@media screen and (min-width:992px){.justify-content-start--lg{justify-content:flex-start}.justify-content-end--lg{justify-content:flex-end}.justify-content-center--lg{justify-content:center}.justify-content-space-around--lg{justify-content:space-around}.justify-content-space-between--lg{justify-content:space-between}.align-items-start--lg{align-items:flex-start}.align-items-end--lg{align-items:flex-end}.align-items-center--lg{align-items:center}.align-items-stretch--lg{align-items:stretch}.align-self-left--lg{margin-left:0;margin-right:auto}.align-self-right--lg{margin-left:auto;margin-right:0}.align-self-center--lg{margin-left:auto;margin-right:auto}.align-self-top--lg{align-self:flex-start}.align-self-bottom--lg{align-self:flex-end}.align-self-middle--lg{align-self:center}.align-self-stretch--lg{align-self:stretch}.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.justify-content-start--xl{justify-content:flex-start}.justify-content-end--xl{justify-content:flex-end}.justify-content-center--xl{justify-content:center}.justify-content-space-around--xl{justify-content:space-around}.justify-content-space-between--xl{justify-content:space-between}.align-items-start--xl{align-items:flex-start}.align-items-end--xl{align-items:flex-end}.align-items-center--xl{align-items:center}.align-items-stretch--xl{align-items:stretch}.align-self-left--xl{margin-left:0;margin-right:auto}.align-self-right--xl{margin-left:auto;margin-right:0}.align-self-center--xl{margin-left:auto;margin-right:auto}.align-self-top--xl{align-self:flex-start}.align-self-bottom--xl{align-self:flex-end}.align-self-middle--xl{align-self:center}.align-self-stretch--xl{align-self:stretch}.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.justify-content-start--xxl{justify-content:flex-start}.justify-content-end--xxl{justify-content:flex-end}.justify-content-center--xxl{justify-content:center}.justify-content-space-around--xxl{justify-content:space-around}.justify-content-space-between--xxl{justify-content:space-between}.align-items-start--xxl{align-items:flex-start}.align-items-end--xxl{align-items:flex-end}.align-items-center--xxl{align-items:center}.align-items-stretch--xxl{align-items:stretch}.align-self-left--xxl{margin-left:0;margin-right:auto}.align-self-right--xxl{margin-left:auto;margin-right:0}.align-self-center--xxl{margin-left:auto;margin-right:auto}.align-self-top--xxl{align-self:flex-start}.align-self-bottom--xxl{align-self:flex-end}.align-self-middle--xxl{align-self:center}.align-self-stretch--xxl{align-self:stretch}.align-self-last--xxl{order:999}}.aspect-ratio-21-9{aspect-ratio:21/9;border:0;max-width:100%}.aspect-ratio-16-9{aspect-ratio:16/9;border:0;max-width:100%}.aspect-ratio-4-3{aspect-ratio:4/3;border:0;max-width:100%}.aspect-ratio-1-1{aspect-ratio:1/1;border:0;max-width:100%}.aspect-ratio-3-2{aspect-ratio:3/2;border:0;max-width:100%}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.fullwidth{width:100%!important}@media screen and (min-width:0) and (max-width:479.98px){.fullwidth-xs-only{width:100%!important}}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.relative{position:relative!important}.absolute{position:absolute!important}.sr-only,.visually-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.hide{display:none!important}.invisible{visibility:hidden}}@layer utilities{@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0) and (max-width:479.98px){.hide-xs-only{display:none!important}}@media screen and (max-width:479.98px){.show-sm{display:none!important}}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px) and (max-width:767.98px){.hide-sm-only{display:none!important}}@media screen and (max-width:767.98px){.show-md{display:none!important}}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px) and (max-width:991.98px){.hide-md-only{display:none!important}}@media screen and (max-width:991.98px){.show-lg{display:none!important}}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.hide-lg-only{display:none!important}}@media screen and (max-width:1239.98px){.show-xl{display:none!important}}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.hide-xl-only{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl{display:none!important}}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}}@layer utilities{.order-1{order:1!important}@media screen and (min-width:0) and (max-width:479.98px){.order-1-xs-only{order:1!important}}.order-2{order:2!important}@media screen and (min-width:0) and (max-width:479.98px){.order-2-xs-only{order:2!important}}@media screen and (min-width:480px){.order-1-sm{order:1!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-1-sm-only{order:1!important}}@media screen and (min-width:480px){.order-2-sm{order:2!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-2-sm-only{order:2!important}}@media screen and (min-width:768px){.order-1-md{order:1!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-1-md-only{order:1!important}}@media screen and (min-width:768px){.order-2-md{order:2!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-2-md-only{order:2!important}}@media screen and (min-width:992px){.order-1-lg{order:1!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-1-lg-only{order:1!important}}@media screen and (min-width:992px){.order-2-lg{order:2!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-2-lg-only{order:2!important}}@media screen and (min-width:1240px){.order-1-xl{order:1!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-1-xl-only{order:1!important}}@media screen and (min-width:1240px){.order-2-xl{order:2!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-2-xl-only{order:2!important}}@media screen and (min-width:1380px){.order-1-xxl{order:1!important}.order-2-xxl{order:2!important}}}@layer utilities{.table-scrollable,[class*=horizontal-scroll]{scroll-snap-type:x mandatory;scrollbar-color:var(--color-fill-contrast) var(--color-surface-moderate);scrollbar-width:thin}.table-scrollable>*,[class*=horizontal-scroll]>*{scroll-snap-align:start}.table-scrollable::-webkit-scrollbar,[class*=horizontal-scroll]::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.table-scrollable::-webkit-scrollbar-thumb,[class*=horizontal-scroll]::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}.horizontal-scroll{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}@media screen and (min-width:480px){.horizontal-scroll--sm{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--sm-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:768px){.horizontal-scroll--md{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--md-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:992px){.horizontal-scroll--lg{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--lg-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1240px){.horizontal-scroll--xl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--xl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--xxl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}}@layer utilities{.megamenu-header ul,.mm-header ul,.osk-footer-menu{margin-top:0;max-width:none}.megamenu-header ul li,.mm-header ul li,.osk-footer-menu li{margin-bottom:0;margin-top:0}}
|
|
2
2
|
/*# sourceMappingURL=after-components.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["after-components.scss"],"names":[],"mappings":"AAAA,iBACE,oBACE,0DACF,CACA,sBACE,4DACF,CACA,qBACE,2DACF,CACA,mBACE,yDACF,CACA,yBACE,+DACF,CACA,yBACE,+DACF,CACA,iBACE,uDACF,CACA,mBACE,yDACF,CACA,kBACE,wDACF,CACA,gBACE,sDACF,CACA,kBACE,wDACF,CACA,kBACE,wDACF,CACA,gBACE,sDACF,CACA,cACE,oDACF,CACA,gBACE,sDACF,CACA,eACE,qDACF,CACA,aACE,mDACF,CACA,eACE,qDACF,CACA,eACE,qDACF,CACA,eACE,qDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,kBACE,wDACF,CACA,eACE,qDACF,CACA,cACE,oDACF,CACA,eACE,qDACF,CACA,eACE,iDACF,CACA,eACE,iDACF,CACA,iBACE,mDACF,CACA,eACE,iDACF,CACA,oBACE,sDACF,CACA,iBACE,mDACF,CACA,gBACE,kDACF,CACA,iBACE,mDACF,CACA,cACE,yCACF,CACA,gBACE,2CACF,CACA,eACE,0CACF,CACA,cACE,yCACF,CACA,aACE,wCACF,CACA,cACE,yCACF,CACA,cACE,yCACF,CACA,YACE,uCACF,CACA,aACE,wCACF,CACA,eACE,0CACF,CACA,kBACE,6CACF,CACA,eACE,0CACF,CACA,cACE,yCACF,CACA,eACE,0CACF,CACA,aACE,oBACF,CACA,cACE,wCACF,CACA,YACE,uBACF,CACA,aACE,oBACF,CACA,YACE,6CACF,CACA,cACE,0CACF,CACA,UACE,+BAAoC,CACpC,+BACF,CACA,2CACE,6CACF,CACA,UACE,kCAAoC,CACpC,+BACF,CACA,2CACE,oBACF,CACA,2CACE,uBACF,CACA,WACE,yDAA2D,CAC3D,oBACF,CACA,gBACE,wDAA0D,CAC1D,yCACF,CACA,SACE,sDACF,CACA,iBACE,4DACF,CACA,SACE,oDAEF,CACA,mBAFE,oBAKF,CAHA,UACE,oDAEF,CACA,SACE,oDAEF,CACA,oBAFE,oBAKF,CAHA,WACE,oDAEF,CACA,WACE,oDAAsD,CACtD,oBACF,CACA,mBACE,kCAAoC,CACpC,oBACF,CACA,QACE,kCAAoC,CACpC,oBACF,CACA,WACE,yDAEF,CACA,4BAFE,yCAKF,CAHA,iBACE,+DAEF,CACA,iBACE,+DAAiE,CACjE,yCACF,CACA,4GAIE,iDAAkD,CAClD,+BACF,CACA,uBACE,+BACF,CAIA,0BACE,yBACF,CAMA,aAEE,yBACF,CACA,QACE,yBACF,CACA,MACE,yBACF,CACA,WAEE,2BACF,CACA,WACE,mCAAqC,CACrC,oCACF,CACA,aAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACA,OACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACA,aACE,4BACF,CACA,WACE,4BACF,CACA,eACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CACA,YACE,yBACF,CACA,cACE,2BACF,CACA,aACE,0BACF,CAvDF,CAIA,iBAoDE,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,qCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,qCACE,iBACE,0BACF,CACA,gBACE,yBACF,CACA,kBACE,2BACF,CACF,CACA,uBACE,8BACF,CACA,cACE,+BACF,CACA,WACE,4BACF,CACA,cACE,+BACF,CACA,gBACE,iCACF,CACA,mBACE,yBACF,CACA,iBACE,wBAA0B,CAC1B,0BACF,CACA,gBACE,cACF,CACA,eACE,cACF,CACA,aACE,cACF,CAGA,uBACE,kBACF,CACA,QACE,6CACF,CACA,mBACE,mDACF,CACA,cACE,uCACF,CACA,mEACE,wCACF,CACA,gBACE,uCACF,CAGA,IACE,qBACF,CAIA,WACE,2BACF,CACA,UACE,4BACF,CACA,WACE,4BACF,CACA,UACE,4BACF,CACA,WACE,4BACF,CACA,SACE,yBACF,CA7CF,CAqBA,iBAyBE,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,qCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,qCAIE,eACE,2BACF,CACA,cACE,4BACF,CACA,eACE,4BACF,CACA,cACE,4BACF,CACA,eACE,4BACF,CACA,aACE,yBACF,CACF,CACA,SACE,sBACF,CACA,SACE,uBACF,CACA,SACE,wBACF,CACA,SACE,yBACF,CACA,SACE,0BACF,CACA,SACE,uBACF,CACA,SACE,wBACF,CACA,QACE,kBACF,CACA,QACE,mBACF,CACA,iCACE,UAAW,CACX,aACF,CAIA,uBACE,UACF,CACA,uBACE,0BACF,CACA,qBACE,wBACF,CACA,wBACE,sBACF,CACA,8BACE,4BACF,CACA,+BACE,6BACF,CACA,mBACE,sBACF,CACA,iBACE,oBACF,CACA,oBACE,kBACF,CACA,qBACE,mBACF,CACA,iBACE,aAAc,CACd,iBACF,CACA,kBACE,gBAAiB,CACjB,cACF,CACA,mBACE,gBAAiB,CACjB,iBACF,CACA,gBACE,qBACF,CACA,mBACE,mBACF,CACA,mBACE,iBACF,CACA,oBACE,kBACF,CACA,iBACE,SACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,qCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,qCACE,4BACE,0BACF,CACA,0BACE,wBACF,CACA,6BACE,sBACF,CACA,mCACE,4BACF,CACA,oCACE,6BACF,CACA,wBACE,sBACF,CACA,sBACE,oBACF,CACA,yBACE,kBACF,CACA,0BACE,mBACF,CACA,sBACE,aAAc,CACd,iBACF,CACA,uBACE,gBAAiB,CACjB,cACF,CACA,wBACE,gBAAiB,CACjB,iBACF,CACA,qBACE,qBACF,CACA,wBACE,mBACF,CACA,wBACE,iBACF,CACA,yBACE,kBACF,CACA,sBACE,SACF,CACF,CACA,mBAGE,iBAAkB,CADlB,QAAS,CADT,cAGF,CACA,mBAGE,iBAAkB,CADlB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,SACE,aACF,CACA,gBACE,oBACF,CACA,UACE,cACF,CACA,QACE,YACF,CACA,eACE,mBACF,CACA,aACE,qBACF,CACA,WACE,oBACF,CACA,YACE,qBACF,CACA,cACE,0BAA4B,CAC5B,2BACF,CAGA,0BASE,0BAA2B,CAC3B,0BAA8B,CAJ9B,QAAS,CAJT,UAAW,CAEX,WAAY,CAIZ,eAAgB,CAHhB,SAAU,CAEV,iBAAkB,CAJlB,SAQF,CACA,MACE,sBACF,CACA,WACE,iBACF,CAnBF,CACA,iBAmBE,oCACE,cACE,sBACF,CACF,CACA,yDACE,cACE,sBACF,CACF,CACA,SACE,sBACF,CACA,oCACE,SACE,yBACF,CACF,CACA,SACE,yBACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,oCACE,cACE,sBACF,CACF,CACA,6DACE,cACE,sBACF,CACF,CACA,SACE,sBACF,CACA,oCACE,SACE,yBACF,CACF,CACA,SACE,yBACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,oCACE,cACE,sBACF,CACF,CACA,6DACE,cACE,sBACF,CACF,CACA,SACE,sBACF,CACA,oCACE,SACE,yBACF,CACF,CACA,SACE,yBACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,qCACE,cACE,sBACF,CACF,CACA,8DACE,cACE,sBACF,CACF,CACA,SACE,sBACF,CACA,qCACE,SACE,yBACF,CACF,CACA,SACE,yBACF,CACA,qCACE,SACE,sBACF,CACF,CACA,wCACE,cACE,sBACF,CACF,CACA,qCACE,cACE,sBACF,CACF,CACA,+DACE,cACE,sBACF,CACF,CACA,UACE,sBACF,CACA,qCACE,UACE,yBACF,CACF,CACA,UACE,yBACF,CACA,qCACE,UACE,sBACF,CACF,CACA,wCACE,eACE,sBACF,CACF,CACF,CACA,iBACE,SACE,iBACF,CACA,yDACE,iBACE,iBACF,CACF,CACA,SACE,iBACF,CACA,yDACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,8DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,8DACE,iBACE,iBACF,CACF,CACA,qCACE,YACE,iBACF,CACF,CACA,+DACE,iBACE,iBACF,CACF,CACA,qCACE,YACE,iBACF,CACF,CACA,+DACE,iBACE,iBACF,CACF,CACA,qCACE,aACE,iBACF,CAGA,aACE,iBACF,CAJF,CAMF,CACA,iBACE,6CAIE,4BAA6B,CAF7B,wEAAyE,CACzE,oBAEF,CACA,iDAEE,uBACF,CACA,mFAGE,eAAgB,CAChB,8CAA+C,CAC/C,kBAAmB,CAHnB,cAIF,CACA,+FAGE,2CAA4C,CAC5C,kBAAmB,CAFnB,SAGF,CACA,mBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,2BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,qCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,qCACE,wBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,gCAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACF,CACA,iBAKE,mDAIE,YAAa,CADb,cAEF,CACA,4DAIE,eAAgB,CADhB,YAEF,CACF","file":"after-components.css","sourcesContent":["@layer utilities {\n .background-primary {\n background-color: var(--color-background-primary) !important;\n }\n .background-secondary {\n background-color: var(--color-background-secondary) !important;\n }\n .background-contrast {\n background-color: var(--color-background-contrast) !important;\n }\n .background-accent {\n background-color: var(--color-background-accent) !important;\n }\n .background-accent1-blog {\n background-color: var(--color-background-accent1-blog) !important;\n }\n .background-accent2-blog {\n background-color: var(--color-background-accent2-blog) !important;\n }\n .surface-primary {\n background-color: var(--color-surface-primary) !important;\n }\n .surface-secondary {\n background-color: var(--color-surface-secondary) !important;\n }\n .surface-tertiary {\n background-color: var(--color-surface-tertiary) !important;\n }\n .surface-subtle {\n background-color: var(--color-surface-subtle) !important;\n }\n .surface-moderate {\n background-color: var(--color-surface-moderate) !important;\n }\n .surface-contrast {\n background-color: var(--color-surface-contrast) !important;\n }\n .surface-accent {\n background-color: var(--color-surface-accent) !important;\n }\n .fill-primary {\n background-color: var(--color-fill-primary) !important;\n }\n .fill-secondary {\n background-color: var(--color-fill-secondary) !important;\n }\n .fill-tertiary {\n background-color: var(--color-fill-tertiary) !important;\n }\n .fill-subtle {\n background-color: var(--color-fill-subtle) !important;\n }\n .fill-moderate {\n background-color: var(--color-fill-moderate) !important;\n }\n .fill-disabled {\n background-color: var(--color-fill-disabled) !important;\n }\n .fill-contrast {\n background-color: var(--color-fill-contrast) !important;\n }\n .fill-accent1 {\n background-color: var(--color-fill-accent1) !important;\n }\n .fill-accent2 {\n background-color: var(--color-fill-accent2) !important;\n }\n .fill-accent3 {\n background-color: var(--color-fill-accent3) !important;\n }\n .fill-accent4 {\n background-color: var(--color-fill-accent4) !important;\n }\n .fill-accent5 {\n background-color: var(--color-fill-accent5) !important;\n }\n .fill-information {\n background-color: var(--color-fill-information) !important;\n }\n .fill-positive {\n background-color: var(--color-fill-positive) !important;\n }\n .fill-warning {\n background-color: var(--color-fill-warning) !important;\n }\n .fill-negative {\n background-color: var(--color-fill-negative) !important;\n }\n .border-subtle {\n border-color: var(--color-border-subtle) !important;\n }\n .border-strong {\n border-color: var(--color-border-strong) !important;\n }\n .border-contrast {\n border-color: var(--color-border-contrast) !important;\n }\n .border-accent {\n border-color: var(--color-border-accent) !important;\n }\n .border-information {\n border-color: var(--color-border-information) !important;\n }\n .border-positive {\n border-color: var(--color-border-positive) !important;\n }\n .border-warning {\n border-color: var(--color-border-warning) !important;\n }\n .border-negative {\n border-color: var(--color-border-negative) !important;\n }\n .text-default {\n color: var(--color-text-default) !important;\n }\n .text-secondary {\n color: var(--color-text-secondary) !important;\n }\n .text-disabled {\n color: var(--color-text-disabled) !important;\n }\n .text-inverse {\n color: var(--color-text-inverse) !important;\n }\n .text-accent {\n color: var(--color-text-accent) !important;\n }\n .icon-default {\n color: var(--color-icon-default) !important;\n }\n .icon-inverse {\n color: var(--color-icon-inverse) !important;\n }\n .icon-brand {\n color: var(--color-icon-brand) !important;\n }\n .icon-accent {\n color: var(--color-icon-accent) !important;\n }\n .icon-disabled {\n color: var(--color-icon-disabled) !important;\n }\n .icon-information {\n color: var(--color-icon-information) !important;\n }\n .icon-positive {\n color: var(--color-icon-positive) !important;\n }\n .icon-warning {\n color: var(--color-icon-warning) !important;\n }\n .icon-negative {\n color: var(--color-icon-negative) !important;\n }\n .color-black {\n color: #000000 !important;\n }\n .color-orange {\n color: var(--color-text-accent) !important;\n }\n .color-gray {\n color: #595959 !important;\n }\n .color-white {\n color: #ffffff !important;\n }\n .color-blue {\n color: var(--color-icon-information) !important;\n }\n .color-danger {\n color: var(--color-icon-negative) !important;\n }\n .bg-white {\n background-color: #ffffff !important;\n color: var(--color-text-default);\n }\n .bg-white .color-blue, .bg-white.color-blue {\n color: var(--color-icon-information) !important;\n }\n .bg-black {\n background-color: #141414 !important;\n color: var(--color-text-inverse);\n }\n .bg-black .color-gray, .bg-black.color-gray {\n color: #dddddd !important;\n }\n .bg-black .color-blue, .bg-black.color-blue {\n color: #4bb4e6 !important;\n }\n .bg-orange {\n background-color: var(--color-surface-secondary) !important;\n color: #000000 !important;\n }\n .bg-orange-dark {\n background-color: var(--color-surface-tertiary) !important;\n color: var(--color-text-inverse) !important;\n }\n .bg-gray {\n background-color: var(--color-surface-subtle) !important;\n }\n .bg-gray-lighter {\n background-color: var(--color-background-secondary) !important;\n }\n .bg-blue {\n background-color: var(--color-fill-accent1) !important;\n color: #000000 !important;\n }\n .bg-green {\n background-color: var(--color-fill-accent2) !important;\n color: #000000 !important;\n }\n .bg-pink {\n background-color: var(--color-fill-accent3) !important;\n color: #000000 !important;\n }\n .bg-violet {\n background-color: var(--color-fill-accent4) !important;\n color: #000000 !important;\n }\n .bg-yellow {\n background-color: var(--color-fill-accent5) !important;\n color: #000000 !important;\n }\n .bg-yellow-lighter {\n background-color: #fff6b6 !important;\n color: #000000 !important;\n }\n .bg-red {\n background-color: #ff4d4d !important;\n color: #000000 !important;\n }\n .bg-accent {\n background-color: var(--color-background-accent) !important;\n color: var(--color-text-default) !important;\n }\n .bg-accent1-blog {\n background-color: var(--color-background-accent1-blog) !important;\n color: var(--color-text-default) !important;\n }\n .bg-accent2-blog {\n background-color: var(--color-background-accent2-blog) !important;\n color: var(--color-text-default) !important;\n }\n .bg-orange::selection,\n .bg-orange-dark::selection,\n .surface-secondary::selection,\n .surface-tertiary::selection {\n background-color: var(--color-background-contrast);\n color: var(--color-text-inverse);\n }\n .color-gray::selection {\n color: var(--color-text-default);\n }\n .bg-none {\n background: none !important;\n }\n .background-none {\n background: none !important;\n }\n}\n/**\n * Resets margin-bottom of the last child to zero\n */\n@layer utilities {\n strong,\n .bold {\n font-weight: 700 !important;\n }\n .normal {\n font-weight: 400 !important;\n }\n .thin {\n font-weight: 300 !important;\n }\n em,\n .italic {\n font-style: italic !important;\n }\n .underline {\n text-decoration: underline !important;\n text-underline-offset: 0.1em !important;\n }\n small,\n .small {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n .large {\n font-size: 1.25rem;\n line-height: 1.875rem;\n font-weight: 400;\n letter-spacing: -0.0125rem;\n }\n .text-nowrap {\n white-space: nowrap !important;\n }\n .text-wrap {\n white-space: normal !important;\n }\n .text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .align-left {\n text-align: left !important;\n }\n .align-center {\n text-align: center !important;\n }\n .align-right {\n text-align: right !important;\n }\n @media screen and (min-width: 480px) {\n .align-sm-right {\n text-align: right !important;\n }\n .align-sm-left {\n text-align: left !important;\n }\n .align-sm-center {\n text-align: center !important;\n }\n }\n @media screen and (min-width: 768px) {\n .align-md-right {\n text-align: right !important;\n }\n .align-md-left {\n text-align: left !important;\n }\n .align-md-center {\n text-align: center !important;\n }\n }\n @media screen and (min-width: 992px) {\n .align-lg-right {\n text-align: right !important;\n }\n .align-lg-left {\n text-align: left !important;\n }\n .align-lg-center {\n text-align: center !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .align-xl-right {\n text-align: right !important;\n }\n .align-xl-left {\n text-align: left !important;\n }\n .align-xl-center {\n text-align: center !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .align-xxl-right {\n text-align: right !important;\n }\n .align-xxl-left {\n text-align: left !important;\n }\n .align-xxl-center {\n text-align: center !important;\n }\n }\n .reset-text-decoration {\n text-decoration: none !important;\n }\n .align-middle {\n vertical-align: middle !important;\n }\n .align-top {\n vertical-align: top !important;\n }\n .align-bottom {\n vertical-align: bottom !important;\n }\n .align-baseline {\n vertical-align: baseline !important;\n }\n .reset-font-weight {\n font-weight: normal !important;\n }\n .reset-font-size {\n font-size: 16px !important;\n line-height: 1.25 !important;\n }\n .text-fullwidth {\n max-width: none;\n }\n .text-readable {\n max-width: 35em;\n }\n .text-narrow {\n max-width: 22em;\n }\n}\n@layer utilities {\n .border-radius--medium {\n border-radius: 10px;\n }\n .border {\n border: 2px solid var(--color-border-contrast);\n }\n .border.is-invalid {\n border-color: var(--color-border-negative) !important;\n }\n .border--gray {\n border-color: var(--color-border-subtle);\n }\n .border--gray.border-hover:hover, .border--gray.is-indicating:hover {\n border-color: var(--color-text-secondary);\n }\n .border--orange {\n border-color: var(--color-border-accent);\n }\n}\n@layer utilities {\n .mb {\n margin-bottom: 1.25rem;\n }\n .mb-none {\n margin-bottom: 0 !important;\n }\n .mb-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-small {\n margin-bottom: 10px !important;\n }\n .mb-medium {\n margin-bottom: 20px !important;\n }\n .mb-large {\n margin-bottom: 30px !important;\n }\n .mb-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-none {\n margin-bottom: 0 !important;\n }\n @media screen and (min-width: 480px) {\n .mb-sm-none {\n margin-bottom: 0 !important;\n }\n .mb-sm-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-sm-small {\n margin-bottom: 10px !important;\n }\n .mb-sm-medium {\n margin-bottom: 20px !important;\n }\n .mb-sm-large {\n margin-bottom: 30px !important;\n }\n .mb-sm-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-sm-none {\n margin-bottom: 0 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .mb-md-none {\n margin-bottom: 0 !important;\n }\n .mb-md-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-md-small {\n margin-bottom: 10px !important;\n }\n .mb-md-medium {\n margin-bottom: 20px !important;\n }\n .mb-md-large {\n margin-bottom: 30px !important;\n }\n .mb-md-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-md-none {\n margin-bottom: 0 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .mb-lg-none {\n margin-bottom: 0 !important;\n }\n .mb-lg-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-lg-small {\n margin-bottom: 10px !important;\n }\n .mb-lg-medium {\n margin-bottom: 20px !important;\n }\n .mb-lg-large {\n margin-bottom: 30px !important;\n }\n .mb-lg-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-lg-none {\n margin-bottom: 0 !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .mb-xl-none {\n margin-bottom: 0 !important;\n }\n .mb-xl-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-xl-small {\n margin-bottom: 10px !important;\n }\n .mb-xl-medium {\n margin-bottom: 20px !important;\n }\n .mb-xl-large {\n margin-bottom: 30px !important;\n }\n .mb-xl-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-xl-none {\n margin-bottom: 0 !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .mb-xxl-none {\n margin-bottom: 0 !important;\n }\n .mb-xxl-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-xxl-small {\n margin-bottom: 10px !important;\n }\n .mb-xxl-medium {\n margin-bottom: 20px !important;\n }\n .mb-xxl-large {\n margin-bottom: 30px !important;\n }\n .mb-xxl-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-xxl-none {\n margin-bottom: 0 !important;\n }\n }\n .mt-none {\n margin-top: 0 !important;\n }\n .pt-none {\n padding-top: 0 !important;\n }\n .mr-none {\n margin-right: 0 !important;\n }\n .pr-none {\n padding-right: 0 !important;\n }\n .pb-none {\n padding-bottom: 0 !important;\n }\n .ml-none {\n margin-left: 0 !important;\n }\n .pl-none {\n padding-left: 0 !important;\n }\n .no-mrg {\n margin: 0 !important;\n }\n .no-pad {\n padding: 0 !important;\n }\n .clearfix::before, .clearfix::after {\n content: \"\";\n display: table;\n }\n .clearfix::after {\n clear: both;\n }\n .clear {\n clear: both;\n }\n .justify-content-start {\n justify-content: flex-start;\n }\n .justify-content-end {\n justify-content: flex-end;\n }\n .justify-content-center {\n justify-content: center;\n }\n .justify-content-space-around {\n justify-content: space-around;\n }\n .justify-content-space-between {\n justify-content: space-between;\n }\n .align-items-start {\n align-items: flex-start;\n }\n .align-items-end {\n align-items: flex-end;\n }\n .align-items-center {\n align-items: center;\n }\n .align-items-stretch {\n align-items: stretch;\n }\n .align-self-left {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top {\n align-self: flex-start;\n }\n .align-self-bottom {\n align-self: flex-end;\n }\n .align-self-middle {\n align-self: center;\n }\n .align-self-stretch {\n align-self: stretch;\n }\n .align-self-last {\n order: 999;\n }\n @media screen and (min-width: 480px) {\n .justify-content-start--sm {\n justify-content: flex-start;\n }\n .justify-content-end--sm {\n justify-content: flex-end;\n }\n .justify-content-center--sm {\n justify-content: center;\n }\n .justify-content-space-around--sm {\n justify-content: space-around;\n }\n .justify-content-space-between--sm {\n justify-content: space-between;\n }\n .align-items-start--sm {\n align-items: flex-start;\n }\n .align-items-end--sm {\n align-items: flex-end;\n }\n .align-items-center--sm {\n align-items: center;\n }\n .align-items-stretch--sm {\n align-items: stretch;\n }\n .align-self-left--sm {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--sm {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--sm {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--sm {\n align-self: flex-start;\n }\n .align-self-bottom--sm {\n align-self: flex-end;\n }\n .align-self-middle--sm {\n align-self: center;\n }\n .align-self-stretch--sm {\n align-self: stretch;\n }\n .align-self-last--sm {\n order: 999;\n }\n }\n @media screen and (min-width: 768px) {\n .justify-content-start--md {\n justify-content: flex-start;\n }\n .justify-content-end--md {\n justify-content: flex-end;\n }\n .justify-content-center--md {\n justify-content: center;\n }\n .justify-content-space-around--md {\n justify-content: space-around;\n }\n .justify-content-space-between--md {\n justify-content: space-between;\n }\n .align-items-start--md {\n align-items: flex-start;\n }\n .align-items-end--md {\n align-items: flex-end;\n }\n .align-items-center--md {\n align-items: center;\n }\n .align-items-stretch--md {\n align-items: stretch;\n }\n .align-self-left--md {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--md {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--md {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--md {\n align-self: flex-start;\n }\n .align-self-bottom--md {\n align-self: flex-end;\n }\n .align-self-middle--md {\n align-self: center;\n }\n .align-self-stretch--md {\n align-self: stretch;\n }\n .align-self-last--md {\n order: 999;\n }\n }\n @media screen and (min-width: 992px) {\n .justify-content-start--lg {\n justify-content: flex-start;\n }\n .justify-content-end--lg {\n justify-content: flex-end;\n }\n .justify-content-center--lg {\n justify-content: center;\n }\n .justify-content-space-around--lg {\n justify-content: space-around;\n }\n .justify-content-space-between--lg {\n justify-content: space-between;\n }\n .align-items-start--lg {\n align-items: flex-start;\n }\n .align-items-end--lg {\n align-items: flex-end;\n }\n .align-items-center--lg {\n align-items: center;\n }\n .align-items-stretch--lg {\n align-items: stretch;\n }\n .align-self-left--lg {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--lg {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--lg {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--lg {\n align-self: flex-start;\n }\n .align-self-bottom--lg {\n align-self: flex-end;\n }\n .align-self-middle--lg {\n align-self: center;\n }\n .align-self-stretch--lg {\n align-self: stretch;\n }\n .align-self-last--lg {\n order: 999;\n }\n }\n @media screen and (min-width: 1240px) {\n .justify-content-start--xl {\n justify-content: flex-start;\n }\n .justify-content-end--xl {\n justify-content: flex-end;\n }\n .justify-content-center--xl {\n justify-content: center;\n }\n .justify-content-space-around--xl {\n justify-content: space-around;\n }\n .justify-content-space-between--xl {\n justify-content: space-between;\n }\n .align-items-start--xl {\n align-items: flex-start;\n }\n .align-items-end--xl {\n align-items: flex-end;\n }\n .align-items-center--xl {\n align-items: center;\n }\n .align-items-stretch--xl {\n align-items: stretch;\n }\n .align-self-left--xl {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--xl {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--xl {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--xl {\n align-self: flex-start;\n }\n .align-self-bottom--xl {\n align-self: flex-end;\n }\n .align-self-middle--xl {\n align-self: center;\n }\n .align-self-stretch--xl {\n align-self: stretch;\n }\n .align-self-last--xl {\n order: 999;\n }\n }\n @media screen and (min-width: 1380px) {\n .justify-content-start--xxl {\n justify-content: flex-start;\n }\n .justify-content-end--xxl {\n justify-content: flex-end;\n }\n .justify-content-center--xxl {\n justify-content: center;\n }\n .justify-content-space-around--xxl {\n justify-content: space-around;\n }\n .justify-content-space-between--xxl {\n justify-content: space-between;\n }\n .align-items-start--xxl {\n align-items: flex-start;\n }\n .align-items-end--xxl {\n align-items: flex-end;\n }\n .align-items-center--xxl {\n align-items: center;\n }\n .align-items-stretch--xxl {\n align-items: stretch;\n }\n .align-self-left--xxl {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--xxl {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--xxl {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--xxl {\n align-self: flex-start;\n }\n .align-self-bottom--xxl {\n align-self: flex-end;\n }\n .align-self-middle--xxl {\n align-self: center;\n }\n .align-self-stretch--xxl {\n align-self: stretch;\n }\n .align-self-last--xxl {\n order: 999;\n }\n }\n .aspect-ratio-21-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 21/9;\n }\n .aspect-ratio-16-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 16/9;\n }\n .aspect-ratio-4-3 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 4/3;\n }\n .aspect-ratio-1-1 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 1/1;\n }\n .aspect-ratio-3-2 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 3/2;\n }\n .d-block {\n display: block;\n }\n .d-inline-block {\n display: inline-block;\n }\n .d-inline {\n display: inline;\n }\n .d-flex {\n display: flex;\n }\n .d-inline-flex {\n display: inline-flex;\n }\n .flex-column {\n flex-direction: column;\n }\n .fullwidth {\n width: 100% !important;\n }\n .fullheight {\n height: 100% !important;\n }\n .center-block {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n}\n@layer utilities {\n .visually-hidden,\n .sr-only {\n height: 1px;\n width: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n position: absolute;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n }\n .hide {\n display: none !important;\n }\n .invisible {\n visibility: hidden;\n }\n @media screen and (min-width: 480px) {\n .show-xs-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 0) and (max-width: 479.98px) {\n .hide-xs-only {\n display: none !important;\n }\n }\n .show-sm {\n display: none !important;\n }\n @media screen and (min-width: 480px) {\n .show-sm {\n display: inherit !important;\n }\n }\n .hide-sm {\n display: inherit !important;\n }\n @media screen and (min-width: 480px) {\n .hide-sm {\n display: none !important;\n }\n }\n @media screen and (max-width: 479.98px) {\n .show-sm-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 768px) {\n .show-sm-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 480px) and (max-width: 767.98px) {\n .hide-sm-only {\n display: none !important;\n }\n }\n .show-md {\n display: none !important;\n }\n @media screen and (min-width: 768px) {\n .show-md {\n display: inherit !important;\n }\n }\n .hide-md {\n display: inherit !important;\n }\n @media screen and (min-width: 768px) {\n .hide-md {\n display: none !important;\n }\n }\n @media screen and (max-width: 767.98px) {\n .show-md-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 992px) {\n .show-md-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 768px) and (max-width: 991.98px) {\n .hide-md-only {\n display: none !important;\n }\n }\n .show-lg {\n display: none !important;\n }\n @media screen and (min-width: 992px) {\n .show-lg {\n display: inherit !important;\n }\n }\n .hide-lg {\n display: inherit !important;\n }\n @media screen and (min-width: 992px) {\n .hide-lg {\n display: none !important;\n }\n }\n @media screen and (max-width: 991.98px) {\n .show-lg-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .show-lg-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n .hide-lg-only {\n display: none !important;\n }\n }\n .show-xl {\n display: none !important;\n }\n @media screen and (min-width: 1240px) {\n .show-xl {\n display: inherit !important;\n }\n }\n .hide-xl {\n display: inherit !important;\n }\n @media screen and (min-width: 1240px) {\n .hide-xl {\n display: none !important;\n }\n }\n @media screen and (max-width: 1239.98px) {\n .show-xl-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .show-xl-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n .hide-xl-only {\n display: none !important;\n }\n }\n .show-xxl {\n display: none !important;\n }\n @media screen and (min-width: 1380px) {\n .show-xxl {\n display: inherit !important;\n }\n }\n .hide-xxl {\n display: inherit !important;\n }\n @media screen and (min-width: 1380px) {\n .hide-xxl {\n display: none !important;\n }\n }\n @media screen and (max-width: 1379.98px) {\n .show-xxl-only {\n display: none !important;\n }\n }\n}\n@layer utilities {\n .order-1 {\n order: 1 !important;\n }\n @media screen and (min-width: 0) and (max-width: 479.98px) {\n .order-1-xs-only {\n order: 1 !important;\n }\n }\n .order-2 {\n order: 2 !important;\n }\n @media screen and (min-width: 0) and (max-width: 479.98px) {\n .order-2-xs-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 480px) {\n .order-1-sm {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 480px) and (max-width: 767.98px) {\n .order-1-sm-only {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 480px) {\n .order-2-sm {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 480px) and (max-width: 767.98px) {\n .order-2-sm-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .order-1-md {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 768px) and (max-width: 991.98px) {\n .order-1-md-only {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .order-2-md {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 768px) and (max-width: 991.98px) {\n .order-2-md-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .order-1-lg {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n .order-1-lg-only {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .order-2-lg {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n .order-2-lg-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .order-1-xl {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n .order-1-xl-only {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .order-2-xl {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n .order-2-xl-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .order-1-xxl {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .order-2-xxl {\n order: 2 !important;\n }\n }\n}\n@layer utilities {\n [class*=horizontal-scroll],\n .table-scrollable {\n scrollbar-color: var(--color-fill-contrast) var(--color-surface-moderate);\n scrollbar-width: thin;\n scroll-snap-type: x mandatory;\n }\n [class*=horizontal-scroll] > *,\n .table-scrollable > * {\n scroll-snap-align: start;\n }\n [class*=horizontal-scroll]::-webkit-scrollbar,\n .table-scrollable::-webkit-scrollbar {\n height: 0.375rem;\n appearance: none;\n background-color: var(--color-surface-moderate);\n border-radius: 99px;\n }\n [class*=horizontal-scroll]::-webkit-scrollbar-thumb,\n .table-scrollable::-webkit-scrollbar-thumb {\n opacity: 1;\n background-color: var(--color-fill-contrast);\n border-radius: 99px;\n }\n .horizontal-scroll {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n @media screen and (min-width: 480px) {\n .horizontal-scroll--sm {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--sm-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n @media screen and (min-width: 768px) {\n .horizontal-scroll--md {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--md-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n @media screen and (min-width: 992px) {\n .horizontal-scroll--lg {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--lg-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n @media screen and (min-width: 1240px) {\n .horizontal-scroll--xl {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--xl-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n @media screen and (min-width: 1380px) {\n .horizontal-scroll--xxl {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--xxl-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n}\n@layer utilities {\n /**\n * Resets for megamenu and footer\n * This reset is required due to default list spacing in ods 1 and will be removed once megamenu and footer components are migrated to 1.\n **/\n .osk-footer-menu,\n .mm-header ul,\n .megamenu-header ul {\n max-width: none;\n margin-top: 0;\n }\n .osk-footer-menu li,\n .mm-header ul li,\n .megamenu-header ul li {\n margin-top: 0;\n margin-bottom: 0;\n }\n}"]}
|
|
1
|
+
{"version":3,"sources":["after-components.scss"],"names":[],"mappings":"AAAA,iBACE,oBACE,0DACF,CACA,sBACE,4DACF,CACA,qBACE,2DACF,CACA,mBACE,yDACF,CACA,yBACE,+DACF,CACA,yBACE,+DACF,CACA,iBACE,uDACF,CACA,mBACE,yDACF,CACA,kBACE,wDACF,CACA,gBACE,sDACF,CACA,kBACE,wDACF,CACA,kBACE,wDACF,CACA,gBACE,sDACF,CACA,cACE,oDACF,CACA,gBACE,sDACF,CACA,eACE,qDACF,CACA,aACE,mDACF,CACA,eACE,qDACF,CACA,eACE,qDACF,CACA,eACE,qDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,cACE,oDACF,CACA,kBACE,wDACF,CACA,eACE,qDACF,CACA,cACE,oDACF,CACA,eACE,qDACF,CACA,eACE,iDACF,CACA,eACE,iDACF,CACA,iBACE,mDACF,CACA,eACE,iDACF,CACA,oBACE,sDACF,CACA,iBACE,mDACF,CACA,gBACE,kDACF,CACA,iBACE,mDACF,CACA,cACE,yCACF,CACA,gBACE,2CACF,CACA,eACE,0CACF,CACA,cACE,yCACF,CACA,aACE,wCACF,CACA,cACE,yCACF,CACA,cACE,yCACF,CACA,YACE,uCACF,CACA,aACE,wCACF,CACA,eACE,0CACF,CACA,kBACE,6CACF,CACA,eACE,0CACF,CACA,cACE,yCACF,CACA,eACE,0CACF,CACA,aACE,oBACF,CACA,cACE,wCACF,CACA,YACE,uBACF,CACA,aACE,oBACF,CACA,YACE,6CACF,CACA,cACE,0CACF,CACA,UACE,+BAAoC,CACpC,+BACF,CACA,2CACE,6CACF,CACA,UACE,kCAAoC,CACpC,+BACF,CACA,2CACE,oBACF,CACA,2CACE,uBACF,CACA,WACE,yDAA2D,CAC3D,oBACF,CACA,gBACE,wDAA0D,CAC1D,yCACF,CACA,SACE,sDACF,CACA,iBACE,4DACF,CACA,SACE,oDAEF,CACA,mBAFE,oBAKF,CAHA,UACE,oDAEF,CACA,SACE,oDAEF,CACA,oBAFE,oBAKF,CAHA,WACE,oDAEF,CACA,WACE,oDAAsD,CACtD,oBACF,CACA,mBACE,kCAAoC,CACpC,oBACF,CACA,QACE,kCAAoC,CACpC,oBACF,CACA,WACE,yDAEF,CACA,4BAFE,yCAKF,CAHA,iBACE,+DAEF,CACA,iBACE,+DAAiE,CACjE,yCACF,CACA,4GAIE,iDAAkD,CAClD,+BACF,CACA,uBACE,+BACF,CAIA,0BACE,yBACF,CAMA,aAEE,yBACF,CACA,QACE,yBACF,CACA,MACE,yBACF,CACA,WAEE,2BACF,CACA,WACE,mCAAqC,CACrC,oCACF,CACA,aAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACA,OACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACA,aACE,4BACF,CACA,WACE,4BACF,CACA,eACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CACA,YACE,yBACF,CACA,cACE,2BACF,CACA,aACE,0BACF,CAvDF,CAIA,iBAoDE,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,oCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,qCACE,gBACE,0BACF,CACA,eACE,yBACF,CACA,iBACE,2BACF,CACF,CACA,qCACE,iBACE,0BACF,CACA,gBACE,yBACF,CACA,kBACE,2BACF,CACF,CACA,uBACE,8BACF,CACA,cACE,+BACF,CACA,WACE,4BACF,CACA,cACE,+BACF,CACA,gBACE,iCACF,CACA,mBACE,yBACF,CACA,iBACE,wBAA0B,CAC1B,0BACF,CACA,gBACE,cACF,CACA,eACE,cACF,CACA,aACE,cACF,CAGA,uBACE,kBACF,CACA,QACE,6CACF,CACA,mBACE,mDACF,CACA,cACE,uCACF,CACA,mEACE,wCACF,CACA,gBACE,uCACF,CAGA,IACE,qBACF,CAIA,WACE,2BACF,CACA,UACE,4BACF,CACA,WACE,4BACF,CACA,UACE,4BACF,CACA,WACE,4BACF,CACA,SACE,yBACF,CA7CF,CAqBA,iBAyBE,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,oCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,qCAIE,cACE,2BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,aACE,4BACF,CACA,cACE,4BACF,CACA,YACE,yBACF,CACF,CACA,qCAIE,eACE,2BACF,CACA,cACE,4BACF,CACA,eACE,4BACF,CACA,cACE,4BACF,CACA,eACE,4BACF,CACA,aACE,yBACF,CACF,CACA,SACE,sBACF,CACA,SACE,uBACF,CACA,SACE,wBACF,CACA,SACE,yBACF,CACA,SACE,0BACF,CACA,SACE,uBACF,CACA,SACE,wBACF,CACA,QACE,kBACF,CACA,QACE,mBACF,CACA,iCACE,UAAW,CACX,aACF,CAIA,uBACE,UACF,CACA,uBACE,0BACF,CACA,qBACE,wBACF,CACA,wBACE,sBACF,CACA,8BACE,4BACF,CACA,+BACE,6BACF,CACA,mBACE,sBACF,CACA,iBACE,oBACF,CACA,oBACE,kBACF,CACA,qBACE,mBACF,CACA,iBACE,aAAc,CACd,iBACF,CACA,kBACE,gBAAiB,CACjB,cACF,CACA,mBACE,gBAAiB,CACjB,iBACF,CACA,gBACE,qBACF,CACA,mBACE,mBACF,CACA,mBACE,iBACF,CACA,oBACE,kBACF,CACA,iBACE,SACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,oCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,qCACE,2BACE,0BACF,CACA,yBACE,wBACF,CACA,4BACE,sBACF,CACA,kCACE,4BACF,CACA,mCACE,6BACF,CACA,uBACE,sBACF,CACA,qBACE,oBACF,CACA,wBACE,kBACF,CACA,yBACE,mBACF,CACA,qBACE,aAAc,CACd,iBACF,CACA,sBACE,gBAAiB,CACjB,cACF,CACA,uBACE,gBAAiB,CACjB,iBACF,CACA,oBACE,qBACF,CACA,uBACE,mBACF,CACA,uBACE,iBACF,CACA,wBACE,kBACF,CACA,qBACE,SACF,CACF,CACA,qCACE,4BACE,0BACF,CACA,0BACE,wBACF,CACA,6BACE,sBACF,CACA,mCACE,4BACF,CACA,oCACE,6BACF,CACA,wBACE,sBACF,CACA,sBACE,oBACF,CACA,yBACE,kBACF,CACA,0BACE,mBACF,CACA,sBACE,aAAc,CACd,iBACF,CACA,uBACE,gBAAiB,CACjB,cACF,CACA,wBACE,gBAAiB,CACjB,iBACF,CACA,qBACE,qBACF,CACA,wBACE,mBACF,CACA,wBACE,iBACF,CACA,yBACE,kBACF,CACA,sBACE,SACF,CACF,CACA,mBAGE,iBAAkB,CADlB,QAAS,CADT,cAGF,CACA,mBAGE,iBAAkB,CADlB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,kBAGE,gBAAiB,CADjB,QAAS,CADT,cAGF,CACA,SACE,aACF,CACA,gBACE,oBACF,CACA,UACE,cACF,CACA,QACE,YACF,CACA,eACE,mBACF,CACA,aACE,qBACF,CACA,WACE,oBACF,CACA,yDACE,mBACE,oBACF,CACF,CACA,YACE,qBACF,CACA,cACE,0BAA4B,CAC5B,2BACF,CACA,UACE,2BACF,CACA,UACE,2BACF,CAGA,0BASE,0BAA2B,CAC3B,0BAA8B,CAJ9B,QAAS,CAJT,UAAW,CAEX,WAAY,CAIZ,eAAgB,CAHhB,SAAU,CAEV,iBAAkB,CAJlB,SAQF,CACA,MACE,sBACF,CACA,WACE,iBACF,CAnBF,CACA,iBAmBE,oCACE,cACE,sBACF,CACF,CACA,yDACE,cACE,sBACF,CACF,CACA,uCACE,SACE,sBACF,CACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,oCACE,cACE,sBACF,CACF,CACA,6DACE,cACE,sBACF,CACF,CACA,uCACE,SACE,sBACF,CACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,oCACE,cACE,sBACF,CACF,CACA,6DACE,cACE,sBACF,CACF,CACA,uCACE,SACE,sBACF,CACF,CACA,oCACE,SACE,sBACF,CACF,CACA,uCACE,cACE,sBACF,CACF,CACA,qCACE,cACE,sBACF,CACF,CACA,8DACE,cACE,sBACF,CACF,CACA,wCACE,SACE,sBACF,CACF,CACA,qCACE,SACE,sBACF,CACF,CACA,wCACE,cACE,sBACF,CACF,CACA,qCACE,cACE,sBACF,CACF,CACA,+DACE,cACE,sBACF,CACF,CACA,wCACE,UACE,sBACF,CACF,CACA,qCACE,UACE,sBACF,CACF,CACA,wCACE,eACE,sBACF,CACF,CACF,CACA,iBACE,SACE,iBACF,CACA,yDACE,iBACE,iBACF,CACF,CACA,SACE,iBACF,CACA,yDACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,6DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,8DACE,iBACE,iBACF,CACF,CACA,oCACE,YACE,iBACF,CACF,CACA,8DACE,iBACE,iBACF,CACF,CACA,qCACE,YACE,iBACF,CACF,CACA,+DACE,iBACE,iBACF,CACF,CACA,qCACE,YACE,iBACF,CACF,CACA,+DACE,iBACE,iBACF,CACF,CACA,qCACE,aACE,iBACF,CAGA,aACE,iBACF,CAJF,CAMF,CACA,iBACE,6CAIE,4BAA6B,CAF7B,wEAAyE,CACzE,oBAEF,CACA,iDAEE,uBACF,CACA,mFAGE,eAAgB,CAChB,8CAA+C,CAC/C,kBAAmB,CAHnB,cAIF,CACA,+FAGE,2CAA4C,CAC5C,kBAAmB,CAFnB,SAGF,CACA,mBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,2BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,oCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,qCACE,uBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,+BAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACA,qCACE,wBAGE,+BAAgC,CAFhC,gBAAiB,CAGjB,qBAAsB,CAFtB,eAGF,CACA,gCAGE,kCAAmC,CAFnC,cAAe,CAGf,eAAgB,CAFhB,kBAGF,CACF,CACF,CACA,iBAKE,mDAIE,YAAa,CADb,cAEF,CACA,4DAIE,eAAgB,CADhB,YAEF,CACF","file":"after-components.css","sourcesContent":["@layer utilities {\n .background-primary {\n background-color: var(--color-background-primary) !important;\n }\n .background-secondary {\n background-color: var(--color-background-secondary) !important;\n }\n .background-contrast {\n background-color: var(--color-background-contrast) !important;\n }\n .background-accent {\n background-color: var(--color-background-accent) !important;\n }\n .background-accent1-blog {\n background-color: var(--color-background-accent1-blog) !important;\n }\n .background-accent2-blog {\n background-color: var(--color-background-accent2-blog) !important;\n }\n .surface-primary {\n background-color: var(--color-surface-primary) !important;\n }\n .surface-secondary {\n background-color: var(--color-surface-secondary) !important;\n }\n .surface-tertiary {\n background-color: var(--color-surface-tertiary) !important;\n }\n .surface-subtle {\n background-color: var(--color-surface-subtle) !important;\n }\n .surface-moderate {\n background-color: var(--color-surface-moderate) !important;\n }\n .surface-contrast {\n background-color: var(--color-surface-contrast) !important;\n }\n .surface-accent {\n background-color: var(--color-surface-accent) !important;\n }\n .fill-primary {\n background-color: var(--color-fill-primary) !important;\n }\n .fill-secondary {\n background-color: var(--color-fill-secondary) !important;\n }\n .fill-tertiary {\n background-color: var(--color-fill-tertiary) !important;\n }\n .fill-subtle {\n background-color: var(--color-fill-subtle) !important;\n }\n .fill-moderate {\n background-color: var(--color-fill-moderate) !important;\n }\n .fill-disabled {\n background-color: var(--color-fill-disabled) !important;\n }\n .fill-contrast {\n background-color: var(--color-fill-contrast) !important;\n }\n .fill-accent1 {\n background-color: var(--color-fill-accent1) !important;\n }\n .fill-accent2 {\n background-color: var(--color-fill-accent2) !important;\n }\n .fill-accent3 {\n background-color: var(--color-fill-accent3) !important;\n }\n .fill-accent4 {\n background-color: var(--color-fill-accent4) !important;\n }\n .fill-accent5 {\n background-color: var(--color-fill-accent5) !important;\n }\n .fill-information {\n background-color: var(--color-fill-information) !important;\n }\n .fill-positive {\n background-color: var(--color-fill-positive) !important;\n }\n .fill-warning {\n background-color: var(--color-fill-warning) !important;\n }\n .fill-negative {\n background-color: var(--color-fill-negative) !important;\n }\n .border-subtle {\n border-color: var(--color-border-subtle) !important;\n }\n .border-strong {\n border-color: var(--color-border-strong) !important;\n }\n .border-contrast {\n border-color: var(--color-border-contrast) !important;\n }\n .border-accent {\n border-color: var(--color-border-accent) !important;\n }\n .border-information {\n border-color: var(--color-border-information) !important;\n }\n .border-positive {\n border-color: var(--color-border-positive) !important;\n }\n .border-warning {\n border-color: var(--color-border-warning) !important;\n }\n .border-negative {\n border-color: var(--color-border-negative) !important;\n }\n .text-default {\n color: var(--color-text-default) !important;\n }\n .text-secondary {\n color: var(--color-text-secondary) !important;\n }\n .text-disabled {\n color: var(--color-text-disabled) !important;\n }\n .text-inverse {\n color: var(--color-text-inverse) !important;\n }\n .text-accent {\n color: var(--color-text-accent) !important;\n }\n .icon-default {\n color: var(--color-icon-default) !important;\n }\n .icon-inverse {\n color: var(--color-icon-inverse) !important;\n }\n .icon-brand {\n color: var(--color-icon-brand) !important;\n }\n .icon-accent {\n color: var(--color-icon-accent) !important;\n }\n .icon-disabled {\n color: var(--color-icon-disabled) !important;\n }\n .icon-information {\n color: var(--color-icon-information) !important;\n }\n .icon-positive {\n color: var(--color-icon-positive) !important;\n }\n .icon-warning {\n color: var(--color-icon-warning) !important;\n }\n .icon-negative {\n color: var(--color-icon-negative) !important;\n }\n .color-black {\n color: #000000 !important;\n }\n .color-orange {\n color: var(--color-text-accent) !important;\n }\n .color-gray {\n color: #595959 !important;\n }\n .color-white {\n color: #ffffff !important;\n }\n .color-blue {\n color: var(--color-icon-information) !important;\n }\n .color-danger {\n color: var(--color-icon-negative) !important;\n }\n .bg-white {\n background-color: #ffffff !important;\n color: var(--color-text-default);\n }\n .bg-white .color-blue, .bg-white.color-blue {\n color: var(--color-icon-information) !important;\n }\n .bg-black {\n background-color: #141414 !important;\n color: var(--color-text-inverse);\n }\n .bg-black .color-gray, .bg-black.color-gray {\n color: #dddddd !important;\n }\n .bg-black .color-blue, .bg-black.color-blue {\n color: #4bb4e6 !important;\n }\n .bg-orange {\n background-color: var(--color-surface-secondary) !important;\n color: #000000 !important;\n }\n .bg-orange-dark {\n background-color: var(--color-surface-tertiary) !important;\n color: var(--color-text-inverse) !important;\n }\n .bg-gray {\n background-color: var(--color-surface-subtle) !important;\n }\n .bg-gray-lighter {\n background-color: var(--color-background-secondary) !important;\n }\n .bg-blue {\n background-color: var(--color-fill-accent1) !important;\n color: #000000 !important;\n }\n .bg-green {\n background-color: var(--color-fill-accent2) !important;\n color: #000000 !important;\n }\n .bg-pink {\n background-color: var(--color-fill-accent3) !important;\n color: #000000 !important;\n }\n .bg-violet {\n background-color: var(--color-fill-accent4) !important;\n color: #000000 !important;\n }\n .bg-yellow {\n background-color: var(--color-fill-accent5) !important;\n color: #000000 !important;\n }\n .bg-yellow-lighter {\n background-color: #fff6b6 !important;\n color: #000000 !important;\n }\n .bg-red {\n background-color: #ff4d4d !important;\n color: #000000 !important;\n }\n .bg-accent {\n background-color: var(--color-background-accent) !important;\n color: var(--color-text-default) !important;\n }\n .bg-accent1-blog {\n background-color: var(--color-background-accent1-blog) !important;\n color: var(--color-text-default) !important;\n }\n .bg-accent2-blog {\n background-color: var(--color-background-accent2-blog) !important;\n color: var(--color-text-default) !important;\n }\n .bg-orange::selection,\n .bg-orange-dark::selection,\n .surface-secondary::selection,\n .surface-tertiary::selection {\n background-color: var(--color-background-contrast);\n color: var(--color-text-inverse);\n }\n .color-gray::selection {\n color: var(--color-text-default);\n }\n .bg-none {\n background: none !important;\n }\n .background-none {\n background: none !important;\n }\n}\n/**\n * Resets margin-bottom of the last child to zero\n */\n@layer utilities {\n strong,\n .bold {\n font-weight: 700 !important;\n }\n .normal {\n font-weight: 400 !important;\n }\n .thin {\n font-weight: 300 !important;\n }\n em,\n .italic {\n font-style: italic !important;\n }\n .underline {\n text-decoration: underline !important;\n text-underline-offset: 0.1em !important;\n }\n small,\n .small {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n .large {\n font-size: 1.25rem;\n line-height: 1.875rem;\n font-weight: 400;\n letter-spacing: -0.0125rem;\n }\n .text-nowrap {\n white-space: nowrap !important;\n }\n .text-wrap {\n white-space: normal !important;\n }\n .text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .align-left {\n text-align: left !important;\n }\n .align-center {\n text-align: center !important;\n }\n .align-right {\n text-align: right !important;\n }\n @media screen and (min-width: 480px) {\n .align-sm-right {\n text-align: right !important;\n }\n .align-sm-left {\n text-align: left !important;\n }\n .align-sm-center {\n text-align: center !important;\n }\n }\n @media screen and (min-width: 768px) {\n .align-md-right {\n text-align: right !important;\n }\n .align-md-left {\n text-align: left !important;\n }\n .align-md-center {\n text-align: center !important;\n }\n }\n @media screen and (min-width: 992px) {\n .align-lg-right {\n text-align: right !important;\n }\n .align-lg-left {\n text-align: left !important;\n }\n .align-lg-center {\n text-align: center !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .align-xl-right {\n text-align: right !important;\n }\n .align-xl-left {\n text-align: left !important;\n }\n .align-xl-center {\n text-align: center !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .align-xxl-right {\n text-align: right !important;\n }\n .align-xxl-left {\n text-align: left !important;\n }\n .align-xxl-center {\n text-align: center !important;\n }\n }\n .reset-text-decoration {\n text-decoration: none !important;\n }\n .align-middle {\n vertical-align: middle !important;\n }\n .align-top {\n vertical-align: top !important;\n }\n .align-bottom {\n vertical-align: bottom !important;\n }\n .align-baseline {\n vertical-align: baseline !important;\n }\n .reset-font-weight {\n font-weight: normal !important;\n }\n .reset-font-size {\n font-size: 16px !important;\n line-height: 1.25 !important;\n }\n .text-fullwidth {\n max-width: none;\n }\n .text-readable {\n max-width: 35em;\n }\n .text-narrow {\n max-width: 22em;\n }\n}\n@layer utilities {\n .border-radius--medium {\n border-radius: 10px;\n }\n .border {\n border: 2px solid var(--color-border-contrast);\n }\n .border.is-invalid {\n border-color: var(--color-border-negative) !important;\n }\n .border--gray {\n border-color: var(--color-border-subtle);\n }\n .border--gray.border-hover:hover, .border--gray.is-indicating:hover {\n border-color: var(--color-text-secondary);\n }\n .border--orange {\n border-color: var(--color-border-accent);\n }\n}\n@layer utilities {\n .mb {\n margin-bottom: 1.25rem;\n }\n .mb-none {\n margin-bottom: 0 !important;\n }\n .mb-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-small {\n margin-bottom: 10px !important;\n }\n .mb-medium {\n margin-bottom: 20px !important;\n }\n .mb-large {\n margin-bottom: 30px !important;\n }\n .mb-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-none {\n margin-bottom: 0 !important;\n }\n @media screen and (min-width: 480px) {\n .mb-sm-none {\n margin-bottom: 0 !important;\n }\n .mb-sm-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-sm-small {\n margin-bottom: 10px !important;\n }\n .mb-sm-medium {\n margin-bottom: 20px !important;\n }\n .mb-sm-large {\n margin-bottom: 30px !important;\n }\n .mb-sm-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-sm-none {\n margin-bottom: 0 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .mb-md-none {\n margin-bottom: 0 !important;\n }\n .mb-md-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-md-small {\n margin-bottom: 10px !important;\n }\n .mb-md-medium {\n margin-bottom: 20px !important;\n }\n .mb-md-large {\n margin-bottom: 30px !important;\n }\n .mb-md-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-md-none {\n margin-bottom: 0 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .mb-lg-none {\n margin-bottom: 0 !important;\n }\n .mb-lg-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-lg-small {\n margin-bottom: 10px !important;\n }\n .mb-lg-medium {\n margin-bottom: 20px !important;\n }\n .mb-lg-large {\n margin-bottom: 30px !important;\n }\n .mb-lg-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-lg-none {\n margin-bottom: 0 !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .mb-xl-none {\n margin-bottom: 0 !important;\n }\n .mb-xl-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-xl-small {\n margin-bottom: 10px !important;\n }\n .mb-xl-medium {\n margin-bottom: 20px !important;\n }\n .mb-xl-large {\n margin-bottom: 30px !important;\n }\n .mb-xl-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-xl-none {\n margin-bottom: 0 !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .mb-xxl-none {\n margin-bottom: 0 !important;\n }\n .mb-xxl-xsmall {\n margin-bottom: 5px !important;\n }\n .mb-xxl-small {\n margin-bottom: 10px !important;\n }\n .mb-xxl-medium {\n margin-bottom: 20px !important;\n }\n .mb-xxl-large {\n margin-bottom: 30px !important;\n }\n .mb-xxl-xlarge {\n margin-bottom: 60px !important;\n }\n .mb-xxl-none {\n margin-bottom: 0 !important;\n }\n }\n .mt-none {\n margin-top: 0 !important;\n }\n .pt-none {\n padding-top: 0 !important;\n }\n .mr-none {\n margin-right: 0 !important;\n }\n .pr-none {\n padding-right: 0 !important;\n }\n .pb-none {\n padding-bottom: 0 !important;\n }\n .ml-none {\n margin-left: 0 !important;\n }\n .pl-none {\n padding-left: 0 !important;\n }\n .no-mrg {\n margin: 0 !important;\n }\n .no-pad {\n padding: 0 !important;\n }\n .clearfix::before, .clearfix::after {\n content: \"\";\n display: table;\n }\n .clearfix::after {\n clear: both;\n }\n .clear {\n clear: both;\n }\n .justify-content-start {\n justify-content: flex-start;\n }\n .justify-content-end {\n justify-content: flex-end;\n }\n .justify-content-center {\n justify-content: center;\n }\n .justify-content-space-around {\n justify-content: space-around;\n }\n .justify-content-space-between {\n justify-content: space-between;\n }\n .align-items-start {\n align-items: flex-start;\n }\n .align-items-end {\n align-items: flex-end;\n }\n .align-items-center {\n align-items: center;\n }\n .align-items-stretch {\n align-items: stretch;\n }\n .align-self-left {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top {\n align-self: flex-start;\n }\n .align-self-bottom {\n align-self: flex-end;\n }\n .align-self-middle {\n align-self: center;\n }\n .align-self-stretch {\n align-self: stretch;\n }\n .align-self-last {\n order: 999;\n }\n @media screen and (min-width: 480px) {\n .justify-content-start--sm {\n justify-content: flex-start;\n }\n .justify-content-end--sm {\n justify-content: flex-end;\n }\n .justify-content-center--sm {\n justify-content: center;\n }\n .justify-content-space-around--sm {\n justify-content: space-around;\n }\n .justify-content-space-between--sm {\n justify-content: space-between;\n }\n .align-items-start--sm {\n align-items: flex-start;\n }\n .align-items-end--sm {\n align-items: flex-end;\n }\n .align-items-center--sm {\n align-items: center;\n }\n .align-items-stretch--sm {\n align-items: stretch;\n }\n .align-self-left--sm {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--sm {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--sm {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--sm {\n align-self: flex-start;\n }\n .align-self-bottom--sm {\n align-self: flex-end;\n }\n .align-self-middle--sm {\n align-self: center;\n }\n .align-self-stretch--sm {\n align-self: stretch;\n }\n .align-self-last--sm {\n order: 999;\n }\n }\n @media screen and (min-width: 768px) {\n .justify-content-start--md {\n justify-content: flex-start;\n }\n .justify-content-end--md {\n justify-content: flex-end;\n }\n .justify-content-center--md {\n justify-content: center;\n }\n .justify-content-space-around--md {\n justify-content: space-around;\n }\n .justify-content-space-between--md {\n justify-content: space-between;\n }\n .align-items-start--md {\n align-items: flex-start;\n }\n .align-items-end--md {\n align-items: flex-end;\n }\n .align-items-center--md {\n align-items: center;\n }\n .align-items-stretch--md {\n align-items: stretch;\n }\n .align-self-left--md {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--md {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--md {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--md {\n align-self: flex-start;\n }\n .align-self-bottom--md {\n align-self: flex-end;\n }\n .align-self-middle--md {\n align-self: center;\n }\n .align-self-stretch--md {\n align-self: stretch;\n }\n .align-self-last--md {\n order: 999;\n }\n }\n @media screen and (min-width: 992px) {\n .justify-content-start--lg {\n justify-content: flex-start;\n }\n .justify-content-end--lg {\n justify-content: flex-end;\n }\n .justify-content-center--lg {\n justify-content: center;\n }\n .justify-content-space-around--lg {\n justify-content: space-around;\n }\n .justify-content-space-between--lg {\n justify-content: space-between;\n }\n .align-items-start--lg {\n align-items: flex-start;\n }\n .align-items-end--lg {\n align-items: flex-end;\n }\n .align-items-center--lg {\n align-items: center;\n }\n .align-items-stretch--lg {\n align-items: stretch;\n }\n .align-self-left--lg {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--lg {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--lg {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--lg {\n align-self: flex-start;\n }\n .align-self-bottom--lg {\n align-self: flex-end;\n }\n .align-self-middle--lg {\n align-self: center;\n }\n .align-self-stretch--lg {\n align-self: stretch;\n }\n .align-self-last--lg {\n order: 999;\n }\n }\n @media screen and (min-width: 1240px) {\n .justify-content-start--xl {\n justify-content: flex-start;\n }\n .justify-content-end--xl {\n justify-content: flex-end;\n }\n .justify-content-center--xl {\n justify-content: center;\n }\n .justify-content-space-around--xl {\n justify-content: space-around;\n }\n .justify-content-space-between--xl {\n justify-content: space-between;\n }\n .align-items-start--xl {\n align-items: flex-start;\n }\n .align-items-end--xl {\n align-items: flex-end;\n }\n .align-items-center--xl {\n align-items: center;\n }\n .align-items-stretch--xl {\n align-items: stretch;\n }\n .align-self-left--xl {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--xl {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--xl {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--xl {\n align-self: flex-start;\n }\n .align-self-bottom--xl {\n align-self: flex-end;\n }\n .align-self-middle--xl {\n align-self: center;\n }\n .align-self-stretch--xl {\n align-self: stretch;\n }\n .align-self-last--xl {\n order: 999;\n }\n }\n @media screen and (min-width: 1380px) {\n .justify-content-start--xxl {\n justify-content: flex-start;\n }\n .justify-content-end--xxl {\n justify-content: flex-end;\n }\n .justify-content-center--xxl {\n justify-content: center;\n }\n .justify-content-space-around--xxl {\n justify-content: space-around;\n }\n .justify-content-space-between--xxl {\n justify-content: space-between;\n }\n .align-items-start--xxl {\n align-items: flex-start;\n }\n .align-items-end--xxl {\n align-items: flex-end;\n }\n .align-items-center--xxl {\n align-items: center;\n }\n .align-items-stretch--xxl {\n align-items: stretch;\n }\n .align-self-left--xxl {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right--xxl {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center--xxl {\n margin-left: auto;\n margin-right: auto;\n }\n .align-self-top--xxl {\n align-self: flex-start;\n }\n .align-self-bottom--xxl {\n align-self: flex-end;\n }\n .align-self-middle--xxl {\n align-self: center;\n }\n .align-self-stretch--xxl {\n align-self: stretch;\n }\n .align-self-last--xxl {\n order: 999;\n }\n }\n .aspect-ratio-21-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 21/9;\n }\n .aspect-ratio-16-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 16/9;\n }\n .aspect-ratio-4-3 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 4/3;\n }\n .aspect-ratio-1-1 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 1/1;\n }\n .aspect-ratio-3-2 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 3/2;\n }\n .d-block {\n display: block;\n }\n .d-inline-block {\n display: inline-block;\n }\n .d-inline {\n display: inline;\n }\n .d-flex {\n display: flex;\n }\n .d-inline-flex {\n display: inline-flex;\n }\n .flex-column {\n flex-direction: column;\n }\n .fullwidth {\n width: 100% !important;\n }\n @media screen and (min-width: 0) and (max-width: 479.98px) {\n .fullwidth-xs-only {\n width: 100% !important;\n }\n }\n .fullheight {\n height: 100% !important;\n }\n .center-block {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n .relative {\n position: relative !important;\n }\n .absolute {\n position: absolute !important;\n }\n}\n@layer utilities {\n .visually-hidden,\n .sr-only {\n height: 1px;\n width: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n position: absolute;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n }\n .hide {\n display: none !important;\n }\n .invisible {\n visibility: hidden;\n }\n @media screen and (min-width: 480px) {\n .show-xs-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 0) and (max-width: 479.98px) {\n .hide-xs-only {\n display: none !important;\n }\n }\n @media screen and (max-width: 479.98px) {\n .show-sm {\n display: none !important;\n }\n }\n @media screen and (min-width: 480px) {\n .hide-sm {\n display: none !important;\n }\n }\n @media screen and (max-width: 479.98px) {\n .show-sm-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 768px) {\n .show-sm-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 480px) and (max-width: 767.98px) {\n .hide-sm-only {\n display: none !important;\n }\n }\n @media screen and (max-width: 767.98px) {\n .show-md {\n display: none !important;\n }\n }\n @media screen and (min-width: 768px) {\n .hide-md {\n display: none !important;\n }\n }\n @media screen and (max-width: 767.98px) {\n .show-md-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 992px) {\n .show-md-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 768px) and (max-width: 991.98px) {\n .hide-md-only {\n display: none !important;\n }\n }\n @media screen and (max-width: 991.98px) {\n .show-lg {\n display: none !important;\n }\n }\n @media screen and (min-width: 992px) {\n .hide-lg {\n display: none !important;\n }\n }\n @media screen and (max-width: 991.98px) {\n .show-lg-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .show-lg-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n .hide-lg-only {\n display: none !important;\n }\n }\n @media screen and (max-width: 1239.98px) {\n .show-xl {\n display: none !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .hide-xl {\n display: none !important;\n }\n }\n @media screen and (max-width: 1239.98px) {\n .show-xl-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .show-xl-only {\n display: none !important;\n }\n }\n @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n .hide-xl-only {\n display: none !important;\n }\n }\n @media screen and (max-width: 1379.98px) {\n .show-xxl {\n display: none !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .hide-xxl {\n display: none !important;\n }\n }\n @media screen and (max-width: 1379.98px) {\n .show-xxl-only {\n display: none !important;\n }\n }\n}\n@layer utilities {\n .order-1 {\n order: 1 !important;\n }\n @media screen and (min-width: 0) and (max-width: 479.98px) {\n .order-1-xs-only {\n order: 1 !important;\n }\n }\n .order-2 {\n order: 2 !important;\n }\n @media screen and (min-width: 0) and (max-width: 479.98px) {\n .order-2-xs-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 480px) {\n .order-1-sm {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 480px) and (max-width: 767.98px) {\n .order-1-sm-only {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 480px) {\n .order-2-sm {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 480px) and (max-width: 767.98px) {\n .order-2-sm-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .order-1-md {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 768px) and (max-width: 991.98px) {\n .order-1-md-only {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .order-2-md {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 768px) and (max-width: 991.98px) {\n .order-2-md-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .order-1-lg {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n .order-1-lg-only {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .order-2-lg {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 992px) and (max-width: 1239.98px) {\n .order-2-lg-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .order-1-xl {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n .order-1-xl-only {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .order-2-xl {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 1240px) and (max-width: 1379.98px) {\n .order-2-xl-only {\n order: 2 !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .order-1-xxl {\n order: 1 !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .order-2-xxl {\n order: 2 !important;\n }\n }\n}\n@layer utilities {\n [class*=horizontal-scroll],\n .table-scrollable {\n scrollbar-color: var(--color-fill-contrast) var(--color-surface-moderate);\n scrollbar-width: thin;\n scroll-snap-type: x mandatory;\n }\n [class*=horizontal-scroll] > *,\n .table-scrollable > * {\n scroll-snap-align: start;\n }\n [class*=horizontal-scroll]::-webkit-scrollbar,\n .table-scrollable::-webkit-scrollbar {\n height: 0.375rem;\n appearance: none;\n background-color: var(--color-surface-moderate);\n border-radius: 99px;\n }\n [class*=horizontal-scroll]::-webkit-scrollbar-thumb,\n .table-scrollable::-webkit-scrollbar-thumb {\n opacity: 1;\n background-color: var(--color-fill-contrast);\n border-radius: 99px;\n }\n .horizontal-scroll {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n @media screen and (min-width: 480px) {\n .horizontal-scroll--sm {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--sm-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n @media screen and (min-width: 768px) {\n .horizontal-scroll--md {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--md-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n @media screen and (min-width: 992px) {\n .horizontal-scroll--lg {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--lg-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n @media screen and (min-width: 1240px) {\n .horizontal-scroll--xl {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--xl-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n @media screen and (min-width: 1380px) {\n .horizontal-scroll--xxl {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: 1.25rem;\n }\n .horizontal-scroll--xxl-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n}\n@layer utilities {\n /**\n * Resets for megamenu and footer\n * This reset is required due to default list spacing in ods 1 and will be removed once megamenu and footer components are migrated to 1.\n **/\n .osk-footer-menu,\n .mm-header ul,\n .megamenu-header ul {\n max-width: none;\n margin-top: 0;\n }\n .osk-footer-menu li,\n .mm-header ul li,\n .megamenu-header ul li {\n margin-top: 0;\n margin-bottom: 0;\n }\n}"]}
|