@midas-ds/layout 0.0.1-beta.1 → 0.0.4

package/navigation/Navigation.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Navigation } from '.';
+type Story = StoryObj<typeof Navigation>;
+declare const _default: {
+    component: (<T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: import('./Navigation').NavigationProps<T>) => import("react/jsx-runtime").JSX.Element) & {
+        Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ as, children, className, isActive, title, "aria-label": ariaLabel, ...rest }: import('./components').NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+        SubMenu: <T extends object>({ className, children, items, ...rest }: import('./components').NavigationSubMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+    };
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Primary: Story;

package/navigation/components/header/NavigationHeader.d.ts

@@ -0,0 +1,3 @@
+import { TextProps } from '../../../../../components/src/index.ts';
+export type NavigationHeaderProps = TextProps;
+export declare const NavigationHeader: ({ className, ...rest }: NavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/navigation/components/header/index.d.ts

@@ -0,0 +1 @@
+export * from './NavigationHeader';

package/navigation/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './header';
+export * from './link';
+export * from './item';
+export * from './sub-menu';
+export * from './section';

package/navigation/components/item/NavigationItem.d.ts

@@ -0,0 +1,3 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+export type NavigationItemProps = DetailedHTMLProps<HTMLAttributes<HTMLLIElement>, HTMLLIElement>;
+export declare const NavigationItem: ({ className, ...rest }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;

package/navigation/components/item/index.d.ts

@@ -0,0 +1 @@
+export * from './NavigationItem';

package/navigation/components/link/NavigationLink.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, ElementType } from 'react';
+import { Link } from 'react-aria-components';
+import { LinkComponentProps } from '../../../../../components/src/index.ts';
+export interface NavigationLinkComponentProps<C extends ElementType> extends Pick<LinkComponentProps<C>, 'className' | 'as'> {
+    /** The icon to display. */
+    children: ReactNode;
+    /** The visible label text and tooltip content. */
+    title: string;
+    isActive?: boolean;
+    variant?: 'sidebar' | 'navbar';
+}
+export type NavigationLinkProps<C extends React.ElementType> = NavigationLinkComponentProps<C> & Omit<React.ComponentProps<C>, keyof LinkComponentProps<C>>;
+export declare const NavigationLink: <C extends React.ElementType = typeof Link>({ as, children, className, isActive, title, "aria-label": ariaLabel, ...rest }: NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;

package/navigation/components/link/NavigationLink.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react-vite';
+import { NavigationLink } from '.';
+type Story = StoryObj<typeof NavigationLink>;
+declare const _default: {
+    component: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ as, children, className, isActive, title, "aria-label": ariaLabel, ...rest }: import('./NavigationLink').NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    args: {
+        title: string;
+        href: string;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Active: Story;
+export declare const Disabled: Story;
+export declare const Collapsed: Story;

package/navigation/components/link/index.d.ts

@@ -0,0 +1 @@
+export * from './NavigationLink';

package/navigation/components/section/NavigationSection.d.ts

@@ -0,0 +1,6 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { CollectionProps } from '@react-aria/collections';
+export interface NavigationSectionProps<T extends object> extends CollectionProps<T>, Pick<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'className'> {
+    title?: string;
+}
+export declare const NavigationSection: <T extends object>({ className, title, ...rest }: NavigationSectionProps<T>) => import("react/jsx-runtime").JSX.Element;

package/navigation/components/section/index.d.ts

@@ -0,0 +1 @@
+export * from './NavigationSection';

package/navigation/components/sub-menu/NavigationSubMenu.d.ts

@@ -0,0 +1,4 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { CollectionProps } from '@react-aria/collections';
+export type NavigationSubMenuProps<T extends object> = CollectionProps<T> & Pick<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'className'>;
+export declare const NavigationSubMenu: <T extends object>({ className, children, items, ...rest }: NavigationSubMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;

package/navigation/components/sub-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './NavigationSubMenu';

package/navigation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Navigation';
+export * from './components';

package/navigation/index.js

@@ -0,0 +1,9 @@
+import { N as n, a as o, b as t, c as e, d as N, e as g } from "../chunks/Navigation-Cq0h2Nt9.js";
+export {
+  n as Navigation,
+  o as NavigationHeader,
+  t as NavigationItem,
+  e as NavigationLink,
+  N as NavigationSection,
+  g as NavigationSubMenu
+};

package/package.json

@@ -1,20 +1,41 @@
 {
   "name": "@midas-ds/layout",
-  "version": "0.0.1-beta.1",
+  "author": {
+    "name": "Migrationsverket"
+  },
+  "keywords": [
+    "react",
+    "design system",
+    "migrationsverket"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "Midas Layout components",
+  "homepage": "https://designsystem.migrationsverket.se/",
+  "license": "CC0-1.0",
+  "version": "0.0.4",
+  "module": "./index.js",
+  "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./index.mjs",
-      "require": "./index.js",
-      "types": "./index.d.ts"
-    }
+  "files": [
+    "./"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/migrationsverket/midas.git",
+    "directory": "packages/layout"
   },
-  "peerDependencies": {
-    "react": "^18.2.0"
+  "exports": {
+    ".": "./index.js",
+    "./*/index.js": "./*/index.js",
+    "./*": "./*/index.js"
   },
-  "repository": "https://github.com/migrationsverket/midas.git",
-  "publishConfig": {
-    "access": "public"
+  "dependencies": {
+    "@midas-ds/components": "17.7.3"
   }
 }

package/panel/Panel.d.ts

@@ -0,0 +1,7 @@
+import { PanelBodyProps, CollapseTriggerProps, DismissTriggerProps, PanelTitleProps } from './components';
+export type PanelVariant = 'collapse' | 'dismiss' | undefined;
+export type PanelTriggerProps<T extends PanelVariant> = T extends 'collapse' ? CollapseTriggerProps : T extends 'dismiss' ? DismissTriggerProps : never;
+export type PanelProps<T extends PanelVariant> = PanelBodyProps & Pick<PanelTitleProps, 'title'> & PanelTriggerProps<T> & {
+    variant?: T;
+};
+export declare const Panel: <T extends PanelVariant>({ variant, ...rest }: PanelProps<T>) => import("react/jsx-runtime").JSX.Element | null;

package/panel/Panel.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Panel } from '.';
+type Story = StoryObj<typeof Panel>;
+declare const _default: {
+    component: <T extends import('./Panel').PanelVariant>({ variant, ...rest }: import('./Panel').PanelProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+    title: string;
+    tags: string[];
+    args: {
+        isCollapsed: false;
+        isOpen: false;
+        title: string;
+    };
+};
+export default _default;
+export declare const Collapse: Story;
+export declare const Dismiss: Story;

package/panel/PanelContext.d.ts

@@ -0,0 +1,5 @@
+import { PanelProps, PanelVariant } from '.';
+export type PanelContextValue<T extends PanelVariant> = Pick<PanelProps<T>, 'variant'>;
+export declare const PanelContext: import('react').Context<PanelContextValue<PanelVariant>>;
+export type CollapsePanelContextValue = Pick<PanelProps<'collapse'>, 'isCollapsed'>;
+export declare const CollapsePanelContext: import('react').Context<CollapsePanelContextValue>;

package/panel/components/collapse-panel/CollapsePanel.d.ts

@@ -0,0 +1,7 @@
+import { PanelBodyProps } from '../panel-body/PanelBody';
+export interface CollapseTriggerProps {
+    isCollapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapseChange?: (isCollapsed: boolean) => void;
+}
+export declare const CollapsePanel: ({ children, className, isCollapsed: isCollapsedProp, defaultCollapsed, onCollapseChange, title, ...rest }: PanelBodyProps & CollapseTriggerProps) => import("react/jsx-runtime").JSX.Element | null;

package/panel/components/collapse-panel/index.d.ts

@@ -0,0 +1 @@
+export * from './CollapsePanel';

package/panel/components/dismiss-panel/DismissPanel.d.ts

@@ -0,0 +1,7 @@
+import { PanelBodyProps } from '..';
+export interface DismissTriggerProps {
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+}
+export declare const DismissPanel: ({ children, className, isOpen: isOpenProp, defaultOpen, onOpenChange, title, ...rest }: PanelBodyProps & DismissTriggerProps) => import("react/jsx-runtime").JSX.Element | null;

package/panel/components/dismiss-panel/index.d.ts

@@ -0,0 +1 @@
+export * from './DismissPanel';

package/panel/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './collapse-panel';
+export * from './dismiss-panel';
+export * from './panel-body';
+export * from './panel-header';
+export * from './panel-title';

package/panel/components/panel-body/PanelBody.d.ts

@@ -0,0 +1,3 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+export type PanelBodyProps = DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+export declare const PanelBody: ({ className, ...rest }: PanelBodyProps) => import("react/jsx-runtime").JSX.Element;

package/panel/components/panel-body/index.d.ts

@@ -0,0 +1 @@
+export * from './PanelBody';

package/panel/components/panel-header/PanelHeader.d.ts

@@ -0,0 +1,3 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+export type PanelHeaderProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const PanelHeader: ({ className, ...rest }: PanelHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/panel/components/panel-header/index.d.ts

@@ -0,0 +1 @@
+export * from './PanelHeader';

package/panel/components/panel-title/PanelTitle.d.ts

@@ -0,0 +1,5 @@
+import { TextProps } from '../../../../../components/src/index.ts';
+export interface PanelTitleProps extends TextProps {
+    title?: string;
+}
+export declare const PanelTitle: ({ className, title, ...rest }: PanelTitleProps) => import("react/jsx-runtime").JSX.Element;

package/panel/components/panel-title/index.d.ts

@@ -0,0 +1 @@
+export * from './PanelTitle';

package/panel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Panel';
+export * from './PanelContext';

package/panel/index.js

@@ -0,0 +1,7 @@
+import { P as o } from "../chunks/Panel-C1MEWSWX.js";
+import { C as l, P as n } from "../chunks/PanelContext-D2ADxgo6.js";
+export {
+  l as CollapsePanelContext,
+  o as Panel,
+  n as PanelContext
+};

package/panel/intl/translations.json.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+  "en": {
+    "expandSidebar": "Expand sidebar",
+    "collapseSidebar": "Collapse sidebar",
+    "closePanel": "Close panel"
+  },
+  "sv": {
+    "expandSidebar": "Expandera sidopanel",
+    "collapseSidebar": "Minimera sidopanel",
+    "closePanel": "Stäng panel"
+  }
+}
+;
+
+export default _default;

package/utils/useIsMobileDevice.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobileDevice(): boolean;

package/index.css

@@ -1 +0,0 @@
-._baseLayout_udk0p_4{--sideBarWidth: 230px;--headerHeight: 60px}@media (min-width: 768px){._baseLayout_udk0p_4{--headerHeight: 85px}}._mainContent_udk0p_13{display:flex;flex-direction:row}._header_udk0p_18{position:sticky;top:0;font-family:Inter,sans-serif;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a6a6a6;background-color:#fff}@media (min-width: 768px){._header_udk0p_18{padding:1rem;z-index:3}}._headerContent_udk0p_35{display:flex;flex-flow:row wrap;align-items:center;gap:2rem}._headerContent_udk0p_35>svg{display:none}@media (min-width: 768px){._headerContent_udk0p_35>svg{display:initial}}._headerItems_udk0p_52,._logo_udk0p_53{display:none}@media (min-width: 768px){._headerItems_udk0p_52,._logo_udk0p_53{display:block}}._headerMenu_udk0p_61{display:block}@media (min-width: 768px){._headerMenu_udk0p_61{display:none}}._toggleButton_udk0p_69{display:block}@media (min-width: 768px){._toggleButton_udk0p_69{display:none!important}}._sidebar_udk0p_77{font-family:Inter,sans-serif;background-color:#fff;display:flex;flex-flow:wrap column;flex:0 0 var(--sideBarWidth);transition:.2s;position:fixed;top:0;height:100vh;width:var(--sideBarWidth);transform:translate(calc(var(--sideBarWidth) * -1));z-index:2;border-right:1px solid #b3b3b3}@media (min-width: 768px){._sidebar_udk0p_77{position:sticky;top:var(--headerHeight);align-self:start;height:calc(100vh - var(--headerHeight));transform:none;width:var(--sideBarWidth)}}._main_udk0p_13{font-family:Inter,sans-serif;flex:0 0 auto;width:100%}@media (min-width: 768px){._main_udk0p_13{background-color:#f2f2f2}}._app_udk0p_112{background-clip:content-box;background-color:#fff}@media (min-width: 768px){._app_udk0p_112{padding:2rem}}._sidebarOpened_udk0p_121{transform:translate(0)}._sidebarHeader_udk0p_125{padding:1rem;border-bottom:1px solid #b3b3b3}._sidebarHeader_udk0p_125 p{margin:0}._sidebarFooter_udk0p_134{display:none;padding:.5rem 1rem;position:sticky;bottom:0}@media (min-width: 768px){._sidebarFooter_udk0p_134{justify-self:flex-end;display:flex;justify-content:flex-end;border-top:1px solid #a6a6a6}}._sidebarCollapsed_udk0p_148{--sideBarWidth: 68px;transition:all .2s ease-out}._sidebarCollapsed_udk0p_148 ._sidebarHeader_udk0p_125{display:flex;justify-content:center;padding:1rem 0}._sidebarCollapsed_udk0p_148 ._sidebarFooter_udk0p_134{padding:.5rem 0;justify-content:center}._userName_udk0p_165{margin:0;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:none}@media (min-width: 768px){._userName_udk0p_165{display:block}}._abbr_udk0p_177{font-size:.875rem;font-weight:500;align-self:center}._userTitle_udk0p_183{margin:0;font-size:.875rem;font-weight:400;display:none}@media (min-width: 768px){._userTitle_udk0p_183{display:block}}._title_udk0p_194{margin:0;font-size:1rem;font-weight:500;display:block}@media (min-width: 768px){._title_udk0p_194{display:none}}._sidebarNav_udk0p_205{padding:.5rem;overflow-y:auto;margin-bottom:auto}._list_udk0p_211{list-style-type:none;margin:0;padding:0;margin-bottom:1rem}._listGroupTitle_udk0p_218{color:#5d5d5d;font-size:.75rem;letter-spacing:.0375rem;text-transform:uppercase;padding:.5rem;margin:0}._listItem_udk0p_227{display:flex}._listItemCollapsed_udk0p_231{justify-content:center}._listLink_udk0p_235{color:currentColor!important;flex-grow:1;transition:.1s;justify-content:flex-end!important}._linkText_udk0p_242{transform:translate(0);opacity:1;width:auto;transition-property:transform width opacity;transition-duration:0s 0s 10ms;transition-delay:0s 0s .2s;transition-behavior:allow-discrete}._linkTextCollapsed_udk0p_252{display:none;transform:translate(-200px);opacity:0;width:0;transition-property:transform,opacity,width;transition-duration:0,.1s,.1s;transition-delay:0s;transition-behavior:allow-discrete}._listLinkCollapsed_udk0p_263{flex-grow:unset}._collapseButton_udk0p_267{color:currentColor!important;padding:calc(.875rem - 1px)!important}._backdrop_udk0p_272{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#3232327f;opacity:0;transition:all .1s;transition-behavior:allow-discrete}._backdrop_udk0p_272._backdropOpened_udk0p_281{opacity:1;display:block}@starting-style{._backdrop_udk0p_272._backdropOpened_udk0p_281{opacity:0}}._linkButton_13utk_4{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;padding:calc(.875rem - 1px) calc(1rem - 1px);background-color:#143c50;border:solid 1px transparent;color:#fff;cursor:pointer;opacity:1;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}._linkButton_13utk_4:hover{color:#fff;text-decoration:none;background-color:#25607f}._linkButton_13utk_4[data-pressed]{background-color:#4289ad;outline:none}._linkButton_13utk_4[data-focus-visible]{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}._linkButton_13utk_4[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#f2f2f2}._secondary_13utk_43{color:#143c50;background-color:#fff;border-color:#143c50;opacity:1}._secondary_13utk_43:hover{color:#143c50;background-color:#f2f2f2}._secondary_13utk_43[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#fff;border-color:#bfbfbf}._secondary_13utk_43[data-pressed]{background-color:#e6e6e6;border-color:#143c50}._tertiary_13utk_67{color:#143c50;background-color:transparent;opacity:1}._tertiary_13utk_67:hover{color:#143c50;background-color:#f2f2f2}._tertiary_13utk_67[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#fff}._tertiary_13utk_67[data-pressed]{background-color:#e6e6e6}._danger_13utk_88{color:#fff;background-color:#e62323;opacity:1}._danger_13utk_88:hover{color:#fff;background-color:#b31b1b}._danger_13utk_88[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#f2f2f2}._danger_13utk_88[data-pressed]{background-color:#801313;outline:none}._iconBtn_13utk_110{background-color:transparent;padding:.875rem;color:#000;display:flex;align-items:center}._iconBtn_13utk_110:hover{background-color:#0000001a}._iconBtn_13utk_110[data-disabled]{color:#bfbfbf;pointer-events:none}._iconBtn_13utk_110[data-pressed]{background-color:#e6e6e6}._iconLeft_13utk_131{flex-direction:row-reverse}._fullwidth_13utk_135{width:100%}@media (max-width: 767px){._button_13utk_140{width:100%}}._button_1piql_4{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;padding:calc(.875rem - 1px) calc(2rem - 1px);background-color:#143c50;border:solid 1px transparent;color:#fff;cursor:pointer;opacity:1;outline:none;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}._button_1piql_4[data-focus-visible],._button_1piql_4:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}._button_1piql_4:hover{background-color:#25607f}._button_1piql_4[data-pressed]{background-color:#4289ad;outline:none}._primary_1piql_36[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#f2f2f2}._secondary_1piql_42{color:#143c50;background-color:#fff;border-color:#143c50;opacity:1}._secondary_1piql_42:hover{color:#143c50;background-color:#f2f2f2}._secondary_1piql_42[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#fff;border-color:#bfbfbf}._secondary_1piql_42[data-pressed]{background-color:#e6e6e6;border-color:#143c50}._tertiary_1piql_66{color:#143c50;background-color:transparent;padding:.8125rem .9375rem;opacity:1}._tertiary_1piql_66:hover{color:#143c50;background-color:#f2f2f2}._tertiary_1piql_66[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#fff}._tertiary_1piql_66[data-pressed]{background-color:#e6e6e6}._iconBtn_1piql_88{background-color:transparent;padding:.875rem;color:#000;display:flex;align-items:center}._iconBtn_1piql_88:hover{background-color:#0000001a}._iconBtn_1piql_88[data-disabled]{color:#bfbfbf;pointer-events:none}._iconBtn_1piql_88[data-pressed]{background-color:#e6e6e6}._danger_1piql_109{color:#fff;background-color:#e62323;opacity:1}._danger_1piql_109:hover{color:#fff;background-color:#b31b1b}._danger_1piql_109[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#f2f2f2}._danger_1piql_109[data-pressed]{background-color:#801313;outline:none}._iconRight_1piql_131{flex-direction:row-reverse}._fullwidth_1piql_135{width:100%}._small_1piql_139{min-height:1.5rem;font-size:.75rem;padding:.25rem .5rem}._container_xfusy_4{--columns: 1;--padding: 1rem;--gutter: 1rem;--maxWidth: 1368px;--margin: auto;width:100%;margin-right:var(--margin);margin-left:var(--margin)}._flex_xfusy_16{padding-right:var(--padding);padding-left:var(--padding);display:flex;flex-flow:row wrap;gap:var(--gutter)}._flex_xfusy_16>*{display:flex;flex-flow:column wrap;flex:0 0 auto;width:calc((100% / var(--columns)) - var(--gutter) + (var(--gutter) / var(--columns)))}@media (min-width: 768px){._container_xfusy_4{--columns: 12;--padding: 2rem}}@media (min-width: 1200px){._container_xfusy_4{--gutter: 1.5rem}}@media (min-width: 1440px){._container_xfusy_4{max-width:var(--maxWidth);--padding: 0}}._fluid_xfusy_54{--maxWidth: unset;--margin: 0;--padding: 0}._col_xfusy_60{flex:1 0 0%}._col-1_xfusy_64,._col-2_xfusy_65,._col-3_xfusy_66,._col-4_xfusy_67,._col-5_xfusy_68,._col-6_xfusy_69,._col-7_xfusy_70,._col-8_xfusy_71,._col-9_xfusy_72,._col-10_xfusy_73,._col-11_xfusy_74,._col-12_xfusy_75,._col-auto_xfusy_76{flex:0 0 auto;width:100%}@media (min-width: 768px){._col-1_xfusy_64{width:calc((100% / 12) - (11 * var(--gutter) / 12))}._col-2_xfusy_65{width:calc((2 * 100% / 12) - (10 * var(--gutter) / 12))}._col-3_xfusy_66{width:calc((3 * 100% / 12) - (9 * var(--gutter) / 12))}._col-4_xfusy_67{width:calc((4 * 100% / 12) - (8 * var(--gutter) / 12))}._col-5_xfusy_68{width:calc((5 * 100% / 12) - (7 * var(--gutter) / 12))}._col-6_xfusy_69{width:calc((6 * 100% / 12) - (6 * var(--gutter) / 12))}._col-7_xfusy_70{width:calc((7 * 100% / 12) - (5 * var(--gutter) / 12))}._col-8_xfusy_71{width:calc((8 * 100% / 12) - (4 * var(--gutter) / 12))}._col-9_xfusy_72{width:calc((9 * 100% / 12) - (3 * var(--gutter) / 12))}._col-10_xfusy_73{width:calc((10 * 100% / 12) - (2 * var(--gutter) / 12))}._col-11_xfusy_74{width:calc((11 * 100% / 12) - (1 * var(--gutter) / 12))}._col-auto_xfusy_76{width:auto}._offset-1_xfusy_130{margin-left:calc((100% / 12) + (var(--gutter) / 12))}._offset-2_xfusy_134{margin-left:calc((2 * 100% / 12) + (var(--gutter) / 6))}._offset-3_xfusy_138{margin-left:calc((3 * 100% / 12) + (var(--gutter) / 4))}._offset-4_xfusy_142{margin-left:calc((4 * 100% / 12) + (var(--gutter) / 3))}._offset-5_xfusy_146{margin-left:calc((5 * 100% / 12) + (var(--gutter) * 5 / 12))}._offset-6_xfusy_150{margin-left:calc((6 * 100% / 12) + (var(--gutter) / 2))}._offset-7_xfusy_154{margin-left:calc((7 * 100% / 12) + (var(--gutter) * 7 / 12))}._offset-8_xfusy_158{margin-left:calc((8 * 100% / 12) + (var(--gutter) * 2 / 3))}._offset-9_xfusy_162{margin-left:calc((9 * 100% / 12) + (var(--gutter) * 3 / 4))}._offset-10_xfusy_166{margin-left:calc((10 * 100% / 12) + (var(--gutter) * 5 / 6))}._offset-11_xfusy_170{margin-left:calc((11 * 100% / 12) + (var(--gutter) * 11 / 12))}}._container_kepty_4{padding:1rem;display:inline-flex}._noPadding_kepty_9{padding:0}._logo_kepty_13{max-width:100%;height:48px}._primary_kepty_18{fill:#b90835}._dark_kepty_22{fill:#000}._xSmall_kepty_26{height:36px}._small_kepty_30{height:40px}._large_kepty_34{height:52px}._backgroundPrimary_kepty_38{background-color:#b90835}._backgroundPrimary_kepty_38 svg{fill:#fff}._backgroundDark_kepty_46{background-color:#5d5d5d}._backgroundDark_kepty_46 svg{fill:#fff}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._dropDownMenu_tm2mz_4{font-family:Inter,sans-serif;box-shadow:2px 2px 4px #00000040;background-color:#f2f2f2}._dropDownMenu_tm2mz_4:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}._dropdownMenu_tm2mz_15{width:100%}._dropdownMenu_tm2mz_15:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}