@orangesk/orange-design-system 2.0.0-beta.0 → 2.0.0-beta.10

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

@@ -1,3 +1,2 @@
-import './styles/style.scss';
-export { IconList } from './IconList';
-export { Item } from './Item';
+export { IconList } from "./IconList";
+export { Item } from "./Item";

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

@@ -1,3 +1,2 @@
-import './styles/style.scss';
-export { List } from './List';
-export { ListItem } from './ListItem';
+export { List } from "./List";
+export { ListItem } from "./ListItem";

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

@@ -0,0 +1,13 @@
+import React from "react";
+export interface MegaMenuIconProps extends React.SVGAttributes<SVGSVGElement> {
+    /** Accessible label for the icon. */
+    alt?: string;
+    /** Icon name (required). */
+    name: string;
+    /** Path to the SVG sprite. */
+    spritePath?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const MegamenuIcon: React.FC<MegaMenuIconProps>;
+export { MegamenuIcon };

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

@@ -1,9 +1 @@
-import React from "react";
-interface MegamenuProps {
-    /** Additional CSS classes */
-    className?: string;
-    /** Sets Megamenu to use specific color scheme */
-    colorScheme?: "dark" | "light";
-}
-export declare const Megamenu: (props: MegamenuProps) => React.JSX.Element;
-export {};
+export declare const Megamenu: ({ className }: any) => import("react").JSX.Element;

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

@@ -0,0 +1,47 @@
+interface MegamenuConfig {
+    dataToggle?: string;
+    activeClass?: string;
+    removeOnDestroy?: boolean;
+}
+export default class Megamenu {
+    element: HTMLElement;
+    config: Required<MegamenuConfig>;
+    toggleButtons: NodeListOf<HTMLButtonElement>;
+    dropdowns: NodeListOf<HTMLElement>;
+    mobileMenuButton: HTMLButtonElement | null;
+    mobileMenu: HTMLElement | null;
+    mobileOverlay: HTMLElement | null;
+    mobileCloseButton: HTMLButtonElement | null;
+    desktopOverlay: HTMLButtonElement | null;
+    accordionButtons: NodeListOf<HTMLButtonElement>;
+    focusTrapHandler: (event: KeyboardEvent) => void;
+    lastFocusedElement: HTMLElement | null;
+    isKeyboardUser: boolean;
+    keydownHandler: (e: KeyboardEvent) => void;
+    mousedownHandler: () => void;
+    touchstartHandler: () => void;
+    constructor(element: HTMLElement, config?: MegamenuConfig);
+    static getInstance(el: HTMLElement): Megamenu | null;
+    init(): void;
+    handleToggleClick(event: Event): void;
+    handleKeyPress(event: KeyboardEvent): void;
+    handleAccordionClick(event: Event): void;
+    handleScroll(): void;
+    openDropdown(button: HTMLButtonElement): void;
+    closeDropdown(button: HTMLButtonElement): void;
+    closeAllDropdowns(): void;
+    handleMobileMenuToggle(event: Event): void;
+    openMobileMenu(): void;
+    closeMobileMenu(): void;
+    showDesktopOverlay(): void;
+    hideDesktopOverlay(): void;
+    openAccordion(button: HTMLButtonElement): void;
+    closeAccordion(button: HTMLButtonElement): void;
+    closeAllAccordions(): void;
+    handleArrowNavigation(event: KeyboardEvent, dropdown: HTMLElement): void;
+    trapFocus(element: HTMLElement): void;
+    removeFocusTrap(): void;
+    updateTabIndices(): void;
+    destroy(): void;
+}
+export {};

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

@@ -0,0 +1 @@
+export declare const MegamenuBlog: ({ className }: any) => import("react").JSX.Element;

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

@@ -0,0 +1,48 @@
+export declare const CLASS_ROOT = "megamenu";
+export declare const CLASS_TOP = "megamenu__top";
+export declare const CLASS_MAIN = "megamenu__main";
+export declare const CLASS_SUBMAIN = "megamenu__submain";
+export declare const CLASS_CONTAINER = "megamenu__container";
+export declare const CLASS_GRID = "megamenu__grid";
+export declare const CLASS_CARD = "megamenu__card";
+export declare const CLASS_NAV = "megamenu__nav";
+export declare const CLASS_NAV_VERTICAL = "megamenu__nav--vertical";
+export declare const CLASS_NAV_SPACE_SMALL = "megamenu__nav--space-small";
+export declare const CLASS_NAV_ITEM = "megamenu__nav-item";
+export declare const CLASS_NAV_ITEM_MAIN = "megamenu__nav-item--main";
+export declare const CLASS_NAV_LINK = "megamenu__nav-link";
+export declare const CLASS_NAV_CART_ICON = "megamenu__nav-cart-icon";
+export declare const CLASS_NAV_SPACER = "megamenu__nav-spacer";
+export declare const CLASS_NAV_ICON = "megamenu__nav-icon";
+export declare const CLASS_NAV_LOGO = "megamenu__nav-logo";
+export declare const CLASS_NAV_BUTTON = "megamenu__nav-button";
+export declare const CLASS_NAV_BUTTON_INDICATOR = "megamenu__nav-button--indicator";
+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";
+export declare const CLASS_ALIGN_CENTER = "megamenu--align-center";
+export declare const CLASS_MOBILE = "megamenu__mobile";
+export declare const CLASS_MOBILE_OVERLAY = "megamenu__mobile-overlay";
+export declare const CLASS_MOBILE_WRAPPER = "megamenu__mobile-wrapper";
+export declare const CLASS_MOBILE_HEADER = "megamenu__mobile-header";
+export declare const CLASS_MOBILE_BODY = "megamenu__mobile-body";
+export declare const CLASS_ACCORDION = "megamenu__accordion";
+export declare const CLASS_ACCORDION_ITEM = "megamenu__accordion-item";
+export declare const CLASS_ACCORDION_HEADER = "megamenu__accordion-header";
+export declare const CLASS_ACCORDION_BUTTON = "megamenu__accordion-button";
+export declare const CLASS_ACCORDION_TITLE = "megamenu__accordion-title";
+export declare const CLASS_ACCORDION_ICON = "megamenu__accordion-icon";
+export declare const CLASS_ACCORDION_BODY = "megamenu__accordion-body";
+export declare const CLASS_INPUT = "megamenu__input";
+export declare const CLASS_INPUT_SEARCH_ICON_WITH_PLACEHOLDER = "megamenu__input--search-icon-with-placeholder";
+export declare const CLASS_TAG = "megamenu__tag";
+export declare const CLASS_TAG_TRANSPARENT = "megamenu__tag--transparent";
+export declare const CLASS_TAG_LARGE = "megamenu__tag--large";
+export declare const CLASS_LIST_INLINE = "megamenu__list--inline";
+export declare const CLASS_LIST_GAP_SMALL = "megamenu__list--gap-small";

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

@@ -1,4 +1,3 @@
-import "./styles/style.scss";
-import MegamenuDropdown from "./MegamenuDropdown";
 export { Megamenu } from "./Megamenu";
-export { MegamenuDropdown };
+export { MegamenuBlog } from "./MegamenuBlog";
+export { MegamenuIcon } from "./MegaMenuIcon";

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

@@ -0,0 +1,22 @@
+import Megamenu from "./Megamenu.static";
+import { initModulesWithin, destroyModulesWithin } from "../../scripts/lib/moduleFactory";
+import "./styles/style.scss";
+export declare const customMegamenuModuleSelectorPairs: {
+    Module: typeof Megamenu;
+    name: string;
+    selector: string;
+}[];
+declare global {
+    interface Window {
+        ODSMegamenu: {
+            Megamenu: typeof Megamenu;
+            instances: Megamenu[];
+            init: () => void;
+            destroy: () => void;
+            initModulesWithin: typeof initModulesWithin;
+            destroyModulesWithin: typeof destroyModulesWithin;
+        };
+    }
+}
+export { Megamenu };
+export default Megamenu;

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

@@ -32,6 +32,12 @@ interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     /** Color scheme for the modal */
     colorScheme?: "dark" | "light";
+    /** Disables header paddings */
+    disableHeaderSpacing?: boolean;
+    /** Disables body paddings */
+    disableBodySpacing?: boolean;
+    /** Disables footer paddings */
+    disableFooterSpacing?: boolean;
 }
 declare const Modal: React.FC<ModalProps>;
 export { Modal };

package/build/components/types/src/components/Modal/ModalBody.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
-export declare const colors: readonly ["white", "gray", "orange", "orange-dark", "black", "blue", "green", "pink", "violet", "yellow"];
-export type BodyColor = (typeof colors)[number];
+export declare const modalBodyColors: readonly ["background-primary", "background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-contrast", "surface-accent", "fill-subtle", "fill-accent1", "fill-accent2", "fill-accent3", "fill-accent4", "fill-accent5"];
+export type ModalBodyColor = (typeof modalBodyColors)[number];
 interface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {
-    color?: BodyColor;
+    color?: ModalBodyColor;
     className?: string;
     children?: React.ReactNode;
     withTopPadding?: boolean;
+    disableSpacing?: boolean;
 }
 declare const ModalBody: React.FC<ModalBodyProps>;
 export { ModalBody };

package/build/components/types/src/components/Modal/ModalProductBody.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ModalProductBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    subtitleSection?: React.ReactNode;
+    listSection?: React.ReactNode;
+    benefitsSection?: React.ReactNode;
+    extraPaymentsSection?: React.ReactNode;
+}
+export declare const CLASS_ROOT = "modal__product-body";
+declare const ModalProductBody: React.ForwardRefExoticComponent<ModalProductBodyProps & React.RefAttributes<HTMLDivElement>>;
+export { ModalProductBody };

package/build/components/types/src/components/Modal/ModalProductFooter.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ModalProductFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    image?: React.ReactNode;
+    /** Use small spacing */
+    space?: "small";
+    button?: React.ReactNode;
+}
+export declare const CLASS_ROOT = "modal__product";
+declare const ModalProductFooter: React.ForwardRefExoticComponent<ModalProductFooterProps & React.RefAttributes<HTMLDivElement>>;
+export { ModalProductFooter };

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

@@ -3,3 +3,5 @@ export { ModalBody } from "./ModalBody";
 export { ModalTitle } from "./ModalTitle";
 export { ModalCloseButton } from "./ModalCloseButton";
 export { ModalProductHeader } from "./ModalProductHeader";
+export { ModalProductFooter } from "./ModalProductFooter";
+export { ModalProductBody } from "./ModalProductBody";

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

@@ -1,6 +1,5 @@
 import React from "react";
-import { PaginationItem } from "./PaginationItem";
-interface PaginationItem {
+interface PaginationItemProps {
     /** Page link href */
     href: string;
     /** Text label inside page item */
@@ -16,7 +15,7 @@ interface PaginationProps {
     /** Dark theme */
     colorScheme?: "light" | "dark";
     /** All pagination items - buttons & numbers */
-    items: PaginationItem[];
+    items: PaginationItemProps[];
     /** Accessibility label */
     label?: string;
     /** Additional CSS class name */

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

@@ -1,9 +1,12 @@
 import React, { ReactNode, HTMLAttributes } from "react";
+export declare const pillColors: readonly ["white", "gray", "transparent", "orange"];
+export type PillColor = (typeof pillColors)[number];
 interface PillProps extends HTMLAttributes<HTMLSpanElement> {
     className?: string;
     children?: ReactNode;
-    colorScheme?: "dark" | "light" | "transparent";
+    color?: PillColor;
     size?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
+    colorScheme?: "light" | "dark";
 }
 declare const Pill: React.FC<PillProps>;
 export { Pill };

package/build/components/types/src/components/Preview/PreviewGenerator.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode, FunctionComponent } from "react";
 import "./styles/style.scss";
 interface PreviewProps {
+    isDark?: boolean;
     bgTheme?: string | boolean;
     bgThemeColors?: Record<string, string>;
     bgThemeExcludedColors?: string[];
@@ -18,7 +19,6 @@ interface PreviewProps {
     enableFullscreen?: boolean;
     hasCodePreview?: boolean;
     html?: string;
-    interactiveProps?: Record<string, any>;
     jsxCode?: string;
     [key: string]: any;
 }

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

@@ -2,11 +2,15 @@ import React from "react";
 interface PromoBannerProps {
     colorScheme?: "light" | "dark";
     className?: string;
-    title: string;
-    secondaryTitle?: string;
-    description: string;
-    buttonText: string;
     image?: string;
+    alignImage?: "bottom" | "top";
+    imageFullWidth?: boolean;
+    /** Make image extend to the edge of viewport even when inside container */
+    bleedImage?: boolean;
+    children?: React.ReactNode;
+    itemClassName?: string;
+    imageClassName?: string;
+    variant?: "vertical";
 }
-export declare const PromoBanner: ({ title, secondaryTitle, description, buttonText, image, colorScheme, className, }: PromoBannerProps) => React.JSX.Element;
+export declare const PromoBanner: ({ image, colorScheme, className, alignImage, bleedImage, children, itemClassName, imageClassName, variant, imageFullWidth, }: PromoBannerProps) => React.JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import React from "react";
 export interface PromotionCardProps {
     /** Inverse colors */
-    colorScheme?: 'light' | 'dark';
+    colorScheme?: "light" | "dark";
     className?: string;
     children?: React.ReactNode;
     [key: string]: any;

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

@@ -1,5 +1,6 @@
 import React from "react";
-export type SectionColor = "white" | "gray" | "black" | "orange";
+export declare const sectionColors: readonly ["background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "background-none", "surface-subtle"];
+export type SectionColor = (typeof sectionColors)[number];
 export type SectionSpacing = "default" | "small" | "xsmall";
 export interface SectionProps {
     /** Background color of section */
@@ -19,5 +20,7 @@ export interface SectionProps {
     className?: string;
     /** Section content */
     children?: React.ReactNode;
+    /** Additional classes passed to the container */
+    containerClassName?: string;
 }
 export declare const Section: React.FC<SectionProps>;

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

@@ -1,11 +1,12 @@
 import React from "react";
 import { TagButtonProps } from "./TagButton";
-export declare const colors: readonly ["black", "orange", "yellow", "green", "blue", "success", "info", "warning", "danger"];
+export declare const colors: readonly ["black", "orange", "yellow", "green", "blue", "success", "info", "warning", "danger", "transparent"];
 export type TagColor = (typeof colors)[number];
 export type TagSize = "small" | "large";
 interface CommonProps {
     color?: TagColor;
     size?: TagSize;
+    /** @deprecated */
     isInverse?: boolean;
     isDisabled?: boolean;
     className?: string;
@@ -14,11 +15,17 @@ interface CommonProps {
 }
 type SpanProps = CommonProps & Omit<React.HTMLAttributes<HTMLSpanElement>, keyof CommonProps> & {
     onClick?: undefined;
+    href?: undefined;
 };
 type ButtonProps = CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
     onClick: React.MouseEventHandler<HTMLButtonElement>;
+    href?: undefined;
 };
-type TagProps = SpanProps | ButtonProps;
+type AnchorProps = CommonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
+    href: string;
+    onClick?: undefined;
+};
+type TagProps = SpanProps | ButtonProps | AnchorProps;
 export declare const CLASS_ROOT = "tag";
 declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLElement>>;
 export { Tag };

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

@@ -1,6 +1,6 @@
-import "../styles/before-components.scss";
 import { Accordion, AccordionItem } from "./Accordion";
 import { Alert } from "./Alert";
+import { AnchorNavigation } from "./AnchorNavigation";
 import { Tag, TagButton } from "./Tag";
 import { Bar, BarBreak, BarItem } from "./Bar";
 import { BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride } from "./BlockAction";
@@ -9,6 +9,7 @@ import { Breadcrumbs } from "./Breadcrumbs";
 import { Button, ButtonFill, ButtonGhost, ButtonPrimary, IconButton } from "./Button";
 import { Buttons } from "./Buttons";
 import { Carousel } from "./Carousel";
+import { CarouselHero, CarouselHeroItem } from "./CarouselHero";
 import { CarouselPromotions } from "./CarouselPromotions";
 import { CartTable } from "./CartTable";
 import { Container } from "./Container";
@@ -17,7 +18,6 @@ import { Divider } from "./Divider";
 import { Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton } from "./Dropdown";
 import { Expander } from "./Expander/Expander";
 import { FeatureAccordion, FeatureAccordionItem } from "./FeatureAccordion";
-import { Footer } from "./Footer";
 import { Card, CardSection, CardProductHeader } from "./Card";
 import { Icon, Pictogram } from "./Icon";
 import { Gauge } from "./Gauge";
@@ -25,7 +25,6 @@ import { Grid, GridCol } from "./Grid";
 import { Image } from "./Image";
 import { Link } from "./Link";
 import { Loader } from "./Loader";
-import { MegamenuDropdown } from "./Megamenu";
 import { Modal, ModalBody, ModalCloseButton, ModalTitle, ModalProductHeader } from "./Modal";
 import { Section } from "./Section";
 import { Sticker } from "./Sticker";
@@ -43,9 +42,8 @@ import { Tab, TabPanel, Tabs } from "./Tabs";
 import { Table } from "./Table";
 import { Tile } from "./Tile";
 import { Tooltip, InfoTooltip } from "./Tooltip";
-import "../styles/after-components.scss";
 import { Cover } from "./Cover";
 import { Testimonial } from "./Testimonial";
 import { Hero } from "./Hero";
 import { IconList, Item } from "./IconList";
-export { Accordion, AccordionItem, Alert, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselPromotions, CartTable, Checkbox, Container, Controls, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Footer, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, MegamenuDropdown, Message, Modal, ModalBody, ModalCloseButton, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };
+export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, Message, Modal, ModalBody, ModalCloseButton, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };

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

@@ -1,8 +1,10 @@
 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";
 import Carousel from "../components/Carousel/Carousel.static";
+import CarouselHero from "../components/CarouselHero/CarouselHero.static";
 import CarouselPromotions from "../components/CarouselPromotions/CarouselPromotions.static";
 import Dropdown from "../components/Dropdown/Dropdown.static";
 import Expander from "../components/Expander/Expander.static";
@@ -22,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;
@@ -46,6 +52,10 @@ export declare const moduleSelectorPairs: ({
     Module: typeof Carousel;
     name: string;
     selector: string;
+} | {
+    Module: typeof CarouselHero;
+    name: string;
+    selector: string;
 } | {
     Module: typeof CarouselPromotions;
     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-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%}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.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{.mm-header ul,.osk-footer-menu{margin-top:0;max-width:none}.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:var(--color-text-secondary)}.border--orange{border-color:var(--color-border-accent)}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}}@layer utilities{@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.justify-content-start--sm{justify-content:flex-start}.justify-content-end--sm{justify-content:flex-end}.justify-content-center--sm{justify-content:center}.justify-content-space-around--sm{justify-content:space-around}.justify-content-space-between--sm{justify-content:space-between}.align-items-start--sm{align-items:flex-start}.align-items-end--sm{align-items:flex-end}.align-items-center--sm{align-items:center}.align-items-stretch--sm{align-items:stretch}.align-self-left--sm{margin-left:0;margin-right:auto}.align-self-right--sm{margin-left:auto;margin-right:0}.align-self-center--sm{margin-left:auto;margin-right:auto}.align-self-top--sm{align-self:flex-start}.align-self-bottom--sm{align-self:flex-end}.align-self-middle--sm{align-self:center}.align-self-stretch--sm{align-self:stretch}.align-self-last--sm{order:999}}@media screen and (min-width:768px){.justify-content-start--md{justify-content:flex-start}.justify-content-end--md{justify-content:flex-end}.justify-content-center--md{justify-content:center}.justify-content-space-around--md{justify-content:space-around}.justify-content-space-between--md{justify-content:space-between}.align-items-start--md{align-items:flex-start}.align-items-end--md{align-items:flex-end}.align-items-center--md{align-items:center}.align-items-stretch--md{align-items:stretch}.align-self-left--md{margin-left:0;margin-right:auto}.align-self-right--md{margin-left:auto;margin-right:0}.align-self-center--md{margin-left:auto;margin-right:auto}.align-self-top--md{align-self:flex-start}.align-self-bottom--md{align-self:flex-end}.align-self-middle--md{align-self:center}.align-self-stretch--md{align-self:stretch}.align-self-last--md{order:999}}@media screen and (min-width:992px){.justify-content-start--lg{justify-content:flex-start}.justify-content-end--lg{justify-content:flex-end}.justify-content-center--lg{justify-content:center}.justify-content-space-around--lg{justify-content:space-around}.justify-content-space-between--lg{justify-content:space-between}.align-items-start--lg{align-items:flex-start}.align-items-end--lg{align-items:flex-end}.align-items-center--lg{align-items:center}.align-items-stretch--lg{align-items:stretch}.align-self-left--lg{margin-left:0;margin-right:auto}.align-self-right--lg{margin-left:auto;margin-right:0}.align-self-center--lg{margin-left:auto;margin-right:auto}.align-self-top--lg{align-self:flex-start}.align-self-bottom--lg{align-self:flex-end}.align-self-middle--lg{align-self:center}.align-self-stretch--lg{align-self:stretch}.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.justify-content-start--xl{justify-content:flex-start}.justify-content-end--xl{justify-content:flex-end}.justify-content-center--xl{justify-content:center}.justify-content-space-around--xl{justify-content:space-around}.justify-content-space-between--xl{justify-content:space-between}.align-items-start--xl{align-items:flex-start}.align-items-end--xl{align-items:flex-end}.align-items-center--xl{align-items:center}.align-items-stretch--xl{align-items:stretch}.align-self-left--xl{margin-left:0;margin-right:auto}.align-self-right--xl{margin-left:auto;margin-right:0}.align-self-center--xl{margin-left:auto;margin-right:auto}.align-self-top--xl{align-self:flex-start}.align-self-bottom--xl{align-self:flex-end}.align-self-middle--xl{align-self:center}.align-self-stretch--xl{align-self:stretch}.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.justify-content-start--xxl{justify-content:flex-start}.justify-content-end--xxl{justify-content:flex-end}.justify-content-center--xxl{justify-content:center}.justify-content-space-around--xxl{justify-content:space-around}.justify-content-space-between--xxl{justify-content:space-between}.align-items-start--xxl{align-items:flex-start}.align-items-end--xxl{align-items:flex-end}.align-items-center--xxl{align-items:center}.align-items-stretch--xxl{align-items:stretch}.align-self-left--xxl{margin-left:0;margin-right:auto}.align-self-right--xxl{margin-left:auto;margin-right:0}.align-self-center--xxl{margin-left:auto;margin-right:auto}.align-self-top--xxl{align-self:flex-start}.align-self-bottom--xxl{align-self:flex-end}.align-self-middle--xxl{align-self:center}.align-self-stretch--xxl{align-self:stretch}.align-self-last--xxl{order:999}}.aspect-ratio-21-9{aspect-ratio:21/9;border:0;max-width:100%}.aspect-ratio-16-9{aspect-ratio:16/9;border:0;max-width:100%}.aspect-ratio-4-3{aspect-ratio:4/3;border:0;max-width:100%}.aspect-ratio-1-1{aspect-ratio:1/1;border:0;max-width:100%}.aspect-ratio-3-2{aspect-ratio:3/2;border:0;max-width:100%}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.fullwidth{width:100%!important}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.sr-only,.visually-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.hide{display:none!important}.invisible{visibility:hidden}}@layer utilities{@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0) and (max-width:479.98px){.hide-xs-only{display:none!important}}.show-sm{display:none!important}@media screen and (min-width:480px){.show-sm{display:inherit!important}}.hide-sm{display:inherit!important}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px) and (max-width:767.98px){.hide-sm-only{display:none!important}}.show-md{display:none!important}@media screen and (min-width:768px){.show-md{display:inherit!important}}.hide-md{display:inherit!important}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px) and (max-width:991.98px){.hide-md-only{display:none!important}}.show-lg{display:none!important}@media screen and (min-width:992px){.show-lg{display:inherit!important}}.hide-lg{display:inherit!important}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.hide-lg-only{display:none!important}}.show-xl{display:none!important}@media screen and (min-width:1240px){.show-xl{display:inherit!important}}.hide-xl{display:inherit!important}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.hide-xl-only{display:none!important}}.show-xxl{display:none!important}@media screen and (min-width:1380px){.show-xxl{display:inherit!important}}.hide-xxl{display:inherit!important}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}}@layer utilities{.order-1{order:1!important}@media screen and (min-width:0) and (max-width:479.98px){.order-1-xs-only{order:1!important}}.order-2{order:2!important}@media screen and (min-width:0) and (max-width:479.98px){.order-2-xs-only{order:2!important}}@media screen and (min-width:480px){.order-1-sm{order:1!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-1-sm-only{order:1!important}}@media screen and (min-width:480px){.order-2-sm{order:2!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-2-sm-only{order:2!important}}@media screen and (min-width:768px){.order-1-md{order:1!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-1-md-only{order:1!important}}@media screen and (min-width:768px){.order-2-md{order:2!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-2-md-only{order:2!important}}@media screen and (min-width:992px){.order-1-lg{order:1!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-1-lg-only{order:1!important}}@media screen and (min-width:992px){.order-2-lg{order:2!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-2-lg-only{order:2!important}}@media screen and (min-width:1240px){.order-1-xl{order:1!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-1-xl-only{order:1!important}}@media screen and (min-width:1240px){.order-2-xl{order:2!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-2-xl-only{order:2!important}}@media screen and (min-width:1380px){.order-1-xxl{order:1!important}.order-2-xxl{order:2!important}}}@layer utilities{.table-scrollable,[class*=horizontal-scroll]{scroll-snap-type:x mandatory;scrollbar-color:var(--color-fill-contrast) var(--color-surface-moderate);scrollbar-width:thin}.table-scrollable>*,[class*=horizontal-scroll]>*{scroll-snap-align:start}.table-scrollable::-webkit-scrollbar,[class*=horizontal-scroll]::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.table-scrollable::-webkit-scrollbar-thumb,[class*=horizontal-scroll]::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}.horizontal-scroll{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}@media screen and (min-width:480px){.horizontal-scroll--sm{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--sm-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:768px){.horizontal-scroll--md{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--md-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:992px){.horizontal-scroll--lg{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--lg-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1240px){.horizontal-scroll--xl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--xl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--xxl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}}@layer utilities{.megamenu-header ul,.mm-header ul,.osk-footer-menu{margin-top:0;max-width:none}.megamenu-header ul li,.mm-header ul li,.osk-footer-menu li{margin-bottom:0;margin-top:0}}
 /*# sourceMappingURL=after-components.css.map */