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

package/build/components/types/src/components/Preview/Interact/PropLabelWithTooltip.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface PropLabelWithTooltipProps {
+    isDisabled?: boolean;
+    inputProps: {
+        key: string;
+        id: string;
+        name: string;
+        "data-component-id": string;
+        input?: React.ReactNode;
+    };
+    componentInfo: {
+        id: string;
+        name: string;
+    };
+}
+declare const PropLabelWithTooltip: React.FC<PropLabelWithTooltipProps>;
+export default PropLabelWithTooltip;

package/build/components/types/src/components/Preview/Interact/PropSelect.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface PropSelectProps {
+    inputProps: {
+        key: string;
+        id: string;
+        name: string;
+        'data-component-id': string;
+    };
+    componentInfo: {
+        id: string;
+        name: string;
+    };
+}
+declare const PropSelect: React.FC<PropSelectProps>;
+export default PropSelect;

package/build/components/types/src/components/Preview/Interact/PropsGroup.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface PropsGroupProps {
+    id: string;
+    showId: string;
+    props: Record<string, any>;
+    docgenProps: Record<string, any>;
+    filteredProps: string[];
+}
+declare const PropsGroup: React.FC<PropsGroupProps>;
+export default PropsGroup;

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

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+interface TooltipProps {
+    children: ReactNode;
+    dialog: string;
+    [key: string]: any;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/build/components/types/src/components/Preview/Interact/helpers.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Cleanup docgen prop value of string which has this form:
+ * "'string'" and converts it to "string"
+ */
+export declare const cleanValue: (s: any) => any;
+/**
+ * Get docgen props of component
+ * if it's an html element we parse just first level of text to be editable
+ * if it's just a string we create docgen type of string
+ */
+export declare const getDocgenProps: (component: any) => Record<string, any>;
+/**
+ * parse displayName of component or create custom name
+ */
+export declare const getDisplayName: (component: any) => string;
+/**
+ * Helper function for comparision
+ */
+export declare const is: (value: any, type: any) => boolean;

package/build/components/types/src/components/Preview/Interact/state.d.ts

@@ -0,0 +1,14 @@
+interface InteractContextType {
+    liveProps: Record<string, any>;
+    showProps: boolean;
+    docgenProps: Record<string, any>;
+    setDeepState: (propName: string, value: any) => void;
+    handleShowProps: (e: React.MouseEvent) => void;
+    handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleCheckboxChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleSelectChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    isDefaultValue: (propName: string) => boolean;
+    getDefaultValue: (docgen: any) => any;
+}
+declare const InteractContext: import("react").Context<InteractContextType | undefined>;
+export default InteractContext;

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

@@ -0,0 +1,26 @@
+import { ReactNode, FunctionComponent } from "react";
+import "./styles/style.scss";
+interface PreviewProps {
+    bgTheme?: string | boolean;
+    bgThemeColors?: Record<string, string>;
+    bgThemeExcludedColors?: string[];
+    children?: ReactNode | ((context: {
+        bgTheme: string;
+        bgThemeValue: string;
+    }) => ReactNode);
+    className?: string;
+    code?: ReactNode | ((context: {
+        bgTheme: string;
+        bgThemeValue: string;
+    }) => ReactNode);
+    codeJSXOptions?: Record<string, any>;
+    codeTypes?: string[];
+    enableFullscreen?: boolean;
+    hasCodePreview?: boolean;
+    html?: string;
+    interactiveProps?: Record<string, any>;
+    isInteractive?: boolean;
+    [key: string]: any;
+}
+declare const Preview: FunctionComponent<PreviewProps>;
+export default Preview;

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

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+interface PreviewTitleBarProps {
+    title?: string;
+    actions?: ReactNode[];
+    className?: string;
+    [key: string]: any;
+}
+declare const PreviewTitleBar: React.FC<PreviewTitleBarProps>;
+export default PreviewTitleBar;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import "./styles/style.scss";
+interface ThemedPreviewProps {
+    [key: string]: any;
+}
+declare const ThemedPreview: React.FC<ThemedPreviewProps>;
+export default ThemedPreview;

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

@@ -0,0 +1,12 @@
+import React from "react";
+interface PromoBannerProps {
+    colorScheme?: "light" | "dark";
+    className?: string;
+    title: string;
+    secondaryTitle?: string;
+    description: string;
+    buttonText: string;
+    image?: string;
+}
+export declare const PromoBanner: ({ title, secondaryTitle, description, buttonText, image, colorScheme, className, }: PromoBannerProps) => React.JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface PromotionCardProps {
+    /** Inverse colors */
+    colorScheme?: 'light' | 'dark';
+    className?: string;
+    children?: React.ReactNode;
+    [key: string]: any;
+}
+export declare const PromotionCard: React.FC<PromotionCardProps>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PromotionCardContentProps {
+    className?: string;
+    children?: React.ReactNode;
+    [key: string]: any;
+}
+export declare const PromotionCardContent: React.FC<PromotionCardContentProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PromotionCardImageWrapperProps {
+    className?: string;
+    children?: React.ReactNode;
+    [key: string]: any;
+}
+export declare const PromotionCardImageWrapper: React.FC<PromotionCardImageWrapperProps>;
+export {};

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface PromotionCardSectionProps {
+    /** Inverse colors */
+    isInverse?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    [key: string]: any;
+}
+export declare const PromotionCardSection: React.FC<PromotionCardSectionProps>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PromotionCardTitleProps {
+    className?: string;
+    children: React.ReactElement;
+    [key: string]: any;
+}
+export declare const PromotionCardTitle: React.FC<PromotionCardTitleProps>;
+export {};

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

@@ -0,0 +1,5 @@
+export declare const CLASS_ROOT = "promotion-card";
+export declare const CLASS_SECTION = "promotion-card__section";
+export declare const CLASS_CONTENT = "promotion-card__content";
+export declare const CLASS_IMAGE_WRAPPER = "promotion-card__image-wrapper";
+export declare const CLASS_TITLE = "promotion-card__title";

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

@@ -0,0 +1,6 @@
+import "./styles/style.scss";
+export { PromotionCard } from "./PromotionCard";
+export { PromotionCardContent } from "./PromotionCardContent";
+export { PromotionCardImageWrapper } from "./PromotionCardImageWrapper";
+export { PromotionCardSection } from "./PromotionCardSection";
+export { PromotionCardTitle } from "./PromotionCardTitle";

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

@@ -0,0 +1,6 @@
+import React, { AnchorHTMLAttributes } from "react";
+interface SkipLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    href?: string;
+}
+declare const SkipLink: React.FC<SkipLinkProps>;
+export { SkipLink };

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

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

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

@@ -0,0 +1,21 @@
+import React from "react";
+export declare const showTitlesFromOptions: readonly ["md", "lg", "xl"];
+export declare const variantOptions: readonly ["default", "inverse"];
+export type ShowTitlesFrom = (typeof showTitlesFromOptions)[number];
+export interface StepbarStep {
+    href?: string;
+    isCurrent?: boolean;
+    title: React.ReactNode;
+}
+export interface StepbarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Arial label of nav element */
+    label?: string;
+    /** Titles of non-current steps are visible from this breakpoint */
+    showTitlesFrom?: ShowTitlesFrom;
+    /** Array of step objects */
+    steps: StepbarStep[];
+    /** Visual variant of the stepbar */
+    colorScheme?: "dark" | "light";
+}
+declare const Stepbar: React.FC<StepbarProps>;
+export { Stepbar };

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

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

package/build/components/types/src/components/Table/docsData.d.ts

@@ -0,0 +1,39 @@
+interface CellValue {
+    value: string;
+    rawValue?: number;
+}
+interface TableHeader {
+    key: string;
+    label: string;
+    isSortable?: boolean;
+    sort?: "none" | "ascending" | "descending";
+    cellProps?: {
+        className?: string;
+    };
+}
+interface TableRow {
+    [key: string]: string | number | CellValue | Array<any>;
+}
+export declare const headers: TableHeader[];
+export declare const rows: TableRow[];
+export declare const unsortedHeaders: TableHeader[];
+export declare const ascendingHeaders: TableHeader[];
+export declare const descendingHeaders: TableHeader[];
+export declare const sortableRows: {
+    date: CellValue;
+}[];
+export declare const ascendingRowsByDate: {
+    date: CellValue;
+}[];
+export declare const descendingRowsByDate: {
+    date: CellValue;
+}[];
+export declare const expandableTableRows: TableRow[];
+export declare const footer: TableRow[];
+export declare const scrollableHeaders: TableHeader[];
+export declare const scrollableRows: TableRow[];
+export declare const shrinkHeaders: TableHeader[];
+export declare const shrinkRows: TableRow[];
+export declare const fillHeaders: TableHeader[];
+export declare const fillRows: TableRow[];
+export {};

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/{components → src/components}/index.d.ts

@@ -28,11 +28,15 @@ 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";
@@ -40,4 +44,6 @@ import { Tooltip, InfoTooltip } from "./Tooltip";
 import "../styles/after-components.scss";
 import { Cover } from "./Cover";
 import { Testimonial } from "./Testimonial";
-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, Icon, IconButton, Image, InfoTooltip, InputStepper, Label, Link, List, ListItem, Loader, Message, Modal, ModalBody, ModalCloseButton, ModalTitle, Pagination, Progress, Radio, RangeSlider, Section, Select, Skeleton, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };
+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/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/lib/before-components.css

@@ -1,3 +1,3 @@
 @layer base{#root-dropdowns.is-light,#root-modals.is-light,#root-tooltips.is-light,#root.is-light,.bg-white,.is-light,:root{--color-background-primary:#fff;--color-background-secondary:#f4f4f4;--color-background-contrast:#141414;--color-background-accent:#fff6ed;--color-surface-primary:#fff;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f16e00;--color-surface-subtle:#eee;--color-surface-moderate:#ddd;--color-surface-contrast:#141414;--color-surface-accent:#fff6ed;--color-fill-primary:#fff;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f16e00;--color-fill-subtle:#eee;--color-fill-moderate:#ddd;--color-fill-disabled:#ccc;--color-fill-contrast:#000;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.078);--color-fill-positive:rgba(34,135,34,.078);--color-fill-warning:rgba(255,204,0,.078);--color-fill-negative:rgba(205,60,20,.078);--color-border-subtle:#ddd;--color-border-strong:#ccc;--color-border-contrast:#000;--color-border-accent:#f16e00;--color-border-information:#4170d8;--color-border-positive:#228722;--color-border-warning:#fc0;--color-border-negative:#cd3c14;--color-icon-default:#000;--color-icon-inverse:#fff;--color-icon-brand:#f16e00;--color-icon-accent:#ffc48f;--color-icon-disabled:#ccc;--color-icon-information:#4170d8;--color-icon-positive:#228722;--color-icon-warning:#fc0;--color-icon-negative:#cd3c14;--color-text-default:#000;--color-text-secondary:#000;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-text-accent:#f16e00;color:var(--color-text-default)}#root-dropdowns.is-dark,#root-modals.is-dark,#root-tooltips.is-dark,#root.is-dark,.bg-black,.is-dark{--color-background-primary:#141414;--color-background-secondary:#333;--color-background-contrast:#fff;--color-background-accent:#2b1a10;--color-surface-primary:#141414;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f16e00;--color-surface-subtle:#333;--color-surface-moderate:#595959;--color-surface-contrast:#fff;--color-surface-accent:#2b1a10;--color-fill-primary:#000;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f16e00;--color-fill-subtle:#333;--color-fill-moderate:#595959;--color-fill-disabled:#666;--color-fill-contrast:#fff;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.2);--color-fill-positive:rgba(34,135,34,.2);--color-fill-warning:rgba(255,204,0,.2);--color-fill-negative:rgba(205,60,20,.2);--color-border-subtle:#333;--color-border-strong:#666;--color-border-contrast:#fff;--color-border-accent:#ff7900;--color-border-information:#69f;--color-border-positive:#6c6;--color-border-warning:#fc0;--color-border-negative:#ff4d4d;--color-icon-default:#fff;--color-icon-inverse:#000;--color-icon-brand:#ff7900;--color-icon-accent:#da8436;--color-icon-disabled:#666;--color-icon-information:#69f;--color-icon-positive:#6c6;--color-icon-warning:#fc0;--color-icon-negative:#ff4d4d;--color-text-default:#fff;--color-text-secondary:#ccc;--color-text-disabled:#666;--color-text-inverse:#000;--color-text-accent:#ff7900;color:var(--color-text-default)}html{font-size:16px}body,html{text-size-adjust:100%;-webkit-font-smoothing:initial;margin:0;padding:0}body{background-color:var(--color-background-primary);color:var(--color-text-default);font-family:orangeSKNeue,Helvetica Neue,helvetica,arial,sans-serif;position:relative}*,:after,:before{box-sizing:border-box}::selection{background-color:rgba(241,110,0,.9);color:var(--color-text-default)}iframe{border:0}[contentEditable=true]:focus,[tabindex]:not([tabindex="-1"]):focus,[type=button]:focus,a[href]:focus,area[href]:focus,button:focus,iframe:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--color-border-contrast);outline-offset:2px}[contentEditable=true]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,[type=button]:focus-visible,a[href]:focus-visible,area[href]:focus-visible,button:focus-visible,iframe:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px}[contentEditable=true]:focus:not(:focus-visible),[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),[type=button]:focus:not(:focus-visible),a[href]:focus:not(:focus-visible),area[href]:focus:not(:focus-visible),button:focus:not(:focus-visible),iframe:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline-color:transparent;outline-width:0}[tabindex="-1"]:focus{outline:none}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}a{text-decoration:none}[role=button],button{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;appearance:none;background:transparent;border:0 solid transparent;color:inherit;font:inherit;line-height:normal;margin:0;overflow:visible;padding:0;width:auto}[role=button]::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0}caption{text-align:left}table{border-collapse:collapse}blockquote{margin:0 0 1.25rem}th{text-align:inherit}button[aria-expanded=true] .expand-icon{transform:rotate(180deg)}[hidden]{display:none!important}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}fieldset{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:1.25rem;margin-top:0}h1{font-size:2.125rem;font-weight:700;letter-spacing:-.025rem;line-height:2.5rem}}@layer base{@media screen and (min-width:768px){h1{font-size:2.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:2.875rem}}@media screen and (min-width:1240px){h1{font-size:3.125rem;font-weight:700;letter-spacing:-.0375rem;line-height:3.5rem}}h2{font-size:1.75rem;font-weight:700;letter-spacing:-.0125rem;line-height:2rem}@media screen and (min-width:768px){h2{font-size:2.125rem;font-weight:700;letter-spacing:-.025rem;line-height:2.5rem}}@media screen and (min-width:1240px){h2{font-size:2.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:2.875rem}}h3{font-size:1.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:1.75rem}@media screen and (min-width:768px){h3{font-size:1.75rem;font-weight:700;letter-spacing:-.0375rem;line-height:2rem}}h4{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){h4{font-size:1.5rem;font-weight:700;letter-spacing:-.025rem;line-height:1.75rem}}h5{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){h5{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}h6{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:700;margin-bottom:1.25rem;margin-top:0}.h1{font-size:2.125rem;font-weight:700;letter-spacing:-.025rem;line-height:2.5rem}@media screen and (min-width:768px){.h1{font-size:2.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:2.875rem}}@media screen and (min-width:1240px){.h1{font-size:3.125rem;font-weight:700;letter-spacing:-.0375rem;line-height:3.5rem}}.h2{font-size:1.75rem;font-weight:700;letter-spacing:-.0125rem;line-height:2rem}@media screen and (min-width:768px){.h2{font-size:2.125rem;font-weight:700;letter-spacing:-.025rem;line-height:2.5rem}}@media screen and (min-width:1240px){.h2{font-size:2.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:2.875rem}}.h3{font-size:1.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:1.75rem}@media screen and (min-width:768px){.h3{font-size:1.75rem;font-weight:700;letter-spacing:-.0375rem;line-height:2rem}}.h4{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.h4{font-size:1.5rem;font-weight:700;letter-spacing:-.025rem;line-height:1.75rem}}.h5{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.h5{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}.h6{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}.display-1,.display-2,.display-3{font-weight:700;margin-bottom:1.875rem;margin-top:0}.display-1{font-size:2.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:2.875rem}@media screen and (min-width:1240px){.display-1{font-size:8.75rem;font-weight:700;letter-spacing:-.1625rem;line-height:9.875rem}}.display-2{font-size:2.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:2.875rem}@media screen and (min-width:768px){.display-2{font-size:5rem;font-weight:700;letter-spacing:-.0875rem;line-height:5.75rem}}.display-3{font-size:2.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:2.875rem}@media screen and (min-width:768px){.display-3{font-size:3.125rem;font-weight:700;letter-spacing:-.0375rem;line-height:3.5rem}}@media screen and (min-width:1240px){.display-3{font-size:3.75rem;font-weight:700;letter-spacing:-.0625rem;line-height:4.25rem}}p{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem;margin-bottom:1.25rem;margin-top:0}@media screen and (min-width:small){p{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (min-width:large){p{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}cite{font-style:normal}hr{border:0;border-top:1px solid var(--color-border-subtle);margin-bottom:1.25rem;margin-top:1.25rem}dl,ol,p,ul{max-width:35em}dl,ol,ul{margin:0 0 1.25rem;padding-left:1.875rem}ul{list-style-type:square}ul ul{list-style-type:disc}ul ul ul{list-style-type:circle}ol>:where(li),ul>:where(li){margin-bottom:.625rem}ol>:where(li)>:where(ul,ol),ul>:where(li)>:where(ul,ol){margin-top:.625rem}ol.list-condensed>:where(li),ul.list-condensed>:where(li){margin-bottom:.3125rem}ol.list-condensed>:where(li)>:where(ul,ol),ul.list-condensed>:where(li)>:where(ul,ol){margin-top:.3125rem}.list-unstyled{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.list-unstyled>li{margin-bottom:0}.list-unstyled>li:before{content:" ";height:0;position:absolute;width:0}.list-circle{list-style-type:disc!important}.list-circle ul{list-style-type:circle}.list-circle ul ul{list-style-type:square}.list-square{list-style-type:square!important}.list-square ul{list-style-type:disc}.list-square ul ul{list-style-type:circle}.list-no-offset{list-style-position:outside;padding-left:1.25rem}.list-inline{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.list-inline>li{margin-bottom:0}.list-inline>li:before{content:" ";height:0;position:absolute;width:0}.list-inline>li{display:inline-block}.list-inline>li:not(:last-child){margin-right:.625rem}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}}@layer base{
-  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}}
+  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}}
 /*# sourceMappingURL=before-components.css.map */