@orangesk/orange-design-system 2.0.0-beta.7 → 2.0.0-beta.9

package/build/components/types/index.d.ts

@@ -88,7 +88,7 @@ interface AnchorNavigationProps {
     children?: React$1.ReactNode;
 }
 declare const AnchorNavigation: {
-    ({ items, className, colorScheme, children, }: AnchorNavigationProps): React$1.JSX.Element;
+    ({ items, className, colorScheme, children, ...other }: AnchorNavigationProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -261,6 +261,7 @@ interface CommonProps {
     type?: ButtonType;
     className?: string;
     children?: React$1.ReactNode;
+    preserveWidth?: boolean;
 }
 type AnchorProps = CommonProps & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps | "type" | "ref"> & {
     href: string;
@@ -315,6 +316,10 @@ interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     colorScheme?: "light" | "dark";
     /** Carousel items */
     items: ReactNode[];
+    /** Always show scrollbar and hide dots */
+    showScrollbar?: boolean;
+    /** Make carousel bleed to the right edge of screen while keeping left aligned with container */
+    bleedRight?: boolean;
     className?: string;
 }
 declare const Carousel: React$1.FC<CarouselProps>;
@@ -491,11 +496,12 @@ declare const FeatureAccordionItem: React$1.FC<FeatureAccordionItemProps & {
     defaultOpen?: boolean;
 }>;
 
-declare const cardColors: readonly ["white", "black", "orange", "gray", "blue", "green", "pink", "yellow", "violet", "accent1-blog", "accent2-blog", "accent"];
+declare const cardColors: readonly ["white", "black", "orange", "gray", "gray-lighter", "blue", "green", "pink", "yellow", "violet", "accent1-blog", "accent2-blog", "accent", "none"];
 type CardColor = (typeof cardColors)[number];
 interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */
     color?: CardColor;
+    noBorder?: boolean;
 }
 declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -835,13 +841,11 @@ declare const Pagination: React$1.FC<PaginationProps>;
 interface PromoBannerProps {
     colorScheme?: "light" | "dark";
     className?: string;
-    title: string;
-    secondaryTitle?: string;
-    description: string;
-    buttonText: string;
     image?: string;
+    alignImage?: "bottom";
+    children?: React$1.ReactNode;
 }
-declare const PromoBanner: ({ title, secondaryTitle, description, buttonText, image, colorScheme, className, }: PromoBannerProps) => React$1.JSX.Element;
+declare const PromoBanner: ({ image, colorScheme, className, alignImage, children, }: PromoBannerProps) => React$1.JSX.Element;
 
 interface PromotionCardProps {
     /** Inverse colors */
@@ -1185,7 +1189,7 @@ declare const InputStepper: React$1.FC<InputStepperProps>;
 
 declare const Skeleton: React$1.FC<React$1.HTMLAttributes<HTMLSpanElement>>;
 
-declare const pillColors: readonly ["white", "gray", "transparent"];
+declare const pillColors: readonly ["white", "gray", "transparent", "orange"];
 type PillColor = (typeof pillColors)[number];
 interface PillProps extends HTMLAttributes<HTMLSpanElement> {
     className?: string;

package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.d.ts

@@ -11,7 +11,7 @@ interface AnchorNavigationProps {
     children?: React.ReactNode;
 }
 declare const AnchorNavigation: {
-    ({ items, className, colorScheme, children, }: AnchorNavigationProps): React.JSX.Element;
+    ({ items, className, colorScheme, children, ...other }: AnchorNavigationProps): React.JSX.Element;
     displayName: string;
 };
 export { AnchorNavigation };

package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.static.d.ts

@@ -1,24 +1,26 @@
-interface AnchorNavigationConfig {
-    itemSelector: string;
-}
-export declare const defaultConfig: AnchorNavigationConfig;
-export declare const configDocs: {
-    itemSelector: string;
-};
 export default class AnchorNavigation {
     private element;
-    private config;
-    private items;
-    private activeItemIndex;
-    constructor(element: HTMLElement, config?: Partial<AnchorNavigationConfig>);
+    private megamenuElement;
+    private resizeObserver;
+    private scrollHandler;
+    private scrollSpyHandler;
+    private scrollEndHandler;
+    private resizeHandler;
+    private isAutoScrolling;
+    private navLinks;
+    private sections;
+    private currentPath;
+    private lastActiveIndex;
+    constructor(element: HTMLElement);
     static getInstance(el: HTMLElement): AnchorNavigation | null;
+    private findMegamenuElement;
+    private updateStickyPosition;
+    private setupMegamenuObserver;
+    private setupScrollSpy;
+    private initScrollSpy;
+    private handleScrollSpy;
+    private handleScrollEnd;
     private init;
     destroy(): void;
     update(): void;
-    private isActive;
-    private handleClick;
-    private toggleItem;
-    activateNthItem(index: number): void;
-    getActiveItemIndex(): number | null;
 }
-export {};

package/build/components/types/src/components/Button/Button.d.ts

@@ -13,6 +13,7 @@ interface CommonProps {
     type?: ButtonType;
     className?: string;
     children?: React.ReactNode;
+    preserveWidth?: boolean;
 }
 type AnchorProps = CommonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps | "type" | "ref"> & {
     href: string;

package/build/components/types/src/components/Card/Card.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
-export declare const cardColors: readonly ["white", "black", "orange", "gray", "blue", "green", "pink", "yellow", "violet", "accent1-blog", "accent2-blog", "accent"];
+export declare const cardColors: readonly ["white", "black", "orange", "gray", "gray-lighter", "blue", "green", "pink", "yellow", "violet", "accent1-blog", "accent2-blog", "accent", "none"];
 export type CardColor = (typeof cardColors)[number];
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */
     color?: CardColor;
+    noBorder?: boolean;
 }
 export declare const CLASS_ROOT = "card";
 declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/types/src/components/Carousel/Carousel.d.ts

@@ -6,6 +6,10 @@ interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     colorScheme?: "light" | "dark";
     /** Carousel items */
     items: ReactNode[];
+    /** Always show scrollbar and hide dots */
+    showScrollbar?: boolean;
+    /** Make carousel bleed to the right edge of screen while keeping left aligned with container */
+    bleedRight?: boolean;
     className?: string;
 }
 declare const Carousel: React.FC<CarouselProps>;

package/build/components/types/src/components/Carousel/Carousel.static.d.ts

@@ -11,6 +11,7 @@ export default class Carousel {
     init(): void;
     getElements(): void;
     getCustomOptions(): void;
+    adjustConfigForBleedRight(): void;
     /**
      * Handles the slide change event on the carousel.
      * Updates the tooltip position for the active slide and hides tooltips for non-active slides.

package/build/components/types/src/components/Carousel/constants.d.ts

@@ -13,6 +13,8 @@ export declare const CLASS_SCROLLBAR = "carousel__scrollbar";
 export declare const CLASS_SCROLLBAR_HORIZONTAL = "carousel__scrollbar-horizontal";
 export declare const CLASS_SCROLLBAR_DRAG = "carousel__scrollbar-drag";
 export declare const CLASS_ACTIVE = "is-active";
+export declare const CLASS_SCROLLBAR_VARIANT = "carousel--scrollbar";
+export declare const CLASS_BLEED_RIGHT = "carousel--bleed-right";
 export declare const SELECTOR_VIEWPORT = ".carousel__viewport";
 export declare const SELECTOR_TRACK = ".carousel__track";
 export declare const SELECTOR_PREV = ".carousel__prev";

package/build/components/types/src/components/Megamenu/constants.d.ts

@@ -21,6 +21,8 @@ export declare const CLASS_NAV_DROPDOWN = "megamenu__nav-dropdown";
 export declare const CLASS_SUBNAV = "megamenu__subnav";
 export declare const CLASS_SUBNAV_ITEM = "megamenu__subnav-item";
 export declare const CLASS_OVERLAY = "megamenu__overlay";
+export declare const CLASS_SPACER = "megamenu-spacer";
+export declare const CLASS_SPACER_SMALL = "megamenu-spacer--small";
 export declare const CLASS_TEXT_LARGE = "megamenu__text--large";
 export declare const CLASS_HIDE_MD_DOWN = "megamenu--hide-md-down";
 export declare const CLASS_HIDE_LG_UP = "megamenu--hide-lg-up";

package/build/components/types/src/components/Pill/Pill.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, HTMLAttributes } from "react";
-export declare const pillColors: readonly ["white", "gray", "transparent"];
+export declare const pillColors: readonly ["white", "gray", "transparent", "orange"];
 export type PillColor = (typeof pillColors)[number];
 interface PillProps extends HTMLAttributes<HTMLSpanElement> {
     className?: string;

package/build/components/types/src/components/PromoBanner/PromoBanner.d.ts

@@ -2,11 +2,9 @@ import React from "react";
 interface PromoBannerProps {
     colorScheme?: "light" | "dark";
     className?: string;
-    title: string;
-    secondaryTitle?: string;
-    description: string;
-    buttonText: string;
     image?: string;
+    alignImage?: "bottom";
+    children?: React.ReactNode;
 }
-export declare const PromoBanner: ({ title, secondaryTitle, description, buttonText, image, colorScheme, className, }: PromoBannerProps) => React.JSX.Element;
+export declare const PromoBanner: ({ image, colorScheme, className, alignImage, children, }: PromoBannerProps) => React.JSX.Element;
 export {};

package/build/components/types/src/scripts/index.d.ts

@@ -1,4 +1,5 @@
 import Accordion from "../components/Accordion/Accordion.static";
+import AnchorNavigation from "../components/AnchorNavigation/AnchorNavigation.static";
 import Autocomplete from "../components/Forms/Autocomplete/Autocomplete.static";
 import DatePicker from "../components/Forms/DatePicker/DatePicker.static";
 import BlockAction from "../components/BlockAction/BlockAction.static";
@@ -23,6 +24,10 @@ export declare const moduleSelectorPairs: ({
     Module: typeof Accordion;
     name: string;
     selector: string;
+} | {
+    Module: typeof AnchorNavigation;
+    name: string;
+    selector: string;
 } | {
     Module: typeof Autocomplete;
     name: string;

package/build/lib/after-components.css

@@ -1,2 +1,2 @@
-@layer utilities{.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-default)}.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-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{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.color-gray::selection{color:var(--color-text-default)}.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}.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:#666}.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{.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}}
+@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}.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:#666}.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{.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}}
 /*# sourceMappingURL=after-components.css.map */

package/build/lib/after-components.css.map

@@ -1 +1 @@
-{"version":3,"sources":["after-components.scss"],"names":[],"mappings":"AAAA,iBACE,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,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,iDAEE,iDAAkD,CAClD,+BACF,CACA,uBACE,+BACF,CACA,SACE,yBACF,CAMA,aAEE,yBACF,CACA,QACE,yBACF,CACA,MACE,yBACF,CACA,WAEE,2BACF,CACA,WACE,mCACF,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,CAtDF,CAIA,iBAmDE,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,iBACF,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,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  .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-default);\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-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    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}\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  }\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: #666;\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  [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}"]}
+{"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,mCACF,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,CAtDF,CAIA,iBAmDE,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,iBACF,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,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  }\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: #666;\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  [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}"]}