@orangesk/orange-design-system 2.0.0-alpha.1 → 2.0.0-alpha.3

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

@@ -0,0 +1,2 @@
+import "./styles/style.scss";
+export { Testimonial } from "./Testimonial";

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

@@ -0,0 +1,23 @@
+import React, { ReactNode } from "react";
+import { Image } from "../Image";
+export type TileColor = "default" | "white";
+export type TileHAlign = "center";
+export type TileVAlign = "center" | "end" | "space-between";
+export interface TileProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Tile color. */
+    color?: TileColor;
+    /** Horizontal alignment of the tile content. */
+    hAlign?: TileHAlign;
+    /** Vertical alignment of the tile content. */
+    vAlign?: TileVAlign;
+    /** variant can be "image" or "action" */
+    variant?: "image" | "action";
+    /** Alt and src attributes are required */
+    backgroundImage?: React.ComponentProps<typeof Image>;
+    /** Use small spacing */
+    space?: "small";
+    children?: ReactNode;
+    className?: string;
+}
+declare const Tile: React.FC<TileProps>;
+export { Tile };

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

@@ -0,0 +1,2 @@
+import "./styles/style.scss";
+export { Tile } from "./Tile";

package/build/components/types/src/components/Tooltip/InfoTooltip.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { TooltipProps } from "./Tooltip";
+type InfoTooltipProps = Omit<TooltipProps, "onAbort"> & Omit<React.HTMLAttributes<HTMLButtonElement>, "onAbort"> & {
+    children?: React.ReactNode;
+    className?: string;
+};
+declare const InfoTooltip: React.FC<InfoTooltipProps>;
+export { InfoTooltip };

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

@@ -0,0 +1,25 @@
+import React from "react";
+export type TooltipPlacement = "auto" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
+export interface TooltipProps extends React.HTMLAttributes<HTMLElement> {
+    /** Tooltip dialog content */
+    dialog?: React.ReactNode;
+    /** Tooltip ID */
+    id?: string;
+    /** Preferred placement, if there is enough room. Defaults to top. */
+    placement?: TooltipPlacement;
+    /** Custom trigger renderer. Passes required aria attributes and children in an object as argument. */
+    renderTrigger?: (props: {
+        "data-tooltip-trigger": true;
+        "aria-describedby": string;
+        "aria-owns": string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Render dialog as */
+    tag?: "span";
+    /** Additional CSS classes */
+    className?: string;
+    children?: React.ReactNode;
+    colorScheme?: "dark" | "light";
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export { Tooltip };

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

@@ -0,0 +1,26 @@
+import { Instance as PopperInstance, Options as PopperOptions } from '@popperjs/core';
+export interface TooltipConfig {
+    rootContainerSelector: string;
+    removeDialogOnDestroy: boolean;
+    popperOptions: PopperOptions;
+}
+export declare const defaultConfig: TooltipConfig;
+export default class Tooltip {
+    element: HTMLElement;
+    config: TooltipConfig;
+    instance: PopperInstance;
+    trigger: HTMLElement;
+    rootContainer?: HTMLElement | null;
+    transitioner: any;
+    constructor(element: HTMLElement, config?: Partial<TooltipConfig>);
+    static getInstance(el: HTMLElement): Tooltip | null;
+    wrapLastWordAndButton(): void;
+    private init;
+    private handleVisibility;
+    private shouldClose;
+    private onKeydown;
+    show(): void;
+    hide(): void;
+    update(): void;
+    destroy(): void;
+}

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

@@ -0,0 +1,3 @@
+import "./styles/style.scss";
+export { Tooltip } from "./Tooltip";
+export { InfoTooltip } from "./InfoTooltip";

package/build/components/types/src/components/Tooltip/tests/BaseWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Base: (props: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export default Base;

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

@@ -0,0 +1,49 @@
+import "../styles/before-components.scss";
+import { Accordion, AccordionItem } from "./Accordion";
+import { Alert } from "./Alert";
+import { Tag, TagButton } from "./Tag";
+import { Bar, BarBreak, BarItem } from "./Bar";
+import { BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride } from "./BlockAction";
+import { BodyBanner } from "./BodyBanner";
+import { Breadcrumbs } from "./Breadcrumbs";
+import { Button, ButtonFill, ButtonGhost, ButtonPrimary, IconButton } from "./Button";
+import { Buttons } from "./Buttons";
+import { Carousel } from "./Carousel";
+import { CarouselPromotions } from "./CarouselPromotions";
+import { CartTable } from "./CartTable";
+import { Container } from "./Container";
+import { Controls } from "./Controls";
+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 } from "./Icon";
+import { Gauge } from "./Gauge";
+import { Grid, GridCol } from "./Grid";
+import { Image } from "./Image";
+import { Link } from "./Link";
+import { Loader } from "./Loader";
+import { Modal, ModalBody, ModalCloseButton, ModalTitle } from "./Modal";
+import { Section } from "./Section";
+import { Sticker } from "./Sticker";
+import { SkipLink } from "./SkipLink";
+import { List, ListItem } from "./List";
+import { Progress } from "./Progress";
+import { Pagination } from "./Pagination";
+import { PromoBanner } from "./PromoBanner";
+import { PromotionCard, PromotionCardSection, PromotionCardContent, PromotionCardTitle, PromotionCardImageWrapper } from "./PromotionCard";
+import { Autocomplete, Select, TextInput, TextArea, RangeSlider, Message, Label, Hint, Radio, Checkbox, File, InputStepper, Group, Fieldset, Field } from "./Forms";
+import { Skeleton } from "./Skeleton";
+import { Stepbar } from "./Stepbar";
+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, Hint, PromoBanner, Icon, IconButton, IconList, Item, Image, InfoTooltip, InputStepper, Label, Link, Hero, Loader, List, ListItem, Message, Modal, ModalBody, ModalCloseButton, ModalTitle, Pagination, Progress, PromotionCard, PromotionCardSection, PromotionCardContent, PromotionCardTitle, PromotionCardImageWrapper, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };

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

@@ -0,0 +1 @@
+import "../scripts/index";

package/build/components/types/src/docs/utils/ToggleButton.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+import { ButtonProps } from "@/components/Button/Button";
+import { IconButtonProps } from "@/components/Button/IconButton";
+type ToggleButtonProps = ButtonProps & {
+    children?: ReactNode;
+    iconName?: IconButtonProps["iconName"];
+};
+declare const ToggleButton: React.FC<ToggleButtonProps>;
+export default ToggleButton;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,102 @@
+import Accordion from "../components/Accordion/Accordion.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 Dropdown from "../components/Dropdown/Dropdown.static";
+import FeatureAccordion from "../components/FeatureAccordion/FeatureAccordion.static";
+import File from "../components/Forms/File/File.static";
+import Loader from "../components/Loader/Loader.static";
+import Modal from "../components/Modal/Modal.static";
+import RangeSlider from "../components/Forms/RangeSlider/RangeSlider.static";
+import Table from "../components/Table/Table.static";
+import Tabs from "../components/Tabs/Tabs.static";
+import Tooltip from "../components/Tooltip/Tooltip.static";
+import InputStepper from "../components/Forms/InputStepper/InputStepper.static";
+import { initModulesWithin, destroyModulesWithin } from "./lib/moduleFactory";
+import Toggle from "./modules/Toggle";
+import SameHeight from "./modules/SameHeight";
+export declare const moduleSelectorPairs: ({
+    Module: typeof Accordion;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof Autocomplete;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof DatePicker;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof Dropdown;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof BlockAction;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof Carousel;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof FeatureAccordion;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof File;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof Loader;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof Modal;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof SameHeight;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof RangeSlider;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof InputStepper;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof Table;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof Tabs;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof Toggle;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof Tooltip;
+    name: string;
+    selector: string;
+})[];
+declare global {
+    interface Window {
+        ODS: {
+            modules: Record<string, any>;
+            instances: Record<string, any>;
+            moduleSelectorPairs: Array<{
+                name: string;
+                Module: any;
+                selector: string;
+            }>;
+            initModulesWithin: typeof initModulesWithin;
+            destroyModulesWithin: typeof destroyModulesWithin;
+        };
+    }
+}

package/build/components/types/src/scripts/lib/moduleFactory.d.ts

@@ -0,0 +1,3 @@
+export default function moduleFactory(Module: any, selector: any, options?: {}): any[];
+export function destroyModulesWithin(container: any, removeOrphanedNodes?: boolean): {};
+export function initModulesWithin(container: any): {};

package/build/components/types/src/scripts/modules/SameHeight.d.ts

@@ -0,0 +1,15 @@
+export default class SameHeight {
+    static getInstance(el: any): any;
+    constructor(element: any);
+    element: any;
+    children: any;
+    updateHeight(): void;
+    intervalId: any;
+    temporarilyShowHiddenElements(): void;
+    originalDisplayStates: any[] | undefined;
+    restoreHiddenElements(): void;
+    groupElementsByTypeAndPosition(elements: any): {};
+    init(): void;
+    update(): void;
+    destroy(): void;
+}

package/build/components/types/src/scripts/modules/Toggle.d.ts

@@ -0,0 +1,39 @@
+export declare const TRIGGER_EVT = "toggleTrigger";
+export declare const TOGGLE_EVT = "toggle";
+interface ToggleConfig {
+    activeClass: string;
+    settingsAttr: string;
+}
+interface ToggleSetting {
+    target: string;
+    attribute: string;
+    action?: string;
+    value?: string | boolean;
+}
+interface ToggleTarget extends Omit<ToggleSetting, "target"> {
+    element: Element;
+    value?: string | boolean;
+    dispatchEvent?: boolean;
+}
+declare class Toggle {
+    private element;
+    private config;
+    private settings;
+    private targets;
+    constructor(element: HTMLElement, config?: Partial<ToggleConfig>);
+    doToggle(props: ToggleTarget): ToggleTarget;
+    init(): ToggleTarget[];
+    handleClick(): void;
+    destroy(): void;
+    update(): void;
+    static getTargetElementsFromString({ target, trigger, }: {
+        target: string;
+        trigger: HTMLElement;
+    }): Element[];
+    parseSettings(): ToggleSetting[];
+    setupTargets(): ToggleTarget[];
+    removeNonExistentTargets(): void;
+    addNewTargets(): void;
+    static getInstance(el: HTMLElement): Toggle | null;
+}
+export default Toggle;

package/build/components/types/src/scripts/modules/toggleUtil.d.ts

@@ -0,0 +1,13 @@
+interface ToggleProps {
+    element: Element | null;
+    attribute: string;
+    action?: string;
+    value?: string | boolean;
+    dispatchEvent?: boolean;
+    eventDetail?: {
+        trigger: Element;
+        element: Element;
+    };
+}
+export default function toggle(props: ToggleProps): string | boolean | null;
+export {};

package/build/components/types/src/styles/export/breakpoint.d.ts

@@ -0,0 +1,9 @@
+declare const breakpoints: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
+export default breakpoints;

package/build/components/types/src/utils/ConditionalWrapper.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactElement, ReactNode } from "react";
+interface ConditionalWrapperProps {
+    /** When to wrap children */
+    condition: boolean;
+    /** Wrapper element */
+    wrapper: ReactElement;
+    children: ReactNode;
+}
+declare const ConditionalWrapper: React.FC<ConditionalWrapperProps>;
+export default ConditionalWrapper;

package/build/components/types/src/utils/classes.d.ts

@@ -0,0 +1,5 @@
+export function genClassModsFromString(prefix: any, mod: any): any;
+export function getClassModsFromObject(prefix: any, mod: any, postfix: any): string;
+export function genResponsiveClasses(prefix: any, mod: any, postfix: any): (string | {
+    [x: string]: boolean;
+} | null)[];

package/build/components/types/src/utils/color.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Format color to correct object format by color name
+ * if more shades are defined
+ * {
+ *   [shade1]: [hex1],
+ *   [shade2]: [hex2],
+ *   ...
+ * }
+ * @param {string} colorName
+ * @param {array} colorPalette
+ */
+export function getShadesByName(colorName: string, colorPalette?: array): any;
+export function getPaletteFromColors(color: any): {
+    type: string;
+    value: {};
+} | {
+    value: {
+        hex: any;
+    };
+};

package/build/components/types/src/utils/helpers.d.ts

@@ -0,0 +1,11 @@
+export function isObject(val: any): boolean;
+export function dateToYYYYMMDD(date: any): string;
+export function windowOffset(el: any): {
+    x: number;
+    y: number;
+};
+export function getSiblings(el: any): false | any[];
+export function capitalize(string: any): any;
+export function lowerCamelCase(string: any): any;
+export function formatPrice(price: any, format: any): string;
+export function objectToString(object: object, spaceCount?: number): string;

package/build/components/types/{utils → src/utils}/hooks.d.ts

@@ -26,4 +26,5 @@ declare function usePortal(id: string): HTMLDivElement;
  * @returns A unique ID string
  */
 declare const useUniqueId: (id?: string, name?: string) => string;
-export { useStatic, usePortal, useUniqueId };
+declare function useHydrationSafeId(providedId?: string): string;
+export { useStatic, usePortal, useUniqueId, useHydrationSafeId };

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

@@ -0,0 +1,5 @@
+export * from "./constants";
+export * from "./classes";
+export * from "./helpers";
+export * from "./keyboard";
+export * from "./color";

package/build/images/product-1.svg

@@ -0,0 +1,10 @@
+<svg width="92" height="184" viewBox="0 0 92 184" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <rect x="23.7148" y="48.1445" width="33.5365" height="33.5365" transform="rotate(45 23.7148 48.1445)" fill="#FF7900"/>
+  <rect x="47.4258" y="71.8555" width="33.5365" height="33.5365" transform="rotate(45 47.4258 71.8555)" fill="#FF7900"/>
+  <rect x="47.4258" y="24.4297" width="33.5365" height="33.5365" transform="rotate(45 47.4258 24.4297)" fill="#FFB400"/>
+  <rect x="47.4258" y="-23" width="33.5365" height="33.5365" transform="rotate(45 47.4258 -23)" fill="#D8D8D8"/>
+  <rect x="71.1406" y="95.5703" width="33.5365" height="33.5365" transform="rotate(45 71.1406 95.5703)" fill="#50BE87"/>
+  <rect x="71.1406" y="48.1445" width="33.5365" height="33.5365" transform="rotate(45 71.1406 48.1445)" fill="#FF7900"/>
+  <rect x="94.8516" y="24.4297" width="33.5365" height="33.5365" transform="rotate(45 94.8516 24.4297)" fill="#FF7900"/>
+</svg>

package/build/images/product-2.svg

@@ -0,0 +1,14 @@
+<svg viewBox="0 0 124 133" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_7100_3582)">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M69.6606 59.5651L86.9602 60.6065L80.2914 44.7336L100.185 16.9791L119.647 66.466L143.045 83.2368L126.241 106.68L102.868 89.9268L49.5312 87.6484L69.6606 59.5651Z" fill="#A885D8"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M35.2553 47.556L38.2309 55.4363L44.3134 49.4498L50.2387 50.6886L40.3898 60.2043L45.9154 73.5334L39.6899 72.2318L36.4151 63.7917L29.8823 70.1813L23.9341 68.9376L34.2724 58.9266L29.0922 46.2674L35.2553 47.556Z" fill="#50BE87"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9993 20.1636C13.2473 19.1456 11.7677 17.3894 10.6965 14.5601C9.65424 11.8071 9.58783 9.51681 10.2189 7.54581C10.795 5.74653 11.9703 4.47877 14.0844 3.67838C16.2674 2.8519 18.0102 3.02981 19.6181 3.98727L19.6257 3.99182L19.6334 3.99631C21.3843 5.02496 22.851 6.77345 23.9056 9.55915C25.0011 12.4525 25.0359 14.7531 24.3756 16.641L24.3745 16.6443C23.7577 18.4144 22.5635 19.6664 20.4797 20.4553C18.4153 21.2369 16.6757 21.0967 14.9993 20.1636ZM24.2818 -4.39034C20.0588 -6.63097 15.4932 -6.76263 10.8417 -5.00157C6.11896 -3.21354 2.74341 -0.0633265 1.09882 4.46679C-0.487312 8.83586 -0.297746 13.4162 1.45937 18.0573C3.25301 22.7949 6.18796 26.3957 10.348 28.5546C14.5795 30.7505 19.1322 30.8731 23.7605 29.1208C28.3411 27.3866 31.6489 24.3013 33.4003 19.8944C35.1386 15.5203 34.9546 10.8475 33.1428 6.06197C31.3588 1.34978 28.4307 -2.23288 24.2818 -4.39034Z" fill="#FFD200"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M83.261 131.858L83.2612 131.857C84.1836 126.584 82.9825 120.942 79.4799 114.875C76.0878 109 71.8834 105.169 66.9012 103.231L66.8937 103.228C61.9606 101.275 56.9911 101.718 51.8636 104.678C46.8378 107.58 44.01 111.631 43.2337 116.888C42.4452 122.227 43.6645 127.787 47.0277 133.612C50.4728 139.579 54.7229 143.438 59.7406 145.35C64.7333 147.172 69.6409 146.698 74.5735 143.85C79.5141 140.997 82.3648 137.017 83.261 131.858ZM70.2297 93.8959C62.5623 91.2834 54.8846 92.225 47.2971 96.6057C39.5705 101.067 34.8738 107.3 33.3799 115.283C31.9005 123.19 33.4612 131.062 37.9567 138.849C42.5599 146.822 48.6773 152.141 56.3251 154.664C64.0083 157.198 71.669 156.236 79.2105 151.881C86.6594 147.581 91.3076 141.468 93.0305 133.578C94.7499 125.705 93.2077 117.704 88.5509 109.638C83.975 101.713 77.8725 96.4187 70.2297 93.8959Z" fill="#FFB4E6"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_7100_3582">
+      <rect width="124" height="134" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>

package/build/images/product-3.svg

@@ -0,0 +1,9 @@
+<svg width="105" height="143" viewBox="0 0 105 143" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <rect x="26.6016" width="22.4" height="22.4" fill="white"/>
+  <rect x="49.0078" y="22.3984" width="22.4" height="22.4" fill="#FF7900"/>
+  <rect x="26.6016" y="44.8008" width="22.4" height="22.4" fill="#FF7900"/>
+  <rect x="26.6016" y="89.6016" width="22.4" height="22.4" fill="#FF7900"/>
+  <rect x="49.0078" y="44.8008" width="22.4" height="22.4" fill="white"/>
+  <rect x="4.20312" y="22.3984" width="22.4" height="22.4" fill="#FF7900"/>
+</svg>

package/build/lib/after-components.css

@@ -1,2 +1,2 @@
-.color-black{color:#000!important}.color-orange{color:#f16e00!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:#085ebd!important}.color-danger{color:rgba(205,60,20,.078)!important}.bg-white{background-color:#fff!important;color:#000!important}.bg-white .color-blue,.bg-white.color-blue{color:#085ebd!important}.bg-black{background-color:#000!important;color:#fff!important}.bg-black .color-orange,.bg-black.color-orange{color:#f16e00!important}.bg-black .color-gray,.bg-black.color-gray{color:#ddd!important}.bg-black .color-blue,.bg-black.color-blue{color:#4bb4e6!important}.bg-black .color-danger,.bg-black.color-danger{color:rgba(205,60,20,.078)!important}.bg-orange{color:#000!important}.bg-orange,.bg-orange-dark{background-color:#f16e00!important}.bg-orange-dark{color:#fff!important}.bg-gray{background-color:#eee!important}.bg-blue{background-color:#4bb4e6!important}.bg-blue,.bg-green{color:#000!important}.bg-green{background-color:#50be87!important}.bg-pink{background-color:#ffb4e6!important}.bg-pink,.bg-violet{color:#000!important}.bg-violet{background-color:#a885d8!important}.bg-yellow{background-color:#ffd200!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:#000;color:#fff}.color-gray::selection{color:#000}.bg-none{background:none!important}.bold,strong{font-weight:700!important}.italic,em{font-style:italic!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}@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 #000}.border.is-invalid{border-color:rgba(205,60,20,.078)!important}.border--gray{border-color:#ddd}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:#666}.border--orange{border-color:#f16e00}.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}@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}@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0) and (max-width:479.98px){.hide-xs-only{display:none!important}}@media screen and (max-width:479.98px){.show-sm{display:none!important}}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px) and (max-width:767.98px){.hide-sm-only{display:none!important}}@media screen and (max-width:767.98px){.show-md{display:none!important}}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px) and (max-width:991.98px){.hide-md-only{display:none!important}}@media screen and (max-width:991.98px){.show-lg{display:none!important}}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.hide-lg-only{display:none!important}}@media screen and (max-width:1239.98px){.show-xl{display:none!important}}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.hide-xl-only{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl{display:none!important}}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}[class*=horizontal-scroll]{scroll-snap-type:x mandatory;scrollbar-color:#ddd #595959;scrollbar-width:.625rem}[class*=horizontal-scroll]>*{scroll-snap-align:start}[class*=horizontal-scroll]::-webkit-scrollbar{appearance:none;background-color:#ddd;border-radius:99px;height:.625rem}[class*=horizontal-scroll]::-webkit-scrollbar-thumb{background-color:#595959;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}}.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{.color-black{color:#000!important}.color-orange{color:#f16e00!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:var(--color-icon-information)!important}.color-danger{color:rgba(205,60,20,.078)!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-orange,.bg-black.color-orange{color:#f16e00!important}.bg-black .color-gray,.bg-black.color-gray{color:#ddd!important}.bg-black .color-blue,.bg-black.color-blue{color:#4bb4e6!important}.bg-black .color-danger,.bg-black.color-danger{color:rgba(205,60,20,.078)!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 #000}.border.is-invalid{border-color:rgba(205,60,20,.078)!important}.border--gray{border-color:#ddd}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:#666}.border--orange{border-color:#f16e00}.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}}
 /*# sourceMappingURL=after-components.css.map */