From 47b3f582cc28ba28af23bdaf24c4b277008a1c74 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Mon, 23 Jun 2025 12:13:20 +0100
Subject: [PATCH 1/9] Add SearchField

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .../SearchField/SearchField.stories.tsx       | 148 ++++++++++++++++++
 .../SearchField/SearchField.styles.css        |  55 +++++++
 .../components/SearchField/SearchField.tsx    | 113 +++++++++++++
 .../canon/src/components/SearchField/index.ts |  18 +++
 .../canon/src/components/SearchField/types.ts |  41 +++++
 .../components/TextField/TextField.styles.css |  37 +++--
 .../src/components/TextField/TextField.tsx    |   9 +-
 packages/canon/src/css/components.css         |   1 +
 8 files changed, 400 insertions(+), 22 deletions(-)
 create mode 100644 packages/canon/src/components/SearchField/SearchField.stories.tsx
 create mode 100644 packages/canon/src/components/SearchField/SearchField.styles.css
 create mode 100644 packages/canon/src/components/SearchField/SearchField.tsx
 create mode 100644 packages/canon/src/components/SearchField/index.ts
 create mode 100644 packages/canon/src/components/SearchField/types.ts

diff --git a/packages/canon/src/components/SearchField/SearchField.stories.tsx b/packages/canon/src/components/SearchField/SearchField.stories.tsx
new file mode 100644
index 0000000000..fc2e72aff1
--- /dev/null
+++ b/packages/canon/src/components/SearchField/SearchField.stories.tsx
@@ -0,0 +1,148 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { SearchField } from './SearchField';
+import { Form } from 'react-aria-components';
+import { Icon } from '../Icon';
+import { Flex } from '../Flex';
+import { FieldLabel } from '../FieldLabel';
+
+const meta = {
+  title: 'Forms/SearchField',
+  component: SearchField,
+  argTypes: {
+    isRequired: {
+      control: 'boolean',
+    },
+    icon: {
+      control: 'object',
+    },
+    placeholder: {
+      control: 'text',
+    },
+  },
+} satisfies Meta<typeof SearchField>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    name: 'url',
+    style: {
+      maxWidth: '300px',
+    },
+  },
+};
+
+export const Sizes: Story = {
+  args: {
+    ...Default.args,
+  },
+  render: args => (
+    <Flex direction="row" gap="4" style={{ width: '100%', maxWidth: '600px' }}>
+      <SearchField {...args} size="small" />
+      <SearchField {...args} size="medium" />
+    </Flex>
+  ),
+};
+
+export const DefaultValue: Story = {
+  args: {
+    ...Default.args,
+    defaultValue: 'https://example.com',
+  },
+};
+
+export const WithLabel: Story = {
+  args: {
+    ...Default.args,
+    label: 'Label',
+  },
+};
+
+export const WithDescription: Story = {
+  args: {
+    ...WithLabel.args,
+    description: 'Description',
+  },
+};
+
+export const Required: Story = {
+  args: {
+    ...WithLabel.args,
+    isRequired: true,
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    ...Default.args,
+    isDisabled: true,
+  },
+};
+
+export const WithIcon: Story = {
+  args: {
+    ...Default.args,
+    defaultValue: 'Search...',
+    icon: <Icon name="search" />,
+  },
+};
+
+export const DisabledWithIcon: Story = {
+  args: {
+    ...WithIcon.args,
+    isDisabled: true,
+  },
+};
+
+export const ShowError: Story = {
+  args: {
+    ...WithLabel.args,
+  },
+  render: args => (
+    <Form validationErrors={{ url: 'Invalid URL' }}>
+      <SearchField {...args} />
+    </Form>
+  ),
+};
+
+export const Validation: Story = {
+  args: {
+    ...WithLabel.args,
+    validate: value => (value === 'admin' ? 'Nice try!' : null),
+  },
+};
+
+export const CustomField: Story = {
+  render: () => (
+    <>
+      <FieldLabel
+        htmlFor="custom-field"
+        id="custom-field-label"
+        label="Custom Field"
+      />
+      <SearchField
+        id="custom-field"
+        aria-labelledby="custom-field-label"
+        name="custom-field"
+        defaultValue="Custom Field"
+      />
+    </>
+  ),
+};
diff --git a/packages/canon/src/components/SearchField/SearchField.styles.css b/packages/canon/src/components/SearchField/SearchField.styles.css
new file mode 100644
index 0000000000..70bd20e2ac
--- /dev/null
+++ b/packages/canon/src/components/SearchField/SearchField.styles.css
@@ -0,0 +1,55 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.canon-SearchField[data-empty] .canon-InputClear {
+  display: none;
+}
+
+.canon-InputClear {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  color: var(--canon-fg-secondary);
+  transition: color 0.2s ease-in-out;
+}
+
+.canon-InputClear:hover {
+  color: var(--canon-fg-primary);
+}
+
+.canon-InputClear[data-size='small'] {
+  width: 2rem;
+  height: 2rem;
+}
+
+.canon-InputClear[data-size='medium'] {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
+.canon-InputClear svg {
+  width: 1rem;
+  height: 1rem;
+}
diff --git a/packages/canon/src/components/SearchField/SearchField.tsx b/packages/canon/src/components/SearchField/SearchField.tsx
new file mode 100644
index 0000000000..c04c99571e
--- /dev/null
+++ b/packages/canon/src/components/SearchField/SearchField.tsx
@@ -0,0 +1,113 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { forwardRef, useEffect } from 'react';
+import {
+  Input,
+  SearchField as AriaSearchField,
+  FieldError,
+  Button,
+  Label,
+  Text,
+} from 'react-aria-components';
+import { useResponsiveValue } from '../../hooks/useResponsiveValue';
+import clsx from 'clsx';
+import { FieldLabel } from '../FieldLabel';
+import { RiSearch2Line, RiCloseCircleLine } from '@remixicon/react';
+
+import type { SearchFieldProps } from './types';
+
+/** @public */
+export const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(
+  (props, ref) => {
+    const {
+      className,
+      icon,
+      size = 'small',
+      label,
+      secondaryLabel,
+      description,
+      isRequired,
+      placeholder = 'Search',
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledBy,
+      ...rest
+    } = props;
+
+    useEffect(() => {
+      if (!label && !ariaLabel && !ariaLabelledBy) {
+        console.warn(
+          'SearchField requires either a visible label, aria-label, or aria-labelledby for accessibility',
+        );
+      }
+    }, [label, ariaLabel, ariaLabelledBy]);
+
+    // Get the responsive value for the variant
+    const responsiveSize = useResponsiveValue(size);
+
+    // If a secondary label is provided, use it. Otherwise, use 'Required' if the field is required.
+    const secondaryLabelText =
+      secondaryLabel || (isRequired ? 'Required' : null);
+
+    // return (
+    //   <AriaSearchField>
+    //     <Label />
+    //     <Input />
+    //     <Button />
+    //     <Text slot="description" />
+    //     <FieldError />
+    //   </AriaSearchField>
+    // );
+
+    return (
+      <AriaSearchField
+        className={clsx('canon-TextField', 'canon-SearchField', className)}
+        data-size={responsiveSize}
+        aria-label={ariaLabel}
+        aria-labelledby={ariaLabelledBy}
+        {...rest}
+        ref={ref}
+      >
+        <FieldLabel
+          label={label}
+          secondaryLabel={secondaryLabelText}
+          description={description}
+        />
+        <div className="canon-Input" data-size={responsiveSize}>
+          {icon !== false && (
+            <div
+              className="canon-InputIcon"
+              data-size={responsiveSize}
+              aria-hidden="true"
+            >
+              {icon || <RiSearch2Line />}
+            </div>
+          )}
+          <Input
+            {...(icon !== false && { 'data-icon': true })}
+            placeholder={placeholder}
+          />
+          <Button className="canon-InputClear" data-size={responsiveSize}>
+            <RiCloseCircleLine />
+          </Button>
+        </div>
+        <FieldError className="canon-TextFieldError" />
+      </AriaSearchField>
+    );
+  },
+);
+
+SearchField.displayName = 'searchField';
diff --git a/packages/canon/src/components/SearchField/index.ts b/packages/canon/src/components/SearchField/index.ts
new file mode 100644
index 0000000000..288c3fe44a
--- /dev/null
+++ b/packages/canon/src/components/SearchField/index.ts
@@ -0,0 +1,18 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './SearchField';
+export * from './types';
diff --git a/packages/canon/src/components/SearchField/types.ts b/packages/canon/src/components/SearchField/types.ts
new file mode 100644
index 0000000000..b561292684
--- /dev/null
+++ b/packages/canon/src/components/SearchField/types.ts
@@ -0,0 +1,41 @@
+/*
+ * Copyright 2025 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { SearchFieldProps as AriaSearchFieldProps } from 'react-aria-components';
+import { ReactNode } from 'react';
+import type { Breakpoint } from '../../types';
+import type { FieldLabelProps } from '../FieldLabel/types';
+
+/** @public */
+export interface SearchFieldProps
+  extends AriaSearchFieldProps,
+    Omit<FieldLabelProps, 'htmlFor' | 'id'> {
+  /**
+   * An icon to render before the input
+   */
+  icon?: ReactNode | false;
+
+  /**
+   * The size of the text field
+   * @defaultValue 'medium'
+   */
+  size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
+
+  /**
+   * The placeholder text for the input
+   */
+  placeholder?: string;
+}
diff --git a/packages/canon/src/components/TextField/TextField.styles.css b/packages/canon/src/components/TextField/TextField.styles.css
index 9f2039b3af..58e1cba403 100644
--- a/packages/canon/src/components/TextField/TextField.styles.css
+++ b/packages/canon/src/components/TextField/TextField.styles.css
@@ -21,19 +21,19 @@
   width: 100%;
 }
 
-.canon-TextFieldInputWrapper {
+.canon-Input {
   position: relative;
 }
 
-.canon-TextFieldInputWrapper[data-size='small'] {
+.canon-Input[data-size='small'] input {
   height: 2rem;
 }
 
-.canon-TextFieldInputWrapper[data-size='medium'] {
+.canon-Input[data-size='medium'] input {
   height: 2.5rem;
 }
 
-.canon-TextFieldIcon {
+.canon-InputIcon {
   position: absolute;
   left: var(--canon-space-3);
   top: 50%;
@@ -43,19 +43,19 @@
   flex-shrink: 0;
 }
 
-.canon-TextFieldIcon[data-size='small'],
-.canon-TextFieldIcon[data-size='small'] svg {
+.canon-InputIcon[data-size='small'],
+.canon-InputIcon[data-size='small'] svg {
   width: 1rem;
   height: 1rem;
 }
 
-.canon-TextFieldIcon[data-size='medium'],
-.canon-TextFieldIcon[data-size='medium'] svg {
+.canon-InputIcon[data-size='medium'],
+.canon-InputIcon[data-size='medium'] svg {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-.canon-TextFieldInput {
+.canon-Input input {
   display: flex;
   align-items: center;
   padding: 0 var(--canon-space-3);
@@ -71,35 +71,40 @@
   width: 100%;
   height: 100%;
   cursor: inherit;
+
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
 }
 
-.canon-TextFieldInput::placeholder {
+.canon-Input input::placeholder {
   color: var(--canon-fg-secondary);
 }
 
-.canon-TextFieldInput[data-icon] {
+.canon-Input input[data-icon] {
   padding-left: var(--canon-space-8);
 }
 
-.canon-TextFieldInput[data-focused] {
+.canon-Input input[data-focused] {
   outline-color: var(--canon-border-pressed);
   outline-width: 0px;
 }
 
-.canon-TextFieldInput[data-hovered] {
+.canon-Input input[data-hovered] {
   border-color: var(--canon-border-hover);
 }
 
-.canon-TextFieldInput[data-focused] {
+.canon-Input input[data-focused] {
   border-color: var(--canon-border-pressed);
   outline-width: 0px;
 }
 
-.canon-TextFieldInput[data-invalid] {
+.canon-Input input[data-invalid] {
   border-color: var(--canon-fg-danger);
 }
 
-.canon-TextFieldInput[data-disabled] {
+.canon-Input input[data-disabled] {
   opacity: 0.5;
   cursor: not-allowed;
   border: 1px solid var(--canon-border-disabled);
diff --git a/packages/canon/src/components/TextField/TextField.tsx b/packages/canon/src/components/TextField/TextField.tsx
index 444e76e983..5e53614302 100644
--- a/packages/canon/src/components/TextField/TextField.tsx
+++ b/packages/canon/src/components/TextField/TextField.tsx
@@ -71,20 +71,17 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
           secondaryLabel={secondaryLabelText}
           description={description}
         />
-        <div className="canon-TextFieldInputWrapper" data-size={responsiveSize}>
+        <div className="canon-Input" data-size={responsiveSize}>
           {icon && (
             <div
-              className="canon-TextFieldIcon"
+              className="canon-InputIcon"
               data-size={responsiveSize}
               aria-hidden="true"
             >
               {icon}
             </div>
           )}
-          <Input
-            className="canon-TextFieldInput"
-            {...(icon && { 'data-icon': true })}
-          />
+          <Input {...(icon && { 'data-icon': true })} />
         </div>
         <FieldError className="canon-TextFieldError" />
       </AriaTextField>
diff --git a/packages/canon/src/css/components.css b/packages/canon/src/css/components.css
index aa453f7314..c1a9b7cc0d 100644
--- a/packages/canon/src/css/components.css
+++ b/packages/canon/src/css/components.css
@@ -38,6 +38,7 @@
 @import '../components/Tabs/Tabs.styles.css';
 @import '../components/Text/styles.css';
 @import '../components/TextField/TextField.styles.css';
+@import '../components/SearchField/SearchField.styles.css';
 @import '../components/Tooltip/Tooltip.styles.css';
 @import '../components/ScrollArea/ScrollArea.styles.css';
 @import '../components/Select/Select.styles.css';

From 8154fb966a589fabd15280ab7a9be50d425998ea Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Mon, 23 Jun 2025 19:05:26 +0100
Subject: [PATCH 2/9] Add report + export

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .changeset/dark-cougars-go.md                     |  5 +++++
 packages/canon/report.api.md                      | 15 +++++++++++++++
 .../src/components/SearchField/SearchField.tsx    | 12 ------------
 packages/canon/src/index.ts                       |  1 +
 4 files changed, 21 insertions(+), 12 deletions(-)
 create mode 100644 .changeset/dark-cougars-go.md

diff --git a/.changeset/dark-cougars-go.md b/.changeset/dark-cougars-go.md
new file mode 100644
index 0000000000..f835dd2658
--- /dev/null
+++ b/.changeset/dark-cougars-go.md
@@ -0,0 +1,5 @@
+---
+'@backstage/canon': patch
+---
+
+Add new SearchField component in Canon
diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md
index 1b1e465a61..7ec51de753 100644
--- a/packages/canon/report.api.md
+++ b/packages/canon/report.api.md
@@ -27,6 +27,7 @@ import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import type { RemixiconComponentType } from '@remixicon/react';
 import { ScrollArea as ScrollArea_2 } from '@base-ui-components/react/scroll-area';
+import type { SearchFieldProps as SearchFieldProps_2 } from 'react-aria-components';
 import type { SwitchProps as SwitchProps_2 } from 'react-aria-components';
 import { Table as Table_2 } from '@tanstack/react-table';
 import { Tabs as Tabs_2 } from '@base-ui-components/react/tabs';
@@ -1101,6 +1102,20 @@ export const ScrollArea: {
   >;
 };
 
+// @public (undocumented)
+export const SearchField: ForwardRefExoticComponent<
+  SearchFieldProps & RefAttributes<HTMLDivElement>
+>;
+
+// @public (undocumented)
+export interface SearchFieldProps
+  extends SearchFieldProps_2,
+    Omit<FieldLabelProps, 'htmlFor' | 'id'> {
+  icon?: ReactNode | false;
+  placeholder?: string;
+  size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
+}
+
 // @public (undocumented)
 export const Select: ForwardRefExoticComponent<
   SelectProps & RefAttributes<HTMLDivElement>
diff --git a/packages/canon/src/components/SearchField/SearchField.tsx b/packages/canon/src/components/SearchField/SearchField.tsx
index c04c99571e..5b25b6fb99 100644
--- a/packages/canon/src/components/SearchField/SearchField.tsx
+++ b/packages/canon/src/components/SearchField/SearchField.tsx
@@ -20,8 +20,6 @@ import {
   SearchField as AriaSearchField,
   FieldError,
   Button,
-  Label,
-  Text,
 } from 'react-aria-components';
 import { useResponsiveValue } from '../../hooks/useResponsiveValue';
 import clsx from 'clsx';
@@ -62,16 +60,6 @@ export const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(
     const secondaryLabelText =
       secondaryLabel || (isRequired ? 'Required' : null);
 
-    // return (
-    //   <AriaSearchField>
-    //     <Label />
-    //     <Input />
-    //     <Button />
-    //     <Text slot="description" />
-    //     <FieldError />
-    //   </AriaSearchField>
-    // );
-
     return (
       <AriaSearchField
         className={clsx('canon-TextField', 'canon-SearchField', className)}
diff --git a/packages/canon/src/index.ts b/packages/canon/src/index.ts
index cc540d1bb7..28525f7468 100644
--- a/packages/canon/src/index.ts
+++ b/packages/canon/src/index.ts
@@ -48,6 +48,7 @@ export * from './components/TextField';
 export * from './components/Tooltip';
 export * from './components/Menu';
 export * from './components/ScrollArea';
+export * from './components/SearchField';
 export * from './components/Link';
 export * from './components/Select';
 export * from './components/Switch';

From c5846d1d94903528efdd958b02210f2bdef783fd Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Mon, 23 Jun 2025 19:58:49 +0100
Subject: [PATCH 3/9] Update styles.css

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/canon/css/styles.css | 72 ++++++++++++++++++++++++++++-------
 1 file changed, 58 insertions(+), 14 deletions(-)

diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css
index 806ee771d2..0902acc92d 100644
--- a/packages/canon/css/styles.css
+++ b/packages/canon/css/styles.css
@@ -10135,19 +10135,19 @@
   display: flex;
 }
 
-.canon-TextFieldInputWrapper {
+.canon-Input {
   position: relative;
 }
 
-.canon-TextFieldInputWrapper[data-size="small"] {
+.canon-Input[data-size="small"] input {
   height: 2rem;
 }
 
-.canon-TextFieldInputWrapper[data-size="medium"] {
+.canon-Input[data-size="medium"] input {
   height: 2.5rem;
 }
 
-.canon-TextFieldIcon {
+.canon-InputIcon {
   left: var(--canon-space-3);
   margin-right: var(--canon-space-1);
   color: var(--canon-fg-primary);
@@ -10157,17 +10157,17 @@
   transform: translateY(-50%);
 }
 
-.canon-TextFieldIcon[data-size="small"], .canon-TextFieldIcon[data-size="small"] svg {
+.canon-InputIcon[data-size="small"], .canon-InputIcon[data-size="small"] svg {
   width: 1rem;
   height: 1rem;
 }
 
-.canon-TextFieldIcon[data-size="medium"], .canon-TextFieldIcon[data-size="medium"] svg {
+.canon-InputIcon[data-size="medium"], .canon-InputIcon[data-size="medium"] svg {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-.canon-TextFieldInput {
+.canon-Input input {
   padding: 0 var(--canon-space-3);
   border-radius: var(--canon-radius-3);
   border: 1px solid var(--canon-border);
@@ -10182,40 +10182,84 @@
   align-items: center;
   transition: border-color .2s ease-in-out, outline-color .2s ease-in-out;
   display: flex;
+
+  &::-webkit-search-cancel-button, &::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
 }
 
-.canon-TextFieldInput::placeholder {
+.canon-Input input::placeholder {
   color: var(--canon-fg-secondary);
 }
 
-.canon-TextFieldInput[data-icon] {
+.canon-Input input[data-icon] {
   padding-left: var(--canon-space-8);
 }
 
-.canon-TextFieldInput[data-focused] {
+.canon-Input input[data-focused] {
   outline-color: var(--canon-border-pressed);
   outline-width: 0;
 }
 
-.canon-TextFieldInput[data-hovered] {
+.canon-Input input[data-hovered] {
   border-color: var(--canon-border-hover);
 }
 
-.canon-TextFieldInput[data-focused] {
+.canon-Input input[data-focused] {
   border-color: var(--canon-border-pressed);
   outline-width: 0;
 }
 
-.canon-TextFieldInput[data-invalid] {
+.canon-Input input[data-invalid] {
   border-color: var(--canon-fg-danger);
 }
 
-.canon-TextFieldInput[data-disabled] {
+.canon-Input input[data-disabled] {
   opacity: .5;
   cursor: not-allowed;
   border: 1px solid var(--canon-border-disabled);
 }
 
+.canon-SearchField[data-empty] .canon-InputClear {
+  display: none;
+}
+
+.canon-InputClear {
+  cursor: pointer;
+  color: var(--canon-fg-secondary);
+  background-color: #0000;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  transition: color .2s ease-in-out;
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.canon-InputClear:hover {
+  color: var(--canon-fg-primary);
+}
+
+.canon-InputClear[data-size="small"] {
+  width: 2rem;
+  height: 2rem;
+}
+
+.canon-InputClear[data-size="medium"] {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
+.canon-InputClear svg {
+  width: 1rem;
+  height: 1rem;
+}
+
 .canon-TooltipPopup {
   box-sizing: border-box;
   transform-origin: var(--transform-origin);

From 81750cfc346e0c8835dc5df896b8b199eb585a2d Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 24 Jun 2025 08:47:41 +0100
Subject: [PATCH 4/9] Fix class names

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/canon/report.api.md                  | 11 +++--
 .../components/SearchField/SearchField.tsx    | 40 ++++++++++++-----
 .../src/components/TextField/TextField.tsx    |  6 +--
 .../canon/src/hooks/useResponsiveValue.ts     | 43 -------------------
 .../canon/src/utils/componentDefinitions.ts   | 11 +++--
 5 files changed, 47 insertions(+), 64 deletions(-)
 delete mode 100644 packages/canon/src/hooks/useResponsiveValue.ts

diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md
index 9e69fb226a..d444c136cd 100644
--- a/packages/canon/report.api.md
+++ b/packages/canon/report.api.md
@@ -421,6 +421,12 @@ export const componentDefinitions: {
       readonly thumb: 'canon-ScrollAreaThumb';
     };
   };
+  readonly SearchField: {
+    readonly classNames: {
+      readonly root: 'canon-SearchField';
+      readonly clear: 'canon-InputClear';
+    };
+  };
   readonly Select: {
     readonly classNames: {
       readonly root: 'canon-Select';
@@ -493,9 +499,8 @@ export const componentDefinitions: {
   readonly TextField: {
     readonly classNames: {
       readonly root: 'canon-TextField';
-      readonly inputWrapper: 'canon-TextFieldInputWrapper';
-      readonly icon: 'canon-TextFieldIcon';
-      readonly input: 'canon-TextFieldInput';
+      readonly input: 'canon-Input';
+      readonly inputIcon: 'canon-InputIcon';
     };
     readonly dataAttributes: {
       readonly invalid: readonly [true, false];
diff --git a/packages/canon/src/components/SearchField/SearchField.tsx b/packages/canon/src/components/SearchField/SearchField.tsx
index 5b25b6fb99..7af3e92de4 100644
--- a/packages/canon/src/components/SearchField/SearchField.tsx
+++ b/packages/canon/src/components/SearchField/SearchField.tsx
@@ -18,13 +18,13 @@ import { forwardRef, useEffect } from 'react';
 import {
   Input,
   SearchField as AriaSearchField,
-  FieldError,
   Button,
 } from 'react-aria-components';
-import { useResponsiveValue } from '../../hooks/useResponsiveValue';
 import clsx from 'clsx';
 import { FieldLabel } from '../FieldLabel';
+import { FieldError } from '../FieldError';
 import { RiSearch2Line, RiCloseCircleLine } from '@remixicon/react';
+import { useStyles } from '../../hooks/useStyles';
 
 import type { SearchFieldProps } from './types';
 
@@ -53,8 +53,16 @@ export const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(
       }
     }, [label, ariaLabel, ariaLabelledBy]);
 
-    // Get the responsive value for the variant
-    const responsiveSize = useResponsiveValue(size);
+    const { classNames: textFieldClassNames, dataAttributes } = useStyles(
+      'TextField',
+      {
+        size,
+      },
+    );
+
+    const { classNames: searchFieldClassNames } = useStyles('SearchField', {
+      size,
+    });
 
     // If a secondary label is provided, use it. Otherwise, use 'Required' if the field is required.
     const secondaryLabelText =
@@ -62,8 +70,12 @@ export const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(
 
     return (
       <AriaSearchField
-        className={clsx('canon-TextField', 'canon-SearchField', className)}
-        data-size={responsiveSize}
+        className={clsx(
+          textFieldClassNames.root,
+          searchFieldClassNames.root,
+          className,
+        )}
+        {...dataAttributes}
         aria-label={ariaLabel}
         aria-labelledby={ariaLabelledBy}
         {...rest}
@@ -74,11 +86,14 @@ export const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(
           secondaryLabel={secondaryLabelText}
           description={description}
         />
-        <div className="canon-Input" data-size={responsiveSize}>
+        <div
+          className={textFieldClassNames.input}
+          data-size={dataAttributes['data-size']}
+        >
           {icon !== false && (
             <div
-              className="canon-InputIcon"
-              data-size={responsiveSize}
+              className={textFieldClassNames.inputIcon}
+              data-size={dataAttributes['data-size']}
               aria-hidden="true"
             >
               {icon || <RiSearch2Line />}
@@ -88,11 +103,14 @@ export const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(
             {...(icon !== false && { 'data-icon': true })}
             placeholder={placeholder}
           />
-          <Button className="canon-InputClear" data-size={responsiveSize}>
+          <Button
+            className={searchFieldClassNames.clear}
+            data-size={dataAttributes['data-size']}
+          >
             <RiCloseCircleLine />
           </Button>
         </div>
-        <FieldError className="canon-TextFieldError" />
+        <FieldError />
       </AriaSearchField>
     );
   },
diff --git a/packages/canon/src/components/TextField/TextField.tsx b/packages/canon/src/components/TextField/TextField.tsx
index 43d9bffc9b..067835a51c 100644
--- a/packages/canon/src/components/TextField/TextField.tsx
+++ b/packages/canon/src/components/TextField/TextField.tsx
@@ -48,7 +48,6 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
       }
     }, [label, ariaLabel, ariaLabelledBy]);
 
-    // Get the responsive value for the variant
     const { classNames, dataAttributes } = useStyles('TextField', {
       size,
     });
@@ -72,12 +71,12 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
           description={description}
         />
         <div
-          className={classNames.inputWrapper}
+          className={classNames.input}
           data-size={dataAttributes['data-size']}
         >
           {icon && (
             <div
-              className={classNames.icon}
+              className={classNames.inputIcon}
               data-size={dataAttributes['data-size']}
               aria-hidden="true"
             >
@@ -85,7 +84,6 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
             </div>
           )}
           <Input
-            className={classNames.input}
             {...(icon && { 'data-icon': true })}
             placeholder={placeholder}
           />
diff --git a/packages/canon/src/hooks/useResponsiveValue.ts b/packages/canon/src/hooks/useResponsiveValue.ts
deleted file mode 100644
index 206306566f..0000000000
--- a/packages/canon/src/hooks/useResponsiveValue.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * Copyright 2025 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import type { Breakpoint } from '../types';
-import { useBreakpoint, breakpoints } from './useBreakpoint';
-
-type ResponsiveValue = string | Partial<Record<Breakpoint, string>>;
-
-export const useResponsiveValue = (value: ResponsiveValue) => {
-  const { breakpoint } = useBreakpoint();
-
-  if (typeof value === 'object') {
-    const index = breakpoints.findIndex(b => b.id === breakpoint);
-
-    for (let i = index; i >= 0; i--) {
-      if (value[breakpoints[i].id]) {
-        return value[breakpoints[i].id] as string;
-      }
-    }
-
-    // If no value is found for the current or smaller breakpoints, check from the smallest
-    for (let i = 0; i < breakpoints.length; i++) {
-      if (value[breakpoints[i].id]) {
-        return value[breakpoints[i].id] as string;
-      }
-    }
-  }
-
-  return value;
-};
diff --git a/packages/canon/src/utils/componentDefinitions.ts b/packages/canon/src/utils/componentDefinitions.ts
index 581c8b66b4..ce24c4cd8c 100644
--- a/packages/canon/src/utils/componentDefinitions.ts
+++ b/packages/canon/src/utils/componentDefinitions.ts
@@ -154,6 +154,12 @@ export const componentDefinitions = {
       thumb: 'canon-ScrollAreaThumb',
     },
   },
+  SearchField: {
+    classNames: {
+      root: 'canon-SearchField',
+      clear: 'canon-InputClear',
+    },
+  },
   Select: {
     classNames: {
       root: 'canon-Select',
@@ -220,9 +226,8 @@ export const componentDefinitions = {
   TextField: {
     classNames: {
       root: 'canon-TextField',
-      inputWrapper: 'canon-TextFieldInputWrapper',
-      icon: 'canon-TextFieldIcon',
-      input: 'canon-TextFieldInput',
+      input: 'canon-Input',
+      inputIcon: 'canon-InputIcon',
     },
     dataAttributes: {
       invalid: [true, false] as const,

From ec5e64f60a6fd948c23385291bf86313ab893bfd Mon Sep 17 00:00:00 2001
From: benjdlambert <ben@blam.sh>
Date: Tue, 24 Jun 2025 10:33:06 +0200
Subject: [PATCH 5/9] chore: revert package.json

Signed-off-by: benjdlambert <ben@blam.sh>
---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index f19b509ade..d926639622 100644
--- a/package.json
+++ b/package.json
@@ -103,13 +103,13 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@yarnpkg/plugin-npm@npm:^3.1.0": "patch:@yarnpkg/plugin-npm@npm%3A3.1.0#~/.yarn/patches/@yarnpkg-plugin-npm-npm-3.1.0-6533d0f5a1.patch",
-    "GendocuPublicApis": "npm:gendocu-public-apis@^1.0.0",
     "ast-types@0.14.2": "patch:ast-types@npm%3A0.14.2#./.yarn/patches/ast-types-npm-0.14.2-43c4ac4b0d.patch",
     "ast-types@^0.14.1": "patch:ast-types@npm%3A0.14.2#./.yarn/patches/ast-types-npm-0.14.2-43c4ac4b0d.patch",
     "csstype@npm:^3.0.2": "3.0.9",
     "csstype@npm:^3.1.2": "3.0.9",
     "csstype@npm:^3.1.3": "3.0.9",
-    "jest-haste-map@^29.7.0": "patch:jest-haste-map@npm%3A29.7.0#./.yarn/patches/jest-haste-map-npm-29.7.0-e3be419eff.patch"
+    "jest-haste-map@^29.7.0": "patch:jest-haste-map@npm%3A29.7.0#./.yarn/patches/jest-haste-map-npm-29.7.0-e3be419eff.patch",
+    "GendocuPublicApis": "npm:gendocu-public-apis@^1.0.0"
   },
   "dependencies": {
     "@backstage/errors": "workspace:^",

From ae92eeb737466b8ad6693f61d69ac8da7f55075e Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 24 Jun 2025 10:10:30 +0100
Subject: [PATCH 6/9] Improve docs + styles

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 canon-docs/public/styles.css                  | 10623 +++++++++++++++-
 canon-docs/scripts/build-css.js               |     2 +-
 canon-docs/src/app/layout.tsx                 |     3 +-
 .../src/content/components/search-field.mdx   |    69 +
 .../content/components/search-field.props.ts  |    43 +
 .../src/content/components/text-field.mdx     |    17 +-
 canon-docs/src/snippets/stories-snippets.tsx  |    12 +
 canon-docs/src/utils/data.ts                  |     5 +
 packages/canon/css/styles.css                 |   100 +-
 packages/canon/report.api.md                  |     9 +-
 .../FieldLabel/FieldLabel.styles.css          |     8 +-
 .../SearchField/SearchField.stories.tsx       |    10 +-
 .../components/SearchField/SearchField.tsx    |     3 +-
 .../TextField/TextField.stories.tsx           |    10 +-
 .../components/TextField/TextField.styles.css |    97 +-
 .../src/components/TextField/TextField.tsx    |     3 +-
 .../canon/src/utils/componentDefinitions.ts   |     9 +-
 17 files changed, 10897 insertions(+), 126 deletions(-)
 create mode 100644 canon-docs/src/content/components/search-field.mdx
 create mode 100644 canon-docs/src/content/components/search-field.props.ts

diff --git a/canon-docs/public/styles.css b/canon-docs/public/styles.css
index c4c9ca5566..8d1377fae1 100644
--- a/canon-docs/public/styles.css
+++ b/canon-docs/public/styles.css
@@ -1,2 +1,10623 @@
 /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
-@layer base{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}}.cu-p{padding:var(--p)}.cu-p-0\.5{padding:var(--canon-space-0_5)}.cu-p-1{padding:var(--canon-space-1)}.cu-p-1\.5{padding:var(--canon-space-1_5)}.cu-p-2{padding:var(--canon-space-2)}.cu-p-3{padding:var(--canon-space-3)}.cu-p-4{padding:var(--canon-space-4)}.cu-p-5{padding:var(--canon-space-5)}.cu-p-6{padding:var(--canon-space-6)}.cu-p-7{padding:var(--canon-space-7)}.cu-p-8{padding:var(--canon-space-8)}.cu-p-9{padding:var(--canon-space-9)}.cu-p-10{padding:var(--canon-space-10)}.cu-p-11{padding:var(--canon-space-11)}.cu-p-12{padding:var(--canon-space-12)}.cu-p-13{padding:var(--canon-space-13)}.cu-p-14{padding:var(--canon-space-14)}@media (width>=640px){.xs\:cu-p{padding:var(--p-xs)}.xs\:cu-p-0\.5{padding:var(--canon-space-0_5)}.xs\:cu-p-1{padding:var(--canon-space-1)}.xs\:cu-p-1\.5{padding:var(--canon-space-1_5)}.xs\:cu-p-2{padding:var(--canon-space-2)}.xs\:cu-p-3{padding:var(--canon-space-3)}.xs\:cu-p-4{padding:var(--canon-space-4)}.xs\:cu-p-5{padding:var(--canon-space-5)}.xs\:cu-p-6{padding:var(--canon-space-6)}.xs\:cu-p-7{padding:var(--canon-space-7)}.xs\:cu-p-8{padding:var(--canon-space-8)}.xs\:cu-p-9{padding:var(--canon-space-9)}.xs\:cu-p-10{padding:var(--canon-space-10)}.xs\:cu-p-11{padding:var(--canon-space-11)}.xs\:cu-p-12{padding:var(--canon-space-12)}.xs\:cu-p-13{padding:var(--canon-space-13)}.xs\:cu-p-14{padding:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-p{padding:var(--p-sm)}.sm\:cu-p-0\.5{padding:var(--canon-space-0_5)}.sm\:cu-p-1{padding:var(--canon-space-1)}.sm\:cu-p-1\.5{padding:var(--canon-space-1_5)}.sm\:cu-p-2{padding:var(--canon-space-2)}.sm\:cu-p-3{padding:var(--canon-space-3)}.sm\:cu-p-4{padding:var(--canon-space-4)}.sm\:cu-p-5{padding:var(--canon-space-5)}.sm\:cu-p-6{padding:var(--canon-space-6)}.sm\:cu-p-7{padding:var(--canon-space-7)}.sm\:cu-p-8{padding:var(--canon-space-8)}.sm\:cu-p-9{padding:var(--canon-space-9)}.sm\:cu-p-10{padding:var(--canon-space-10)}.sm\:cu-p-11{padding:var(--canon-space-11)}.sm\:cu-p-12{padding:var(--canon-space-12)}.sm\:cu-p-13{padding:var(--canon-space-13)}.sm\:cu-p-14{padding:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-p{padding:var(--p-md)}.md\:cu-p-0\.5{padding:var(--canon-space-0_5)}.md\:cu-p-1{padding:var(--canon-space-1)}.md\:cu-p-1\.5{padding:var(--canon-space-1_5)}.md\:cu-p-2{padding:var(--canon-space-2)}.md\:cu-p-3{padding:var(--canon-space-3)}.md\:cu-p-4{padding:var(--canon-space-4)}.md\:cu-p-5{padding:var(--canon-space-5)}.md\:cu-p-6{padding:var(--canon-space-6)}.md\:cu-p-7{padding:var(--canon-space-7)}.md\:cu-p-8{padding:var(--canon-space-8)}.md\:cu-p-9{padding:var(--canon-space-9)}.md\:cu-p-10{padding:var(--canon-space-10)}.md\:cu-p-11{padding:var(--canon-space-11)}.md\:cu-p-12{padding:var(--canon-space-12)}.md\:cu-p-13{padding:var(--canon-space-13)}.md\:cu-p-14{padding:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-p{padding:var(--p-lg)}.lg\:cu-p-0\.5{padding:var(--canon-space-0_5)}.lg\:cu-p-1{padding:var(--canon-space-1)}.lg\:cu-p-1\.5{padding:var(--canon-space-1_5)}.lg\:cu-p-2{padding:var(--canon-space-2)}.lg\:cu-p-3{padding:var(--canon-space-3)}.lg\:cu-p-4{padding:var(--canon-space-4)}.lg\:cu-p-5{padding:var(--canon-space-5)}.lg\:cu-p-6{padding:var(--canon-space-6)}.lg\:cu-p-7{padding:var(--canon-space-7)}.lg\:cu-p-8{padding:var(--canon-space-8)}.lg\:cu-p-9{padding:var(--canon-space-9)}.lg\:cu-p-10{padding:var(--canon-space-10)}.lg\:cu-p-11{padding:var(--canon-space-11)}.lg\:cu-p-12{padding:var(--canon-space-12)}.lg\:cu-p-13{padding:var(--canon-space-13)}.lg\:cu-p-14{padding:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-p{padding:var(--p-xl)}.xl\:cu-p-0\.5{padding:var(--canon-space-0_5)}.xl\:cu-p-1{padding:var(--canon-space-1)}.xl\:cu-p-1\.5{padding:var(--canon-space-1_5)}.xl\:cu-p-2{padding:var(--canon-space-2)}.xl\:cu-p-3{padding:var(--canon-space-3)}.xl\:cu-p-4{padding:var(--canon-space-4)}.xl\:cu-p-5{padding:var(--canon-space-5)}.xl\:cu-p-6{padding:var(--canon-space-6)}.xl\:cu-p-7{padding:var(--canon-space-7)}.xl\:cu-p-8{padding:var(--canon-space-8)}.xl\:cu-p-9{padding:var(--canon-space-9)}.xl\:cu-p-10{padding:var(--canon-space-10)}.xl\:cu-p-11{padding:var(--canon-space-11)}.xl\:cu-p-12{padding:var(--canon-space-12)}.xl\:cu-p-13{padding:var(--canon-space-13)}.xl\:cu-p-14{padding:var(--canon-space-14)}}.cu-pl{padding-left:var(--pl)}.cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.cu-pl-1{padding-left:var(--canon-space-1)}.cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.cu-pl-2{padding-left:var(--canon-space-2)}.cu-pl-3{padding-left:var(--canon-space-3)}.cu-pl-4{padding-left:var(--canon-space-4)}.cu-pl-5{padding-left:var(--canon-space-5)}.cu-pl-6{padding-left:var(--canon-space-6)}.cu-pl-7{padding-left:var(--canon-space-7)}.cu-pl-8{padding-left:var(--canon-space-8)}.cu-pl-9{padding-left:var(--canon-space-9)}.cu-pl-10{padding-left:var(--canon-space-10)}.cu-pl-11{padding-left:var(--canon-space-11)}.cu-pl-12{padding-left:var(--canon-space-12)}.cu-pl-13{padding-left:var(--canon-space-13)}.cu-pl-14{padding-left:var(--canon-space-14)}@media (width>=640px){.xs\:cu-pl{padding-left:var(--pl-xs)}.xs\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.xs\:cu-pl-1{padding-left:var(--canon-space-1)}.xs\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.xs\:cu-pl-2{padding-left:var(--canon-space-2)}.xs\:cu-pl-3{padding-left:var(--canon-space-3)}.xs\:cu-pl-4{padding-left:var(--canon-space-4)}.xs\:cu-pl-5{padding-left:var(--canon-space-5)}.xs\:cu-pl-6{padding-left:var(--canon-space-6)}.xs\:cu-pl-7{padding-left:var(--canon-space-7)}.xs\:cu-pl-8{padding-left:var(--canon-space-8)}.xs\:cu-pl-9{padding-left:var(--canon-space-9)}.xs\:cu-pl-10{padding-left:var(--canon-space-10)}.xs\:cu-pl-11{padding-left:var(--canon-space-11)}.xs\:cu-pl-12{padding-left:var(--canon-space-12)}.xs\:cu-pl-13{padding-left:var(--canon-space-13)}.xs\:cu-pl-14{padding-left:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-pl{padding-left:var(--pl-sm)}.sm\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.sm\:cu-pl-1{padding-left:var(--canon-space-1)}.sm\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.sm\:cu-pl-2{padding-left:var(--canon-space-2)}.sm\:cu-pl-3{padding-left:var(--canon-space-3)}.sm\:cu-pl-4{padding-left:var(--canon-space-4)}.sm\:cu-pl-5{padding-left:var(--canon-space-5)}.sm\:cu-pl-6{padding-left:var(--canon-space-6)}.sm\:cu-pl-7{padding-left:var(--canon-space-7)}.sm\:cu-pl-8{padding-left:var(--canon-space-8)}.sm\:cu-pl-9{padding-left:var(--canon-space-9)}.sm\:cu-pl-10{padding-left:var(--canon-space-10)}.sm\:cu-pl-11{padding-left:var(--canon-space-11)}.sm\:cu-pl-12{padding-left:var(--canon-space-12)}.sm\:cu-pl-13{padding-left:var(--canon-space-13)}.sm\:cu-pl-14{padding-left:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-pl{padding-left:var(--pl-md)}.md\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.md\:cu-pl-1{padding-left:var(--canon-space-1)}.md\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.md\:cu-pl-2{padding-left:var(--canon-space-2)}.md\:cu-pl-3{padding-left:var(--canon-space-3)}.md\:cu-pl-4{padding-left:var(--canon-space-4)}.md\:cu-pl-5{padding-left:var(--canon-space-5)}.md\:cu-pl-6{padding-left:var(--canon-space-6)}.md\:cu-pl-7{padding-left:var(--canon-space-7)}.md\:cu-pl-8{padding-left:var(--canon-space-8)}.md\:cu-pl-9{padding-left:var(--canon-space-9)}.md\:cu-pl-10{padding-left:var(--canon-space-10)}.md\:cu-pl-11{padding-left:var(--canon-space-11)}.md\:cu-pl-12{padding-left:var(--canon-space-12)}.md\:cu-pl-13{padding-left:var(--canon-space-13)}.md\:cu-pl-14{padding-left:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-pl{padding-left:var(--pl-lg)}.lg\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.lg\:cu-pl-1{padding-left:var(--canon-space-1)}.lg\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.lg\:cu-pl-2{padding-left:var(--canon-space-2)}.lg\:cu-pl-3{padding-left:var(--canon-space-3)}.lg\:cu-pl-4{padding-left:var(--canon-space-4)}.lg\:cu-pl-5{padding-left:var(--canon-space-5)}.lg\:cu-pl-6{padding-left:var(--canon-space-6)}.lg\:cu-pl-7{padding-left:var(--canon-space-7)}.lg\:cu-pl-8{padding-left:var(--canon-space-8)}.lg\:cu-pl-9{padding-left:var(--canon-space-9)}.lg\:cu-pl-10{padding-left:var(--canon-space-10)}.lg\:cu-pl-11{padding-left:var(--canon-space-11)}.lg\:cu-pl-12{padding-left:var(--canon-space-12)}.lg\:cu-pl-13{padding-left:var(--canon-space-13)}.lg\:cu-pl-14{padding-left:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-pl{padding-left:var(--pl-xl)}.xl\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.xl\:cu-pl-1{padding-left:var(--canon-space-1)}.xl\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.xl\:cu-pl-2{padding-left:var(--canon-space-2)}.xl\:cu-pl-3{padding-left:var(--canon-space-3)}.xl\:cu-pl-4{padding-left:var(--canon-space-4)}.xl\:cu-pl-5{padding-left:var(--canon-space-5)}.xl\:cu-pl-6{padding-left:var(--canon-space-6)}.xl\:cu-pl-7{padding-left:var(--canon-space-7)}.xl\:cu-pl-8{padding-left:var(--canon-space-8)}.xl\:cu-pl-9{padding-left:var(--canon-space-9)}.xl\:cu-pl-10{padding-left:var(--canon-space-10)}.xl\:cu-pl-11{padding-left:var(--canon-space-11)}.xl\:cu-pl-12{padding-left:var(--canon-space-12)}.xl\:cu-pl-13{padding-left:var(--canon-space-13)}.xl\:cu-pl-14{padding-left:var(--canon-space-14)}}.cu-pr{padding-right:var(--pr)}.cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.cu-pr-1{padding-right:var(--canon-space-1)}.cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.cu-pr-2{padding-right:var(--canon-space-2)}.cu-pr-3{padding-right:var(--canon-space-3)}.cu-pr-4{padding-right:var(--canon-space-4)}.cu-pr-5{padding-right:var(--canon-space-5)}.cu-pr-6{padding-right:var(--canon-space-6)}.cu-pr-7{padding-right:var(--canon-space-7)}.cu-pr-8{padding-right:var(--canon-space-8)}.cu-pr-9{padding-right:var(--canon-space-9)}.cu-pr-10{padding-right:var(--canon-space-10)}.cu-pr-11{padding-right:var(--canon-space-11)}.cu-pr-12{padding-right:var(--canon-space-12)}.cu-pr-13{padding-right:var(--canon-space-13)}.cu-pr-14{padding-right:var(--canon-space-14)}@media (width>=640px){.xs\:cu-pr{padding-right:var(--pr-xs)}.xs\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.xs\:cu-pr-1{padding-right:var(--canon-space-1)}.xs\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.xs\:cu-pr-2{padding-right:var(--canon-space-2)}.xs\:cu-pr-3{padding-right:var(--canon-space-3)}.xs\:cu-pr-4{padding-right:var(--canon-space-4)}.xs\:cu-pr-5{padding-right:var(--canon-space-5)}.xs\:cu-pr-6{padding-right:var(--canon-space-6)}.xs\:cu-pr-7{padding-right:var(--canon-space-7)}.xs\:cu-pr-8{padding-right:var(--canon-space-8)}.xs\:cu-pr-9{padding-right:var(--canon-space-9)}.xs\:cu-pr-10{padding-right:var(--canon-space-10)}.xs\:cu-pr-11{padding-right:var(--canon-space-11)}.xs\:cu-pr-12{padding-right:var(--canon-space-12)}.xs\:cu-pr-13{padding-right:var(--canon-space-13)}.xs\:cu-pr-14{padding-right:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-pr{padding-right:var(--pr-sm)}.sm\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.sm\:cu-pr-1{padding-right:var(--canon-space-1)}.sm\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.sm\:cu-pr-2{padding-right:var(--canon-space-2)}.sm\:cu-pr-3{padding-right:var(--canon-space-3)}.sm\:cu-pr-4{padding-right:var(--canon-space-4)}.sm\:cu-pr-5{padding-right:var(--canon-space-5)}.sm\:cu-pr-6{padding-right:var(--canon-space-6)}.sm\:cu-pr-7{padding-right:var(--canon-space-7)}.sm\:cu-pr-8{padding-right:var(--canon-space-8)}.sm\:cu-pr-9{padding-right:var(--canon-space-9)}.sm\:cu-pr-10{padding-right:var(--canon-space-10)}.sm\:cu-pr-11{padding-right:var(--canon-space-11)}.sm\:cu-pr-12{padding-right:var(--canon-space-12)}.sm\:cu-pr-13{padding-right:var(--canon-space-13)}.sm\:cu-pr-14{padding-right:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-pr{padding-right:var(--pr-md)}.md\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.md\:cu-pr-1{padding-right:var(--canon-space-1)}.md\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.md\:cu-pr-2{padding-right:var(--canon-space-2)}.md\:cu-pr-3{padding-right:var(--canon-space-3)}.md\:cu-pr-4{padding-right:var(--canon-space-4)}.md\:cu-pr-5{padding-right:var(--canon-space-5)}.md\:cu-pr-6{padding-right:var(--canon-space-6)}.md\:cu-pr-7{padding-right:var(--canon-space-7)}.md\:cu-pr-8{padding-right:var(--canon-space-8)}.md\:cu-pr-9{padding-right:var(--canon-space-9)}.md\:cu-pr-10{padding-right:var(--canon-space-10)}.md\:cu-pr-11{padding-right:var(--canon-space-11)}.md\:cu-pr-12{padding-right:var(--canon-space-12)}.md\:cu-pr-13{padding-right:var(--canon-space-13)}.md\:cu-pr-14{padding-right:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-pr{padding-right:var(--pr-lg)}.lg\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.lg\:cu-pr-1{padding-right:var(--canon-space-1)}.lg\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.lg\:cu-pr-2{padding-right:var(--canon-space-2)}.lg\:cu-pr-3{padding-right:var(--canon-space-3)}.lg\:cu-pr-4{padding-right:var(--canon-space-4)}.lg\:cu-pr-5{padding-right:var(--canon-space-5)}.lg\:cu-pr-6{padding-right:var(--canon-space-6)}.lg\:cu-pr-7{padding-right:var(--canon-space-7)}.lg\:cu-pr-8{padding-right:var(--canon-space-8)}.lg\:cu-pr-9{padding-right:var(--canon-space-9)}.lg\:cu-pr-10{padding-right:var(--canon-space-10)}.lg\:cu-pr-11{padding-right:var(--canon-space-11)}.lg\:cu-pr-12{padding-right:var(--canon-space-12)}.lg\:cu-pr-13{padding-right:var(--canon-space-13)}.lg\:cu-pr-14{padding-right:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-pr{padding-right:var(--pr-xl)}.xl\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.xl\:cu-pr-1{padding-right:var(--canon-space-1)}.xl\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.xl\:cu-pr-2{padding-right:var(--canon-space-2)}.xl\:cu-pr-3{padding-right:var(--canon-space-3)}.xl\:cu-pr-4{padding-right:var(--canon-space-4)}.xl\:cu-pr-5{padding-right:var(--canon-space-5)}.xl\:cu-pr-6{padding-right:var(--canon-space-6)}.xl\:cu-pr-7{padding-right:var(--canon-space-7)}.xl\:cu-pr-8{padding-right:var(--canon-space-8)}.xl\:cu-pr-9{padding-right:var(--canon-space-9)}.xl\:cu-pr-10{padding-right:var(--canon-space-10)}.xl\:cu-pr-11{padding-right:var(--canon-space-11)}.xl\:cu-pr-12{padding-right:var(--canon-space-12)}.xl\:cu-pr-13{padding-right:var(--canon-space-13)}.xl\:cu-pr-14{padding-right:var(--canon-space-14)}}.cu-pt{padding-top:var(--pt)}.cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.cu-pt-1{padding-top:var(--canon-space-1)}.cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.cu-pt-2{padding-top:var(--canon-space-2)}.cu-pt-3{padding-top:var(--canon-space-3)}.cu-pt-4{padding-top:var(--canon-space-4)}.cu-pt-5{padding-top:var(--canon-space-5)}.cu-pt-6{padding-top:var(--canon-space-6)}.cu-pt-7{padding-top:var(--canon-space-7)}.cu-pt-8{padding-top:var(--canon-space-8)}.cu-pt-9{padding-top:var(--canon-space-9)}.cu-pt-10{padding-top:var(--canon-space-10)}.cu-pt-11{padding-top:var(--canon-space-11)}.cu-pt-12{padding-top:var(--canon-space-12)}.cu-pt-13{padding-top:var(--canon-space-13)}.cu-pt-14{padding-top:var(--canon-space-14)}@media (width>=640px){.xs\:cu-pt{padding-top:var(--pt-xs)}.xs\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.xs\:cu-pt-1{padding-top:var(--canon-space-1)}.xs\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.xs\:cu-pt-2{padding-top:var(--canon-space-2)}.xs\:cu-pt-3{padding-top:var(--canon-space-3)}.xs\:cu-pt-4{padding-top:var(--canon-space-4)}.xs\:cu-pt-5{padding-top:var(--canon-space-5)}.xs\:cu-pt-6{padding-top:var(--canon-space-6)}.xs\:cu-pt-7{padding-top:var(--canon-space-7)}.xs\:cu-pt-8{padding-top:var(--canon-space-8)}.xs\:cu-pt-9{padding-top:var(--canon-space-9)}.xs\:cu-pt-10{padding-top:var(--canon-space-10)}.xs\:cu-pt-11{padding-top:var(--canon-space-11)}.xs\:cu-pt-12{padding-top:var(--canon-space-12)}.xs\:cu-pt-13{padding-top:var(--canon-space-13)}.xs\:cu-pt-14{padding-top:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-pt{padding-top:var(--pt-sm)}.sm\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.sm\:cu-pt-1{padding-top:var(--canon-space-1)}.sm\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.sm\:cu-pt-2{padding-top:var(--canon-space-2)}.sm\:cu-pt-3{padding-top:var(--canon-space-3)}.sm\:cu-pt-4{padding-top:var(--canon-space-4)}.sm\:cu-pt-5{padding-top:var(--canon-space-5)}.sm\:cu-pt-6{padding-top:var(--canon-space-6)}.sm\:cu-pt-7{padding-top:var(--canon-space-7)}.sm\:cu-pt-8{padding-top:var(--canon-space-8)}.sm\:cu-pt-9{padding-top:var(--canon-space-9)}.sm\:cu-pt-10{padding-top:var(--canon-space-10)}.sm\:cu-pt-11{padding-top:var(--canon-space-11)}.sm\:cu-pt-12{padding-top:var(--canon-space-12)}.sm\:cu-pt-13{padding-top:var(--canon-space-13)}.sm\:cu-pt-14{padding-top:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-pt{padding-top:var(--pt-md)}.md\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.md\:cu-pt-1{padding-top:var(--canon-space-1)}.md\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.md\:cu-pt-2{padding-top:var(--canon-space-2)}.md\:cu-pt-3{padding-top:var(--canon-space-3)}.md\:cu-pt-4{padding-top:var(--canon-space-4)}.md\:cu-pt-5{padding-top:var(--canon-space-5)}.md\:cu-pt-6{padding-top:var(--canon-space-6)}.md\:cu-pt-7{padding-top:var(--canon-space-7)}.md\:cu-pt-8{padding-top:var(--canon-space-8)}.md\:cu-pt-9{padding-top:var(--canon-space-9)}.md\:cu-pt-10{padding-top:var(--canon-space-10)}.md\:cu-pt-11{padding-top:var(--canon-space-11)}.md\:cu-pt-12{padding-top:var(--canon-space-12)}.md\:cu-pt-13{padding-top:var(--canon-space-13)}.md\:cu-pt-14{padding-top:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-pt{padding-top:var(--pt-lg)}.lg\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.lg\:cu-pt-1{padding-top:var(--canon-space-1)}.lg\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.lg\:cu-pt-2{padding-top:var(--canon-space-2)}.lg\:cu-pt-3{padding-top:var(--canon-space-3)}.lg\:cu-pt-4{padding-top:var(--canon-space-4)}.lg\:cu-pt-5{padding-top:var(--canon-space-5)}.lg\:cu-pt-6{padding-top:var(--canon-space-6)}.lg\:cu-pt-7{padding-top:var(--canon-space-7)}.lg\:cu-pt-8{padding-top:var(--canon-space-8)}.lg\:cu-pt-9{padding-top:var(--canon-space-9)}.lg\:cu-pt-10{padding-top:var(--canon-space-10)}.lg\:cu-pt-11{padding-top:var(--canon-space-11)}.lg\:cu-pt-12{padding-top:var(--canon-space-12)}.lg\:cu-pt-13{padding-top:var(--canon-space-13)}.lg\:cu-pt-14{padding-top:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-pt{padding-top:var(--pt-xl)}.xl\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.xl\:cu-pt-1{padding-top:var(--canon-space-1)}.xl\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.xl\:cu-pt-2{padding-top:var(--canon-space-2)}.xl\:cu-pt-3{padding-top:var(--canon-space-3)}.xl\:cu-pt-4{padding-top:var(--canon-space-4)}.xl\:cu-pt-5{padding-top:var(--canon-space-5)}.xl\:cu-pt-6{padding-top:var(--canon-space-6)}.xl\:cu-pt-7{padding-top:var(--canon-space-7)}.xl\:cu-pt-8{padding-top:var(--canon-space-8)}.xl\:cu-pt-9{padding-top:var(--canon-space-9)}.xl\:cu-pt-10{padding-top:var(--canon-space-10)}.xl\:cu-pt-11{padding-top:var(--canon-space-11)}.xl\:cu-pt-12{padding-top:var(--canon-space-12)}.xl\:cu-pt-13{padding-top:var(--canon-space-13)}.xl\:cu-pt-14{padding-top:var(--canon-space-14)}}.cu-pb{padding-bottom:var(--pb)}.cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.cu-pb-1{padding-bottom:var(--canon-space-1)}.cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.cu-pb-2{padding-bottom:var(--canon-space-2)}.cu-pb-3{padding-bottom:var(--canon-space-3)}.cu-pb-4{padding-bottom:var(--canon-space-4)}.cu-pb-5{padding-bottom:var(--canon-space-5)}.cu-pb-6{padding-bottom:var(--canon-space-6)}.cu-pb-7{padding-bottom:var(--canon-space-7)}.cu-pb-8{padding-bottom:var(--canon-space-8)}.cu-pb-9{padding-bottom:var(--canon-space-9)}.cu-pb-10{padding-bottom:var(--canon-space-10)}.cu-pb-11{padding-bottom:var(--canon-space-11)}.cu-pb-12{padding-bottom:var(--canon-space-12)}.cu-pb-13{padding-bottom:var(--canon-space-13)}.cu-pb-14{padding-bottom:var(--canon-space-14)}@media (width>=640px){.xs\:cu-pb{padding-bottom:var(--pb-xs)}.xs\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.xs\:cu-pb-1{padding-bottom:var(--canon-space-1)}.xs\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.xs\:cu-pb-2{padding-bottom:var(--canon-space-2)}.xs\:cu-pb-3{padding-bottom:var(--canon-space-3)}.xs\:cu-pb-4{padding-bottom:var(--canon-space-4)}.xs\:cu-pb-5{padding-bottom:var(--canon-space-5)}.xs\:cu-pb-6{padding-bottom:var(--canon-space-6)}.xs\:cu-pb-7{padding-bottom:var(--canon-space-7)}.xs\:cu-pb-8{padding-bottom:var(--canon-space-8)}.xs\:cu-pb-9{padding-bottom:var(--canon-space-9)}.xs\:cu-pb-10{padding-bottom:var(--canon-space-10)}.xs\:cu-pb-11{padding-bottom:var(--canon-space-11)}.xs\:cu-pb-12{padding-bottom:var(--canon-space-12)}.xs\:cu-pb-13{padding-bottom:var(--canon-space-13)}.xs\:cu-pb-14{padding-bottom:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-pb{padding-bottom:var(--pb-sm)}.sm\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.sm\:cu-pb-1{padding-bottom:var(--canon-space-1)}.sm\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.sm\:cu-pb-2{padding-bottom:var(--canon-space-2)}.sm\:cu-pb-3{padding-bottom:var(--canon-space-3)}.sm\:cu-pb-4{padding-bottom:var(--canon-space-4)}.sm\:cu-pb-5{padding-bottom:var(--canon-space-5)}.sm\:cu-pb-6{padding-bottom:var(--canon-space-6)}.sm\:cu-pb-7{padding-bottom:var(--canon-space-7)}.sm\:cu-pb-8{padding-bottom:var(--canon-space-8)}.sm\:cu-pb-9{padding-bottom:var(--canon-space-9)}.sm\:cu-pb-10{padding-bottom:var(--canon-space-10)}.sm\:cu-pb-11{padding-bottom:var(--canon-space-11)}.sm\:cu-pb-12{padding-bottom:var(--canon-space-12)}.sm\:cu-pb-13{padding-bottom:var(--canon-space-13)}.sm\:cu-pb-14{padding-bottom:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-pb{padding-bottom:var(--pb-md)}.md\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.md\:cu-pb-1{padding-bottom:var(--canon-space-1)}.md\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.md\:cu-pb-2{padding-bottom:var(--canon-space-2)}.md\:cu-pb-3{padding-bottom:var(--canon-space-3)}.md\:cu-pb-4{padding-bottom:var(--canon-space-4)}.md\:cu-pb-5{padding-bottom:var(--canon-space-5)}.md\:cu-pb-6{padding-bottom:var(--canon-space-6)}.md\:cu-pb-7{padding-bottom:var(--canon-space-7)}.md\:cu-pb-8{padding-bottom:var(--canon-space-8)}.md\:cu-pb-9{padding-bottom:var(--canon-space-9)}.md\:cu-pb-10{padding-bottom:var(--canon-space-10)}.md\:cu-pb-11{padding-bottom:var(--canon-space-11)}.md\:cu-pb-12{padding-bottom:var(--canon-space-12)}.md\:cu-pb-13{padding-bottom:var(--canon-space-13)}.md\:cu-pb-14{padding-bottom:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-pb{padding-bottom:var(--pb-lg)}.lg\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.lg\:cu-pb-1{padding-bottom:var(--canon-space-1)}.lg\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.lg\:cu-pb-2{padding-bottom:var(--canon-space-2)}.lg\:cu-pb-3{padding-bottom:var(--canon-space-3)}.lg\:cu-pb-4{padding-bottom:var(--canon-space-4)}.lg\:cu-pb-5{padding-bottom:var(--canon-space-5)}.lg\:cu-pb-6{padding-bottom:var(--canon-space-6)}.lg\:cu-pb-7{padding-bottom:var(--canon-space-7)}.lg\:cu-pb-8{padding-bottom:var(--canon-space-8)}.lg\:cu-pb-9{padding-bottom:var(--canon-space-9)}.lg\:cu-pb-10{padding-bottom:var(--canon-space-10)}.lg\:cu-pb-11{padding-bottom:var(--canon-space-11)}.lg\:cu-pb-12{padding-bottom:var(--canon-space-12)}.lg\:cu-pb-13{padding-bottom:var(--canon-space-13)}.lg\:cu-pb-14{padding-bottom:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-pb{padding-bottom:var(--pb-xl)}.xl\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.xl\:cu-pb-1{padding-bottom:var(--canon-space-1)}.xl\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.xl\:cu-pb-2{padding-bottom:var(--canon-space-2)}.xl\:cu-pb-3{padding-bottom:var(--canon-space-3)}.xl\:cu-pb-4{padding-bottom:var(--canon-space-4)}.xl\:cu-pb-5{padding-bottom:var(--canon-space-5)}.xl\:cu-pb-6{padding-bottom:var(--canon-space-6)}.xl\:cu-pb-7{padding-bottom:var(--canon-space-7)}.xl\:cu-pb-8{padding-bottom:var(--canon-space-8)}.xl\:cu-pb-9{padding-bottom:var(--canon-space-9)}.xl\:cu-pb-10{padding-bottom:var(--canon-space-10)}.xl\:cu-pb-11{padding-bottom:var(--canon-space-11)}.xl\:cu-pb-12{padding-bottom:var(--canon-space-12)}.xl\:cu-pb-13{padding-bottom:var(--canon-space-13)}.xl\:cu-pb-14{padding-bottom:var(--canon-space-14)}}.cu-py{padding-top:var(--py);padding-bottom:var(--py)}.cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}@media (width>=640px){.xs\:cu-py{padding-top:var(--py-xs);padding-bottom:var(--py-xs)}.xs\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.xs\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.xs\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.xs\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.xs\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.xs\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.xs\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.xs\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.xs\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.xs\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.xs\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.xs\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.xs\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.xs\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.xs\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.xs\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-py{padding-top:var(--py-sm);padding-bottom:var(--py-sm)}.sm\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.sm\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.sm\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.sm\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.sm\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.sm\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.sm\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.sm\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.sm\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.sm\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.sm\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.sm\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.sm\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.sm\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.sm\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.sm\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-py{padding-top:var(--py-md);padding-bottom:var(--py-md)}.md\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.md\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.md\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.md\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.md\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.md\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.md\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.md\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.md\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.md\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.md\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.md\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.md\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.md\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.md\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.md\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-py{padding-top:var(--py-lg);padding-bottom:var(--py-lg)}.lg\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.lg\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.lg\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.lg\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.lg\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.lg\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.lg\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.lg\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.lg\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.lg\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.lg\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.lg\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.lg\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.lg\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.lg\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.lg\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-py{padding-top:var(--py-xl);padding-bottom:var(--py-xl)}.xl\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.xl\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.xl\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.xl\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.xl\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.xl\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.xl\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.xl\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.xl\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.xl\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.xl\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.xl\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.xl\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.xl\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.xl\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.xl\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}.cu-px{padding-left:var(--px);padding-right:var(--px)}.cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}@media (width>=640px){.xs\:cu-px{padding-left:var(--px-xs);padding-right:var(--px-xs)}.xs\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.xs\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.xs\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.xs\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.xs\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.xs\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.xs\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.xs\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.xs\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.xs\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.xs\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.xs\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.xs\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.xs\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.xs\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.xs\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-px{padding-left:var(--px-sm);padding-right:var(--px-sm)}.sm\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.sm\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.sm\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.sm\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.sm\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.sm\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.sm\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.sm\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.sm\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.sm\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.sm\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.sm\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.sm\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.sm\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.sm\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.sm\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-px{padding-left:var(--px-md);padding-right:var(--px-md)}.md\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.md\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.md\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.md\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.md\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.md\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.md\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.md\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.md\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.md\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.md\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.md\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.md\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.md\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.md\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.md\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-px{padding-left:var(--px-lg);padding-right:var(--px-lg)}.lg\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.lg\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.lg\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.lg\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.lg\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.lg\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.lg\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.lg\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.lg\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.lg\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.lg\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.lg\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.lg\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.lg\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.lg\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.lg\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-px{padding-left:var(--px-xl);padding-right:var(--px-xl)}.xl\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.xl\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.xl\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.xl\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.xl\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.xl\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.xl\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.xl\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.xl\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.xl\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.xl\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.xl\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.xl\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.xl\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.xl\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.xl\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}.cu-m{margin:var(--m)}.cu-m-0\.5{margin:var(--canon-space-0_5)}.cu-m-1{margin:var(--canon-space-1)}.cu-m-1\.5{margin:var(--canon-space-1_5)}.cu-m-2{margin:var(--canon-space-2)}.cu-m-3{margin:var(--canon-space-3)}.cu-m-4{margin:var(--canon-space-4)}.cu-m-5{margin:var(--canon-space-5)}.cu-m-6{margin:var(--canon-space-6)}.cu-m-7{margin:var(--canon-space-7)}.cu-m-8{margin:var(--canon-space-8)}.cu-m-9{margin:var(--canon-space-9)}.cu-m-10{margin:var(--canon-space-10)}.cu-m-11{margin:var(--canon-space-11)}.cu-m-12{margin:var(--canon-space-12)}.cu-m-13{margin:var(--canon-space-13)}.cu-m-14{margin:var(--canon-space-14)}@media (width>=640px){.xs\:cu-m{margin:var(--p-xs)}.xs\:cu-m-0\.5{margin:var(--canon-space-0_5)}.xs\:cu-m-1{margin:var(--canon-space-1)}.xs\:cu-m-1\.5{margin:var(--canon-space-1_5)}.xs\:cu-m-2{margin:var(--canon-space-2)}.xs\:cu-m-3{margin:var(--canon-space-3)}.xs\:cu-m-4{margin:var(--canon-space-4)}.xs\:cu-m-5{margin:var(--canon-space-5)}.xs\:cu-m-6{margin:var(--canon-space-6)}.xs\:cu-m-7{margin:var(--canon-space-7)}.xs\:cu-m-8{margin:var(--canon-space-8)}.xs\:cu-m-9{margin:var(--canon-space-9)}.xs\:cu-m-10{margin:var(--canon-space-10)}.xs\:cu-m-11{margin:var(--canon-space-11)}.xs\:cu-m-12{margin:var(--canon-space-12)}.xs\:cu-m-13{margin:var(--canon-space-13)}.xs\:cu-m-14{margin:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-m{margin:var(--p-sm)}.sm\:cu-m-0\.5{margin:var(--canon-space-0_5)}.sm\:cu-m-1{margin:var(--canon-space-1)}.sm\:cu-m-1\.5{margin:var(--canon-space-1_5)}.sm\:cu-m-2{margin:var(--canon-space-2)}.sm\:cu-m-3{margin:var(--canon-space-3)}.sm\:cu-m-4{margin:var(--canon-space-4)}.sm\:cu-m-5{margin:var(--canon-space-5)}.sm\:cu-m-6{margin:var(--canon-space-6)}.sm\:cu-m-7{margin:var(--canon-space-7)}.sm\:cu-m-8{margin:var(--canon-space-8)}.sm\:cu-m-9{margin:var(--canon-space-9)}.sm\:cu-m-10{margin:var(--canon-space-10)}.sm\:cu-m-11{margin:var(--canon-space-11)}.sm\:cu-m-12{margin:var(--canon-space-12)}.sm\:cu-m-13{margin:var(--canon-space-13)}.sm\:cu-m-14{margin:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-m{margin:var(--p-md)}.md\:cu-m-0\.5{margin:var(--canon-space-0_5)}.md\:cu-m-1{margin:var(--canon-space-1)}.md\:cu-m-1\.5{margin:var(--canon-space-1_5)}.md\:cu-m-2{margin:var(--canon-space-2)}.md\:cu-m-3{margin:var(--canon-space-3)}.md\:cu-m-4{margin:var(--canon-space-4)}.md\:cu-m-5{margin:var(--canon-space-5)}.md\:cu-m-6{margin:var(--canon-space-6)}.md\:cu-m-7{margin:var(--canon-space-7)}.md\:cu-m-8{margin:var(--canon-space-8)}.md\:cu-m-9{margin:var(--canon-space-9)}.md\:cu-m-10{margin:var(--canon-space-10)}.md\:cu-m-11{margin:var(--canon-space-11)}.md\:cu-m-12{margin:var(--canon-space-12)}.md\:cu-m-13{margin:var(--canon-space-13)}.md\:cu-m-14{margin:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-m{margin:var(--p-lg)}.lg\:cu-m-0\.5{margin:var(--canon-space-0_5)}.lg\:cu-m-1{margin:var(--canon-space-1)}.lg\:cu-m-1\.5{margin:var(--canon-space-1_5)}.lg\:cu-m-2{margin:var(--canon-space-2)}.lg\:cu-m-3{margin:var(--canon-space-3)}.lg\:cu-m-4{margin:var(--canon-space-4)}.lg\:cu-m-5{margin:var(--canon-space-5)}.lg\:cu-m-6{margin:var(--canon-space-6)}.lg\:cu-m-7{margin:var(--canon-space-7)}.lg\:cu-m-8{margin:var(--canon-space-8)}.lg\:cu-m-9{margin:var(--canon-space-9)}.lg\:cu-m-10{margin:var(--canon-space-10)}.lg\:cu-m-11{margin:var(--canon-space-11)}.lg\:cu-m-12{margin:var(--canon-space-12)}.lg\:cu-m-13{margin:var(--canon-space-13)}.lg\:cu-m-14{margin:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-m{margin:var(--p-xl)}.xl\:cu-m-0\.5{margin:var(--canon-space-0_5)}.xl\:cu-m-1{margin:var(--canon-space-1)}.xl\:cu-m-1\.5{margin:var(--canon-space-1_5)}.xl\:cu-m-2{margin:var(--canon-space-2)}.xl\:cu-m-3{margin:var(--canon-space-3)}.xl\:cu-m-4{margin:var(--canon-space-4)}.xl\:cu-m-5{margin:var(--canon-space-5)}.xl\:cu-m-6{margin:var(--canon-space-6)}.xl\:cu-m-7{margin:var(--canon-space-7)}.xl\:cu-m-8{margin:var(--canon-space-8)}.xl\:cu-m-9{margin:var(--canon-space-9)}.xl\:cu-m-10{margin:var(--canon-space-10)}.xl\:cu-m-11{margin:var(--canon-space-11)}.xl\:cu-m-12{margin:var(--canon-space-12)}.xl\:cu-m-13{margin:var(--canon-space-13)}.xl\:cu-m-14{margin:var(--canon-space-14)}}.cu-ml{margin-left:var(--ml)}.cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.cu-ml-1{margin-left:var(--canon-space-1)}.cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.cu-ml-2{margin-left:var(--canon-space-2)}.cu-ml-3{margin-left:var(--canon-space-3)}.cu-ml-4{margin-left:var(--canon-space-4)}.cu-ml-5{margin-left:var(--canon-space-5)}.cu-ml-6{margin-left:var(--canon-space-6)}.cu-ml-7{margin-left:var(--canon-space-7)}.cu-ml-8{margin-left:var(--canon-space-8)}.cu-ml-9{margin-left:var(--canon-space-9)}.cu-ml-10{margin-left:var(--canon-space-10)}.cu-ml-11{margin-left:var(--canon-space-11)}.cu-ml-12{margin-left:var(--canon-space-12)}.cu-ml-13{margin-left:var(--canon-space-13)}.cu-ml-14{margin-left:var(--canon-space-14)}@media (width>=640px){.xs\:cu-ml{margin-left:var(--pl-xs)}.xs\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.xs\:cu-ml-1{margin-left:var(--canon-space-1)}.xs\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.xs\:cu-ml-2{margin-left:var(--canon-space-2)}.xs\:cu-ml-3{margin-left:var(--canon-space-3)}.xs\:cu-ml-4{margin-left:var(--canon-space-4)}.xs\:cu-ml-5{margin-left:var(--canon-space-5)}.xs\:cu-ml-6{margin-left:var(--canon-space-6)}.xs\:cu-ml-7{margin-left:var(--canon-space-7)}.xs\:cu-ml-8{margin-left:var(--canon-space-8)}.xs\:cu-ml-9{margin-left:var(--canon-space-9)}.xs\:cu-ml-10{margin-left:var(--canon-space-10)}.xs\:cu-ml-11{margin-left:var(--canon-space-11)}.xs\:cu-ml-12{margin-left:var(--canon-space-12)}.xs\:cu-ml-13{margin-left:var(--canon-space-13)}.xs\:cu-ml-14{margin-left:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-ml{margin-left:var(--pl-sm)}.sm\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.sm\:cu-ml-1{margin-left:var(--canon-space-1)}.sm\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.sm\:cu-ml-2{margin-left:var(--canon-space-2)}.sm\:cu-ml-3{margin-left:var(--canon-space-3)}.sm\:cu-ml-4{margin-left:var(--canon-space-4)}.sm\:cu-ml-5{margin-left:var(--canon-space-5)}.sm\:cu-ml-6{margin-left:var(--canon-space-6)}.sm\:cu-ml-7{margin-left:var(--canon-space-7)}.sm\:cu-ml-8{margin-left:var(--canon-space-8)}.sm\:cu-ml-9{margin-left:var(--canon-space-9)}.sm\:cu-ml-10{margin-left:var(--canon-space-10)}.sm\:cu-ml-11{margin-left:var(--canon-space-11)}.sm\:cu-ml-12{margin-left:var(--canon-space-12)}.sm\:cu-ml-13{margin-left:var(--canon-space-13)}.sm\:cu-ml-14{margin-left:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-ml{margin-left:var(--pl-md)}.md\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.md\:cu-ml-1{margin-left:var(--canon-space-1)}.md\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.md\:cu-ml-2{margin-left:var(--canon-space-2)}.md\:cu-ml-3{margin-left:var(--canon-space-3)}.md\:cu-ml-4{margin-left:var(--canon-space-4)}.md\:cu-ml-5{margin-left:var(--canon-space-5)}.md\:cu-ml-6{margin-left:var(--canon-space-6)}.md\:cu-ml-7{margin-left:var(--canon-space-7)}.md\:cu-ml-8{margin-left:var(--canon-space-8)}.md\:cu-ml-9{margin-left:var(--canon-space-9)}.md\:cu-ml-10{margin-left:var(--canon-space-10)}.md\:cu-ml-11{margin-left:var(--canon-space-11)}.md\:cu-ml-12{margin-left:var(--canon-space-12)}.md\:cu-ml-13{margin-left:var(--canon-space-13)}.md\:cu-ml-14{margin-left:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-ml{margin-left:var(--pl-lg)}.lg\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.lg\:cu-ml-1{margin-left:var(--canon-space-1)}.lg\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.lg\:cu-ml-2{margin-left:var(--canon-space-2)}.lg\:cu-ml-3{margin-left:var(--canon-space-3)}.lg\:cu-ml-4{margin-left:var(--canon-space-4)}.lg\:cu-ml-5{margin-left:var(--canon-space-5)}.lg\:cu-ml-6{margin-left:var(--canon-space-6)}.lg\:cu-ml-7{margin-left:var(--canon-space-7)}.lg\:cu-ml-8{margin-left:var(--canon-space-8)}.lg\:cu-ml-9{margin-left:var(--canon-space-9)}.lg\:cu-ml-10{margin-left:var(--canon-space-10)}.lg\:cu-ml-11{margin-left:var(--canon-space-11)}.lg\:cu-ml-12{margin-left:var(--canon-space-12)}.lg\:cu-ml-13{margin-left:var(--canon-space-13)}.lg\:cu-ml-14{margin-left:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-ml{margin-left:var(--pl-xl)}.xl\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.xl\:cu-ml-1{margin-left:var(--canon-space-1)}.xl\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.xl\:cu-ml-2{margin-left:var(--canon-space-2)}.xl\:cu-ml-3{margin-left:var(--canon-space-3)}.xl\:cu-ml-4{margin-left:var(--canon-space-4)}.xl\:cu-ml-5{margin-left:var(--canon-space-5)}.xl\:cu-ml-6{margin-left:var(--canon-space-6)}.xl\:cu-ml-7{margin-left:var(--canon-space-7)}.xl\:cu-ml-8{margin-left:var(--canon-space-8)}.xl\:cu-ml-9{margin-left:var(--canon-space-9)}.xl\:cu-ml-10{margin-left:var(--canon-space-10)}.xl\:cu-ml-11{margin-left:var(--canon-space-11)}.xl\:cu-ml-12{margin-left:var(--canon-space-12)}.xl\:cu-ml-13{margin-left:var(--canon-space-13)}.xl\:cu-ml-14{margin-left:var(--canon-space-14)}}.cu-mr{margin-right:var(--mr)}.cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.cu-mr-1{margin-right:var(--canon-space-1)}.cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.cu-mr-2{margin-right:var(--canon-space-2)}.cu-mr-3{margin-right:var(--canon-space-3)}.cu-mr-4{margin-right:var(--canon-space-4)}.cu-mr-5{margin-right:var(--canon-space-5)}.cu-mr-6{margin-right:var(--canon-space-6)}.cu-mr-7{margin-right:var(--canon-space-7)}.cu-mr-8{margin-right:var(--canon-space-8)}.cu-mr-9{margin-right:var(--canon-space-9)}.cu-mr-10{margin-right:var(--canon-space-10)}.cu-mr-11{margin-right:var(--canon-space-11)}.cu-mr-12{margin-right:var(--canon-space-12)}.cu-mr-13{margin-right:var(--canon-space-13)}.cu-mr-14{margin-right:var(--canon-space-14)}@media (width>=640px){.xs\:cu-mr{margin-right:var(--pr-xs)}.xs\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.xs\:cu-mr-1{margin-right:var(--canon-space-1)}.xs\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.xs\:cu-mr-2{margin-right:var(--canon-space-2)}.xs\:cu-mr-3{margin-right:var(--canon-space-3)}.xs\:cu-mr-4{margin-right:var(--canon-space-4)}.xs\:cu-mr-5{margin-right:var(--canon-space-5)}.xs\:cu-mr-6{margin-right:var(--canon-space-6)}.xs\:cu-mr-7{margin-right:var(--canon-space-7)}.xs\:cu-mr-8{margin-right:var(--canon-space-8)}.xs\:cu-mr-9{margin-right:var(--canon-space-9)}.xs\:cu-mr-10{margin-right:var(--canon-space-10)}.xs\:cu-mr-11{margin-right:var(--canon-space-11)}.xs\:cu-mr-12{margin-right:var(--canon-space-12)}.xs\:cu-mr-13{margin-right:var(--canon-space-13)}.xs\:cu-mr-14{margin-right:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-mr{margin-right:var(--pr-sm)}.sm\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.sm\:cu-mr-1{margin-right:var(--canon-space-1)}.sm\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.sm\:cu-mr-2{margin-right:var(--canon-space-2)}.sm\:cu-mr-3{margin-right:var(--canon-space-3)}.sm\:cu-mr-4{margin-right:var(--canon-space-4)}.sm\:cu-mr-5{margin-right:var(--canon-space-5)}.sm\:cu-mr-6{margin-right:var(--canon-space-6)}.sm\:cu-mr-7{margin-right:var(--canon-space-7)}.sm\:cu-mr-8{margin-right:var(--canon-space-8)}.sm\:cu-mr-9{margin-right:var(--canon-space-9)}.sm\:cu-mr-10{margin-right:var(--canon-space-10)}.sm\:cu-mr-11{margin-right:var(--canon-space-11)}.sm\:cu-mr-12{margin-right:var(--canon-space-12)}.sm\:cu-mr-13{margin-right:var(--canon-space-13)}.sm\:cu-mr-14{margin-right:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-mr{margin-right:var(--pr-md)}.md\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.md\:cu-mr-1{margin-right:var(--canon-space-1)}.md\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.md\:cu-mr-2{margin-right:var(--canon-space-2)}.md\:cu-mr-3{margin-right:var(--canon-space-3)}.md\:cu-mr-4{margin-right:var(--canon-space-4)}.md\:cu-mr-5{margin-right:var(--canon-space-5)}.md\:cu-mr-6{margin-right:var(--canon-space-6)}.md\:cu-mr-7{margin-right:var(--canon-space-7)}.md\:cu-mr-8{margin-right:var(--canon-space-8)}.md\:cu-mr-9{margin-right:var(--canon-space-9)}.md\:cu-mr-10{margin-right:var(--canon-space-10)}.md\:cu-mr-11{margin-right:var(--canon-space-11)}.md\:cu-mr-12{margin-right:var(--canon-space-12)}.md\:cu-mr-13{margin-right:var(--canon-space-13)}.md\:cu-mr-14{margin-right:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-mr{margin-right:var(--pr-lg)}.lg\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.lg\:cu-mr-1{margin-right:var(--canon-space-1)}.lg\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.lg\:cu-mr-2{margin-right:var(--canon-space-2)}.lg\:cu-mr-3{margin-right:var(--canon-space-3)}.lg\:cu-mr-4{margin-right:var(--canon-space-4)}.lg\:cu-mr-5{margin-right:var(--canon-space-5)}.lg\:cu-mr-6{margin-right:var(--canon-space-6)}.lg\:cu-mr-7{margin-right:var(--canon-space-7)}.lg\:cu-mr-8{margin-right:var(--canon-space-8)}.lg\:cu-mr-9{margin-right:var(--canon-space-9)}.lg\:cu-mr-10{margin-right:var(--canon-space-10)}.lg\:cu-mr-11{margin-right:var(--canon-space-11)}.lg\:cu-mr-12{margin-right:var(--canon-space-12)}.lg\:cu-mr-13{margin-right:var(--canon-space-13)}.lg\:cu-mr-14{margin-right:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-mr{margin-right:var(--pr-xl)}.xl\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.xl\:cu-mr-1{margin-right:var(--canon-space-1)}.xl\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.xl\:cu-mr-2{margin-right:var(--canon-space-2)}.xl\:cu-mr-3{margin-right:var(--canon-space-3)}.xl\:cu-mr-4{margin-right:var(--canon-space-4)}.xl\:cu-mr-5{margin-right:var(--canon-space-5)}.xl\:cu-mr-6{margin-right:var(--canon-space-6)}.xl\:cu-mr-7{margin-right:var(--canon-space-7)}.xl\:cu-mr-8{margin-right:var(--canon-space-8)}.xl\:cu-mr-9{margin-right:var(--canon-space-9)}.xl\:cu-mr-10{margin-right:var(--canon-space-10)}.xl\:cu-mr-11{margin-right:var(--canon-space-11)}.xl\:cu-mr-12{margin-right:var(--canon-space-12)}.xl\:cu-mr-13{margin-right:var(--canon-space-13)}.xl\:cu-mr-14{margin-right:var(--canon-space-14)}}.cu-mt{margin-top:var(--mt)}.cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.cu-mt-1{margin-top:var(--canon-space-1)}.cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.cu-mt-2{margin-top:var(--canon-space-2)}.cu-mt-3{margin-top:var(--canon-space-3)}.cu-mt-4{margin-top:var(--canon-space-4)}.cu-mt-5{margin-top:var(--canon-space-5)}.cu-mt-6{margin-top:var(--canon-space-6)}.cu-mt-7{margin-top:var(--canon-space-7)}.cu-mt-8{margin-top:var(--canon-space-8)}.cu-mt-9{margin-top:var(--canon-space-9)}.cu-mt-10{margin-top:var(--canon-space-10)}.cu-mt-11{margin-top:var(--canon-space-11)}.cu-mt-12{margin-top:var(--canon-space-12)}.cu-mt-13{margin-top:var(--canon-space-13)}.cu-mt-14{margin-top:var(--canon-space-14)}@media (width>=640px){.xs\:cu-mt{margin-top:var(--pt-xs)}.xs\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.xs\:cu-mt-1{margin-top:var(--canon-space-1)}.xs\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.xs\:cu-mt-2{margin-top:var(--canon-space-2)}.xs\:cu-mt-3{margin-top:var(--canon-space-3)}.xs\:cu-mt-4{margin-top:var(--canon-space-4)}.xs\:cu-mt-5{margin-top:var(--canon-space-5)}.xs\:cu-mt-6{margin-top:var(--canon-space-6)}.xs\:cu-mt-7{margin-top:var(--canon-space-7)}.xs\:cu-mt-8{margin-top:var(--canon-space-8)}.xs\:cu-mt-9{margin-top:var(--canon-space-9)}.xs\:cu-mt-10{margin-top:var(--canon-space-10)}.xs\:cu-mt-11{margin-top:var(--canon-space-11)}.xs\:cu-mt-12{margin-top:var(--canon-space-12)}.xs\:cu-mt-13{margin-top:var(--canon-space-13)}.xs\:cu-mt-14{margin-top:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-mt{margin-top:var(--pt-sm)}.sm\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.sm\:cu-mt-1{margin-top:var(--canon-space-1)}.sm\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.sm\:cu-mt-2{margin-top:var(--canon-space-2)}.sm\:cu-mt-3{margin-top:var(--canon-space-3)}.sm\:cu-mt-4{margin-top:var(--canon-space-4)}.sm\:cu-mt-5{margin-top:var(--canon-space-5)}.sm\:cu-mt-6{margin-top:var(--canon-space-6)}.sm\:cu-mt-7{margin-top:var(--canon-space-7)}.sm\:cu-mt-8{margin-top:var(--canon-space-8)}.sm\:cu-mt-9{margin-top:var(--canon-space-9)}.sm\:cu-mt-10{margin-top:var(--canon-space-10)}.sm\:cu-mt-11{margin-top:var(--canon-space-11)}.sm\:cu-mt-12{margin-top:var(--canon-space-12)}.sm\:cu-mt-13{margin-top:var(--canon-space-13)}.sm\:cu-mt-14{margin-top:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-mt{margin-top:var(--pt-md)}.md\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.md\:cu-mt-1{margin-top:var(--canon-space-1)}.md\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.md\:cu-mt-2{margin-top:var(--canon-space-2)}.md\:cu-mt-3{margin-top:var(--canon-space-3)}.md\:cu-mt-4{margin-top:var(--canon-space-4)}.md\:cu-mt-5{margin-top:var(--canon-space-5)}.md\:cu-mt-6{margin-top:var(--canon-space-6)}.md\:cu-mt-7{margin-top:var(--canon-space-7)}.md\:cu-mt-8{margin-top:var(--canon-space-8)}.md\:cu-mt-9{margin-top:var(--canon-space-9)}.md\:cu-mt-10{margin-top:var(--canon-space-10)}.md\:cu-mt-11{margin-top:var(--canon-space-11)}.md\:cu-mt-12{margin-top:var(--canon-space-12)}.md\:cu-mt-13{margin-top:var(--canon-space-13)}.md\:cu-mt-14{margin-top:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-mt{margin-top:var(--pt-lg)}.lg\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.lg\:cu-mt-1{margin-top:var(--canon-space-1)}.lg\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.lg\:cu-mt-2{margin-top:var(--canon-space-2)}.lg\:cu-mt-3{margin-top:var(--canon-space-3)}.lg\:cu-mt-4{margin-top:var(--canon-space-4)}.lg\:cu-mt-5{margin-top:var(--canon-space-5)}.lg\:cu-mt-6{margin-top:var(--canon-space-6)}.lg\:cu-mt-7{margin-top:var(--canon-space-7)}.lg\:cu-mt-8{margin-top:var(--canon-space-8)}.lg\:cu-mt-9{margin-top:var(--canon-space-9)}.lg\:cu-mt-10{margin-top:var(--canon-space-10)}.lg\:cu-mt-11{margin-top:var(--canon-space-11)}.lg\:cu-mt-12{margin-top:var(--canon-space-12)}.lg\:cu-mt-13{margin-top:var(--canon-space-13)}.lg\:cu-mt-14{margin-top:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-mt{margin-top:var(--pt-xl)}.xl\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.xl\:cu-mt-1{margin-top:var(--canon-space-1)}.xl\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.xl\:cu-mt-2{margin-top:var(--canon-space-2)}.xl\:cu-mt-3{margin-top:var(--canon-space-3)}.xl\:cu-mt-4{margin-top:var(--canon-space-4)}.xl\:cu-mt-5{margin-top:var(--canon-space-5)}.xl\:cu-mt-6{margin-top:var(--canon-space-6)}.xl\:cu-mt-7{margin-top:var(--canon-space-7)}.xl\:cu-mt-8{margin-top:var(--canon-space-8)}.xl\:cu-mt-9{margin-top:var(--canon-space-9)}.xl\:cu-mt-10{margin-top:var(--canon-space-10)}.xl\:cu-mt-11{margin-top:var(--canon-space-11)}.xl\:cu-mt-12{margin-top:var(--canon-space-12)}.xl\:cu-mt-13{margin-top:var(--canon-space-13)}.xl\:cu-mt-14{margin-top:var(--canon-space-14)}}.cu-mb{margin-bottom:var(--mb)}.cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.cu-mb-1{margin-bottom:var(--canon-space-1)}.cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.cu-mb-2{margin-bottom:var(--canon-space-2)}.cu-mb-3{margin-bottom:var(--canon-space-3)}.cu-mb-4{margin-bottom:var(--canon-space-4)}.cu-mb-5{margin-bottom:var(--canon-space-5)}.cu-mb-6{margin-bottom:var(--canon-space-6)}.cu-mb-7{margin-bottom:var(--canon-space-7)}.cu-mb-8{margin-bottom:var(--canon-space-8)}.cu-mb-9{margin-bottom:var(--canon-space-9)}.cu-mb-10{margin-bottom:var(--canon-space-10)}.cu-mb-11{margin-bottom:var(--canon-space-11)}.cu-mb-12{margin-bottom:var(--canon-space-12)}.cu-mb-13{margin-bottom:var(--canon-space-13)}.cu-mb-14{margin-bottom:var(--canon-space-14)}@media (width>=640px){.xs\:cu-mb{margin-bottom:var(--pb-xs)}.xs\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.xs\:cu-mb-1{margin-bottom:var(--canon-space-1)}.xs\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.xs\:cu-mb-2{margin-bottom:var(--canon-space-2)}.xs\:cu-mb-3{margin-bottom:var(--canon-space-3)}.xs\:cu-mb-4{margin-bottom:var(--canon-space-4)}.xs\:cu-mb-5{margin-bottom:var(--canon-space-5)}.xs\:cu-mb-6{margin-bottom:var(--canon-space-6)}.xs\:cu-mb-7{margin-bottom:var(--canon-space-7)}.xs\:cu-mb-8{margin-bottom:var(--canon-space-8)}.xs\:cu-mb-9{margin-bottom:var(--canon-space-9)}.xs\:cu-mb-10{margin-bottom:var(--canon-space-10)}.xs\:cu-mb-11{margin-bottom:var(--canon-space-11)}.xs\:cu-mb-12{margin-bottom:var(--canon-space-12)}.xs\:cu-mb-13{margin-bottom:var(--canon-space-13)}.xs\:cu-mb-14{margin-bottom:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-mb{margin-bottom:var(--pb-sm)}.sm\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.sm\:cu-mb-1{margin-bottom:var(--canon-space-1)}.sm\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.sm\:cu-mb-2{margin-bottom:var(--canon-space-2)}.sm\:cu-mb-3{margin-bottom:var(--canon-space-3)}.sm\:cu-mb-4{margin-bottom:var(--canon-space-4)}.sm\:cu-mb-5{margin-bottom:var(--canon-space-5)}.sm\:cu-mb-6{margin-bottom:var(--canon-space-6)}.sm\:cu-mb-7{margin-bottom:var(--canon-space-7)}.sm\:cu-mb-8{margin-bottom:var(--canon-space-8)}.sm\:cu-mb-9{margin-bottom:var(--canon-space-9)}.sm\:cu-mb-10{margin-bottom:var(--canon-space-10)}.sm\:cu-mb-11{margin-bottom:var(--canon-space-11)}.sm\:cu-mb-12{margin-bottom:var(--canon-space-12)}.sm\:cu-mb-13{margin-bottom:var(--canon-space-13)}.sm\:cu-mb-14{margin-bottom:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-mb{margin-bottom:var(--pb-md)}.md\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.md\:cu-mb-1{margin-bottom:var(--canon-space-1)}.md\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.md\:cu-mb-2{margin-bottom:var(--canon-space-2)}.md\:cu-mb-3{margin-bottom:var(--canon-space-3)}.md\:cu-mb-4{margin-bottom:var(--canon-space-4)}.md\:cu-mb-5{margin-bottom:var(--canon-space-5)}.md\:cu-mb-6{margin-bottom:var(--canon-space-6)}.md\:cu-mb-7{margin-bottom:var(--canon-space-7)}.md\:cu-mb-8{margin-bottom:var(--canon-space-8)}.md\:cu-mb-9{margin-bottom:var(--canon-space-9)}.md\:cu-mb-10{margin-bottom:var(--canon-space-10)}.md\:cu-mb-11{margin-bottom:var(--canon-space-11)}.md\:cu-mb-12{margin-bottom:var(--canon-space-12)}.md\:cu-mb-13{margin-bottom:var(--canon-space-13)}.md\:cu-mb-14{margin-bottom:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-mb{margin-bottom:var(--pb-lg)}.lg\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.lg\:cu-mb-1{margin-bottom:var(--canon-space-1)}.lg\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.lg\:cu-mb-2{margin-bottom:var(--canon-space-2)}.lg\:cu-mb-3{margin-bottom:var(--canon-space-3)}.lg\:cu-mb-4{margin-bottom:var(--canon-space-4)}.lg\:cu-mb-5{margin-bottom:var(--canon-space-5)}.lg\:cu-mb-6{margin-bottom:var(--canon-space-6)}.lg\:cu-mb-7{margin-bottom:var(--canon-space-7)}.lg\:cu-mb-8{margin-bottom:var(--canon-space-8)}.lg\:cu-mb-9{margin-bottom:var(--canon-space-9)}.lg\:cu-mb-10{margin-bottom:var(--canon-space-10)}.lg\:cu-mb-11{margin-bottom:var(--canon-space-11)}.lg\:cu-mb-12{margin-bottom:var(--canon-space-12)}.lg\:cu-mb-13{margin-bottom:var(--canon-space-13)}.lg\:cu-mb-14{margin-bottom:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-mb{margin-bottom:var(--pb-xl)}.xl\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.xl\:cu-mb-1{margin-bottom:var(--canon-space-1)}.xl\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.xl\:cu-mb-2{margin-bottom:var(--canon-space-2)}.xl\:cu-mb-3{margin-bottom:var(--canon-space-3)}.xl\:cu-mb-4{margin-bottom:var(--canon-space-4)}.xl\:cu-mb-5{margin-bottom:var(--canon-space-5)}.xl\:cu-mb-6{margin-bottom:var(--canon-space-6)}.xl\:cu-mb-7{margin-bottom:var(--canon-space-7)}.xl\:cu-mb-8{margin-bottom:var(--canon-space-8)}.xl\:cu-mb-9{margin-bottom:var(--canon-space-9)}.xl\:cu-mb-10{margin-bottom:var(--canon-space-10)}.xl\:cu-mb-11{margin-bottom:var(--canon-space-11)}.xl\:cu-mb-12{margin-bottom:var(--canon-space-12)}.xl\:cu-mb-13{margin-bottom:var(--canon-space-13)}.xl\:cu-mb-14{margin-bottom:var(--canon-space-14)}}.cu-my{margin-top:var(--my);margin-bottom:var(--my)}.cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}@media (width>=640px){.xs\:cu-my{margin-top:var(--py-xs);margin-bottom:var(--py-xs)}.xs\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.xs\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.xs\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.xs\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.xs\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.xs\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.xs\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.xs\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.xs\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.xs\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.xs\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.xs\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.xs\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.xs\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.xs\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.xs\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-my{margin-top:var(--py-sm);margin-bottom:var(--py-sm)}.sm\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.sm\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.sm\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.sm\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.sm\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.sm\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.sm\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.sm\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.sm\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.sm\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.sm\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.sm\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.sm\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.sm\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.sm\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.sm\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-my{margin-top:var(--py-md);margin-bottom:var(--py-md)}.md\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.md\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.md\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.md\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.md\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.md\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.md\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.md\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.md\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.md\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.md\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.md\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.md\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.md\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.md\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.md\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-my{margin-top:var(--py-lg);margin-bottom:var(--py-lg)}.lg\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.lg\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.lg\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.lg\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.lg\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.lg\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.lg\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.lg\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.lg\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.lg\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.lg\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.lg\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.lg\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.lg\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.lg\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.lg\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-my{margin-top:var(--py-xl);margin-bottom:var(--py-xl)}.xl\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.xl\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.xl\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.xl\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.xl\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.xl\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.xl\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.xl\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.xl\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.xl\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.xl\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.xl\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.xl\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.xl\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.xl\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.xl\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}.cu-mx{margin-left:var(--mx);margin-right:var(--mx)}.cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}@media (width>=640px){.xs\:cu-mx{margin-left:var(--px-xs);margin-right:var(--px-xs)}.xs\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.xs\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.xs\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.xs\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.xs\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.xs\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.xs\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.xs\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.xs\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.xs\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.xs\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.xs\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.xs\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.xs\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.xs\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.xs\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-mx{margin-left:var(--px-sm);margin-right:var(--px-sm)}.sm\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.sm\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.sm\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.sm\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.sm\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.sm\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.sm\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.sm\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.sm\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.sm\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.sm\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.sm\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.sm\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.sm\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.sm\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.sm\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-mx{margin-left:var(--px-md);margin-right:var(--px-md)}.md\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.md\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.md\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.md\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.md\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.md\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.md\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.md\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.md\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.md\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.md\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.md\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.md\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.md\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.md\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.md\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-mx{margin-left:var(--px-lg);margin-right:var(--px-lg)}.lg\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.lg\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.lg\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.lg\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.lg\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.lg\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.lg\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.lg\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.lg\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.lg\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.lg\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.lg\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.lg\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.lg\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.lg\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.lg\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-mx{margin-left:var(--px-xl);margin-right:var(--px-xl)}.xl\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.xl\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.xl\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.xl\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.xl\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.xl\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.xl\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.xl\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.xl\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.xl\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.xl\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.xl\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.xl\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.xl\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.xl\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.xl\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}.cu-display-none{display:none}.cu-display-inline{display:inline}.cu-display-inline-block{display:inline-block}.cu-display-block{display:block}@media (width>=640px){.xs\:cu-display-none{display:none}.xs\:cu-display-inline{display:inline}.xs\:cu-display-inline-block{display:inline-block}.xs\:cu-display-block{display:block}}@media (width>=768px){.sm\:cu-display-none{display:none}.sm\:cu-display-inline{display:inline}.sm\:cu-display-inline-block{display:inline-block}.sm\:cu-display-block{display:block}}@media (width>=1024px){.md\:cu-display-none{display:none}.md\:cu-display-inline{display:inline}.md\:cu-display-inline-block{display:inline-block}.md\:cu-display-block{display:block}}@media (width>=1280px){.lg\:cu-display-none{display:none}.lg\:cu-display-inline{display:inline}.lg\:cu-display-inline-block{display:inline-block}.lg\:cu-display-block{display:block}}@media (width>=1536px){.xl\:cu-display-none{display:none}.xl\:cu-display-inline{display:inline}.xl\:cu-display-inline-block{display:inline-block}.xl\:cu-display-block{display:block}}.cu-w{width:var(--width)}.cu-min-w{min-width:var(--min-width)}.cu-max-w{max-width:var(--max-width)}@media (width>=640px){.xs\:cu-w{width:var(--width)}.xs\:cu-min-w{min-width:var(--min-width)}.xs\:cu-max-w{max-width:var(--max-width)}}@media (width>=768px){.sm\:cu-w{width:var(--width)}.sm\:cu-min-w{min-width:var(--min-width)}.sm\:cu-max-w{max-width:var(--max-width)}}@media (width>=1024px){.md\:cu-w{width:var(--width)}.md\:cu-min-w{min-width:var(--min-width)}.md\:cu-max-w{max-width:var(--max-width)}}@media (width>=1280px){.lg\:cu-w{width:var(--width)}.lg\:cu-min-w{min-width:var(--min-width)}.lg\:cu-max-w{max-width:var(--max-width)}}@media (width>=1536px){.xl\:cu-w{width:var(--width)}.xl\:cu-min-w{min-width:var(--min-width)}.xl\:cu-max-w{max-width:var(--max-width)}}.cu-h{height:var(--height)}.cu-min-h{min-height:var(--min-height)}.cu-max-h{max-height:var(--max-height)}@media (width>=640px){.xs\:cu-h{height:var(--height)}.xs\:cu-min-h{min-height:var(--min-height)}.xs\:cu-max-h{max-height:var(--max-height)}}@media (width>=768px){.sm\:cu-h{height:var(--height)}.sm\:cu-min-h{min-height:var(--min-height)}.sm\:cu-max-h{max-height:var(--max-height)}}@media (width>=1024px){.md\:cu-h{height:var(--height)}.md\:cu-min-h{min-height:var(--min-height)}.md\:cu-max-h{max-height:var(--max-height)}}@media (width>=1280px){.lg\:cu-h{height:var(--height)}.lg\:cu-min-h{min-height:var(--min-height)}.lg\:cu-max-h{max-height:var(--max-height)}}@media (width>=1536px){.xl\:cu-h{height:var(--height)}.xl\:cu-min-h{min-height:var(--min-height)}.xl\:cu-max-h{max-height:var(--max-height)}}.cu-position-absolute{position:absolute}.cu-position-fixed{position:fixed}.cu-position-sticky{position:sticky}.cu-position-relative{position:relative}.cu-position-static{position:static}@media (width>=640px){.xs\:cu-position-absolute{position:absolute}.xs\:cu-position-fixed{position:fixed}.xs\:cu-position-sticky{position:sticky}.xs\:cu-position-relative{position:relative}.xs\:cu-position-static{position:static}}@media (width>=768px){.sm\:cu-position-absolute{position:absolute}.sm\:cu-position-fixed{position:fixed}.sm\:cu-position-sticky{position:sticky}.sm\:cu-position-relative{position:relative}.sm\:cu-position-static{position:static}}@media (width>=1024px){.md\:cu-position-absolute{position:absolute}.md\:cu-position-fixed{position:fixed}.md\:cu-position-sticky{position:sticky}.md\:cu-position-relative{position:relative}.md\:cu-position-static{position:static}}@media (width>=1280px){.lg\:cu-position-absolute{position:absolute}.lg\:cu-position-fixed{position:fixed}.lg\:cu-position-sticky{position:sticky}.lg\:cu-position-relative{position:relative}.lg\:cu-position-static{position:static}}@media (width>=1536px){.xl\:cu-position-absolute{position:absolute}.xl\:cu-position-fixed{position:fixed}.xl\:cu-position-sticky{position:sticky}.xl\:cu-position-relative{position:relative}.xl\:cu-position-static{position:static}}.cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.cu-col-span-1{grid-column:span 1/span 1}.cu-col-span-2{grid-column:span 2/span 2}.cu-col-span-3{grid-column:span 3/span 3}.cu-col-span-4{grid-column:span 4/span 4}.cu-col-span-5{grid-column:span 5/span 5}.cu-col-span-6{grid-column:span 6/span 6}.cu-col-span-7{grid-column:span 7/span 7}.cu-col-span-8{grid-column:span 8/span 8}.cu-col-span-9{grid-column:span 9/span 9}.cu-col-span-10{grid-column:span 10/span 10}.cu-col-span-11{grid-column:span 11/span 11}.cu-col-span-12{grid-column:span 12/span 12}.cu-col-span-auto{grid-column:span auto/span auto}.cu-col-start-1{grid-column-start:1}.cu-col-start-2{grid-column-start:2}.cu-col-start-3{grid-column-start:3}.cu-col-start-4{grid-column-start:4}.cu-col-start-5{grid-column-start:5}.cu-col-start-6{grid-column-start:6}.cu-col-start-7{grid-column-start:7}.cu-col-start-8{grid-column-start:8}.cu-col-start-9{grid-column-start:9}.cu-col-start-10{grid-column-start:10}.cu-col-start-11{grid-column-start:11}.cu-col-start-12{grid-column-start:12}.cu-col-start-13{grid-column-start:13}.cu-col-start-auto{grid-column-start:auto}.cu-col-end-1{grid-column-end:1}.cu-col-end-2{grid-column-end:2}.cu-col-end-3{grid-column-end:3}.cu-col-end-4{grid-column-end:4}.cu-col-end-5{grid-column-end:5}.cu-col-end-6{grid-column-end:6}.cu-col-end-7{grid-column-end:7}.cu-col-end-8{grid-column-end:8}.cu-col-end-9{grid-column-end:9}.cu-col-end-10{grid-column-end:10}.cu-col-end-11{grid-column-end:11}.cu-col-end-12{grid-column-end:12}.cu-col-end-13{grid-column-end:13}.cu-col-end-auto{grid-column-end:auto}.cu-row-span-1{grid-row:span 1/span 1}.cu-row-span-2{grid-row:span 2/span 2}.cu-row-span-3{grid-row:span 3/span 3}.cu-row-span-4{grid-row:span 4/span 4}.cu-row-span-5{grid-row:span 5/span 5}.cu-row-span-6{grid-row:span 6/span 6}.cu-row-span-7{grid-row:span 7/span 7}.cu-row-span-8{grid-row:span 8/span 8}.cu-row-span-9{grid-row:span 9/span 9}.cu-row-span-10{grid-row:span 10/span 10}.cu-row-span-11{grid-row:span 11/span 11}.cu-row-span-12{grid-row:span 12/span 12}.cu-row-span-auto{grid-row:span auto/span auto}@media (width>=640px){.xs\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xs\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xs\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xs\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xs\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xs\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xs\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xs\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xs\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xs\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xs\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xs\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xs\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.xs\:cu-col-span-1{grid-column:span 1/span 1}.xs\:cu-col-span-2{grid-column:span 2/span 2}.xs\:cu-col-span-3{grid-column:span 3/span 3}.xs\:cu-col-span-4{grid-column:span 4/span 4}.xs\:cu-col-span-5{grid-column:span 5/span 5}.xs\:cu-col-span-6{grid-column:span 6/span 6}.xs\:cu-col-span-7{grid-column:span 7/span 7}.xs\:cu-col-span-8{grid-column:span 8/span 8}.xs\:cu-col-span-9{grid-column:span 9/span 9}.xs\:cu-col-span-10{grid-column:span 10/span 10}.xs\:cu-col-span-11{grid-column:span 11/span 11}.xs\:cu-col-span-12{grid-column:span 12/span 12}.xs\:cu-col-span-auto{grid-column:span auto/span auto}.xs\:cu-col-start-1{grid-column-start:1}.xs\:cu-col-start-2{grid-column-start:2}.xs\:cu-col-start-3{grid-column-start:3}.xs\:cu-col-start-4{grid-column-start:4}.xs\:cu-col-start-5{grid-column-start:5}.xs\:cu-col-start-6{grid-column-start:6}.xs\:cu-col-start-7{grid-column-start:7}.xs\:cu-col-start-8{grid-column-start:8}.xs\:cu-col-start-9{grid-column-start:9}.xs\:cu-col-start-10{grid-column-start:10}.xs\:cu-col-start-11{grid-column-start:11}.xs\:cu-col-start-12{grid-column-start:12}.xs\:cu-col-start-13{grid-column-start:13}.xs\:cu-col-start-auto{grid-column-start:auto}.xs\:cu-col-end-1{grid-column-end:1}.xs\:cu-col-end-2{grid-column-end:2}.xs\:cu-col-end-3{grid-column-end:3}.xs\:cu-col-end-4{grid-column-end:4}.xs\:cu-col-end-5{grid-column-end:5}.xs\:cu-col-end-6{grid-column-end:6}.xs\:cu-col-end-7{grid-column-end:7}.xs\:cu-col-end-8{grid-column-end:8}.xs\:cu-col-end-9{grid-column-end:9}.xs\:cu-col-end-10{grid-column-end:10}.xs\:cu-col-end-11{grid-column-end:11}.xs\:cu-col-end-12{grid-column-end:12}.xs\:cu-col-end-13{grid-column-end:13}.xs\:cu-col-end-auto{grid-column-end:auto}.xs\:cu-row-span-1{grid-row:span 1/span 1}.xs\:cu-row-span-2{grid-row:span 2/span 2}.xs\:cu-row-span-3{grid-row:span 3/span 3}.xs\:cu-row-span-4{grid-row:span 4/span 4}.xs\:cu-row-span-5{grid-row:span 5/span 5}.xs\:cu-row-span-6{grid-row:span 6/span 6}.xs\:cu-row-span-7{grid-row:span 7/span 7}.xs\:cu-row-span-8{grid-row:span 8/span 8}.xs\:cu-row-span-9{grid-row:span 9/span 9}.xs\:cu-row-span-10{grid-row:span 10/span 10}.xs\:cu-row-span-11{grid-row:span 11/span 11}.xs\:cu-row-span-12{grid-row:span 12/span 12}.xs\:cu-row-span-auto{grid-row:span auto/span auto}}@media (width>=768px){.sm\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.sm\:cu-col-span-1{grid-column:span 1/span 1}.sm\:cu-col-span-2{grid-column:span 2/span 2}.sm\:cu-col-span-3{grid-column:span 3/span 3}.sm\:cu-col-span-4{grid-column:span 4/span 4}.sm\:cu-col-span-5{grid-column:span 5/span 5}.sm\:cu-col-span-6{grid-column:span 6/span 6}.sm\:cu-col-span-7{grid-column:span 7/span 7}.sm\:cu-col-span-8{grid-column:span 8/span 8}.sm\:cu-col-span-9{grid-column:span 9/span 9}.sm\:cu-col-span-10{grid-column:span 10/span 10}.sm\:cu-col-span-11{grid-column:span 11/span 11}.sm\:cu-col-span-12{grid-column:span 12/span 12}.sm\:cu-col-span-auto{grid-column:span auto/span auto}.sm\:cu-col-start-1{grid-column-start:1}.sm\:cu-col-start-2{grid-column-start:2}.sm\:cu-col-start-3{grid-column-start:3}.sm\:cu-col-start-4{grid-column-start:4}.sm\:cu-col-start-5{grid-column-start:5}.sm\:cu-col-start-6{grid-column-start:6}.sm\:cu-col-start-7{grid-column-start:7}.sm\:cu-col-start-8{grid-column-start:8}.sm\:cu-col-start-9{grid-column-start:9}.sm\:cu-col-start-10{grid-column-start:10}.sm\:cu-col-start-11{grid-column-start:11}.sm\:cu-col-start-12{grid-column-start:12}.sm\:cu-col-start-13{grid-column-start:13}.sm\:cu-col-start-auto{grid-column-start:auto}.sm\:cu-col-end-1{grid-column-end:1}.sm\:cu-col-end-2{grid-column-end:2}.sm\:cu-col-end-3{grid-column-end:3}.sm\:cu-col-end-4{grid-column-end:4}.sm\:cu-col-end-5{grid-column-end:5}.sm\:cu-col-end-6{grid-column-end:6}.sm\:cu-col-end-7{grid-column-end:7}.sm\:cu-col-end-8{grid-column-end:8}.sm\:cu-col-end-9{grid-column-end:9}.sm\:cu-col-end-10{grid-column-end:10}.sm\:cu-col-end-11{grid-column-end:11}.sm\:cu-col-end-12{grid-column-end:12}.sm\:cu-col-end-13{grid-column-end:13}.sm\:cu-col-end-auto{grid-column-end:auto}.sm\:cu-row-span-1{grid-row:span 1/span 1}.sm\:cu-row-span-2{grid-row:span 2/span 2}.sm\:cu-row-span-3{grid-row:span 3/span 3}.sm\:cu-row-span-4{grid-row:span 4/span 4}.sm\:cu-row-span-5{grid-row:span 5/span 5}.sm\:cu-row-span-6{grid-row:span 6/span 6}.sm\:cu-row-span-7{grid-row:span 7/span 7}.sm\:cu-row-span-8{grid-row:span 8/span 8}.sm\:cu-row-span-9{grid-row:span 9/span 9}.sm\:cu-row-span-10{grid-row:span 10/span 10}.sm\:cu-row-span-11{grid-row:span 11/span 11}.sm\:cu-row-span-12{grid-row:span 12/span 12}.sm\:cu-row-span-auto{grid-row:span auto/span auto}}@media (width>=1024px){.md\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.md\:cu-col-span-1{grid-column:span 1/span 1}.md\:cu-col-span-2{grid-column:span 2/span 2}.md\:cu-col-span-3{grid-column:span 3/span 3}.md\:cu-col-span-4{grid-column:span 4/span 4}.md\:cu-col-span-5{grid-column:span 5/span 5}.md\:cu-col-span-6{grid-column:span 6/span 6}.md\:cu-col-span-7{grid-column:span 7/span 7}.md\:cu-col-span-8{grid-column:span 8/span 8}.md\:cu-col-span-9{grid-column:span 9/span 9}.md\:cu-col-span-10{grid-column:span 10/span 10}.md\:cu-col-span-11{grid-column:span 11/span 11}.md\:cu-col-span-12{grid-column:span 12/span 12}.md\:cu-col-span-auto{grid-column:span auto/span auto}.md\:cu-col-start-1{grid-column-start:1}.md\:cu-col-start-2{grid-column-start:2}.md\:cu-col-start-3{grid-column-start:3}.md\:cu-col-start-4{grid-column-start:4}.md\:cu-col-start-5{grid-column-start:5}.md\:cu-col-start-6{grid-column-start:6}.md\:cu-col-start-7{grid-column-start:7}.md\:cu-col-start-8{grid-column-start:8}.md\:cu-col-start-9{grid-column-start:9}.md\:cu-col-start-10{grid-column-start:10}.md\:cu-col-start-11{grid-column-start:11}.md\:cu-col-start-12{grid-column-start:12}.md\:cu-col-start-13{grid-column-start:13}.md\:cu-col-start-auto{grid-column-start:auto}.md\:cu-col-end-1{grid-column-end:1}.md\:cu-col-end-2{grid-column-end:2}.md\:cu-col-end-3{grid-column-end:3}.md\:cu-col-end-4{grid-column-end:4}.md\:cu-col-end-5{grid-column-end:5}.md\:cu-col-end-6{grid-column-end:6}.md\:cu-col-end-7{grid-column-end:7}.md\:cu-col-end-8{grid-column-end:8}.md\:cu-col-end-9{grid-column-end:9}.md\:cu-col-end-10{grid-column-end:10}.md\:cu-col-end-11{grid-column-end:11}.md\:cu-col-end-12{grid-column-end:12}.md\:cu-col-end-13{grid-column-end:13}.md\:cu-col-end-auto{grid-column-end:auto}.md\:cu-row-span-1{grid-row:span 1/span 1}.md\:cu-row-span-2{grid-row:span 2/span 2}.md\:cu-row-span-3{grid-row:span 3/span 3}.md\:cu-row-span-4{grid-row:span 4/span 4}.md\:cu-row-span-5{grid-row:span 5/span 5}.md\:cu-row-span-6{grid-row:span 6/span 6}.md\:cu-row-span-7{grid-row:span 7/span 7}.md\:cu-row-span-8{grid-row:span 8/span 8}.md\:cu-row-span-9{grid-row:span 9/span 9}.md\:cu-row-span-10{grid-row:span 10/span 10}.md\:cu-row-span-11{grid-row:span 11/span 11}.md\:cu-row-span-12{grid-row:span 12/span 12}.md\:cu-row-span-auto{grid-row:span auto/span auto}}@media (width>=1280px){.lg\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.lg\:cu-col-span-1{grid-column:span 1/span 1}.lg\:cu-col-span-2{grid-column:span 2/span 2}.lg\:cu-col-span-3{grid-column:span 3/span 3}.lg\:cu-col-span-4{grid-column:span 4/span 4}.lg\:cu-col-span-5{grid-column:span 5/span 5}.lg\:cu-col-span-6{grid-column:span 6/span 6}.lg\:cu-col-span-7{grid-column:span 7/span 7}.lg\:cu-col-span-8{grid-column:span 8/span 8}.lg\:cu-col-span-9{grid-column:span 9/span 9}.lg\:cu-col-span-10{grid-column:span 10/span 10}.lg\:cu-col-span-11{grid-column:span 11/span 11}.lg\:cu-col-span-12{grid-column:span 12/span 12}.lg\:cu-col-span-auto{grid-column:span auto/span auto}.lg\:cu-col-start-1{grid-column-start:1}.lg\:cu-col-start-2{grid-column-start:2}.lg\:cu-col-start-3{grid-column-start:3}.lg\:cu-col-start-4{grid-column-start:4}.lg\:cu-col-start-5{grid-column-start:5}.lg\:cu-col-start-6{grid-column-start:6}.lg\:cu-col-start-7{grid-column-start:7}.lg\:cu-col-start-8{grid-column-start:8}.lg\:cu-col-start-9{grid-column-start:9}.lg\:cu-col-start-10{grid-column-start:10}.lg\:cu-col-start-11{grid-column-start:11}.lg\:cu-col-start-12{grid-column-start:12}.lg\:cu-col-start-13{grid-column-start:13}.lg\:cu-col-start-auto{grid-column-start:auto}.lg\:cu-col-end-1{grid-column-end:1}.lg\:cu-col-end-2{grid-column-end:2}.lg\:cu-col-end-3{grid-column-end:3}.lg\:cu-col-end-4{grid-column-end:4}.lg\:cu-col-end-5{grid-column-end:5}.lg\:cu-col-end-6{grid-column-end:6}.lg\:cu-col-end-7{grid-column-end:7}.lg\:cu-col-end-8{grid-column-end:8}.lg\:cu-col-end-9{grid-column-end:9}.lg\:cu-col-end-10{grid-column-end:10}.lg\:cu-col-end-11{grid-column-end:11}.lg\:cu-col-end-12{grid-column-end:12}.lg\:cu-col-end-13{grid-column-end:13}.lg\:cu-col-end-auto{grid-column-end:auto}.lg\:cu-row-span-1{grid-row:span 1/span 1}.lg\:cu-row-span-2{grid-row:span 2/span 2}.lg\:cu-row-span-3{grid-row:span 3/span 3}.lg\:cu-row-span-4{grid-row:span 4/span 4}.lg\:cu-row-span-5{grid-row:span 5/span 5}.lg\:cu-row-span-6{grid-row:span 6/span 6}.lg\:cu-row-span-7{grid-row:span 7/span 7}.lg\:cu-row-span-8{grid-row:span 8/span 8}.lg\:cu-row-span-9{grid-row:span 9/span 9}.lg\:cu-row-span-10{grid-row:span 10/span 10}.lg\:cu-row-span-11{grid-row:span 11/span 11}.lg\:cu-row-span-12{grid-row:span 12/span 12}.lg\:cu-row-span-auto{grid-row:span auto/span auto}}@media (width>=1536px){.xl\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.xl\:cu-col-span-1{grid-column:span 1/span 1}.xl\:cu-col-span-2{grid-column:span 2/span 2}.xl\:cu-col-span-3{grid-column:span 3/span 3}.xl\:cu-col-span-4{grid-column:span 4/span 4}.xl\:cu-col-span-5{grid-column:span 5/span 5}.xl\:cu-col-span-6{grid-column:span 6/span 6}.xl\:cu-col-span-7{grid-column:span 7/span 7}.xl\:cu-col-span-8{grid-column:span 8/span 8}.xl\:cu-col-span-9{grid-column:span 9/span 9}.xl\:cu-col-span-10{grid-column:span 10/span 10}.xl\:cu-col-span-11{grid-column:span 11/span 11}.xl\:cu-col-span-12{grid-column:span 12/span 12}.xl\:cu-col-span-auto{grid-column:span auto/span auto}.xl\:cu-col-start-1{grid-column-start:1}.xl\:cu-col-start-2{grid-column-start:2}.xl\:cu-col-start-3{grid-column-start:3}.xl\:cu-col-start-4{grid-column-start:4}.xl\:cu-col-start-5{grid-column-start:5}.xl\:cu-col-start-6{grid-column-start:6}.xl\:cu-col-start-7{grid-column-start:7}.xl\:cu-col-start-8{grid-column-start:8}.xl\:cu-col-start-9{grid-column-start:9}.xl\:cu-col-start-10{grid-column-start:10}.xl\:cu-col-start-11{grid-column-start:11}.xl\:cu-col-start-12{grid-column-start:12}.xl\:cu-col-start-13{grid-column-start:13}.xl\:cu-col-start-auto{grid-column-start:auto}.xl\:cu-col-end-1{grid-column-end:1}.xl\:cu-col-end-2{grid-column-end:2}.xl\:cu-col-end-3{grid-column-end:3}.xl\:cu-col-end-4{grid-column-end:4}.xl\:cu-col-end-5{grid-column-end:5}.xl\:cu-col-end-6{grid-column-end:6}.xl\:cu-col-end-7{grid-column-end:7}.xl\:cu-col-end-8{grid-column-end:8}.xl\:cu-col-end-9{grid-column-end:9}.xl\:cu-col-end-10{grid-column-end:10}.xl\:cu-col-end-11{grid-column-end:11}.xl\:cu-col-end-12{grid-column-end:12}.xl\:cu-col-end-13{grid-column-end:13}.xl\:cu-col-end-auto{grid-column-end:auto}.xl\:cu-row-span-1{grid-row:span 1/span 1}.xl\:cu-row-span-2{grid-row:span 2/span 2}.xl\:cu-row-span-3{grid-row:span 3/span 3}.xl\:cu-row-span-4{grid-row:span 4/span 4}.xl\:cu-row-span-5{grid-row:span 5/span 5}.xl\:cu-row-span-6{grid-row:span 6/span 6}.xl\:cu-row-span-7{grid-row:span 7/span 7}.xl\:cu-row-span-8{grid-row:span 8/span 8}.xl\:cu-row-span-9{grid-row:span 9/span 9}.xl\:cu-row-span-10{grid-row:span 10/span 10}.xl\:cu-row-span-11{grid-row:span 11/span 11}.xl\:cu-row-span-12{grid-row:span 12/span 12}.xl\:cu-row-span-auto{grid-row:span auto/span auto}}.cu-gap{gap:var(--gap)}.cu-gap-0\.5{gap:var(--canon-space-0_5)}.cu-gap-1{gap:var(--canon-space-1)}.cu-gap-1\.5{gap:var(--canon-space-1_5)}.cu-gap-2{gap:var(--canon-space-2)}.cu-gap-3{gap:var(--canon-space-3)}.cu-gap-4{gap:var(--canon-space-4)}.cu-gap-5{gap:var(--canon-space-5)}.cu-gap-6{gap:var(--canon-space-6)}.cu-gap-7{gap:var(--canon-space-7)}.cu-gap-8{gap:var(--canon-space-8)}.cu-gap-9{gap:var(--canon-space-9)}.cu-gap-10{gap:var(--canon-space-10)}.cu-gap-11{gap:var(--canon-space-11)}.cu-gap-12{gap:var(--canon-space-12)}.cu-gap-13{gap:var(--canon-space-13)}.cu-gap-14{gap:var(--canon-space-14)}@media (width>=640px){.xs\:cu-gap{gap:var(--gap-xs)}.xs\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.xs\:cu-gap-1{gap:var(--canon-space-1)}.xs\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.xs\:cu-gap-2{gap:var(--canon-space-2)}.xs\:cu-gap-3{gap:var(--canon-space-3)}.xs\:cu-gap-4{gap:var(--canon-space-4)}.xs\:cu-gap-5{gap:var(--canon-space-5)}.xs\:cu-gap-6{gap:var(--canon-space-6)}.xs\:cu-gap-7{gap:var(--canon-space-7)}.xs\:cu-gap-8{gap:var(--canon-space-8)}.xs\:cu-gap-9{gap:var(--canon-space-9)}.xs\:cu-gap-10{gap:var(--canon-space-10)}.xs\:cu-gap-11{gap:var(--canon-space-11)}.xs\:cu-gap-12{gap:var(--canon-space-12)}.xs\:cu-gap-13{gap:var(--canon-space-13)}.xs\:cu-gap-14{gap:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-gap{gap:var(--gap-sm)}.sm\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.sm\:cu-gap-1{gap:var(--canon-space-1)}.sm\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.sm\:cu-gap-2{gap:var(--canon-space-2)}.sm\:cu-gap-3{gap:var(--canon-space-3)}.sm\:cu-gap-4{gap:var(--canon-space-4)}.sm\:cu-gap-5{gap:var(--canon-space-5)}.sm\:cu-gap-6{gap:var(--canon-space-6)}.sm\:cu-gap-7{gap:var(--canon-space-7)}.sm\:cu-gap-8{gap:var(--canon-space-8)}.sm\:cu-gap-9{gap:var(--canon-space-9)}.sm\:cu-gap-10{gap:var(--canon-space-10)}.sm\:cu-gap-11{gap:var(--canon-space-11)}.sm\:cu-gap-12{gap:var(--canon-space-12)}.sm\:cu-gap-13{gap:var(--canon-space-13)}.sm\:cu-gap-14{gap:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-gap{gap:var(--gap-md)}.md\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.md\:cu-gap-1{gap:var(--canon-space-1)}.md\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.md\:cu-gap-2{gap:var(--canon-space-2)}.md\:cu-gap-3{gap:var(--canon-space-3)}.md\:cu-gap-4{gap:var(--canon-space-4)}.md\:cu-gap-5{gap:var(--canon-space-5)}.md\:cu-gap-6{gap:var(--canon-space-6)}.md\:cu-gap-7{gap:var(--canon-space-7)}.md\:cu-gap-8{gap:var(--canon-space-8)}.md\:cu-gap-9{gap:var(--canon-space-9)}.md\:cu-gap-10{gap:var(--canon-space-10)}.md\:cu-gap-11{gap:var(--canon-space-11)}.md\:cu-gap-12{gap:var(--canon-space-12)}.md\:cu-gap-13{gap:var(--canon-space-13)}.md\:cu-gap-14{gap:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-gap{gap:var(--gap-lg)}.lg\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.lg\:cu-gap-1{gap:var(--canon-space-1)}.lg\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.lg\:cu-gap-2{gap:var(--canon-space-2)}.lg\:cu-gap-3{gap:var(--canon-space-3)}.lg\:cu-gap-4{gap:var(--canon-space-4)}.lg\:cu-gap-5{gap:var(--canon-space-5)}.lg\:cu-gap-6{gap:var(--canon-space-6)}.lg\:cu-gap-7{gap:var(--canon-space-7)}.lg\:cu-gap-8{gap:var(--canon-space-8)}.lg\:cu-gap-9{gap:var(--canon-space-9)}.lg\:cu-gap-10{gap:var(--canon-space-10)}.lg\:cu-gap-11{gap:var(--canon-space-11)}.lg\:cu-gap-12{gap:var(--canon-space-12)}.lg\:cu-gap-13{gap:var(--canon-space-13)}.lg\:cu-gap-14{gap:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-gap{gap:var(--gap-xl)}.xl\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.xl\:cu-gap-1{gap:var(--canon-space-1)}.xl\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.xl\:cu-gap-2{gap:var(--canon-space-2)}.xl\:cu-gap-3{gap:var(--canon-space-3)}.xl\:cu-gap-4{gap:var(--canon-space-4)}.xl\:cu-gap-5{gap:var(--canon-space-5)}.xl\:cu-gap-6{gap:var(--canon-space-6)}.xl\:cu-gap-7{gap:var(--canon-space-7)}.xl\:cu-gap-8{gap:var(--canon-space-8)}.xl\:cu-gap-9{gap:var(--canon-space-9)}.xl\:cu-gap-10{gap:var(--canon-space-10)}.xl\:cu-gap-11{gap:var(--canon-space-11)}.xl\:cu-gap-12{gap:var(--canon-space-12)}.xl\:cu-gap-13{gap:var(--canon-space-13)}.xl\:cu-gap-14{gap:var(--canon-space-14)}}.cu-align-start{align-items:start}.cu-align-center{align-items:center}.cu-align-end{align-items:end}.cu-align-stretch{align-items:stretch}.cu-jc-start{justify-content:start}.cu-jc-center{justify-content:center}.cu-jc-end{justify-content:end}.cu-jc-between{justify-content:space-between}.cu-fd-row{flex-direction:row}.cu-fd-column{flex-direction:column}.cu-fd-row-reverse{flex-direction:row-reverse}.cu-fd-column-reverse{flex-direction:column-reverse}@media (width>=640px){.xs\:cu-align-start{align-items:start}.xs\:cu-align-center{align-items:center}.xs\:cu-align-end{align-items:end}.xs\:cu-align-stretch{align-items:stretch}.xs\:cu-jc-start{justify-content:start}.xs\:cu-jc-center{justify-content:center}.xs\:cu-jc-end{justify-content:end}.xs\:cu-jc-between{justify-content:space-between}.xs\:cu-fd-row{flex-direction:row}.xs\:cu-fd-column{flex-direction:column}.xs\:cu-fd-row-reverse{flex-direction:row-reverse}.xs\:cu-fd-column-reverse{flex-direction:column-reverse}}@media (width>=768px){.sm\:cu-align-start{align-items:start}.sm\:cu-align-center{align-items:center}.sm\:cu-align-end{align-items:end}.sm\:cu-align-stretch{align-items:stretch}.sm\:cu-jc-start{justify-content:start}.sm\:cu-jc-center{justify-content:center}.sm\:cu-jc-end{justify-content:end}.sm\:cu-jc-between{justify-content:space-between}.sm\:cu-fd-row{flex-direction:row}.sm\:cu-fd-column{flex-direction:column}.sm\:cu-fd-row-reverse{flex-direction:row-reverse}.sm\:cu-fd-column-reverse{flex-direction:column-reverse}}@media (width>=1024px){.md\:cu-align-start{align-items:start}.md\:cu-align-center{align-items:center}.md\:cu-align-end{align-items:end}.md\:cu-align-stretch{align-items:stretch}.md\:cu-jc-start{justify-content:start}.md\:cu-jc-center{justify-content:center}.md\:cu-jc-end{justify-content:end}.md\:cu-jc-between{justify-content:space-between}.md\:cu-fd-row{flex-direction:row}.md\:cu-fd-column{flex-direction:column}.md\:cu-fd-row-reverse{flex-direction:row-reverse}.md\:cu-fd-column-reverse{flex-direction:column-reverse}}@media (width>=1280px){.lg\:cu-align-start{align-items:start}.lg\:cu-align-center{align-items:center}.lg\:cu-align-end{align-items:end}.lg\:cu-align-stretch{align-items:stretch}.lg\:cu-jc-start{justify-content:start}.lg\:cu-jc-center{justify-content:center}.lg\:cu-jc-end{justify-content:end}.lg\:cu-jc-between{justify-content:space-between}.lg\:cu-fd-row{flex-direction:row}.lg\:cu-fd-column{flex-direction:column}.lg\:cu-fd-row-reverse{flex-direction:row-reverse}.lg\:cu-fd-column-reverse{flex-direction:column-reverse}}@media (width>=1536px){.xl\:cu-align-start{align-items:start}.xl\:cu-align-center{align-items:center}.xl\:cu-align-end{align-items:end}.xl\:cu-align-stretch{align-items:stretch}.xl\:cu-jc-start{justify-content:start}.xl\:cu-jc-center{justify-content:center}.xl\:cu-jc-end{justify-content:end}.xl\:cu-jc-between{justify-content:space-between}.xl\:cu-fd-row{flex-direction:row}.xl\:cu-fd-column{flex-direction:column}.xl\:cu-fd-row-reverse{flex-direction:row-reverse}.xl\:cu-fd-column-reverse{flex-direction:column-reverse}}:where(a){color:inherit;text-decoration:none}:root{--canon-font-regular:system-ui;--canon-font-monospace:ui-monospace,"Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace;--canon-font-weight-regular:400;--canon-font-weight-bold:600;--canon-font-size-1:.625rem;--canon-font-size-2:.75rem;--canon-font-size-3:.875rem;--canon-font-size-4:1rem;--canon-font-size-5:1.25rem;--canon-font-size-6:1.5rem;--canon-font-size-7:2rem;--canon-font-size-8:3rem;--canon-font-size-9:4rem;--canon-font-size-10:5.75rem;--canon-space:.25rem;--canon-space-0_5:calc(var(--canon-space)*.5);--canon-space-1:var(--canon-space);--canon-space-1_5:calc(var(--canon-space)*1.5);--canon-space-2:calc(var(--canon-space)*2);--canon-space-3:calc(var(--canon-space)*3);--canon-space-4:calc(var(--canon-space)*4);--canon-space-5:calc(var(--canon-space)*5);--canon-space-6:calc(var(--canon-space)*6);--canon-space-7:calc(var(--canon-space)*7);--canon-space-8:calc(var(--canon-space)*8);--canon-space-9:calc(var(--canon-space)*9);--canon-space-10:calc(var(--canon-space)*10);--canon-space-11:calc(var(--canon-space)*11);--canon-space-12:calc(var(--canon-space)*12);--canon-space-13:calc(var(--canon-space)*13);--canon-space-14:calc(var(--canon-space)*14);--canon-radius-1:calc(.125rem);--canon-radius-2:calc(.25rem);--canon-radius-3:calc(.5rem);--canon-radius-4:calc(.75rem);--canon-radius-5:calc(1rem);--canon-radius-6:calc(1.25rem);--canon-radius-full:9999px;--canon-black:#000;--canon-white:#fff;--canon-gray-1:#f8f8f8;--canon-gray-2:#ececec;--canon-gray-3:#d9d9d9;--canon-gray-4:#c1c1c1;--canon-gray-5:#9e9e9e;--canon-gray-6:#8c8c8c;--canon-gray-7:#757575;--canon-gray-8:#595959;--canon-bg:var(--canon-gray-1);--canon-bg-surface-1:var(--canon-white);--canon-bg-surface-2:var(--canon-gray-2);--canon-bg-solid:#1f5493;--canon-bg-solid-hover:#163a66;--canon-bg-solid-pressed:#0f2b4e;--canon-bg-solid-disabled:#ebebeb;--canon-bg-tint:transparent;--canon-bg-tint-hover:#1f549366;--canon-bg-tint-pressed:#1f549399;--canon-bg-tint-disabled:#ebebeb;--canon-bg-danger:#feebe7;--canon-bg-warning:#fff2b2;--canon-bg-success:#e6f6eb;--canon-fg-primary:var(--canon-black);--canon-fg-secondary:var(--canon-gray-7);--canon-fg-link:#1f5493;--canon-fg-link-hover:#1f2d5c;--canon-fg-disabled:#9e9e9e;--canon-fg-solid:var(--canon-white);--canon-fg-solid-disabled:#9c9c9c;--canon-fg-tint:#1f5493;--canon-fg-tint-disabled:var(--canon-gray-5);--canon-fg-danger:#e22b2b;--canon-fg-warning:#e36d05;--canon-fg-success:#1db954;--canon-border:#0000001a;--canon-border-hover:#0003;--canon-border-pressed:#0006;--canon-border-disabled:#0000001a;--canon-border-danger:#f87a7a;--canon-border-warning:#e36d05;--canon-border-success:#53db83;--canon-ring:#1f5493;--canon-scrollbar:#a0a0a03b;--canon-scrollbar-thumb:#a0a0a0}[data-theme=dark]{--canon-gray-1:#191919;--canon-gray-2:#242424;--canon-gray-3:#373737;--canon-gray-4:#464646;--canon-gray-5:#575757;--canon-gray-6:#7b7b7b;--canon-gray-7:#9e9e9e;--canon-gray-8:#b4b4b4;--canon-bg:var(--canon-black);--canon-bg-surface-1:var(--canon-gray-1);--canon-bg-surface-2:var(--canon-gray-2);--canon-bg-solid:#9cc9ff;--canon-bg-solid-hover:#83b9fd;--canon-bg-solid-pressed:#83b9fd;--canon-bg-solid-disabled:#222;--canon-bg-tint:transparent;--canon-bg-tint-hover:#9cc9ff1f;--canon-bg-tint-pressed:#9cc9ff29;--canon-bg-tint-disabled:transparent;--canon-bg-danger:#3b1219;--canon-bg-warning:#302008;--canon-bg-success:#132d21;--canon-fg-primary:var(--canon-white);--canon-fg-secondary:var(--canon-gray-7);--canon-fg-link:#9cc9ff;--canon-fg-link-hover:#7eb5f7;--canon-fg-disabled:var(--canon-gray-7);--canon-fg-solid:#101821;--canon-fg-solid-disabled:var(--canon-gray-5);--canon-fg-tint:#9cc9ff;--canon-fg-tint-disabled:var(--canon-gray-5);--canon-fg-danger:#e22b2b;--canon-fg-warning:#e36d05;--canon-fg-success:#1db954;--canon-border:#fff3;--canon-border-hover:#fff6;--canon-border-pressed:#ffffff80;--canon-border-disabled:#fff3;--canon-border-danger:#f87a7a;--canon-border-warning:#e36d05;--canon-border-success:#53db83;--canon-ring:#1f5493;--canon-scrollbar:#3636363a;--canon-scrollbar-thumb:#575757}.canon-AvatarRoot{vertical-align:middle;user-select:none;color:var(--canon-fg-primary);background-color:var(--canon-bg-surface-2);border-radius:100%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:500;line-height:1;display:inline-flex;overflow:hidden}.canon-AvatarRoot[data-size=small]{width:1.5rem;height:1.5rem}.canon-AvatarRoot[data-size=medium]{width:2rem;height:2rem}.canon-AvatarRoot[data-size=large]{width:3rem;height:3rem}.canon-AvatarImage{object-fit:cover;width:100%;height:100%}.canon-AvatarFallback{width:100%;height:100%;font-size:var(--canon-font-size-3);font-weight:var(--canon-font-weight-regular);box-shadow:inset 0 0 0 1px var(--canon-border);border-radius:var(--canon-radius-full);justify-content:center;align-items:center;display:flex}.canon-Box{font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary)}.canon-Button{user-select:none;font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-bold);cursor:pointer;border-radius:var(--canon-radius-2);justify-content:center;align-items:center;gap:var(--canon-space-1_5);border:none;padding:0;display:inline-flex;&:disabled{cursor:not-allowed}}.canon-Button[data-variant=primary]{background-color:var(--canon-bg-solid);color:var(--canon-fg-solid);transition:background-color .15s,box-shadow .15s;&:hover{background-color:var(--canon-bg-solid-hover)}&:active{background-color:var(--canon-bg-solid-pressed)}&:focus-visible{outline:2px solid var(--canon-ring);outline-offset:2px}&:disabled{background-color:var(--canon-bg-solid-disabled);color:var(--canon-fg-solid-disabled)}}.canon-Button[data-variant=secondary]{background-color:var(--canon-bg-surface-1);box-shadow:inset 0 0 0 1px var(--canon-border);color:var(--canon-fg-primary);transition:box-shadow .15s;&:hover{box-shadow:inset 0 0 0 1px var(--canon-border-hover)}&:active{box-shadow:inset 0 0 0 1px var(--canon-border-pressed)}&:focus-visible{box-shadow:inset 0 0 0 2px var(--canon-ring);outline:none;transition:none}&:disabled{box-shadow:inset 0 0 0 1px var(--canon-border-disabled);color:var(--canon-fg-disabled)}}.canon-Button[data-size=medium]{font-size:var(--canon-font-size-4);padding:0 var(--canon-space-3);height:2.5rem}.canon-Button[data-size=small]{font-size:var(--canon-font-size-3);padding:0 var(--canon-space-2);height:2rem}.canon-Button[data-size=small] svg{width:1rem;height:1rem}.canon-Button[data-size=medium] svg{width:1.25rem;height:1.25rem}.canon-ButtonIcon{justify-content:center;align-items:center}.canon-ButtonIcon[data-size=small]{width:2rem;padding:0}.canon-ButtonIcon[data-size=medium]{width:2.5rem;padding:0}.canon-CheckboxRoot{width:1rem;height:1rem;box-shadow:inset 0 0 0 1px var(--canon-border);cursor:pointer;background-color:var(--canon-bg-surface-1);border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s ease-in-out;display:flex}.canon-CheckboxRoot:focus-visible{outline:2px solid var(--canon-ring);outline-offset:2px;transition:none}.canon-CheckboxRoot[data-checked]{background-color:var(--canon-bg-solid);box-shadow:none;color:var(--canon-fg-solid)}.canon-CheckboxLabel{align-items:center;gap:var(--canon-space-2);font-size:var(--canon-font-size-3);font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary);user-select:none;flex-direction:row;display:flex;&:hover{& .canon-CheckboxRoot:not([data-checked]){box-shadow:inset 0 0 0 1px var(--canon-border-hover)}}}.canon-CheckboxIndicator{color:var(--canon-fg-solid);justify-content:center;align-items:center;display:flex}.canon-CollapsiblePanel{height:var(--collapsible-panel-height);transition:all .15s ease-out;display:flex;overflow:hidden;&[data-starting-style],&[data-ending-style]{height:0}}.canon-Container{max-width:120rem;padding-inline:var(--canon-space-4);margin-inline:auto;transition:padding .2s ease-in-out}@media (width>=640px){.canon-Container{padding-inline:var(--canon-space-8)}}@media (width>=1024px){.canon-Container{padding-inline:var(--canon-space-12)}}.canon-DataTableRoot{gap:var(--canon-space-3);flex-direction:column;display:flex}.canon-DataTablePagination{padding-top:var(--canon-space-5);justify-content:space-between;align-items:center;display:flex}.canon-DataTablePagination--left{justify-content:space-between;align-items:center;display:flex}.canon-DataTablePagination--right{justify-content:space-between;align-items:center;gap:var(--canon-space-2);display:flex}.canon-DataTablePagination--select{min-width:10.5rem}.canon-FieldLabel{margin-bottom:var(--canon-space-3);gap:var(--canon-space-1);flex-direction:column;display:flex}.canon-FieldLabelLabel{color:var(--canon-fg-primary);cursor:pointer;font-weight:var(--canon-font-weight-regular);font-size:var(--canon-font-size-2);margin-right:auto}.canon-FieldLabelSecondaryLabel{color:var(--canon-fg-secondary);font-weight:var(--canon-font-weight-regular);margin-left:var(--canon-space-1)}.canon-FieldLabelDescription{font-weight:var(--canon-font-weight-regular);font-size:var(--canon-font-size-2);color:var(--canon-fg-secondary);margin:0}.canon-Flex{min-width:0;display:flex}.canon-Grid{display:grid}.canon-Heading{font-family:var(--canon-font-regular);color:var(--canon-fg-primary);margin:0;padding:0;line-height:100%}.canon-Heading[data-variant=display]{font-size:var(--canon-font-size-10);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title1]{font-size:var(--canon-font-size-9);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title2]{font-size:var(--canon-font-size-8);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title3]{font-size:var(--canon-font-size-7);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title4]{font-size:var(--canon-font-size-6);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title5]{font-size:var(--canon-font-size-5);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-color=primary]{color:var(--canon-fg-primary)}.canon-Heading[data-color=secondary]{color:var(--canon-fg-secondary)}.canon-Heading[data-truncate]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canon-Icon{width:1rem;height:1rem}.canon-Link{font-family:var(--canon-font-regular);color:var(--canon-fg-link);cursor:pointer;margin:0;padding:0;text-decoration-line:none;&:hover{color:var(--canon-fg-link-hover);text-underline-offset:calc(.025em + 2px);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:min(2px,max(1px,.05em));text-decoration-color:color-mix(in srgb,var(--canon-fg-link-hover)30%,transparent)}}.canon-Link[data-variant=body]{font-size:var(--canon-font-size-3);line-height:140%}.canon-Link[data-variant=subtitle]{font-size:var(--canon-font-size-4);line-height:140%}.canon-Link[data-variant=caption]{font-size:var(--canon-font-size-2);line-height:140%}.canon-Link[data-variant=label]{font-size:var(--canon-font-size-1);line-height:140%}.canon-Link[data-weight=regular]{font-weight:var(--canon-font-weight-regular)}.canon-Link[data-weight=bold]{font-weight:var(--canon-font-weight-bold)}.canon-MenuPositioner{outline:0}.canon-MenuPopup{background-color:var(--canon-bg-surface-1);border:1px solid var(--canon-border);color:var(--canon-fg-primary);transform-origin:var(--transform-origin);max-width:min(var(--available-width),340px);max-height:min(var(--available-height),500px);padding-bottom:var(--canon-space-1);border-radius:.375rem;outline:none;flex-direction:column;transition:transform .15s,opacity .15s;display:flex;position:relative;overflow:auto;&[data-starting-style],&[data-ending-style]{opacity:0;transform:scale(.9)}}.canon-MenuItem{user-select:none;align-items:center;gap:var(--canon-space-2);height:32px;color:var(--canon-fg-primary);border-radius:var(--canon-radius-2);margin-inline:var(--canon-space-1);padding-inline:var(--canon-space-2);font-size:var(--canon-font-size-3);cursor:pointer;outline:0;flex-shrink:0;text-decoration:none;display:flex;&:first-child{margin-top:var(--canon-space-1)}&[data-highlighted]{background-color:var(--canon-gray-3)}}.canon-MenuSubmenuTrigger{user-select:none;justify-content:space-between;align-items:center;gap:var(--canon-space-2);height:32px;color:var(--canon-fg-primary);border-radius:var(--canon-radius-2);margin-inline:var(--canon-space-1);padding-inline:var(--canon-space-2);font-size:var(--canon-font-size-3);cursor:pointer;outline:0;flex-shrink:0;text-decoration:none;display:flex;& .canon-Icon{color:var(--canon-fg-secondary)}&:first-child{margin-top:var(--canon-space-1)}&[data-popup-open],&[data-highlighted]{background-color:var(--canon-gray-3);& .canon-Icon{color:var(--canon-fg-primary)}}}.canon-MenuSeparator{background-color:var(--color-gray-200);height:1px;margin:.375rem 1rem}.canon-SubmenuComboboxSearch{padding-inline:var(--canon-space-3);border:none;border-bottom:1px solid var(--canon-border);background-color:var(--canon-bg-surface-1);width:100%;height:32px;color:var(--canon-fg-primary);line-height:140%;font-size:var(--canon-font-size-3);z-index:1;outline:none;position:sticky;top:0;&::placeholder{color:var(--canon-fg-secondary)}&:disabled{opacity:.6;cursor:not-allowed}}.canon-SubmenuComboboxItems{padding-top:var(--canon-space-2);outline:none;flex-direction:column;display:flex;overflow-y:auto}.canon-SubmenuComboboxNoResults{padding-inline:var(--canon-space-3);padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-4);color:var(--canon-fg-secondary);font-size:var(--canon-font-size-3)}.canon-SubmenuComboboxItem{user-select:none;justify-content:space-between;align-items:center;gap:var(--canon-space-2);height:32px;color:var(--canon-fg-primary);border-radius:var(--canon-radius-2);margin-inline:var(--canon-space-1);padding-inline:var(--canon-space-2);font-size:var(--canon-font-size-3);cursor:pointer;outline:0;flex-shrink:0;text-decoration:none;display:flex;&[data-highlighted]{background-color:var(--canon-gray-3)}&[data-disabled]{opacity:.5;cursor:not-allowed}}.canon-SubmenuComboboxItemCheckbox{width:16px;height:16px;color:var(--canon-fg-primary);border-radius:var(--canon-radius-2);border:1px solid var(--canon-border);background:var(--canon-bg-surface-1);flex-shrink:0;justify-content:center;align-items:center;display:flex}.canon-SubmenuComboboxItemLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.canon-TableRoot{caption-side:bottom;border-collapse:collapse;width:100%}.canon-TableHead{text-align:left;padding:var(--canon-space-3);font-size:var(--canon-font-size-3);color:var(--canon-fg-primary)}.canon-TableBody{color:var(--canon-fg-primary)}.canon-TableRow{border-bottom:1px solid var(--canon-border);transition:color .2s ease-in-out}.canon-TableBody .canon-TableRow:hover{background-color:var(--canon-gray-2)}.canon-TableCell{padding:var(--canon-space-3);font-size:var(--canon-font-size-3)}.canon-TableCellText,.canon-TableCellLink{gap:var(--canon-space-0_5);flex-direction:column;display:flex}.canon-TableCellProfile{gap:var(--canon-space-2);flex-direction:row;align-items:center;display:flex}.canon-TableCellProfileAvatar{vertical-align:middle;user-select:none;color:var(--canon-fg-primary);background-color:var(--canon-bg-surface-2);border-radius:100%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:1rem;font-weight:500;line-height:1;display:inline-flex;overflow:hidden}.canon-TableCellProfileAvatarImage{object-fit:cover;width:100%;height:100%}.canon-TableCellProfileAvatarFallback{width:100%;height:100%;font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);box-shadow:inset 0 0 0 1px var(--canon-border);border-radius:var(--canon-radius-full);justify-content:center;align-items:center;display:flex}.canon-TabsRoot{border:1px solid var(--color-gray-200);border-radius:.375rem}.canon-TabsList{z-index:0;display:flex;position:relative}.canon-TabsTab{appearance:none;color:var(--canon-fg-secondary);user-select:none;padding-inline:var(--canon-space-3);height:2rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;font-size:var(--canon-font-size-2);cursor:pointer;background:0 0;border:0;outline:0;justify-content:center;align-items:center;margin:0;padding-block:0;transition:color .2s ease-in-out;display:flex;&[data-selected]{color:var(--canon-fg-primary)}@media (hover:hover){&:hover{color:var(--canon-fg-primary)}}&:focus-visible{position:relative;&:before{content:"";outline:1px solid var(--canon-ring);outline-offset:-1px;border-radius:.25rem;position:absolute;inset:.25rem 0}}}.canon-TabsIndicator{z-index:-1;translate:var(--active-tab-left)-50%;width:var(--active-tab-width);background-color:var(--canon-bg-solid);height:1px;transition-property:translate,width;transition-duration:.2s;transition-timing-function:ease-in-out;position:absolute;bottom:0;left:0}.canon-TabsPanel{&[hidden]{display:none}}.canon-Text{font-family:var(--canon-font-regular);margin:0;padding:0}.canon-Text[data-variant=body]{font-size:var(--canon-font-size-3);line-height:140%}.canon-Text[data-variant=subtitle]{font-size:var(--canon-font-size-4);line-height:140%}.canon-Text[data-variant=caption]{font-size:var(--canon-font-size-2);line-height:140%}.canon-Text[data-variant=label]{font-size:var(--canon-font-size-1);line-height:140%}.canon-Text[data-weight=regular]{font-weight:var(--canon-font-weight-regular)}.canon-Text[data-weight=bold]{font-weight:var(--canon-font-weight-bold)}.canon-Text[data-color=primary]{color:var(--canon-fg-primary)}.canon-Text[data-color=secondary]{color:var(--canon-fg-secondary)}.canon-Text[data-color=danger]{color:var(--canon-fg-danger)}.canon-Text[data-color=warning]{color:var(--canon-fg-warning)}.canon-Text[data-color=success]{color:var(--canon-fg-success)}.canon-Text[data-truncate]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canon-TextField{font-family:var(--canon-font-regular);flex-direction:column;width:100%;display:flex}.canon-TextFieldInputWrapper{position:relative}.canon-TextFieldInputWrapper[data-size=small]{height:2rem}.canon-TextFieldInputWrapper[data-size=medium]{height:2.5rem}.canon-TextFieldIcon{left:var(--canon-space-3);margin-right:var(--canon-space-1);color:var(--canon-fg-primary);flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%)}.canon-TextFieldIcon[data-size=small],.canon-TextFieldIcon[data-size=small] svg{width:1rem;height:1rem}.canon-TextFieldIcon[data-size=medium],.canon-TextFieldIcon[data-size=medium] svg{width:1.25rem;height:1.25rem}.canon-TextFieldInput{padding:0 var(--canon-space-3);border-radius:var(--canon-radius-3);border:1px solid var(--canon-border);background-color:var(--canon-bg-surface-1);font-size:var(--canon-font-size-3);font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary);width:100%;height:100%;cursor:inherit;align-items:center;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out;display:flex}.canon-TextFieldInput::placeholder{color:var(--canon-fg-secondary)}.canon-TextFieldInput[data-icon]{padding-left:var(--canon-space-8)}.canon-TextFieldInput[data-focused]{outline-color:var(--canon-border-pressed);outline-width:0}.canon-TextFieldInput[data-hovered]{border-color:var(--canon-border-hover)}.canon-TextFieldInput[data-focused]{border-color:var(--canon-border-pressed);outline-width:0}.canon-TextFieldInput[data-invalid]{border-color:var(--canon-fg-danger)}.canon-TextFieldInput[data-disabled]{opacity:.5;cursor:not-allowed;border:1px solid var(--canon-border-disabled)}.canon-TextFieldError{color:var(--canon-fg-danger);font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);margin-top:var(--canon-space-2)}.canon-TooltipPopup{box-sizing:border-box;transform-origin:var(--transform-origin);background-color:canvas;background-color:var(--canon-bg-surface-1);color:var(--canon-fg-primary);outline:1px solid var(--canon-border);box-shadow:0 10px 15px -3px var(--canon-border),0 4px 6px -4px var(--canon-border);border-radius:.375rem;flex-direction:column;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;transition:transform .15s,opacity .15s;display:flex;&[data-starting-style],&[data-ending-style]{opacity:0;transform:scale(.9)}&[data-instant]{transition-duration:0s}}.canon-TooltipArrow{display:flex;&[data-side=top]{bottom:-8px;rotate:180deg}&[data-side=bottom]{top:-8px;rotate:none}&[data-side=left]{right:-13px;rotate:90deg}&[data-side=right]{left:-13px;rotate:-90deg}}.canon-TooltipArrow-fill{fill:var(--canon-bg-surface-1)}.canon-TooltipArrow-outer-stroke{@media (prefers-color-scheme:light){fill:var(--canon-border)}}.canon-ScrollAreaRoot{box-sizing:border-box;width:24rem;max-width:calc(100vw - 8rem);height:8.5rem}.canon-ScrollAreaViewport{overscroll-behavior:contain;height:100%}.canon-ScrollAreaContent{padding-block:.75rem;flex-direction:column;gap:1rem;padding-left:1rem;padding-right:1.5rem;display:flex}.canon-ScrollAreaScrollbar{background-color:var(--canon-scrollbar);opacity:0;border-radius:.375rem;justify-content:center;width:.25rem;margin:.5rem;transition:opacity .15s .3s;display:flex;&[data-hovering],&[data-scrolling]{opacity:1;transition-duration:75ms;transition-delay:0s}&:before{content:"";width:1.25rem;height:100%;position:absolute}}.canon-ScrollAreaThumb{border-radius:inherit;background-color:var(--canon-scrollbar-thumb);width:100%}.canon-Select{font-family:var(--canon-font-regular);flex-direction:column;width:100%;display:flex}.canon-SelectLabel{font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary);margin-bottom:var(--canon-space-1_5);cursor:pointer}.canon-SelectLabel[data-disabled]{cursor:default}.canon-SelectDescription{font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-secondary);padding-top:var(--canon-space-1_5);margin:0}.canon-SelectError{font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-danger);padding-top:var(--canon-space-1_5);margin:0}.canon-SelectTrigger{box-sizing:border-box;border-radius:var(--canon-radius-3);border:1px solid var(--canon-border);padding:0 var(--canon-space-4);background-color:var(--canon-bg-surface-1);font-size:var(--canon-font-size-3);font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--canon-space-2);width:100%;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out;display:flex}.canon-SelectTrigger::placeholder{color:var(--canon-fg-secondary)}.canon-SelectTrigger:hover{border-color:var(--canon-border-hover)}.canon-SelectTrigger:focus-visible{border-color:var(--canon-border-pressed);outline:0}.canon-SelectTrigger[data-invalid]{border-color:var(--canon-fg-danger)}.canon-SelectTrigger[data-invalid]:hover,.canon-SelectTrigger[data-invalid]:focus-visible{border-width:2px}.canon-SelectTrigger[data-disabled]{cursor:not-allowed;border-color:var(--canon-border-disabled);color:var(--canon-fg-disabled)}.canon-SelectTrigger[data-size=small]{height:2rem}.canon-SelectTrigger[data-size=medium]{height:3rem}.canon-SelectIcon{margin-left:var(--canon-space-5);transition:transform .2s}.canon-SelectTrigger[data-popup-open] .canon-SelectIcon{transform:rotate(180deg)}.canon-SelectPopup{box-sizing:border-box;max-height:var(--available-height);background-color:var(--canon-bg-surface-1);border:1px solid var(--canon-border);border-radius:var(--canon-radius-3);padding-block:var(--canon-space-1);z-index:1;transform-origin:var(--transform-origin);outline:0;transition:transform .15s,opacity .15s;overflow-y:auto;box-shadow:0 4px 12px #0003}.canon-SelectPopup[data-starting-style],.canon-SelectPopup[data-ending-style]{opacity:0;transform:scale(.9)}.canon-SelectItem{width:var(--anchor-width);padding-block:var(--canon-space-2);padding-inline:var(--canon-space-4);color:var(--canon-fg-primary);border-radius:var(--canon-radius-3);cursor:pointer;user-select:none;font-size:var(--canon-font-size-3);align-items:center;gap:var(--canon-space-2);outline:none;grid-template-columns:1rem 1fr;grid-template-areas:"icon text";display:grid;position:relative}.canon-SelectItem[data-highlighted]{z-index:0;color:var(--canon-fg-primary);position:relative}.canon-SelectItem[data-highlighted]:before{content:"";z-index:-1;background-color:var(--canon-bg-tint-hover);border-radius:.25rem;position:absolute;inset-block:0;inset-inline:.25rem}.canon-SelectItem[data-disabled]{cursor:not-allowed;color:var(--canon-fg-disabled)}.canon-SelectItemIndicator{grid-area:icon;justify-content:center;align-items:center;display:flex}.canon-SelectItemText{flex:1;grid-area:text}.canon-SelectRequired{color:var(--canon-fg-secondary);font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);margin-left:var(--canon-space-1)}.canon-SelectIcon{justify-content:center;align-items:center;display:flex}.canon-SelectValue{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.canon-Switch{align-items:center;gap:var(--canon-space-3);font-size:var(--canon-font-size-3);color:var(--canon-fg-primary);cursor:pointer;display:flex;position:relative;&[data-pressed] .canon-SwitchIndicator{&:before{background:var(--canon-fg-solid)}}&[data-selected]{& .canon-SwitchIndicator{background:var(--canon-bg-solid);&:before{background:var(--canon-fg-solid);transform:translate(100%)}}&[data-pressed]{& .indicator{background:var(--canon-gray-3)}}}&[data-focus-visible] .canon-SwitchIndicator{outline-offset:2px;outline:2px solid}}.canon-SwitchIndicator{background:var(--canon-gray-3);border:2px;border-radius:1.143rem;width:2rem;height:1.143rem;transition:all .2s;&:before{content:"";background:var(--canon-fg-solid);border-radius:16px;width:.857rem;height:.857rem;margin:.143rem;transition:all .2s;display:block}}
\ No newline at end of file
+@layer base {
+  *, :before, :after {
+    box-sizing: border-box;
+  }
+
+  html {
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+    line-height: 1.15;
+  }
+
+  body {
+    margin: 0;
+  }
+
+  b, strong {
+    font-weight: bolder;
+  }
+
+  code, kbd, samp, pre {
+    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+    font-size: 1em;
+  }
+
+  small {
+    font-size: 80%;
+  }
+
+  sub, sup {
+    vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+  }
+
+  sub {
+    bottom: -.25em;
+  }
+
+  sup {
+    top: -.5em;
+  }
+
+  table {
+    border-color: currentColor;
+  }
+
+  button, input, optgroup, select, textarea {
+    margin: 0;
+    font-family: inherit;
+    font-size: 100%;
+    line-height: 1.15;
+  }
+
+  button, [type="button"], [type="reset"], [type="submit"] {
+    -webkit-appearance: button;
+  }
+
+  legend {
+    padding: 0;
+  }
+
+  progress {
+    vertical-align: baseline;
+  }
+
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  [type="search"] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
+  }
+
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    font: inherit;
+  }
+
+  summary {
+    display: list-item;
+  }
+}
+
+.cu-p {
+  padding: var(--p);
+}
+
+.cu-p-0\.5 {
+  padding: var(--canon-space-0_5);
+}
+
+.cu-p-1 {
+  padding: var(--canon-space-1);
+}
+
+.cu-p-1\.5 {
+  padding: var(--canon-space-1_5);
+}
+
+.cu-p-2 {
+  padding: var(--canon-space-2);
+}
+
+.cu-p-3 {
+  padding: var(--canon-space-3);
+}
+
+.cu-p-4 {
+  padding: var(--canon-space-4);
+}
+
+.cu-p-5 {
+  padding: var(--canon-space-5);
+}
+
+.cu-p-6 {
+  padding: var(--canon-space-6);
+}
+
+.cu-p-7 {
+  padding: var(--canon-space-7);
+}
+
+.cu-p-8 {
+  padding: var(--canon-space-8);
+}
+
+.cu-p-9 {
+  padding: var(--canon-space-9);
+}
+
+.cu-p-10 {
+  padding: var(--canon-space-10);
+}
+
+.cu-p-11 {
+  padding: var(--canon-space-11);
+}
+
+.cu-p-12 {
+  padding: var(--canon-space-12);
+}
+
+.cu-p-13 {
+  padding: var(--canon-space-13);
+}
+
+.cu-p-14 {
+  padding: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-p {
+    padding: var(--p-xs);
+  }
+
+  .xs\:cu-p-0\.5 {
+    padding: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-p-1 {
+    padding: var(--canon-space-1);
+  }
+
+  .xs\:cu-p-1\.5 {
+    padding: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-p-2 {
+    padding: var(--canon-space-2);
+  }
+
+  .xs\:cu-p-3 {
+    padding: var(--canon-space-3);
+  }
+
+  .xs\:cu-p-4 {
+    padding: var(--canon-space-4);
+  }
+
+  .xs\:cu-p-5 {
+    padding: var(--canon-space-5);
+  }
+
+  .xs\:cu-p-6 {
+    padding: var(--canon-space-6);
+  }
+
+  .xs\:cu-p-7 {
+    padding: var(--canon-space-7);
+  }
+
+  .xs\:cu-p-8 {
+    padding: var(--canon-space-8);
+  }
+
+  .xs\:cu-p-9 {
+    padding: var(--canon-space-9);
+  }
+
+  .xs\:cu-p-10 {
+    padding: var(--canon-space-10);
+  }
+
+  .xs\:cu-p-11 {
+    padding: var(--canon-space-11);
+  }
+
+  .xs\:cu-p-12 {
+    padding: var(--canon-space-12);
+  }
+
+  .xs\:cu-p-13 {
+    padding: var(--canon-space-13);
+  }
+
+  .xs\:cu-p-14 {
+    padding: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-p {
+    padding: var(--p-sm);
+  }
+
+  .sm\:cu-p-0\.5 {
+    padding: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-p-1 {
+    padding: var(--canon-space-1);
+  }
+
+  .sm\:cu-p-1\.5 {
+    padding: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-p-2 {
+    padding: var(--canon-space-2);
+  }
+
+  .sm\:cu-p-3 {
+    padding: var(--canon-space-3);
+  }
+
+  .sm\:cu-p-4 {
+    padding: var(--canon-space-4);
+  }
+
+  .sm\:cu-p-5 {
+    padding: var(--canon-space-5);
+  }
+
+  .sm\:cu-p-6 {
+    padding: var(--canon-space-6);
+  }
+
+  .sm\:cu-p-7 {
+    padding: var(--canon-space-7);
+  }
+
+  .sm\:cu-p-8 {
+    padding: var(--canon-space-8);
+  }
+
+  .sm\:cu-p-9 {
+    padding: var(--canon-space-9);
+  }
+
+  .sm\:cu-p-10 {
+    padding: var(--canon-space-10);
+  }
+
+  .sm\:cu-p-11 {
+    padding: var(--canon-space-11);
+  }
+
+  .sm\:cu-p-12 {
+    padding: var(--canon-space-12);
+  }
+
+  .sm\:cu-p-13 {
+    padding: var(--canon-space-13);
+  }
+
+  .sm\:cu-p-14 {
+    padding: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-p {
+    padding: var(--p-md);
+  }
+
+  .md\:cu-p-0\.5 {
+    padding: var(--canon-space-0_5);
+  }
+
+  .md\:cu-p-1 {
+    padding: var(--canon-space-1);
+  }
+
+  .md\:cu-p-1\.5 {
+    padding: var(--canon-space-1_5);
+  }
+
+  .md\:cu-p-2 {
+    padding: var(--canon-space-2);
+  }
+
+  .md\:cu-p-3 {
+    padding: var(--canon-space-3);
+  }
+
+  .md\:cu-p-4 {
+    padding: var(--canon-space-4);
+  }
+
+  .md\:cu-p-5 {
+    padding: var(--canon-space-5);
+  }
+
+  .md\:cu-p-6 {
+    padding: var(--canon-space-6);
+  }
+
+  .md\:cu-p-7 {
+    padding: var(--canon-space-7);
+  }
+
+  .md\:cu-p-8 {
+    padding: var(--canon-space-8);
+  }
+
+  .md\:cu-p-9 {
+    padding: var(--canon-space-9);
+  }
+
+  .md\:cu-p-10 {
+    padding: var(--canon-space-10);
+  }
+
+  .md\:cu-p-11 {
+    padding: var(--canon-space-11);
+  }
+
+  .md\:cu-p-12 {
+    padding: var(--canon-space-12);
+  }
+
+  .md\:cu-p-13 {
+    padding: var(--canon-space-13);
+  }
+
+  .md\:cu-p-14 {
+    padding: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-p {
+    padding: var(--p-lg);
+  }
+
+  .lg\:cu-p-0\.5 {
+    padding: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-p-1 {
+    padding: var(--canon-space-1);
+  }
+
+  .lg\:cu-p-1\.5 {
+    padding: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-p-2 {
+    padding: var(--canon-space-2);
+  }
+
+  .lg\:cu-p-3 {
+    padding: var(--canon-space-3);
+  }
+
+  .lg\:cu-p-4 {
+    padding: var(--canon-space-4);
+  }
+
+  .lg\:cu-p-5 {
+    padding: var(--canon-space-5);
+  }
+
+  .lg\:cu-p-6 {
+    padding: var(--canon-space-6);
+  }
+
+  .lg\:cu-p-7 {
+    padding: var(--canon-space-7);
+  }
+
+  .lg\:cu-p-8 {
+    padding: var(--canon-space-8);
+  }
+
+  .lg\:cu-p-9 {
+    padding: var(--canon-space-9);
+  }
+
+  .lg\:cu-p-10 {
+    padding: var(--canon-space-10);
+  }
+
+  .lg\:cu-p-11 {
+    padding: var(--canon-space-11);
+  }
+
+  .lg\:cu-p-12 {
+    padding: var(--canon-space-12);
+  }
+
+  .lg\:cu-p-13 {
+    padding: var(--canon-space-13);
+  }
+
+  .lg\:cu-p-14 {
+    padding: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-p {
+    padding: var(--p-xl);
+  }
+
+  .xl\:cu-p-0\.5 {
+    padding: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-p-1 {
+    padding: var(--canon-space-1);
+  }
+
+  .xl\:cu-p-1\.5 {
+    padding: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-p-2 {
+    padding: var(--canon-space-2);
+  }
+
+  .xl\:cu-p-3 {
+    padding: var(--canon-space-3);
+  }
+
+  .xl\:cu-p-4 {
+    padding: var(--canon-space-4);
+  }
+
+  .xl\:cu-p-5 {
+    padding: var(--canon-space-5);
+  }
+
+  .xl\:cu-p-6 {
+    padding: var(--canon-space-6);
+  }
+
+  .xl\:cu-p-7 {
+    padding: var(--canon-space-7);
+  }
+
+  .xl\:cu-p-8 {
+    padding: var(--canon-space-8);
+  }
+
+  .xl\:cu-p-9 {
+    padding: var(--canon-space-9);
+  }
+
+  .xl\:cu-p-10 {
+    padding: var(--canon-space-10);
+  }
+
+  .xl\:cu-p-11 {
+    padding: var(--canon-space-11);
+  }
+
+  .xl\:cu-p-12 {
+    padding: var(--canon-space-12);
+  }
+
+  .xl\:cu-p-13 {
+    padding: var(--canon-space-13);
+  }
+
+  .xl\:cu-p-14 {
+    padding: var(--canon-space-14);
+  }
+}
+
+.cu-pl {
+  padding-left: var(--pl);
+}
+
+.cu-pl-0\.5 {
+  padding-left: var(--canon-space-0_5);
+}
+
+.cu-pl-1 {
+  padding-left: var(--canon-space-1);
+}
+
+.cu-pl-1\.5 {
+  padding-left: var(--canon-space-1_5);
+}
+
+.cu-pl-2 {
+  padding-left: var(--canon-space-2);
+}
+
+.cu-pl-3 {
+  padding-left: var(--canon-space-3);
+}
+
+.cu-pl-4 {
+  padding-left: var(--canon-space-4);
+}
+
+.cu-pl-5 {
+  padding-left: var(--canon-space-5);
+}
+
+.cu-pl-6 {
+  padding-left: var(--canon-space-6);
+}
+
+.cu-pl-7 {
+  padding-left: var(--canon-space-7);
+}
+
+.cu-pl-8 {
+  padding-left: var(--canon-space-8);
+}
+
+.cu-pl-9 {
+  padding-left: var(--canon-space-9);
+}
+
+.cu-pl-10 {
+  padding-left: var(--canon-space-10);
+}
+
+.cu-pl-11 {
+  padding-left: var(--canon-space-11);
+}
+
+.cu-pl-12 {
+  padding-left: var(--canon-space-12);
+}
+
+.cu-pl-13 {
+  padding-left: var(--canon-space-13);
+}
+
+.cu-pl-14 {
+  padding-left: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-pl {
+    padding-left: var(--pl-xs);
+  }
+
+  .xs\:cu-pl-0\.5 {
+    padding-left: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-pl-1 {
+    padding-left: var(--canon-space-1);
+  }
+
+  .xs\:cu-pl-1\.5 {
+    padding-left: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-pl-2 {
+    padding-left: var(--canon-space-2);
+  }
+
+  .xs\:cu-pl-3 {
+    padding-left: var(--canon-space-3);
+  }
+
+  .xs\:cu-pl-4 {
+    padding-left: var(--canon-space-4);
+  }
+
+  .xs\:cu-pl-5 {
+    padding-left: var(--canon-space-5);
+  }
+
+  .xs\:cu-pl-6 {
+    padding-left: var(--canon-space-6);
+  }
+
+  .xs\:cu-pl-7 {
+    padding-left: var(--canon-space-7);
+  }
+
+  .xs\:cu-pl-8 {
+    padding-left: var(--canon-space-8);
+  }
+
+  .xs\:cu-pl-9 {
+    padding-left: var(--canon-space-9);
+  }
+
+  .xs\:cu-pl-10 {
+    padding-left: var(--canon-space-10);
+  }
+
+  .xs\:cu-pl-11 {
+    padding-left: var(--canon-space-11);
+  }
+
+  .xs\:cu-pl-12 {
+    padding-left: var(--canon-space-12);
+  }
+
+  .xs\:cu-pl-13 {
+    padding-left: var(--canon-space-13);
+  }
+
+  .xs\:cu-pl-14 {
+    padding-left: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-pl {
+    padding-left: var(--pl-sm);
+  }
+
+  .sm\:cu-pl-0\.5 {
+    padding-left: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-pl-1 {
+    padding-left: var(--canon-space-1);
+  }
+
+  .sm\:cu-pl-1\.5 {
+    padding-left: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-pl-2 {
+    padding-left: var(--canon-space-2);
+  }
+
+  .sm\:cu-pl-3 {
+    padding-left: var(--canon-space-3);
+  }
+
+  .sm\:cu-pl-4 {
+    padding-left: var(--canon-space-4);
+  }
+
+  .sm\:cu-pl-5 {
+    padding-left: var(--canon-space-5);
+  }
+
+  .sm\:cu-pl-6 {
+    padding-left: var(--canon-space-6);
+  }
+
+  .sm\:cu-pl-7 {
+    padding-left: var(--canon-space-7);
+  }
+
+  .sm\:cu-pl-8 {
+    padding-left: var(--canon-space-8);
+  }
+
+  .sm\:cu-pl-9 {
+    padding-left: var(--canon-space-9);
+  }
+
+  .sm\:cu-pl-10 {
+    padding-left: var(--canon-space-10);
+  }
+
+  .sm\:cu-pl-11 {
+    padding-left: var(--canon-space-11);
+  }
+
+  .sm\:cu-pl-12 {
+    padding-left: var(--canon-space-12);
+  }
+
+  .sm\:cu-pl-13 {
+    padding-left: var(--canon-space-13);
+  }
+
+  .sm\:cu-pl-14 {
+    padding-left: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-pl {
+    padding-left: var(--pl-md);
+  }
+
+  .md\:cu-pl-0\.5 {
+    padding-left: var(--canon-space-0_5);
+  }
+
+  .md\:cu-pl-1 {
+    padding-left: var(--canon-space-1);
+  }
+
+  .md\:cu-pl-1\.5 {
+    padding-left: var(--canon-space-1_5);
+  }
+
+  .md\:cu-pl-2 {
+    padding-left: var(--canon-space-2);
+  }
+
+  .md\:cu-pl-3 {
+    padding-left: var(--canon-space-3);
+  }
+
+  .md\:cu-pl-4 {
+    padding-left: var(--canon-space-4);
+  }
+
+  .md\:cu-pl-5 {
+    padding-left: var(--canon-space-5);
+  }
+
+  .md\:cu-pl-6 {
+    padding-left: var(--canon-space-6);
+  }
+
+  .md\:cu-pl-7 {
+    padding-left: var(--canon-space-7);
+  }
+
+  .md\:cu-pl-8 {
+    padding-left: var(--canon-space-8);
+  }
+
+  .md\:cu-pl-9 {
+    padding-left: var(--canon-space-9);
+  }
+
+  .md\:cu-pl-10 {
+    padding-left: var(--canon-space-10);
+  }
+
+  .md\:cu-pl-11 {
+    padding-left: var(--canon-space-11);
+  }
+
+  .md\:cu-pl-12 {
+    padding-left: var(--canon-space-12);
+  }
+
+  .md\:cu-pl-13 {
+    padding-left: var(--canon-space-13);
+  }
+
+  .md\:cu-pl-14 {
+    padding-left: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-pl {
+    padding-left: var(--pl-lg);
+  }
+
+  .lg\:cu-pl-0\.5 {
+    padding-left: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-pl-1 {
+    padding-left: var(--canon-space-1);
+  }
+
+  .lg\:cu-pl-1\.5 {
+    padding-left: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-pl-2 {
+    padding-left: var(--canon-space-2);
+  }
+
+  .lg\:cu-pl-3 {
+    padding-left: var(--canon-space-3);
+  }
+
+  .lg\:cu-pl-4 {
+    padding-left: var(--canon-space-4);
+  }
+
+  .lg\:cu-pl-5 {
+    padding-left: var(--canon-space-5);
+  }
+
+  .lg\:cu-pl-6 {
+    padding-left: var(--canon-space-6);
+  }
+
+  .lg\:cu-pl-7 {
+    padding-left: var(--canon-space-7);
+  }
+
+  .lg\:cu-pl-8 {
+    padding-left: var(--canon-space-8);
+  }
+
+  .lg\:cu-pl-9 {
+    padding-left: var(--canon-space-9);
+  }
+
+  .lg\:cu-pl-10 {
+    padding-left: var(--canon-space-10);
+  }
+
+  .lg\:cu-pl-11 {
+    padding-left: var(--canon-space-11);
+  }
+
+  .lg\:cu-pl-12 {
+    padding-left: var(--canon-space-12);
+  }
+
+  .lg\:cu-pl-13 {
+    padding-left: var(--canon-space-13);
+  }
+
+  .lg\:cu-pl-14 {
+    padding-left: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-pl {
+    padding-left: var(--pl-xl);
+  }
+
+  .xl\:cu-pl-0\.5 {
+    padding-left: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-pl-1 {
+    padding-left: var(--canon-space-1);
+  }
+
+  .xl\:cu-pl-1\.5 {
+    padding-left: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-pl-2 {
+    padding-left: var(--canon-space-2);
+  }
+
+  .xl\:cu-pl-3 {
+    padding-left: var(--canon-space-3);
+  }
+
+  .xl\:cu-pl-4 {
+    padding-left: var(--canon-space-4);
+  }
+
+  .xl\:cu-pl-5 {
+    padding-left: var(--canon-space-5);
+  }
+
+  .xl\:cu-pl-6 {
+    padding-left: var(--canon-space-6);
+  }
+
+  .xl\:cu-pl-7 {
+    padding-left: var(--canon-space-7);
+  }
+
+  .xl\:cu-pl-8 {
+    padding-left: var(--canon-space-8);
+  }
+
+  .xl\:cu-pl-9 {
+    padding-left: var(--canon-space-9);
+  }
+
+  .xl\:cu-pl-10 {
+    padding-left: var(--canon-space-10);
+  }
+
+  .xl\:cu-pl-11 {
+    padding-left: var(--canon-space-11);
+  }
+
+  .xl\:cu-pl-12 {
+    padding-left: var(--canon-space-12);
+  }
+
+  .xl\:cu-pl-13 {
+    padding-left: var(--canon-space-13);
+  }
+
+  .xl\:cu-pl-14 {
+    padding-left: var(--canon-space-14);
+  }
+}
+
+.cu-pr {
+  padding-right: var(--pr);
+}
+
+.cu-pr-0\.5 {
+  padding-right: var(--canon-space-0_5);
+}
+
+.cu-pr-1 {
+  padding-right: var(--canon-space-1);
+}
+
+.cu-pr-1\.5 {
+  padding-right: var(--canon-space-1_5);
+}
+
+.cu-pr-2 {
+  padding-right: var(--canon-space-2);
+}
+
+.cu-pr-3 {
+  padding-right: var(--canon-space-3);
+}
+
+.cu-pr-4 {
+  padding-right: var(--canon-space-4);
+}
+
+.cu-pr-5 {
+  padding-right: var(--canon-space-5);
+}
+
+.cu-pr-6 {
+  padding-right: var(--canon-space-6);
+}
+
+.cu-pr-7 {
+  padding-right: var(--canon-space-7);
+}
+
+.cu-pr-8 {
+  padding-right: var(--canon-space-8);
+}
+
+.cu-pr-9 {
+  padding-right: var(--canon-space-9);
+}
+
+.cu-pr-10 {
+  padding-right: var(--canon-space-10);
+}
+
+.cu-pr-11 {
+  padding-right: var(--canon-space-11);
+}
+
+.cu-pr-12 {
+  padding-right: var(--canon-space-12);
+}
+
+.cu-pr-13 {
+  padding-right: var(--canon-space-13);
+}
+
+.cu-pr-14 {
+  padding-right: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-pr {
+    padding-right: var(--pr-xs);
+  }
+
+  .xs\:cu-pr-0\.5 {
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-pr-1 {
+    padding-right: var(--canon-space-1);
+  }
+
+  .xs\:cu-pr-1\.5 {
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-pr-2 {
+    padding-right: var(--canon-space-2);
+  }
+
+  .xs\:cu-pr-3 {
+    padding-right: var(--canon-space-3);
+  }
+
+  .xs\:cu-pr-4 {
+    padding-right: var(--canon-space-4);
+  }
+
+  .xs\:cu-pr-5 {
+    padding-right: var(--canon-space-5);
+  }
+
+  .xs\:cu-pr-6 {
+    padding-right: var(--canon-space-6);
+  }
+
+  .xs\:cu-pr-7 {
+    padding-right: var(--canon-space-7);
+  }
+
+  .xs\:cu-pr-8 {
+    padding-right: var(--canon-space-8);
+  }
+
+  .xs\:cu-pr-9 {
+    padding-right: var(--canon-space-9);
+  }
+
+  .xs\:cu-pr-10 {
+    padding-right: var(--canon-space-10);
+  }
+
+  .xs\:cu-pr-11 {
+    padding-right: var(--canon-space-11);
+  }
+
+  .xs\:cu-pr-12 {
+    padding-right: var(--canon-space-12);
+  }
+
+  .xs\:cu-pr-13 {
+    padding-right: var(--canon-space-13);
+  }
+
+  .xs\:cu-pr-14 {
+    padding-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-pr {
+    padding-right: var(--pr-sm);
+  }
+
+  .sm\:cu-pr-0\.5 {
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-pr-1 {
+    padding-right: var(--canon-space-1);
+  }
+
+  .sm\:cu-pr-1\.5 {
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-pr-2 {
+    padding-right: var(--canon-space-2);
+  }
+
+  .sm\:cu-pr-3 {
+    padding-right: var(--canon-space-3);
+  }
+
+  .sm\:cu-pr-4 {
+    padding-right: var(--canon-space-4);
+  }
+
+  .sm\:cu-pr-5 {
+    padding-right: var(--canon-space-5);
+  }
+
+  .sm\:cu-pr-6 {
+    padding-right: var(--canon-space-6);
+  }
+
+  .sm\:cu-pr-7 {
+    padding-right: var(--canon-space-7);
+  }
+
+  .sm\:cu-pr-8 {
+    padding-right: var(--canon-space-8);
+  }
+
+  .sm\:cu-pr-9 {
+    padding-right: var(--canon-space-9);
+  }
+
+  .sm\:cu-pr-10 {
+    padding-right: var(--canon-space-10);
+  }
+
+  .sm\:cu-pr-11 {
+    padding-right: var(--canon-space-11);
+  }
+
+  .sm\:cu-pr-12 {
+    padding-right: var(--canon-space-12);
+  }
+
+  .sm\:cu-pr-13 {
+    padding-right: var(--canon-space-13);
+  }
+
+  .sm\:cu-pr-14 {
+    padding-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-pr {
+    padding-right: var(--pr-md);
+  }
+
+  .md\:cu-pr-0\.5 {
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .md\:cu-pr-1 {
+    padding-right: var(--canon-space-1);
+  }
+
+  .md\:cu-pr-1\.5 {
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .md\:cu-pr-2 {
+    padding-right: var(--canon-space-2);
+  }
+
+  .md\:cu-pr-3 {
+    padding-right: var(--canon-space-3);
+  }
+
+  .md\:cu-pr-4 {
+    padding-right: var(--canon-space-4);
+  }
+
+  .md\:cu-pr-5 {
+    padding-right: var(--canon-space-5);
+  }
+
+  .md\:cu-pr-6 {
+    padding-right: var(--canon-space-6);
+  }
+
+  .md\:cu-pr-7 {
+    padding-right: var(--canon-space-7);
+  }
+
+  .md\:cu-pr-8 {
+    padding-right: var(--canon-space-8);
+  }
+
+  .md\:cu-pr-9 {
+    padding-right: var(--canon-space-9);
+  }
+
+  .md\:cu-pr-10 {
+    padding-right: var(--canon-space-10);
+  }
+
+  .md\:cu-pr-11 {
+    padding-right: var(--canon-space-11);
+  }
+
+  .md\:cu-pr-12 {
+    padding-right: var(--canon-space-12);
+  }
+
+  .md\:cu-pr-13 {
+    padding-right: var(--canon-space-13);
+  }
+
+  .md\:cu-pr-14 {
+    padding-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-pr {
+    padding-right: var(--pr-lg);
+  }
+
+  .lg\:cu-pr-0\.5 {
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-pr-1 {
+    padding-right: var(--canon-space-1);
+  }
+
+  .lg\:cu-pr-1\.5 {
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-pr-2 {
+    padding-right: var(--canon-space-2);
+  }
+
+  .lg\:cu-pr-3 {
+    padding-right: var(--canon-space-3);
+  }
+
+  .lg\:cu-pr-4 {
+    padding-right: var(--canon-space-4);
+  }
+
+  .lg\:cu-pr-5 {
+    padding-right: var(--canon-space-5);
+  }
+
+  .lg\:cu-pr-6 {
+    padding-right: var(--canon-space-6);
+  }
+
+  .lg\:cu-pr-7 {
+    padding-right: var(--canon-space-7);
+  }
+
+  .lg\:cu-pr-8 {
+    padding-right: var(--canon-space-8);
+  }
+
+  .lg\:cu-pr-9 {
+    padding-right: var(--canon-space-9);
+  }
+
+  .lg\:cu-pr-10 {
+    padding-right: var(--canon-space-10);
+  }
+
+  .lg\:cu-pr-11 {
+    padding-right: var(--canon-space-11);
+  }
+
+  .lg\:cu-pr-12 {
+    padding-right: var(--canon-space-12);
+  }
+
+  .lg\:cu-pr-13 {
+    padding-right: var(--canon-space-13);
+  }
+
+  .lg\:cu-pr-14 {
+    padding-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-pr {
+    padding-right: var(--pr-xl);
+  }
+
+  .xl\:cu-pr-0\.5 {
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-pr-1 {
+    padding-right: var(--canon-space-1);
+  }
+
+  .xl\:cu-pr-1\.5 {
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-pr-2 {
+    padding-right: var(--canon-space-2);
+  }
+
+  .xl\:cu-pr-3 {
+    padding-right: var(--canon-space-3);
+  }
+
+  .xl\:cu-pr-4 {
+    padding-right: var(--canon-space-4);
+  }
+
+  .xl\:cu-pr-5 {
+    padding-right: var(--canon-space-5);
+  }
+
+  .xl\:cu-pr-6 {
+    padding-right: var(--canon-space-6);
+  }
+
+  .xl\:cu-pr-7 {
+    padding-right: var(--canon-space-7);
+  }
+
+  .xl\:cu-pr-8 {
+    padding-right: var(--canon-space-8);
+  }
+
+  .xl\:cu-pr-9 {
+    padding-right: var(--canon-space-9);
+  }
+
+  .xl\:cu-pr-10 {
+    padding-right: var(--canon-space-10);
+  }
+
+  .xl\:cu-pr-11 {
+    padding-right: var(--canon-space-11);
+  }
+
+  .xl\:cu-pr-12 {
+    padding-right: var(--canon-space-12);
+  }
+
+  .xl\:cu-pr-13 {
+    padding-right: var(--canon-space-13);
+  }
+
+  .xl\:cu-pr-14 {
+    padding-right: var(--canon-space-14);
+  }
+}
+
+.cu-pt {
+  padding-top: var(--pt);
+}
+
+.cu-pt-0\.5 {
+  padding-top: var(--canon-space-0_5);
+}
+
+.cu-pt-1 {
+  padding-top: var(--canon-space-1);
+}
+
+.cu-pt-1\.5 {
+  padding-top: var(--canon-space-1_5);
+}
+
+.cu-pt-2 {
+  padding-top: var(--canon-space-2);
+}
+
+.cu-pt-3 {
+  padding-top: var(--canon-space-3);
+}
+
+.cu-pt-4 {
+  padding-top: var(--canon-space-4);
+}
+
+.cu-pt-5 {
+  padding-top: var(--canon-space-5);
+}
+
+.cu-pt-6 {
+  padding-top: var(--canon-space-6);
+}
+
+.cu-pt-7 {
+  padding-top: var(--canon-space-7);
+}
+
+.cu-pt-8 {
+  padding-top: var(--canon-space-8);
+}
+
+.cu-pt-9 {
+  padding-top: var(--canon-space-9);
+}
+
+.cu-pt-10 {
+  padding-top: var(--canon-space-10);
+}
+
+.cu-pt-11 {
+  padding-top: var(--canon-space-11);
+}
+
+.cu-pt-12 {
+  padding-top: var(--canon-space-12);
+}
+
+.cu-pt-13 {
+  padding-top: var(--canon-space-13);
+}
+
+.cu-pt-14 {
+  padding-top: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-pt {
+    padding-top: var(--pt-xs);
+  }
+
+  .xs\:cu-pt-0\.5 {
+    padding-top: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-pt-1 {
+    padding-top: var(--canon-space-1);
+  }
+
+  .xs\:cu-pt-1\.5 {
+    padding-top: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-pt-2 {
+    padding-top: var(--canon-space-2);
+  }
+
+  .xs\:cu-pt-3 {
+    padding-top: var(--canon-space-3);
+  }
+
+  .xs\:cu-pt-4 {
+    padding-top: var(--canon-space-4);
+  }
+
+  .xs\:cu-pt-5 {
+    padding-top: var(--canon-space-5);
+  }
+
+  .xs\:cu-pt-6 {
+    padding-top: var(--canon-space-6);
+  }
+
+  .xs\:cu-pt-7 {
+    padding-top: var(--canon-space-7);
+  }
+
+  .xs\:cu-pt-8 {
+    padding-top: var(--canon-space-8);
+  }
+
+  .xs\:cu-pt-9 {
+    padding-top: var(--canon-space-9);
+  }
+
+  .xs\:cu-pt-10 {
+    padding-top: var(--canon-space-10);
+  }
+
+  .xs\:cu-pt-11 {
+    padding-top: var(--canon-space-11);
+  }
+
+  .xs\:cu-pt-12 {
+    padding-top: var(--canon-space-12);
+  }
+
+  .xs\:cu-pt-13 {
+    padding-top: var(--canon-space-13);
+  }
+
+  .xs\:cu-pt-14 {
+    padding-top: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-pt {
+    padding-top: var(--pt-sm);
+  }
+
+  .sm\:cu-pt-0\.5 {
+    padding-top: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-pt-1 {
+    padding-top: var(--canon-space-1);
+  }
+
+  .sm\:cu-pt-1\.5 {
+    padding-top: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-pt-2 {
+    padding-top: var(--canon-space-2);
+  }
+
+  .sm\:cu-pt-3 {
+    padding-top: var(--canon-space-3);
+  }
+
+  .sm\:cu-pt-4 {
+    padding-top: var(--canon-space-4);
+  }
+
+  .sm\:cu-pt-5 {
+    padding-top: var(--canon-space-5);
+  }
+
+  .sm\:cu-pt-6 {
+    padding-top: var(--canon-space-6);
+  }
+
+  .sm\:cu-pt-7 {
+    padding-top: var(--canon-space-7);
+  }
+
+  .sm\:cu-pt-8 {
+    padding-top: var(--canon-space-8);
+  }
+
+  .sm\:cu-pt-9 {
+    padding-top: var(--canon-space-9);
+  }
+
+  .sm\:cu-pt-10 {
+    padding-top: var(--canon-space-10);
+  }
+
+  .sm\:cu-pt-11 {
+    padding-top: var(--canon-space-11);
+  }
+
+  .sm\:cu-pt-12 {
+    padding-top: var(--canon-space-12);
+  }
+
+  .sm\:cu-pt-13 {
+    padding-top: var(--canon-space-13);
+  }
+
+  .sm\:cu-pt-14 {
+    padding-top: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-pt {
+    padding-top: var(--pt-md);
+  }
+
+  .md\:cu-pt-0\.5 {
+    padding-top: var(--canon-space-0_5);
+  }
+
+  .md\:cu-pt-1 {
+    padding-top: var(--canon-space-1);
+  }
+
+  .md\:cu-pt-1\.5 {
+    padding-top: var(--canon-space-1_5);
+  }
+
+  .md\:cu-pt-2 {
+    padding-top: var(--canon-space-2);
+  }
+
+  .md\:cu-pt-3 {
+    padding-top: var(--canon-space-3);
+  }
+
+  .md\:cu-pt-4 {
+    padding-top: var(--canon-space-4);
+  }
+
+  .md\:cu-pt-5 {
+    padding-top: var(--canon-space-5);
+  }
+
+  .md\:cu-pt-6 {
+    padding-top: var(--canon-space-6);
+  }
+
+  .md\:cu-pt-7 {
+    padding-top: var(--canon-space-7);
+  }
+
+  .md\:cu-pt-8 {
+    padding-top: var(--canon-space-8);
+  }
+
+  .md\:cu-pt-9 {
+    padding-top: var(--canon-space-9);
+  }
+
+  .md\:cu-pt-10 {
+    padding-top: var(--canon-space-10);
+  }
+
+  .md\:cu-pt-11 {
+    padding-top: var(--canon-space-11);
+  }
+
+  .md\:cu-pt-12 {
+    padding-top: var(--canon-space-12);
+  }
+
+  .md\:cu-pt-13 {
+    padding-top: var(--canon-space-13);
+  }
+
+  .md\:cu-pt-14 {
+    padding-top: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-pt {
+    padding-top: var(--pt-lg);
+  }
+
+  .lg\:cu-pt-0\.5 {
+    padding-top: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-pt-1 {
+    padding-top: var(--canon-space-1);
+  }
+
+  .lg\:cu-pt-1\.5 {
+    padding-top: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-pt-2 {
+    padding-top: var(--canon-space-2);
+  }
+
+  .lg\:cu-pt-3 {
+    padding-top: var(--canon-space-3);
+  }
+
+  .lg\:cu-pt-4 {
+    padding-top: var(--canon-space-4);
+  }
+
+  .lg\:cu-pt-5 {
+    padding-top: var(--canon-space-5);
+  }
+
+  .lg\:cu-pt-6 {
+    padding-top: var(--canon-space-6);
+  }
+
+  .lg\:cu-pt-7 {
+    padding-top: var(--canon-space-7);
+  }
+
+  .lg\:cu-pt-8 {
+    padding-top: var(--canon-space-8);
+  }
+
+  .lg\:cu-pt-9 {
+    padding-top: var(--canon-space-9);
+  }
+
+  .lg\:cu-pt-10 {
+    padding-top: var(--canon-space-10);
+  }
+
+  .lg\:cu-pt-11 {
+    padding-top: var(--canon-space-11);
+  }
+
+  .lg\:cu-pt-12 {
+    padding-top: var(--canon-space-12);
+  }
+
+  .lg\:cu-pt-13 {
+    padding-top: var(--canon-space-13);
+  }
+
+  .lg\:cu-pt-14 {
+    padding-top: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-pt {
+    padding-top: var(--pt-xl);
+  }
+
+  .xl\:cu-pt-0\.5 {
+    padding-top: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-pt-1 {
+    padding-top: var(--canon-space-1);
+  }
+
+  .xl\:cu-pt-1\.5 {
+    padding-top: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-pt-2 {
+    padding-top: var(--canon-space-2);
+  }
+
+  .xl\:cu-pt-3 {
+    padding-top: var(--canon-space-3);
+  }
+
+  .xl\:cu-pt-4 {
+    padding-top: var(--canon-space-4);
+  }
+
+  .xl\:cu-pt-5 {
+    padding-top: var(--canon-space-5);
+  }
+
+  .xl\:cu-pt-6 {
+    padding-top: var(--canon-space-6);
+  }
+
+  .xl\:cu-pt-7 {
+    padding-top: var(--canon-space-7);
+  }
+
+  .xl\:cu-pt-8 {
+    padding-top: var(--canon-space-8);
+  }
+
+  .xl\:cu-pt-9 {
+    padding-top: var(--canon-space-9);
+  }
+
+  .xl\:cu-pt-10 {
+    padding-top: var(--canon-space-10);
+  }
+
+  .xl\:cu-pt-11 {
+    padding-top: var(--canon-space-11);
+  }
+
+  .xl\:cu-pt-12 {
+    padding-top: var(--canon-space-12);
+  }
+
+  .xl\:cu-pt-13 {
+    padding-top: var(--canon-space-13);
+  }
+
+  .xl\:cu-pt-14 {
+    padding-top: var(--canon-space-14);
+  }
+}
+
+.cu-pb {
+  padding-bottom: var(--pb);
+}
+
+.cu-pb-0\.5 {
+  padding-bottom: var(--canon-space-0_5);
+}
+
+.cu-pb-1 {
+  padding-bottom: var(--canon-space-1);
+}
+
+.cu-pb-1\.5 {
+  padding-bottom: var(--canon-space-1_5);
+}
+
+.cu-pb-2 {
+  padding-bottom: var(--canon-space-2);
+}
+
+.cu-pb-3 {
+  padding-bottom: var(--canon-space-3);
+}
+
+.cu-pb-4 {
+  padding-bottom: var(--canon-space-4);
+}
+
+.cu-pb-5 {
+  padding-bottom: var(--canon-space-5);
+}
+
+.cu-pb-6 {
+  padding-bottom: var(--canon-space-6);
+}
+
+.cu-pb-7 {
+  padding-bottom: var(--canon-space-7);
+}
+
+.cu-pb-8 {
+  padding-bottom: var(--canon-space-8);
+}
+
+.cu-pb-9 {
+  padding-bottom: var(--canon-space-9);
+}
+
+.cu-pb-10 {
+  padding-bottom: var(--canon-space-10);
+}
+
+.cu-pb-11 {
+  padding-bottom: var(--canon-space-11);
+}
+
+.cu-pb-12 {
+  padding-bottom: var(--canon-space-12);
+}
+
+.cu-pb-13 {
+  padding-bottom: var(--canon-space-13);
+}
+
+.cu-pb-14 {
+  padding-bottom: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-pb {
+    padding-bottom: var(--pb-xs);
+  }
+
+  .xs\:cu-pb-0\.5 {
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-pb-1 {
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .xs\:cu-pb-1\.5 {
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-pb-2 {
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .xs\:cu-pb-3 {
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .xs\:cu-pb-4 {
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .xs\:cu-pb-5 {
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .xs\:cu-pb-6 {
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .xs\:cu-pb-7 {
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .xs\:cu-pb-8 {
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .xs\:cu-pb-9 {
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .xs\:cu-pb-10 {
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .xs\:cu-pb-11 {
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .xs\:cu-pb-12 {
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .xs\:cu-pb-13 {
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .xs\:cu-pb-14 {
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-pb {
+    padding-bottom: var(--pb-sm);
+  }
+
+  .sm\:cu-pb-0\.5 {
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-pb-1 {
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .sm\:cu-pb-1\.5 {
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-pb-2 {
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .sm\:cu-pb-3 {
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .sm\:cu-pb-4 {
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .sm\:cu-pb-5 {
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .sm\:cu-pb-6 {
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .sm\:cu-pb-7 {
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .sm\:cu-pb-8 {
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .sm\:cu-pb-9 {
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .sm\:cu-pb-10 {
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .sm\:cu-pb-11 {
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .sm\:cu-pb-12 {
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .sm\:cu-pb-13 {
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .sm\:cu-pb-14 {
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-pb {
+    padding-bottom: var(--pb-md);
+  }
+
+  .md\:cu-pb-0\.5 {
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .md\:cu-pb-1 {
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .md\:cu-pb-1\.5 {
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .md\:cu-pb-2 {
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .md\:cu-pb-3 {
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .md\:cu-pb-4 {
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .md\:cu-pb-5 {
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .md\:cu-pb-6 {
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .md\:cu-pb-7 {
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .md\:cu-pb-8 {
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .md\:cu-pb-9 {
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .md\:cu-pb-10 {
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .md\:cu-pb-11 {
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .md\:cu-pb-12 {
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .md\:cu-pb-13 {
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .md\:cu-pb-14 {
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-pb {
+    padding-bottom: var(--pb-lg);
+  }
+
+  .lg\:cu-pb-0\.5 {
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-pb-1 {
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .lg\:cu-pb-1\.5 {
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-pb-2 {
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .lg\:cu-pb-3 {
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .lg\:cu-pb-4 {
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .lg\:cu-pb-5 {
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .lg\:cu-pb-6 {
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .lg\:cu-pb-7 {
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .lg\:cu-pb-8 {
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .lg\:cu-pb-9 {
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .lg\:cu-pb-10 {
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .lg\:cu-pb-11 {
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .lg\:cu-pb-12 {
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .lg\:cu-pb-13 {
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .lg\:cu-pb-14 {
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-pb {
+    padding-bottom: var(--pb-xl);
+  }
+
+  .xl\:cu-pb-0\.5 {
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-pb-1 {
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .xl\:cu-pb-1\.5 {
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-pb-2 {
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .xl\:cu-pb-3 {
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .xl\:cu-pb-4 {
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .xl\:cu-pb-5 {
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .xl\:cu-pb-6 {
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .xl\:cu-pb-7 {
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .xl\:cu-pb-8 {
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .xl\:cu-pb-9 {
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .xl\:cu-pb-10 {
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .xl\:cu-pb-11 {
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .xl\:cu-pb-12 {
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .xl\:cu-pb-13 {
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .xl\:cu-pb-14 {
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+.cu-py {
+  padding-top: var(--py);
+  padding-bottom: var(--py);
+}
+
+.cu-py-0\.5 {
+  padding-top: var(--canon-space-0_5);
+  padding-bottom: var(--canon-space-0_5);
+}
+
+.cu-py-1 {
+  padding-top: var(--canon-space-1);
+  padding-bottom: var(--canon-space-1);
+}
+
+.cu-py-1\.5 {
+  padding-top: var(--canon-space-1_5);
+  padding-bottom: var(--canon-space-1_5);
+}
+
+.cu-py-2 {
+  padding-top: var(--canon-space-2);
+  padding-bottom: var(--canon-space-2);
+}
+
+.cu-py-3 {
+  padding-top: var(--canon-space-3);
+  padding-bottom: var(--canon-space-3);
+}
+
+.cu-py-4 {
+  padding-top: var(--canon-space-4);
+  padding-bottom: var(--canon-space-4);
+}
+
+.cu-py-5 {
+  padding-top: var(--canon-space-5);
+  padding-bottom: var(--canon-space-5);
+}
+
+.cu-py-6 {
+  padding-top: var(--canon-space-6);
+  padding-bottom: var(--canon-space-6);
+}
+
+.cu-py-7 {
+  padding-top: var(--canon-space-7);
+  padding-bottom: var(--canon-space-7);
+}
+
+.cu-py-8 {
+  padding-top: var(--canon-space-8);
+  padding-bottom: var(--canon-space-8);
+}
+
+.cu-py-9 {
+  padding-top: var(--canon-space-9);
+  padding-bottom: var(--canon-space-9);
+}
+
+.cu-py-10 {
+  padding-top: var(--canon-space-10);
+  padding-bottom: var(--canon-space-10);
+}
+
+.cu-py-11 {
+  padding-top: var(--canon-space-11);
+  padding-bottom: var(--canon-space-11);
+}
+
+.cu-py-12 {
+  padding-top: var(--canon-space-12);
+  padding-bottom: var(--canon-space-12);
+}
+
+.cu-py-13 {
+  padding-top: var(--canon-space-13);
+  padding-bottom: var(--canon-space-13);
+}
+
+.cu-py-14 {
+  padding-top: var(--canon-space-14);
+  padding-bottom: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-py {
+    padding-top: var(--py-xs);
+    padding-bottom: var(--py-xs);
+  }
+
+  .xs\:cu-py-0\.5 {
+    padding-top: var(--canon-space-0_5);
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-py-1 {
+    padding-top: var(--canon-space-1);
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .xs\:cu-py-1\.5 {
+    padding-top: var(--canon-space-1_5);
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-py-2 {
+    padding-top: var(--canon-space-2);
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .xs\:cu-py-3 {
+    padding-top: var(--canon-space-3);
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .xs\:cu-py-4 {
+    padding-top: var(--canon-space-4);
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .xs\:cu-py-5 {
+    padding-top: var(--canon-space-5);
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .xs\:cu-py-6 {
+    padding-top: var(--canon-space-6);
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .xs\:cu-py-7 {
+    padding-top: var(--canon-space-7);
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .xs\:cu-py-8 {
+    padding-top: var(--canon-space-8);
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .xs\:cu-py-9 {
+    padding-top: var(--canon-space-9);
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .xs\:cu-py-10 {
+    padding-top: var(--canon-space-10);
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .xs\:cu-py-11 {
+    padding-top: var(--canon-space-11);
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .xs\:cu-py-12 {
+    padding-top: var(--canon-space-12);
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .xs\:cu-py-13 {
+    padding-top: var(--canon-space-13);
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .xs\:cu-py-14 {
+    padding-top: var(--canon-space-14);
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-py {
+    padding-top: var(--py-sm);
+    padding-bottom: var(--py-sm);
+  }
+
+  .sm\:cu-py-0\.5 {
+    padding-top: var(--canon-space-0_5);
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-py-1 {
+    padding-top: var(--canon-space-1);
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .sm\:cu-py-1\.5 {
+    padding-top: var(--canon-space-1_5);
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-py-2 {
+    padding-top: var(--canon-space-2);
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .sm\:cu-py-3 {
+    padding-top: var(--canon-space-3);
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .sm\:cu-py-4 {
+    padding-top: var(--canon-space-4);
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .sm\:cu-py-5 {
+    padding-top: var(--canon-space-5);
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .sm\:cu-py-6 {
+    padding-top: var(--canon-space-6);
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .sm\:cu-py-7 {
+    padding-top: var(--canon-space-7);
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .sm\:cu-py-8 {
+    padding-top: var(--canon-space-8);
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .sm\:cu-py-9 {
+    padding-top: var(--canon-space-9);
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .sm\:cu-py-10 {
+    padding-top: var(--canon-space-10);
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .sm\:cu-py-11 {
+    padding-top: var(--canon-space-11);
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .sm\:cu-py-12 {
+    padding-top: var(--canon-space-12);
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .sm\:cu-py-13 {
+    padding-top: var(--canon-space-13);
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .sm\:cu-py-14 {
+    padding-top: var(--canon-space-14);
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-py {
+    padding-top: var(--py-md);
+    padding-bottom: var(--py-md);
+  }
+
+  .md\:cu-py-0\.5 {
+    padding-top: var(--canon-space-0_5);
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .md\:cu-py-1 {
+    padding-top: var(--canon-space-1);
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .md\:cu-py-1\.5 {
+    padding-top: var(--canon-space-1_5);
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .md\:cu-py-2 {
+    padding-top: var(--canon-space-2);
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .md\:cu-py-3 {
+    padding-top: var(--canon-space-3);
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .md\:cu-py-4 {
+    padding-top: var(--canon-space-4);
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .md\:cu-py-5 {
+    padding-top: var(--canon-space-5);
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .md\:cu-py-6 {
+    padding-top: var(--canon-space-6);
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .md\:cu-py-7 {
+    padding-top: var(--canon-space-7);
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .md\:cu-py-8 {
+    padding-top: var(--canon-space-8);
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .md\:cu-py-9 {
+    padding-top: var(--canon-space-9);
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .md\:cu-py-10 {
+    padding-top: var(--canon-space-10);
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .md\:cu-py-11 {
+    padding-top: var(--canon-space-11);
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .md\:cu-py-12 {
+    padding-top: var(--canon-space-12);
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .md\:cu-py-13 {
+    padding-top: var(--canon-space-13);
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .md\:cu-py-14 {
+    padding-top: var(--canon-space-14);
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-py {
+    padding-top: var(--py-lg);
+    padding-bottom: var(--py-lg);
+  }
+
+  .lg\:cu-py-0\.5 {
+    padding-top: var(--canon-space-0_5);
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-py-1 {
+    padding-top: var(--canon-space-1);
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .lg\:cu-py-1\.5 {
+    padding-top: var(--canon-space-1_5);
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-py-2 {
+    padding-top: var(--canon-space-2);
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .lg\:cu-py-3 {
+    padding-top: var(--canon-space-3);
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .lg\:cu-py-4 {
+    padding-top: var(--canon-space-4);
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .lg\:cu-py-5 {
+    padding-top: var(--canon-space-5);
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .lg\:cu-py-6 {
+    padding-top: var(--canon-space-6);
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .lg\:cu-py-7 {
+    padding-top: var(--canon-space-7);
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .lg\:cu-py-8 {
+    padding-top: var(--canon-space-8);
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .lg\:cu-py-9 {
+    padding-top: var(--canon-space-9);
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .lg\:cu-py-10 {
+    padding-top: var(--canon-space-10);
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .lg\:cu-py-11 {
+    padding-top: var(--canon-space-11);
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .lg\:cu-py-12 {
+    padding-top: var(--canon-space-12);
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .lg\:cu-py-13 {
+    padding-top: var(--canon-space-13);
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .lg\:cu-py-14 {
+    padding-top: var(--canon-space-14);
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-py {
+    padding-top: var(--py-xl);
+    padding-bottom: var(--py-xl);
+  }
+
+  .xl\:cu-py-0\.5 {
+    padding-top: var(--canon-space-0_5);
+    padding-bottom: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-py-1 {
+    padding-top: var(--canon-space-1);
+    padding-bottom: var(--canon-space-1);
+  }
+
+  .xl\:cu-py-1\.5 {
+    padding-top: var(--canon-space-1_5);
+    padding-bottom: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-py-2 {
+    padding-top: var(--canon-space-2);
+    padding-bottom: var(--canon-space-2);
+  }
+
+  .xl\:cu-py-3 {
+    padding-top: var(--canon-space-3);
+    padding-bottom: var(--canon-space-3);
+  }
+
+  .xl\:cu-py-4 {
+    padding-top: var(--canon-space-4);
+    padding-bottom: var(--canon-space-4);
+  }
+
+  .xl\:cu-py-5 {
+    padding-top: var(--canon-space-5);
+    padding-bottom: var(--canon-space-5);
+  }
+
+  .xl\:cu-py-6 {
+    padding-top: var(--canon-space-6);
+    padding-bottom: var(--canon-space-6);
+  }
+
+  .xl\:cu-py-7 {
+    padding-top: var(--canon-space-7);
+    padding-bottom: var(--canon-space-7);
+  }
+
+  .xl\:cu-py-8 {
+    padding-top: var(--canon-space-8);
+    padding-bottom: var(--canon-space-8);
+  }
+
+  .xl\:cu-py-9 {
+    padding-top: var(--canon-space-9);
+    padding-bottom: var(--canon-space-9);
+  }
+
+  .xl\:cu-py-10 {
+    padding-top: var(--canon-space-10);
+    padding-bottom: var(--canon-space-10);
+  }
+
+  .xl\:cu-py-11 {
+    padding-top: var(--canon-space-11);
+    padding-bottom: var(--canon-space-11);
+  }
+
+  .xl\:cu-py-12 {
+    padding-top: var(--canon-space-12);
+    padding-bottom: var(--canon-space-12);
+  }
+
+  .xl\:cu-py-13 {
+    padding-top: var(--canon-space-13);
+    padding-bottom: var(--canon-space-13);
+  }
+
+  .xl\:cu-py-14 {
+    padding-top: var(--canon-space-14);
+    padding-bottom: var(--canon-space-14);
+  }
+}
+
+.cu-px {
+  padding-left: var(--px);
+  padding-right: var(--px);
+}
+
+.cu-px-0\.5 {
+  padding-left: var(--canon-space-0_5);
+  padding-right: var(--canon-space-0_5);
+}
+
+.cu-px-1 {
+  padding-left: var(--canon-space-1);
+  padding-right: var(--canon-space-1);
+}
+
+.cu-px-1\.5 {
+  padding-left: var(--canon-space-1_5);
+  padding-right: var(--canon-space-1_5);
+}
+
+.cu-px-2 {
+  padding-left: var(--canon-space-2);
+  padding-right: var(--canon-space-2);
+}
+
+.cu-px-3 {
+  padding-left: var(--canon-space-3);
+  padding-right: var(--canon-space-3);
+}
+
+.cu-px-4 {
+  padding-left: var(--canon-space-4);
+  padding-right: var(--canon-space-4);
+}
+
+.cu-px-5 {
+  padding-left: var(--canon-space-5);
+  padding-right: var(--canon-space-5);
+}
+
+.cu-px-6 {
+  padding-left: var(--canon-space-6);
+  padding-right: var(--canon-space-6);
+}
+
+.cu-px-7 {
+  padding-left: var(--canon-space-7);
+  padding-right: var(--canon-space-7);
+}
+
+.cu-px-8 {
+  padding-left: var(--canon-space-8);
+  padding-right: var(--canon-space-8);
+}
+
+.cu-px-9 {
+  padding-left: var(--canon-space-9);
+  padding-right: var(--canon-space-9);
+}
+
+.cu-px-10 {
+  padding-left: var(--canon-space-10);
+  padding-right: var(--canon-space-10);
+}
+
+.cu-px-11 {
+  padding-left: var(--canon-space-11);
+  padding-right: var(--canon-space-11);
+}
+
+.cu-px-12 {
+  padding-left: var(--canon-space-12);
+  padding-right: var(--canon-space-12);
+}
+
+.cu-px-13 {
+  padding-left: var(--canon-space-13);
+  padding-right: var(--canon-space-13);
+}
+
+.cu-px-14 {
+  padding-left: var(--canon-space-14);
+  padding-right: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-px {
+    padding-left: var(--px-xs);
+    padding-right: var(--px-xs);
+  }
+
+  .xs\:cu-px-0\.5 {
+    padding-left: var(--canon-space-0_5);
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-px-1 {
+    padding-left: var(--canon-space-1);
+    padding-right: var(--canon-space-1);
+  }
+
+  .xs\:cu-px-1\.5 {
+    padding-left: var(--canon-space-1_5);
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-px-2 {
+    padding-left: var(--canon-space-2);
+    padding-right: var(--canon-space-2);
+  }
+
+  .xs\:cu-px-3 {
+    padding-left: var(--canon-space-3);
+    padding-right: var(--canon-space-3);
+  }
+
+  .xs\:cu-px-4 {
+    padding-left: var(--canon-space-4);
+    padding-right: var(--canon-space-4);
+  }
+
+  .xs\:cu-px-5 {
+    padding-left: var(--canon-space-5);
+    padding-right: var(--canon-space-5);
+  }
+
+  .xs\:cu-px-6 {
+    padding-left: var(--canon-space-6);
+    padding-right: var(--canon-space-6);
+  }
+
+  .xs\:cu-px-7 {
+    padding-left: var(--canon-space-7);
+    padding-right: var(--canon-space-7);
+  }
+
+  .xs\:cu-px-8 {
+    padding-left: var(--canon-space-8);
+    padding-right: var(--canon-space-8);
+  }
+
+  .xs\:cu-px-9 {
+    padding-left: var(--canon-space-9);
+    padding-right: var(--canon-space-9);
+  }
+
+  .xs\:cu-px-10 {
+    padding-left: var(--canon-space-10);
+    padding-right: var(--canon-space-10);
+  }
+
+  .xs\:cu-px-11 {
+    padding-left: var(--canon-space-11);
+    padding-right: var(--canon-space-11);
+  }
+
+  .xs\:cu-px-12 {
+    padding-left: var(--canon-space-12);
+    padding-right: var(--canon-space-12);
+  }
+
+  .xs\:cu-px-13 {
+    padding-left: var(--canon-space-13);
+    padding-right: var(--canon-space-13);
+  }
+
+  .xs\:cu-px-14 {
+    padding-left: var(--canon-space-14);
+    padding-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-px {
+    padding-left: var(--px-sm);
+    padding-right: var(--px-sm);
+  }
+
+  .sm\:cu-px-0\.5 {
+    padding-left: var(--canon-space-0_5);
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-px-1 {
+    padding-left: var(--canon-space-1);
+    padding-right: var(--canon-space-1);
+  }
+
+  .sm\:cu-px-1\.5 {
+    padding-left: var(--canon-space-1_5);
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-px-2 {
+    padding-left: var(--canon-space-2);
+    padding-right: var(--canon-space-2);
+  }
+
+  .sm\:cu-px-3 {
+    padding-left: var(--canon-space-3);
+    padding-right: var(--canon-space-3);
+  }
+
+  .sm\:cu-px-4 {
+    padding-left: var(--canon-space-4);
+    padding-right: var(--canon-space-4);
+  }
+
+  .sm\:cu-px-5 {
+    padding-left: var(--canon-space-5);
+    padding-right: var(--canon-space-5);
+  }
+
+  .sm\:cu-px-6 {
+    padding-left: var(--canon-space-6);
+    padding-right: var(--canon-space-6);
+  }
+
+  .sm\:cu-px-7 {
+    padding-left: var(--canon-space-7);
+    padding-right: var(--canon-space-7);
+  }
+
+  .sm\:cu-px-8 {
+    padding-left: var(--canon-space-8);
+    padding-right: var(--canon-space-8);
+  }
+
+  .sm\:cu-px-9 {
+    padding-left: var(--canon-space-9);
+    padding-right: var(--canon-space-9);
+  }
+
+  .sm\:cu-px-10 {
+    padding-left: var(--canon-space-10);
+    padding-right: var(--canon-space-10);
+  }
+
+  .sm\:cu-px-11 {
+    padding-left: var(--canon-space-11);
+    padding-right: var(--canon-space-11);
+  }
+
+  .sm\:cu-px-12 {
+    padding-left: var(--canon-space-12);
+    padding-right: var(--canon-space-12);
+  }
+
+  .sm\:cu-px-13 {
+    padding-left: var(--canon-space-13);
+    padding-right: var(--canon-space-13);
+  }
+
+  .sm\:cu-px-14 {
+    padding-left: var(--canon-space-14);
+    padding-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-px {
+    padding-left: var(--px-md);
+    padding-right: var(--px-md);
+  }
+
+  .md\:cu-px-0\.5 {
+    padding-left: var(--canon-space-0_5);
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .md\:cu-px-1 {
+    padding-left: var(--canon-space-1);
+    padding-right: var(--canon-space-1);
+  }
+
+  .md\:cu-px-1\.5 {
+    padding-left: var(--canon-space-1_5);
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .md\:cu-px-2 {
+    padding-left: var(--canon-space-2);
+    padding-right: var(--canon-space-2);
+  }
+
+  .md\:cu-px-3 {
+    padding-left: var(--canon-space-3);
+    padding-right: var(--canon-space-3);
+  }
+
+  .md\:cu-px-4 {
+    padding-left: var(--canon-space-4);
+    padding-right: var(--canon-space-4);
+  }
+
+  .md\:cu-px-5 {
+    padding-left: var(--canon-space-5);
+    padding-right: var(--canon-space-5);
+  }
+
+  .md\:cu-px-6 {
+    padding-left: var(--canon-space-6);
+    padding-right: var(--canon-space-6);
+  }
+
+  .md\:cu-px-7 {
+    padding-left: var(--canon-space-7);
+    padding-right: var(--canon-space-7);
+  }
+
+  .md\:cu-px-8 {
+    padding-left: var(--canon-space-8);
+    padding-right: var(--canon-space-8);
+  }
+
+  .md\:cu-px-9 {
+    padding-left: var(--canon-space-9);
+    padding-right: var(--canon-space-9);
+  }
+
+  .md\:cu-px-10 {
+    padding-left: var(--canon-space-10);
+    padding-right: var(--canon-space-10);
+  }
+
+  .md\:cu-px-11 {
+    padding-left: var(--canon-space-11);
+    padding-right: var(--canon-space-11);
+  }
+
+  .md\:cu-px-12 {
+    padding-left: var(--canon-space-12);
+    padding-right: var(--canon-space-12);
+  }
+
+  .md\:cu-px-13 {
+    padding-left: var(--canon-space-13);
+    padding-right: var(--canon-space-13);
+  }
+
+  .md\:cu-px-14 {
+    padding-left: var(--canon-space-14);
+    padding-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-px {
+    padding-left: var(--px-lg);
+    padding-right: var(--px-lg);
+  }
+
+  .lg\:cu-px-0\.5 {
+    padding-left: var(--canon-space-0_5);
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-px-1 {
+    padding-left: var(--canon-space-1);
+    padding-right: var(--canon-space-1);
+  }
+
+  .lg\:cu-px-1\.5 {
+    padding-left: var(--canon-space-1_5);
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-px-2 {
+    padding-left: var(--canon-space-2);
+    padding-right: var(--canon-space-2);
+  }
+
+  .lg\:cu-px-3 {
+    padding-left: var(--canon-space-3);
+    padding-right: var(--canon-space-3);
+  }
+
+  .lg\:cu-px-4 {
+    padding-left: var(--canon-space-4);
+    padding-right: var(--canon-space-4);
+  }
+
+  .lg\:cu-px-5 {
+    padding-left: var(--canon-space-5);
+    padding-right: var(--canon-space-5);
+  }
+
+  .lg\:cu-px-6 {
+    padding-left: var(--canon-space-6);
+    padding-right: var(--canon-space-6);
+  }
+
+  .lg\:cu-px-7 {
+    padding-left: var(--canon-space-7);
+    padding-right: var(--canon-space-7);
+  }
+
+  .lg\:cu-px-8 {
+    padding-left: var(--canon-space-8);
+    padding-right: var(--canon-space-8);
+  }
+
+  .lg\:cu-px-9 {
+    padding-left: var(--canon-space-9);
+    padding-right: var(--canon-space-9);
+  }
+
+  .lg\:cu-px-10 {
+    padding-left: var(--canon-space-10);
+    padding-right: var(--canon-space-10);
+  }
+
+  .lg\:cu-px-11 {
+    padding-left: var(--canon-space-11);
+    padding-right: var(--canon-space-11);
+  }
+
+  .lg\:cu-px-12 {
+    padding-left: var(--canon-space-12);
+    padding-right: var(--canon-space-12);
+  }
+
+  .lg\:cu-px-13 {
+    padding-left: var(--canon-space-13);
+    padding-right: var(--canon-space-13);
+  }
+
+  .lg\:cu-px-14 {
+    padding-left: var(--canon-space-14);
+    padding-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-px {
+    padding-left: var(--px-xl);
+    padding-right: var(--px-xl);
+  }
+
+  .xl\:cu-px-0\.5 {
+    padding-left: var(--canon-space-0_5);
+    padding-right: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-px-1 {
+    padding-left: var(--canon-space-1);
+    padding-right: var(--canon-space-1);
+  }
+
+  .xl\:cu-px-1\.5 {
+    padding-left: var(--canon-space-1_5);
+    padding-right: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-px-2 {
+    padding-left: var(--canon-space-2);
+    padding-right: var(--canon-space-2);
+  }
+
+  .xl\:cu-px-3 {
+    padding-left: var(--canon-space-3);
+    padding-right: var(--canon-space-3);
+  }
+
+  .xl\:cu-px-4 {
+    padding-left: var(--canon-space-4);
+    padding-right: var(--canon-space-4);
+  }
+
+  .xl\:cu-px-5 {
+    padding-left: var(--canon-space-5);
+    padding-right: var(--canon-space-5);
+  }
+
+  .xl\:cu-px-6 {
+    padding-left: var(--canon-space-6);
+    padding-right: var(--canon-space-6);
+  }
+
+  .xl\:cu-px-7 {
+    padding-left: var(--canon-space-7);
+    padding-right: var(--canon-space-7);
+  }
+
+  .xl\:cu-px-8 {
+    padding-left: var(--canon-space-8);
+    padding-right: var(--canon-space-8);
+  }
+
+  .xl\:cu-px-9 {
+    padding-left: var(--canon-space-9);
+    padding-right: var(--canon-space-9);
+  }
+
+  .xl\:cu-px-10 {
+    padding-left: var(--canon-space-10);
+    padding-right: var(--canon-space-10);
+  }
+
+  .xl\:cu-px-11 {
+    padding-left: var(--canon-space-11);
+    padding-right: var(--canon-space-11);
+  }
+
+  .xl\:cu-px-12 {
+    padding-left: var(--canon-space-12);
+    padding-right: var(--canon-space-12);
+  }
+
+  .xl\:cu-px-13 {
+    padding-left: var(--canon-space-13);
+    padding-right: var(--canon-space-13);
+  }
+
+  .xl\:cu-px-14 {
+    padding-left: var(--canon-space-14);
+    padding-right: var(--canon-space-14);
+  }
+}
+
+.cu-m {
+  margin: var(--m);
+}
+
+.cu-m-0\.5 {
+  margin: var(--canon-space-0_5);
+}
+
+.cu-m-1 {
+  margin: var(--canon-space-1);
+}
+
+.cu-m-1\.5 {
+  margin: var(--canon-space-1_5);
+}
+
+.cu-m-2 {
+  margin: var(--canon-space-2);
+}
+
+.cu-m-3 {
+  margin: var(--canon-space-3);
+}
+
+.cu-m-4 {
+  margin: var(--canon-space-4);
+}
+
+.cu-m-5 {
+  margin: var(--canon-space-5);
+}
+
+.cu-m-6 {
+  margin: var(--canon-space-6);
+}
+
+.cu-m-7 {
+  margin: var(--canon-space-7);
+}
+
+.cu-m-8 {
+  margin: var(--canon-space-8);
+}
+
+.cu-m-9 {
+  margin: var(--canon-space-9);
+}
+
+.cu-m-10 {
+  margin: var(--canon-space-10);
+}
+
+.cu-m-11 {
+  margin: var(--canon-space-11);
+}
+
+.cu-m-12 {
+  margin: var(--canon-space-12);
+}
+
+.cu-m-13 {
+  margin: var(--canon-space-13);
+}
+
+.cu-m-14 {
+  margin: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-m {
+    margin: var(--p-xs);
+  }
+
+  .xs\:cu-m-0\.5 {
+    margin: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-m-1 {
+    margin: var(--canon-space-1);
+  }
+
+  .xs\:cu-m-1\.5 {
+    margin: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-m-2 {
+    margin: var(--canon-space-2);
+  }
+
+  .xs\:cu-m-3 {
+    margin: var(--canon-space-3);
+  }
+
+  .xs\:cu-m-4 {
+    margin: var(--canon-space-4);
+  }
+
+  .xs\:cu-m-5 {
+    margin: var(--canon-space-5);
+  }
+
+  .xs\:cu-m-6 {
+    margin: var(--canon-space-6);
+  }
+
+  .xs\:cu-m-7 {
+    margin: var(--canon-space-7);
+  }
+
+  .xs\:cu-m-8 {
+    margin: var(--canon-space-8);
+  }
+
+  .xs\:cu-m-9 {
+    margin: var(--canon-space-9);
+  }
+
+  .xs\:cu-m-10 {
+    margin: var(--canon-space-10);
+  }
+
+  .xs\:cu-m-11 {
+    margin: var(--canon-space-11);
+  }
+
+  .xs\:cu-m-12 {
+    margin: var(--canon-space-12);
+  }
+
+  .xs\:cu-m-13 {
+    margin: var(--canon-space-13);
+  }
+
+  .xs\:cu-m-14 {
+    margin: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-m {
+    margin: var(--p-sm);
+  }
+
+  .sm\:cu-m-0\.5 {
+    margin: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-m-1 {
+    margin: var(--canon-space-1);
+  }
+
+  .sm\:cu-m-1\.5 {
+    margin: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-m-2 {
+    margin: var(--canon-space-2);
+  }
+
+  .sm\:cu-m-3 {
+    margin: var(--canon-space-3);
+  }
+
+  .sm\:cu-m-4 {
+    margin: var(--canon-space-4);
+  }
+
+  .sm\:cu-m-5 {
+    margin: var(--canon-space-5);
+  }
+
+  .sm\:cu-m-6 {
+    margin: var(--canon-space-6);
+  }
+
+  .sm\:cu-m-7 {
+    margin: var(--canon-space-7);
+  }
+
+  .sm\:cu-m-8 {
+    margin: var(--canon-space-8);
+  }
+
+  .sm\:cu-m-9 {
+    margin: var(--canon-space-9);
+  }
+
+  .sm\:cu-m-10 {
+    margin: var(--canon-space-10);
+  }
+
+  .sm\:cu-m-11 {
+    margin: var(--canon-space-11);
+  }
+
+  .sm\:cu-m-12 {
+    margin: var(--canon-space-12);
+  }
+
+  .sm\:cu-m-13 {
+    margin: var(--canon-space-13);
+  }
+
+  .sm\:cu-m-14 {
+    margin: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-m {
+    margin: var(--p-md);
+  }
+
+  .md\:cu-m-0\.5 {
+    margin: var(--canon-space-0_5);
+  }
+
+  .md\:cu-m-1 {
+    margin: var(--canon-space-1);
+  }
+
+  .md\:cu-m-1\.5 {
+    margin: var(--canon-space-1_5);
+  }
+
+  .md\:cu-m-2 {
+    margin: var(--canon-space-2);
+  }
+
+  .md\:cu-m-3 {
+    margin: var(--canon-space-3);
+  }
+
+  .md\:cu-m-4 {
+    margin: var(--canon-space-4);
+  }
+
+  .md\:cu-m-5 {
+    margin: var(--canon-space-5);
+  }
+
+  .md\:cu-m-6 {
+    margin: var(--canon-space-6);
+  }
+
+  .md\:cu-m-7 {
+    margin: var(--canon-space-7);
+  }
+
+  .md\:cu-m-8 {
+    margin: var(--canon-space-8);
+  }
+
+  .md\:cu-m-9 {
+    margin: var(--canon-space-9);
+  }
+
+  .md\:cu-m-10 {
+    margin: var(--canon-space-10);
+  }
+
+  .md\:cu-m-11 {
+    margin: var(--canon-space-11);
+  }
+
+  .md\:cu-m-12 {
+    margin: var(--canon-space-12);
+  }
+
+  .md\:cu-m-13 {
+    margin: var(--canon-space-13);
+  }
+
+  .md\:cu-m-14 {
+    margin: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-m {
+    margin: var(--p-lg);
+  }
+
+  .lg\:cu-m-0\.5 {
+    margin: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-m-1 {
+    margin: var(--canon-space-1);
+  }
+
+  .lg\:cu-m-1\.5 {
+    margin: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-m-2 {
+    margin: var(--canon-space-2);
+  }
+
+  .lg\:cu-m-3 {
+    margin: var(--canon-space-3);
+  }
+
+  .lg\:cu-m-4 {
+    margin: var(--canon-space-4);
+  }
+
+  .lg\:cu-m-5 {
+    margin: var(--canon-space-5);
+  }
+
+  .lg\:cu-m-6 {
+    margin: var(--canon-space-6);
+  }
+
+  .lg\:cu-m-7 {
+    margin: var(--canon-space-7);
+  }
+
+  .lg\:cu-m-8 {
+    margin: var(--canon-space-8);
+  }
+
+  .lg\:cu-m-9 {
+    margin: var(--canon-space-9);
+  }
+
+  .lg\:cu-m-10 {
+    margin: var(--canon-space-10);
+  }
+
+  .lg\:cu-m-11 {
+    margin: var(--canon-space-11);
+  }
+
+  .lg\:cu-m-12 {
+    margin: var(--canon-space-12);
+  }
+
+  .lg\:cu-m-13 {
+    margin: var(--canon-space-13);
+  }
+
+  .lg\:cu-m-14 {
+    margin: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-m {
+    margin: var(--p-xl);
+  }
+
+  .xl\:cu-m-0\.5 {
+    margin: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-m-1 {
+    margin: var(--canon-space-1);
+  }
+
+  .xl\:cu-m-1\.5 {
+    margin: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-m-2 {
+    margin: var(--canon-space-2);
+  }
+
+  .xl\:cu-m-3 {
+    margin: var(--canon-space-3);
+  }
+
+  .xl\:cu-m-4 {
+    margin: var(--canon-space-4);
+  }
+
+  .xl\:cu-m-5 {
+    margin: var(--canon-space-5);
+  }
+
+  .xl\:cu-m-6 {
+    margin: var(--canon-space-6);
+  }
+
+  .xl\:cu-m-7 {
+    margin: var(--canon-space-7);
+  }
+
+  .xl\:cu-m-8 {
+    margin: var(--canon-space-8);
+  }
+
+  .xl\:cu-m-9 {
+    margin: var(--canon-space-9);
+  }
+
+  .xl\:cu-m-10 {
+    margin: var(--canon-space-10);
+  }
+
+  .xl\:cu-m-11 {
+    margin: var(--canon-space-11);
+  }
+
+  .xl\:cu-m-12 {
+    margin: var(--canon-space-12);
+  }
+
+  .xl\:cu-m-13 {
+    margin: var(--canon-space-13);
+  }
+
+  .xl\:cu-m-14 {
+    margin: var(--canon-space-14);
+  }
+}
+
+.cu-ml {
+  margin-left: var(--ml);
+}
+
+.cu-ml-0\.5 {
+  margin-left: var(--canon-space-0_5);
+}
+
+.cu-ml-1 {
+  margin-left: var(--canon-space-1);
+}
+
+.cu-ml-1\.5 {
+  margin-left: var(--canon-space-1_5);
+}
+
+.cu-ml-2 {
+  margin-left: var(--canon-space-2);
+}
+
+.cu-ml-3 {
+  margin-left: var(--canon-space-3);
+}
+
+.cu-ml-4 {
+  margin-left: var(--canon-space-4);
+}
+
+.cu-ml-5 {
+  margin-left: var(--canon-space-5);
+}
+
+.cu-ml-6 {
+  margin-left: var(--canon-space-6);
+}
+
+.cu-ml-7 {
+  margin-left: var(--canon-space-7);
+}
+
+.cu-ml-8 {
+  margin-left: var(--canon-space-8);
+}
+
+.cu-ml-9 {
+  margin-left: var(--canon-space-9);
+}
+
+.cu-ml-10 {
+  margin-left: var(--canon-space-10);
+}
+
+.cu-ml-11 {
+  margin-left: var(--canon-space-11);
+}
+
+.cu-ml-12 {
+  margin-left: var(--canon-space-12);
+}
+
+.cu-ml-13 {
+  margin-left: var(--canon-space-13);
+}
+
+.cu-ml-14 {
+  margin-left: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-ml {
+    margin-left: var(--pl-xs);
+  }
+
+  .xs\:cu-ml-0\.5 {
+    margin-left: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-ml-1 {
+    margin-left: var(--canon-space-1);
+  }
+
+  .xs\:cu-ml-1\.5 {
+    margin-left: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-ml-2 {
+    margin-left: var(--canon-space-2);
+  }
+
+  .xs\:cu-ml-3 {
+    margin-left: var(--canon-space-3);
+  }
+
+  .xs\:cu-ml-4 {
+    margin-left: var(--canon-space-4);
+  }
+
+  .xs\:cu-ml-5 {
+    margin-left: var(--canon-space-5);
+  }
+
+  .xs\:cu-ml-6 {
+    margin-left: var(--canon-space-6);
+  }
+
+  .xs\:cu-ml-7 {
+    margin-left: var(--canon-space-7);
+  }
+
+  .xs\:cu-ml-8 {
+    margin-left: var(--canon-space-8);
+  }
+
+  .xs\:cu-ml-9 {
+    margin-left: var(--canon-space-9);
+  }
+
+  .xs\:cu-ml-10 {
+    margin-left: var(--canon-space-10);
+  }
+
+  .xs\:cu-ml-11 {
+    margin-left: var(--canon-space-11);
+  }
+
+  .xs\:cu-ml-12 {
+    margin-left: var(--canon-space-12);
+  }
+
+  .xs\:cu-ml-13 {
+    margin-left: var(--canon-space-13);
+  }
+
+  .xs\:cu-ml-14 {
+    margin-left: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-ml {
+    margin-left: var(--pl-sm);
+  }
+
+  .sm\:cu-ml-0\.5 {
+    margin-left: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-ml-1 {
+    margin-left: var(--canon-space-1);
+  }
+
+  .sm\:cu-ml-1\.5 {
+    margin-left: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-ml-2 {
+    margin-left: var(--canon-space-2);
+  }
+
+  .sm\:cu-ml-3 {
+    margin-left: var(--canon-space-3);
+  }
+
+  .sm\:cu-ml-4 {
+    margin-left: var(--canon-space-4);
+  }
+
+  .sm\:cu-ml-5 {
+    margin-left: var(--canon-space-5);
+  }
+
+  .sm\:cu-ml-6 {
+    margin-left: var(--canon-space-6);
+  }
+
+  .sm\:cu-ml-7 {
+    margin-left: var(--canon-space-7);
+  }
+
+  .sm\:cu-ml-8 {
+    margin-left: var(--canon-space-8);
+  }
+
+  .sm\:cu-ml-9 {
+    margin-left: var(--canon-space-9);
+  }
+
+  .sm\:cu-ml-10 {
+    margin-left: var(--canon-space-10);
+  }
+
+  .sm\:cu-ml-11 {
+    margin-left: var(--canon-space-11);
+  }
+
+  .sm\:cu-ml-12 {
+    margin-left: var(--canon-space-12);
+  }
+
+  .sm\:cu-ml-13 {
+    margin-left: var(--canon-space-13);
+  }
+
+  .sm\:cu-ml-14 {
+    margin-left: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-ml {
+    margin-left: var(--pl-md);
+  }
+
+  .md\:cu-ml-0\.5 {
+    margin-left: var(--canon-space-0_5);
+  }
+
+  .md\:cu-ml-1 {
+    margin-left: var(--canon-space-1);
+  }
+
+  .md\:cu-ml-1\.5 {
+    margin-left: var(--canon-space-1_5);
+  }
+
+  .md\:cu-ml-2 {
+    margin-left: var(--canon-space-2);
+  }
+
+  .md\:cu-ml-3 {
+    margin-left: var(--canon-space-3);
+  }
+
+  .md\:cu-ml-4 {
+    margin-left: var(--canon-space-4);
+  }
+
+  .md\:cu-ml-5 {
+    margin-left: var(--canon-space-5);
+  }
+
+  .md\:cu-ml-6 {
+    margin-left: var(--canon-space-6);
+  }
+
+  .md\:cu-ml-7 {
+    margin-left: var(--canon-space-7);
+  }
+
+  .md\:cu-ml-8 {
+    margin-left: var(--canon-space-8);
+  }
+
+  .md\:cu-ml-9 {
+    margin-left: var(--canon-space-9);
+  }
+
+  .md\:cu-ml-10 {
+    margin-left: var(--canon-space-10);
+  }
+
+  .md\:cu-ml-11 {
+    margin-left: var(--canon-space-11);
+  }
+
+  .md\:cu-ml-12 {
+    margin-left: var(--canon-space-12);
+  }
+
+  .md\:cu-ml-13 {
+    margin-left: var(--canon-space-13);
+  }
+
+  .md\:cu-ml-14 {
+    margin-left: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-ml {
+    margin-left: var(--pl-lg);
+  }
+
+  .lg\:cu-ml-0\.5 {
+    margin-left: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-ml-1 {
+    margin-left: var(--canon-space-1);
+  }
+
+  .lg\:cu-ml-1\.5 {
+    margin-left: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-ml-2 {
+    margin-left: var(--canon-space-2);
+  }
+
+  .lg\:cu-ml-3 {
+    margin-left: var(--canon-space-3);
+  }
+
+  .lg\:cu-ml-4 {
+    margin-left: var(--canon-space-4);
+  }
+
+  .lg\:cu-ml-5 {
+    margin-left: var(--canon-space-5);
+  }
+
+  .lg\:cu-ml-6 {
+    margin-left: var(--canon-space-6);
+  }
+
+  .lg\:cu-ml-7 {
+    margin-left: var(--canon-space-7);
+  }
+
+  .lg\:cu-ml-8 {
+    margin-left: var(--canon-space-8);
+  }
+
+  .lg\:cu-ml-9 {
+    margin-left: var(--canon-space-9);
+  }
+
+  .lg\:cu-ml-10 {
+    margin-left: var(--canon-space-10);
+  }
+
+  .lg\:cu-ml-11 {
+    margin-left: var(--canon-space-11);
+  }
+
+  .lg\:cu-ml-12 {
+    margin-left: var(--canon-space-12);
+  }
+
+  .lg\:cu-ml-13 {
+    margin-left: var(--canon-space-13);
+  }
+
+  .lg\:cu-ml-14 {
+    margin-left: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-ml {
+    margin-left: var(--pl-xl);
+  }
+
+  .xl\:cu-ml-0\.5 {
+    margin-left: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-ml-1 {
+    margin-left: var(--canon-space-1);
+  }
+
+  .xl\:cu-ml-1\.5 {
+    margin-left: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-ml-2 {
+    margin-left: var(--canon-space-2);
+  }
+
+  .xl\:cu-ml-3 {
+    margin-left: var(--canon-space-3);
+  }
+
+  .xl\:cu-ml-4 {
+    margin-left: var(--canon-space-4);
+  }
+
+  .xl\:cu-ml-5 {
+    margin-left: var(--canon-space-5);
+  }
+
+  .xl\:cu-ml-6 {
+    margin-left: var(--canon-space-6);
+  }
+
+  .xl\:cu-ml-7 {
+    margin-left: var(--canon-space-7);
+  }
+
+  .xl\:cu-ml-8 {
+    margin-left: var(--canon-space-8);
+  }
+
+  .xl\:cu-ml-9 {
+    margin-left: var(--canon-space-9);
+  }
+
+  .xl\:cu-ml-10 {
+    margin-left: var(--canon-space-10);
+  }
+
+  .xl\:cu-ml-11 {
+    margin-left: var(--canon-space-11);
+  }
+
+  .xl\:cu-ml-12 {
+    margin-left: var(--canon-space-12);
+  }
+
+  .xl\:cu-ml-13 {
+    margin-left: var(--canon-space-13);
+  }
+
+  .xl\:cu-ml-14 {
+    margin-left: var(--canon-space-14);
+  }
+}
+
+.cu-mr {
+  margin-right: var(--mr);
+}
+
+.cu-mr-0\.5 {
+  margin-right: var(--canon-space-0_5);
+}
+
+.cu-mr-1 {
+  margin-right: var(--canon-space-1);
+}
+
+.cu-mr-1\.5 {
+  margin-right: var(--canon-space-1_5);
+}
+
+.cu-mr-2 {
+  margin-right: var(--canon-space-2);
+}
+
+.cu-mr-3 {
+  margin-right: var(--canon-space-3);
+}
+
+.cu-mr-4 {
+  margin-right: var(--canon-space-4);
+}
+
+.cu-mr-5 {
+  margin-right: var(--canon-space-5);
+}
+
+.cu-mr-6 {
+  margin-right: var(--canon-space-6);
+}
+
+.cu-mr-7 {
+  margin-right: var(--canon-space-7);
+}
+
+.cu-mr-8 {
+  margin-right: var(--canon-space-8);
+}
+
+.cu-mr-9 {
+  margin-right: var(--canon-space-9);
+}
+
+.cu-mr-10 {
+  margin-right: var(--canon-space-10);
+}
+
+.cu-mr-11 {
+  margin-right: var(--canon-space-11);
+}
+
+.cu-mr-12 {
+  margin-right: var(--canon-space-12);
+}
+
+.cu-mr-13 {
+  margin-right: var(--canon-space-13);
+}
+
+.cu-mr-14 {
+  margin-right: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-mr {
+    margin-right: var(--pr-xs);
+  }
+
+  .xs\:cu-mr-0\.5 {
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-mr-1 {
+    margin-right: var(--canon-space-1);
+  }
+
+  .xs\:cu-mr-1\.5 {
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-mr-2 {
+    margin-right: var(--canon-space-2);
+  }
+
+  .xs\:cu-mr-3 {
+    margin-right: var(--canon-space-3);
+  }
+
+  .xs\:cu-mr-4 {
+    margin-right: var(--canon-space-4);
+  }
+
+  .xs\:cu-mr-5 {
+    margin-right: var(--canon-space-5);
+  }
+
+  .xs\:cu-mr-6 {
+    margin-right: var(--canon-space-6);
+  }
+
+  .xs\:cu-mr-7 {
+    margin-right: var(--canon-space-7);
+  }
+
+  .xs\:cu-mr-8 {
+    margin-right: var(--canon-space-8);
+  }
+
+  .xs\:cu-mr-9 {
+    margin-right: var(--canon-space-9);
+  }
+
+  .xs\:cu-mr-10 {
+    margin-right: var(--canon-space-10);
+  }
+
+  .xs\:cu-mr-11 {
+    margin-right: var(--canon-space-11);
+  }
+
+  .xs\:cu-mr-12 {
+    margin-right: var(--canon-space-12);
+  }
+
+  .xs\:cu-mr-13 {
+    margin-right: var(--canon-space-13);
+  }
+
+  .xs\:cu-mr-14 {
+    margin-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-mr {
+    margin-right: var(--pr-sm);
+  }
+
+  .sm\:cu-mr-0\.5 {
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-mr-1 {
+    margin-right: var(--canon-space-1);
+  }
+
+  .sm\:cu-mr-1\.5 {
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-mr-2 {
+    margin-right: var(--canon-space-2);
+  }
+
+  .sm\:cu-mr-3 {
+    margin-right: var(--canon-space-3);
+  }
+
+  .sm\:cu-mr-4 {
+    margin-right: var(--canon-space-4);
+  }
+
+  .sm\:cu-mr-5 {
+    margin-right: var(--canon-space-5);
+  }
+
+  .sm\:cu-mr-6 {
+    margin-right: var(--canon-space-6);
+  }
+
+  .sm\:cu-mr-7 {
+    margin-right: var(--canon-space-7);
+  }
+
+  .sm\:cu-mr-8 {
+    margin-right: var(--canon-space-8);
+  }
+
+  .sm\:cu-mr-9 {
+    margin-right: var(--canon-space-9);
+  }
+
+  .sm\:cu-mr-10 {
+    margin-right: var(--canon-space-10);
+  }
+
+  .sm\:cu-mr-11 {
+    margin-right: var(--canon-space-11);
+  }
+
+  .sm\:cu-mr-12 {
+    margin-right: var(--canon-space-12);
+  }
+
+  .sm\:cu-mr-13 {
+    margin-right: var(--canon-space-13);
+  }
+
+  .sm\:cu-mr-14 {
+    margin-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-mr {
+    margin-right: var(--pr-md);
+  }
+
+  .md\:cu-mr-0\.5 {
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .md\:cu-mr-1 {
+    margin-right: var(--canon-space-1);
+  }
+
+  .md\:cu-mr-1\.5 {
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .md\:cu-mr-2 {
+    margin-right: var(--canon-space-2);
+  }
+
+  .md\:cu-mr-3 {
+    margin-right: var(--canon-space-3);
+  }
+
+  .md\:cu-mr-4 {
+    margin-right: var(--canon-space-4);
+  }
+
+  .md\:cu-mr-5 {
+    margin-right: var(--canon-space-5);
+  }
+
+  .md\:cu-mr-6 {
+    margin-right: var(--canon-space-6);
+  }
+
+  .md\:cu-mr-7 {
+    margin-right: var(--canon-space-7);
+  }
+
+  .md\:cu-mr-8 {
+    margin-right: var(--canon-space-8);
+  }
+
+  .md\:cu-mr-9 {
+    margin-right: var(--canon-space-9);
+  }
+
+  .md\:cu-mr-10 {
+    margin-right: var(--canon-space-10);
+  }
+
+  .md\:cu-mr-11 {
+    margin-right: var(--canon-space-11);
+  }
+
+  .md\:cu-mr-12 {
+    margin-right: var(--canon-space-12);
+  }
+
+  .md\:cu-mr-13 {
+    margin-right: var(--canon-space-13);
+  }
+
+  .md\:cu-mr-14 {
+    margin-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-mr {
+    margin-right: var(--pr-lg);
+  }
+
+  .lg\:cu-mr-0\.5 {
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-mr-1 {
+    margin-right: var(--canon-space-1);
+  }
+
+  .lg\:cu-mr-1\.5 {
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-mr-2 {
+    margin-right: var(--canon-space-2);
+  }
+
+  .lg\:cu-mr-3 {
+    margin-right: var(--canon-space-3);
+  }
+
+  .lg\:cu-mr-4 {
+    margin-right: var(--canon-space-4);
+  }
+
+  .lg\:cu-mr-5 {
+    margin-right: var(--canon-space-5);
+  }
+
+  .lg\:cu-mr-6 {
+    margin-right: var(--canon-space-6);
+  }
+
+  .lg\:cu-mr-7 {
+    margin-right: var(--canon-space-7);
+  }
+
+  .lg\:cu-mr-8 {
+    margin-right: var(--canon-space-8);
+  }
+
+  .lg\:cu-mr-9 {
+    margin-right: var(--canon-space-9);
+  }
+
+  .lg\:cu-mr-10 {
+    margin-right: var(--canon-space-10);
+  }
+
+  .lg\:cu-mr-11 {
+    margin-right: var(--canon-space-11);
+  }
+
+  .lg\:cu-mr-12 {
+    margin-right: var(--canon-space-12);
+  }
+
+  .lg\:cu-mr-13 {
+    margin-right: var(--canon-space-13);
+  }
+
+  .lg\:cu-mr-14 {
+    margin-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-mr {
+    margin-right: var(--pr-xl);
+  }
+
+  .xl\:cu-mr-0\.5 {
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-mr-1 {
+    margin-right: var(--canon-space-1);
+  }
+
+  .xl\:cu-mr-1\.5 {
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-mr-2 {
+    margin-right: var(--canon-space-2);
+  }
+
+  .xl\:cu-mr-3 {
+    margin-right: var(--canon-space-3);
+  }
+
+  .xl\:cu-mr-4 {
+    margin-right: var(--canon-space-4);
+  }
+
+  .xl\:cu-mr-5 {
+    margin-right: var(--canon-space-5);
+  }
+
+  .xl\:cu-mr-6 {
+    margin-right: var(--canon-space-6);
+  }
+
+  .xl\:cu-mr-7 {
+    margin-right: var(--canon-space-7);
+  }
+
+  .xl\:cu-mr-8 {
+    margin-right: var(--canon-space-8);
+  }
+
+  .xl\:cu-mr-9 {
+    margin-right: var(--canon-space-9);
+  }
+
+  .xl\:cu-mr-10 {
+    margin-right: var(--canon-space-10);
+  }
+
+  .xl\:cu-mr-11 {
+    margin-right: var(--canon-space-11);
+  }
+
+  .xl\:cu-mr-12 {
+    margin-right: var(--canon-space-12);
+  }
+
+  .xl\:cu-mr-13 {
+    margin-right: var(--canon-space-13);
+  }
+
+  .xl\:cu-mr-14 {
+    margin-right: var(--canon-space-14);
+  }
+}
+
+.cu-mt {
+  margin-top: var(--mt);
+}
+
+.cu-mt-0\.5 {
+  margin-top: var(--canon-space-0_5);
+}
+
+.cu-mt-1 {
+  margin-top: var(--canon-space-1);
+}
+
+.cu-mt-1\.5 {
+  margin-top: var(--canon-space-1_5);
+}
+
+.cu-mt-2 {
+  margin-top: var(--canon-space-2);
+}
+
+.cu-mt-3 {
+  margin-top: var(--canon-space-3);
+}
+
+.cu-mt-4 {
+  margin-top: var(--canon-space-4);
+}
+
+.cu-mt-5 {
+  margin-top: var(--canon-space-5);
+}
+
+.cu-mt-6 {
+  margin-top: var(--canon-space-6);
+}
+
+.cu-mt-7 {
+  margin-top: var(--canon-space-7);
+}
+
+.cu-mt-8 {
+  margin-top: var(--canon-space-8);
+}
+
+.cu-mt-9 {
+  margin-top: var(--canon-space-9);
+}
+
+.cu-mt-10 {
+  margin-top: var(--canon-space-10);
+}
+
+.cu-mt-11 {
+  margin-top: var(--canon-space-11);
+}
+
+.cu-mt-12 {
+  margin-top: var(--canon-space-12);
+}
+
+.cu-mt-13 {
+  margin-top: var(--canon-space-13);
+}
+
+.cu-mt-14 {
+  margin-top: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-mt {
+    margin-top: var(--pt-xs);
+  }
+
+  .xs\:cu-mt-0\.5 {
+    margin-top: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-mt-1 {
+    margin-top: var(--canon-space-1);
+  }
+
+  .xs\:cu-mt-1\.5 {
+    margin-top: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-mt-2 {
+    margin-top: var(--canon-space-2);
+  }
+
+  .xs\:cu-mt-3 {
+    margin-top: var(--canon-space-3);
+  }
+
+  .xs\:cu-mt-4 {
+    margin-top: var(--canon-space-4);
+  }
+
+  .xs\:cu-mt-5 {
+    margin-top: var(--canon-space-5);
+  }
+
+  .xs\:cu-mt-6 {
+    margin-top: var(--canon-space-6);
+  }
+
+  .xs\:cu-mt-7 {
+    margin-top: var(--canon-space-7);
+  }
+
+  .xs\:cu-mt-8 {
+    margin-top: var(--canon-space-8);
+  }
+
+  .xs\:cu-mt-9 {
+    margin-top: var(--canon-space-9);
+  }
+
+  .xs\:cu-mt-10 {
+    margin-top: var(--canon-space-10);
+  }
+
+  .xs\:cu-mt-11 {
+    margin-top: var(--canon-space-11);
+  }
+
+  .xs\:cu-mt-12 {
+    margin-top: var(--canon-space-12);
+  }
+
+  .xs\:cu-mt-13 {
+    margin-top: var(--canon-space-13);
+  }
+
+  .xs\:cu-mt-14 {
+    margin-top: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-mt {
+    margin-top: var(--pt-sm);
+  }
+
+  .sm\:cu-mt-0\.5 {
+    margin-top: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-mt-1 {
+    margin-top: var(--canon-space-1);
+  }
+
+  .sm\:cu-mt-1\.5 {
+    margin-top: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-mt-2 {
+    margin-top: var(--canon-space-2);
+  }
+
+  .sm\:cu-mt-3 {
+    margin-top: var(--canon-space-3);
+  }
+
+  .sm\:cu-mt-4 {
+    margin-top: var(--canon-space-4);
+  }
+
+  .sm\:cu-mt-5 {
+    margin-top: var(--canon-space-5);
+  }
+
+  .sm\:cu-mt-6 {
+    margin-top: var(--canon-space-6);
+  }
+
+  .sm\:cu-mt-7 {
+    margin-top: var(--canon-space-7);
+  }
+
+  .sm\:cu-mt-8 {
+    margin-top: var(--canon-space-8);
+  }
+
+  .sm\:cu-mt-9 {
+    margin-top: var(--canon-space-9);
+  }
+
+  .sm\:cu-mt-10 {
+    margin-top: var(--canon-space-10);
+  }
+
+  .sm\:cu-mt-11 {
+    margin-top: var(--canon-space-11);
+  }
+
+  .sm\:cu-mt-12 {
+    margin-top: var(--canon-space-12);
+  }
+
+  .sm\:cu-mt-13 {
+    margin-top: var(--canon-space-13);
+  }
+
+  .sm\:cu-mt-14 {
+    margin-top: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-mt {
+    margin-top: var(--pt-md);
+  }
+
+  .md\:cu-mt-0\.5 {
+    margin-top: var(--canon-space-0_5);
+  }
+
+  .md\:cu-mt-1 {
+    margin-top: var(--canon-space-1);
+  }
+
+  .md\:cu-mt-1\.5 {
+    margin-top: var(--canon-space-1_5);
+  }
+
+  .md\:cu-mt-2 {
+    margin-top: var(--canon-space-2);
+  }
+
+  .md\:cu-mt-3 {
+    margin-top: var(--canon-space-3);
+  }
+
+  .md\:cu-mt-4 {
+    margin-top: var(--canon-space-4);
+  }
+
+  .md\:cu-mt-5 {
+    margin-top: var(--canon-space-5);
+  }
+
+  .md\:cu-mt-6 {
+    margin-top: var(--canon-space-6);
+  }
+
+  .md\:cu-mt-7 {
+    margin-top: var(--canon-space-7);
+  }
+
+  .md\:cu-mt-8 {
+    margin-top: var(--canon-space-8);
+  }
+
+  .md\:cu-mt-9 {
+    margin-top: var(--canon-space-9);
+  }
+
+  .md\:cu-mt-10 {
+    margin-top: var(--canon-space-10);
+  }
+
+  .md\:cu-mt-11 {
+    margin-top: var(--canon-space-11);
+  }
+
+  .md\:cu-mt-12 {
+    margin-top: var(--canon-space-12);
+  }
+
+  .md\:cu-mt-13 {
+    margin-top: var(--canon-space-13);
+  }
+
+  .md\:cu-mt-14 {
+    margin-top: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-mt {
+    margin-top: var(--pt-lg);
+  }
+
+  .lg\:cu-mt-0\.5 {
+    margin-top: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-mt-1 {
+    margin-top: var(--canon-space-1);
+  }
+
+  .lg\:cu-mt-1\.5 {
+    margin-top: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-mt-2 {
+    margin-top: var(--canon-space-2);
+  }
+
+  .lg\:cu-mt-3 {
+    margin-top: var(--canon-space-3);
+  }
+
+  .lg\:cu-mt-4 {
+    margin-top: var(--canon-space-4);
+  }
+
+  .lg\:cu-mt-5 {
+    margin-top: var(--canon-space-5);
+  }
+
+  .lg\:cu-mt-6 {
+    margin-top: var(--canon-space-6);
+  }
+
+  .lg\:cu-mt-7 {
+    margin-top: var(--canon-space-7);
+  }
+
+  .lg\:cu-mt-8 {
+    margin-top: var(--canon-space-8);
+  }
+
+  .lg\:cu-mt-9 {
+    margin-top: var(--canon-space-9);
+  }
+
+  .lg\:cu-mt-10 {
+    margin-top: var(--canon-space-10);
+  }
+
+  .lg\:cu-mt-11 {
+    margin-top: var(--canon-space-11);
+  }
+
+  .lg\:cu-mt-12 {
+    margin-top: var(--canon-space-12);
+  }
+
+  .lg\:cu-mt-13 {
+    margin-top: var(--canon-space-13);
+  }
+
+  .lg\:cu-mt-14 {
+    margin-top: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-mt {
+    margin-top: var(--pt-xl);
+  }
+
+  .xl\:cu-mt-0\.5 {
+    margin-top: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-mt-1 {
+    margin-top: var(--canon-space-1);
+  }
+
+  .xl\:cu-mt-1\.5 {
+    margin-top: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-mt-2 {
+    margin-top: var(--canon-space-2);
+  }
+
+  .xl\:cu-mt-3 {
+    margin-top: var(--canon-space-3);
+  }
+
+  .xl\:cu-mt-4 {
+    margin-top: var(--canon-space-4);
+  }
+
+  .xl\:cu-mt-5 {
+    margin-top: var(--canon-space-5);
+  }
+
+  .xl\:cu-mt-6 {
+    margin-top: var(--canon-space-6);
+  }
+
+  .xl\:cu-mt-7 {
+    margin-top: var(--canon-space-7);
+  }
+
+  .xl\:cu-mt-8 {
+    margin-top: var(--canon-space-8);
+  }
+
+  .xl\:cu-mt-9 {
+    margin-top: var(--canon-space-9);
+  }
+
+  .xl\:cu-mt-10 {
+    margin-top: var(--canon-space-10);
+  }
+
+  .xl\:cu-mt-11 {
+    margin-top: var(--canon-space-11);
+  }
+
+  .xl\:cu-mt-12 {
+    margin-top: var(--canon-space-12);
+  }
+
+  .xl\:cu-mt-13 {
+    margin-top: var(--canon-space-13);
+  }
+
+  .xl\:cu-mt-14 {
+    margin-top: var(--canon-space-14);
+  }
+}
+
+.cu-mb {
+  margin-bottom: var(--mb);
+}
+
+.cu-mb-0\.5 {
+  margin-bottom: var(--canon-space-0_5);
+}
+
+.cu-mb-1 {
+  margin-bottom: var(--canon-space-1);
+}
+
+.cu-mb-1\.5 {
+  margin-bottom: var(--canon-space-1_5);
+}
+
+.cu-mb-2 {
+  margin-bottom: var(--canon-space-2);
+}
+
+.cu-mb-3 {
+  margin-bottom: var(--canon-space-3);
+}
+
+.cu-mb-4 {
+  margin-bottom: var(--canon-space-4);
+}
+
+.cu-mb-5 {
+  margin-bottom: var(--canon-space-5);
+}
+
+.cu-mb-6 {
+  margin-bottom: var(--canon-space-6);
+}
+
+.cu-mb-7 {
+  margin-bottom: var(--canon-space-7);
+}
+
+.cu-mb-8 {
+  margin-bottom: var(--canon-space-8);
+}
+
+.cu-mb-9 {
+  margin-bottom: var(--canon-space-9);
+}
+
+.cu-mb-10 {
+  margin-bottom: var(--canon-space-10);
+}
+
+.cu-mb-11 {
+  margin-bottom: var(--canon-space-11);
+}
+
+.cu-mb-12 {
+  margin-bottom: var(--canon-space-12);
+}
+
+.cu-mb-13 {
+  margin-bottom: var(--canon-space-13);
+}
+
+.cu-mb-14 {
+  margin-bottom: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-mb {
+    margin-bottom: var(--pb-xs);
+  }
+
+  .xs\:cu-mb-0\.5 {
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-mb-1 {
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .xs\:cu-mb-1\.5 {
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-mb-2 {
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .xs\:cu-mb-3 {
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .xs\:cu-mb-4 {
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .xs\:cu-mb-5 {
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .xs\:cu-mb-6 {
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .xs\:cu-mb-7 {
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .xs\:cu-mb-8 {
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .xs\:cu-mb-9 {
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .xs\:cu-mb-10 {
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .xs\:cu-mb-11 {
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .xs\:cu-mb-12 {
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .xs\:cu-mb-13 {
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .xs\:cu-mb-14 {
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-mb {
+    margin-bottom: var(--pb-sm);
+  }
+
+  .sm\:cu-mb-0\.5 {
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-mb-1 {
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .sm\:cu-mb-1\.5 {
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-mb-2 {
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .sm\:cu-mb-3 {
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .sm\:cu-mb-4 {
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .sm\:cu-mb-5 {
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .sm\:cu-mb-6 {
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .sm\:cu-mb-7 {
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .sm\:cu-mb-8 {
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .sm\:cu-mb-9 {
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .sm\:cu-mb-10 {
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .sm\:cu-mb-11 {
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .sm\:cu-mb-12 {
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .sm\:cu-mb-13 {
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .sm\:cu-mb-14 {
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-mb {
+    margin-bottom: var(--pb-md);
+  }
+
+  .md\:cu-mb-0\.5 {
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .md\:cu-mb-1 {
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .md\:cu-mb-1\.5 {
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .md\:cu-mb-2 {
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .md\:cu-mb-3 {
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .md\:cu-mb-4 {
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .md\:cu-mb-5 {
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .md\:cu-mb-6 {
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .md\:cu-mb-7 {
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .md\:cu-mb-8 {
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .md\:cu-mb-9 {
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .md\:cu-mb-10 {
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .md\:cu-mb-11 {
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .md\:cu-mb-12 {
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .md\:cu-mb-13 {
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .md\:cu-mb-14 {
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-mb {
+    margin-bottom: var(--pb-lg);
+  }
+
+  .lg\:cu-mb-0\.5 {
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-mb-1 {
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .lg\:cu-mb-1\.5 {
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-mb-2 {
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .lg\:cu-mb-3 {
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .lg\:cu-mb-4 {
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .lg\:cu-mb-5 {
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .lg\:cu-mb-6 {
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .lg\:cu-mb-7 {
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .lg\:cu-mb-8 {
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .lg\:cu-mb-9 {
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .lg\:cu-mb-10 {
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .lg\:cu-mb-11 {
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .lg\:cu-mb-12 {
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .lg\:cu-mb-13 {
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .lg\:cu-mb-14 {
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-mb {
+    margin-bottom: var(--pb-xl);
+  }
+
+  .xl\:cu-mb-0\.5 {
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-mb-1 {
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .xl\:cu-mb-1\.5 {
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-mb-2 {
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .xl\:cu-mb-3 {
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .xl\:cu-mb-4 {
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .xl\:cu-mb-5 {
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .xl\:cu-mb-6 {
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .xl\:cu-mb-7 {
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .xl\:cu-mb-8 {
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .xl\:cu-mb-9 {
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .xl\:cu-mb-10 {
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .xl\:cu-mb-11 {
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .xl\:cu-mb-12 {
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .xl\:cu-mb-13 {
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .xl\:cu-mb-14 {
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+.cu-my {
+  margin-top: var(--my);
+  margin-bottom: var(--my);
+}
+
+.cu-my-0\.5 {
+  margin-top: var(--canon-space-0_5);
+  margin-bottom: var(--canon-space-0_5);
+}
+
+.cu-my-1 {
+  margin-top: var(--canon-space-1);
+  margin-bottom: var(--canon-space-1);
+}
+
+.cu-my-1\.5 {
+  margin-top: var(--canon-space-1_5);
+  margin-bottom: var(--canon-space-1_5);
+}
+
+.cu-my-2 {
+  margin-top: var(--canon-space-2);
+  margin-bottom: var(--canon-space-2);
+}
+
+.cu-my-3 {
+  margin-top: var(--canon-space-3);
+  margin-bottom: var(--canon-space-3);
+}
+
+.cu-my-4 {
+  margin-top: var(--canon-space-4);
+  margin-bottom: var(--canon-space-4);
+}
+
+.cu-my-5 {
+  margin-top: var(--canon-space-5);
+  margin-bottom: var(--canon-space-5);
+}
+
+.cu-my-6 {
+  margin-top: var(--canon-space-6);
+  margin-bottom: var(--canon-space-6);
+}
+
+.cu-my-7 {
+  margin-top: var(--canon-space-7);
+  margin-bottom: var(--canon-space-7);
+}
+
+.cu-my-8 {
+  margin-top: var(--canon-space-8);
+  margin-bottom: var(--canon-space-8);
+}
+
+.cu-my-9 {
+  margin-top: var(--canon-space-9);
+  margin-bottom: var(--canon-space-9);
+}
+
+.cu-my-10 {
+  margin-top: var(--canon-space-10);
+  margin-bottom: var(--canon-space-10);
+}
+
+.cu-my-11 {
+  margin-top: var(--canon-space-11);
+  margin-bottom: var(--canon-space-11);
+}
+
+.cu-my-12 {
+  margin-top: var(--canon-space-12);
+  margin-bottom: var(--canon-space-12);
+}
+
+.cu-my-13 {
+  margin-top: var(--canon-space-13);
+  margin-bottom: var(--canon-space-13);
+}
+
+.cu-my-14 {
+  margin-top: var(--canon-space-14);
+  margin-bottom: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-my {
+    margin-top: var(--py-xs);
+    margin-bottom: var(--py-xs);
+  }
+
+  .xs\:cu-my-0\.5 {
+    margin-top: var(--canon-space-0_5);
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-my-1 {
+    margin-top: var(--canon-space-1);
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .xs\:cu-my-1\.5 {
+    margin-top: var(--canon-space-1_5);
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-my-2 {
+    margin-top: var(--canon-space-2);
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .xs\:cu-my-3 {
+    margin-top: var(--canon-space-3);
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .xs\:cu-my-4 {
+    margin-top: var(--canon-space-4);
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .xs\:cu-my-5 {
+    margin-top: var(--canon-space-5);
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .xs\:cu-my-6 {
+    margin-top: var(--canon-space-6);
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .xs\:cu-my-7 {
+    margin-top: var(--canon-space-7);
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .xs\:cu-my-8 {
+    margin-top: var(--canon-space-8);
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .xs\:cu-my-9 {
+    margin-top: var(--canon-space-9);
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .xs\:cu-my-10 {
+    margin-top: var(--canon-space-10);
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .xs\:cu-my-11 {
+    margin-top: var(--canon-space-11);
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .xs\:cu-my-12 {
+    margin-top: var(--canon-space-12);
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .xs\:cu-my-13 {
+    margin-top: var(--canon-space-13);
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .xs\:cu-my-14 {
+    margin-top: var(--canon-space-14);
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-my {
+    margin-top: var(--py-sm);
+    margin-bottom: var(--py-sm);
+  }
+
+  .sm\:cu-my-0\.5 {
+    margin-top: var(--canon-space-0_5);
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-my-1 {
+    margin-top: var(--canon-space-1);
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .sm\:cu-my-1\.5 {
+    margin-top: var(--canon-space-1_5);
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-my-2 {
+    margin-top: var(--canon-space-2);
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .sm\:cu-my-3 {
+    margin-top: var(--canon-space-3);
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .sm\:cu-my-4 {
+    margin-top: var(--canon-space-4);
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .sm\:cu-my-5 {
+    margin-top: var(--canon-space-5);
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .sm\:cu-my-6 {
+    margin-top: var(--canon-space-6);
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .sm\:cu-my-7 {
+    margin-top: var(--canon-space-7);
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .sm\:cu-my-8 {
+    margin-top: var(--canon-space-8);
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .sm\:cu-my-9 {
+    margin-top: var(--canon-space-9);
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .sm\:cu-my-10 {
+    margin-top: var(--canon-space-10);
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .sm\:cu-my-11 {
+    margin-top: var(--canon-space-11);
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .sm\:cu-my-12 {
+    margin-top: var(--canon-space-12);
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .sm\:cu-my-13 {
+    margin-top: var(--canon-space-13);
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .sm\:cu-my-14 {
+    margin-top: var(--canon-space-14);
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-my {
+    margin-top: var(--py-md);
+    margin-bottom: var(--py-md);
+  }
+
+  .md\:cu-my-0\.5 {
+    margin-top: var(--canon-space-0_5);
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .md\:cu-my-1 {
+    margin-top: var(--canon-space-1);
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .md\:cu-my-1\.5 {
+    margin-top: var(--canon-space-1_5);
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .md\:cu-my-2 {
+    margin-top: var(--canon-space-2);
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .md\:cu-my-3 {
+    margin-top: var(--canon-space-3);
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .md\:cu-my-4 {
+    margin-top: var(--canon-space-4);
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .md\:cu-my-5 {
+    margin-top: var(--canon-space-5);
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .md\:cu-my-6 {
+    margin-top: var(--canon-space-6);
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .md\:cu-my-7 {
+    margin-top: var(--canon-space-7);
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .md\:cu-my-8 {
+    margin-top: var(--canon-space-8);
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .md\:cu-my-9 {
+    margin-top: var(--canon-space-9);
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .md\:cu-my-10 {
+    margin-top: var(--canon-space-10);
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .md\:cu-my-11 {
+    margin-top: var(--canon-space-11);
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .md\:cu-my-12 {
+    margin-top: var(--canon-space-12);
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .md\:cu-my-13 {
+    margin-top: var(--canon-space-13);
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .md\:cu-my-14 {
+    margin-top: var(--canon-space-14);
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-my {
+    margin-top: var(--py-lg);
+    margin-bottom: var(--py-lg);
+  }
+
+  .lg\:cu-my-0\.5 {
+    margin-top: var(--canon-space-0_5);
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-my-1 {
+    margin-top: var(--canon-space-1);
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .lg\:cu-my-1\.5 {
+    margin-top: var(--canon-space-1_5);
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-my-2 {
+    margin-top: var(--canon-space-2);
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .lg\:cu-my-3 {
+    margin-top: var(--canon-space-3);
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .lg\:cu-my-4 {
+    margin-top: var(--canon-space-4);
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .lg\:cu-my-5 {
+    margin-top: var(--canon-space-5);
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .lg\:cu-my-6 {
+    margin-top: var(--canon-space-6);
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .lg\:cu-my-7 {
+    margin-top: var(--canon-space-7);
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .lg\:cu-my-8 {
+    margin-top: var(--canon-space-8);
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .lg\:cu-my-9 {
+    margin-top: var(--canon-space-9);
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .lg\:cu-my-10 {
+    margin-top: var(--canon-space-10);
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .lg\:cu-my-11 {
+    margin-top: var(--canon-space-11);
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .lg\:cu-my-12 {
+    margin-top: var(--canon-space-12);
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .lg\:cu-my-13 {
+    margin-top: var(--canon-space-13);
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .lg\:cu-my-14 {
+    margin-top: var(--canon-space-14);
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-my {
+    margin-top: var(--py-xl);
+    margin-bottom: var(--py-xl);
+  }
+
+  .xl\:cu-my-0\.5 {
+    margin-top: var(--canon-space-0_5);
+    margin-bottom: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-my-1 {
+    margin-top: var(--canon-space-1);
+    margin-bottom: var(--canon-space-1);
+  }
+
+  .xl\:cu-my-1\.5 {
+    margin-top: var(--canon-space-1_5);
+    margin-bottom: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-my-2 {
+    margin-top: var(--canon-space-2);
+    margin-bottom: var(--canon-space-2);
+  }
+
+  .xl\:cu-my-3 {
+    margin-top: var(--canon-space-3);
+    margin-bottom: var(--canon-space-3);
+  }
+
+  .xl\:cu-my-4 {
+    margin-top: var(--canon-space-4);
+    margin-bottom: var(--canon-space-4);
+  }
+
+  .xl\:cu-my-5 {
+    margin-top: var(--canon-space-5);
+    margin-bottom: var(--canon-space-5);
+  }
+
+  .xl\:cu-my-6 {
+    margin-top: var(--canon-space-6);
+    margin-bottom: var(--canon-space-6);
+  }
+
+  .xl\:cu-my-7 {
+    margin-top: var(--canon-space-7);
+    margin-bottom: var(--canon-space-7);
+  }
+
+  .xl\:cu-my-8 {
+    margin-top: var(--canon-space-8);
+    margin-bottom: var(--canon-space-8);
+  }
+
+  .xl\:cu-my-9 {
+    margin-top: var(--canon-space-9);
+    margin-bottom: var(--canon-space-9);
+  }
+
+  .xl\:cu-my-10 {
+    margin-top: var(--canon-space-10);
+    margin-bottom: var(--canon-space-10);
+  }
+
+  .xl\:cu-my-11 {
+    margin-top: var(--canon-space-11);
+    margin-bottom: var(--canon-space-11);
+  }
+
+  .xl\:cu-my-12 {
+    margin-top: var(--canon-space-12);
+    margin-bottom: var(--canon-space-12);
+  }
+
+  .xl\:cu-my-13 {
+    margin-top: var(--canon-space-13);
+    margin-bottom: var(--canon-space-13);
+  }
+
+  .xl\:cu-my-14 {
+    margin-top: var(--canon-space-14);
+    margin-bottom: var(--canon-space-14);
+  }
+}
+
+.cu-mx {
+  margin-left: var(--mx);
+  margin-right: var(--mx);
+}
+
+.cu-mx-0\.5 {
+  margin-left: var(--canon-space-0_5);
+  margin-right: var(--canon-space-0_5);
+}
+
+.cu-mx-1 {
+  margin-left: var(--canon-space-1);
+  margin-right: var(--canon-space-1);
+}
+
+.cu-mx-1\.5 {
+  margin-left: var(--canon-space-1_5);
+  margin-right: var(--canon-space-1_5);
+}
+
+.cu-mx-2 {
+  margin-left: var(--canon-space-2);
+  margin-right: var(--canon-space-2);
+}
+
+.cu-mx-3 {
+  margin-left: var(--canon-space-3);
+  margin-right: var(--canon-space-3);
+}
+
+.cu-mx-4 {
+  margin-left: var(--canon-space-4);
+  margin-right: var(--canon-space-4);
+}
+
+.cu-mx-5 {
+  margin-left: var(--canon-space-5);
+  margin-right: var(--canon-space-5);
+}
+
+.cu-mx-6 {
+  margin-left: var(--canon-space-6);
+  margin-right: var(--canon-space-6);
+}
+
+.cu-mx-7 {
+  margin-left: var(--canon-space-7);
+  margin-right: var(--canon-space-7);
+}
+
+.cu-mx-8 {
+  margin-left: var(--canon-space-8);
+  margin-right: var(--canon-space-8);
+}
+
+.cu-mx-9 {
+  margin-left: var(--canon-space-9);
+  margin-right: var(--canon-space-9);
+}
+
+.cu-mx-10 {
+  margin-left: var(--canon-space-10);
+  margin-right: var(--canon-space-10);
+}
+
+.cu-mx-11 {
+  margin-left: var(--canon-space-11);
+  margin-right: var(--canon-space-11);
+}
+
+.cu-mx-12 {
+  margin-left: var(--canon-space-12);
+  margin-right: var(--canon-space-12);
+}
+
+.cu-mx-13 {
+  margin-left: var(--canon-space-13);
+  margin-right: var(--canon-space-13);
+}
+
+.cu-mx-14 {
+  margin-left: var(--canon-space-14);
+  margin-right: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-mx {
+    margin-left: var(--px-xs);
+    margin-right: var(--px-xs);
+  }
+
+  .xs\:cu-mx-0\.5 {
+    margin-left: var(--canon-space-0_5);
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-mx-1 {
+    margin-left: var(--canon-space-1);
+    margin-right: var(--canon-space-1);
+  }
+
+  .xs\:cu-mx-1\.5 {
+    margin-left: var(--canon-space-1_5);
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-mx-2 {
+    margin-left: var(--canon-space-2);
+    margin-right: var(--canon-space-2);
+  }
+
+  .xs\:cu-mx-3 {
+    margin-left: var(--canon-space-3);
+    margin-right: var(--canon-space-3);
+  }
+
+  .xs\:cu-mx-4 {
+    margin-left: var(--canon-space-4);
+    margin-right: var(--canon-space-4);
+  }
+
+  .xs\:cu-mx-5 {
+    margin-left: var(--canon-space-5);
+    margin-right: var(--canon-space-5);
+  }
+
+  .xs\:cu-mx-6 {
+    margin-left: var(--canon-space-6);
+    margin-right: var(--canon-space-6);
+  }
+
+  .xs\:cu-mx-7 {
+    margin-left: var(--canon-space-7);
+    margin-right: var(--canon-space-7);
+  }
+
+  .xs\:cu-mx-8 {
+    margin-left: var(--canon-space-8);
+    margin-right: var(--canon-space-8);
+  }
+
+  .xs\:cu-mx-9 {
+    margin-left: var(--canon-space-9);
+    margin-right: var(--canon-space-9);
+  }
+
+  .xs\:cu-mx-10 {
+    margin-left: var(--canon-space-10);
+    margin-right: var(--canon-space-10);
+  }
+
+  .xs\:cu-mx-11 {
+    margin-left: var(--canon-space-11);
+    margin-right: var(--canon-space-11);
+  }
+
+  .xs\:cu-mx-12 {
+    margin-left: var(--canon-space-12);
+    margin-right: var(--canon-space-12);
+  }
+
+  .xs\:cu-mx-13 {
+    margin-left: var(--canon-space-13);
+    margin-right: var(--canon-space-13);
+  }
+
+  .xs\:cu-mx-14 {
+    margin-left: var(--canon-space-14);
+    margin-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-mx {
+    margin-left: var(--px-sm);
+    margin-right: var(--px-sm);
+  }
+
+  .sm\:cu-mx-0\.5 {
+    margin-left: var(--canon-space-0_5);
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-mx-1 {
+    margin-left: var(--canon-space-1);
+    margin-right: var(--canon-space-1);
+  }
+
+  .sm\:cu-mx-1\.5 {
+    margin-left: var(--canon-space-1_5);
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-mx-2 {
+    margin-left: var(--canon-space-2);
+    margin-right: var(--canon-space-2);
+  }
+
+  .sm\:cu-mx-3 {
+    margin-left: var(--canon-space-3);
+    margin-right: var(--canon-space-3);
+  }
+
+  .sm\:cu-mx-4 {
+    margin-left: var(--canon-space-4);
+    margin-right: var(--canon-space-4);
+  }
+
+  .sm\:cu-mx-5 {
+    margin-left: var(--canon-space-5);
+    margin-right: var(--canon-space-5);
+  }
+
+  .sm\:cu-mx-6 {
+    margin-left: var(--canon-space-6);
+    margin-right: var(--canon-space-6);
+  }
+
+  .sm\:cu-mx-7 {
+    margin-left: var(--canon-space-7);
+    margin-right: var(--canon-space-7);
+  }
+
+  .sm\:cu-mx-8 {
+    margin-left: var(--canon-space-8);
+    margin-right: var(--canon-space-8);
+  }
+
+  .sm\:cu-mx-9 {
+    margin-left: var(--canon-space-9);
+    margin-right: var(--canon-space-9);
+  }
+
+  .sm\:cu-mx-10 {
+    margin-left: var(--canon-space-10);
+    margin-right: var(--canon-space-10);
+  }
+
+  .sm\:cu-mx-11 {
+    margin-left: var(--canon-space-11);
+    margin-right: var(--canon-space-11);
+  }
+
+  .sm\:cu-mx-12 {
+    margin-left: var(--canon-space-12);
+    margin-right: var(--canon-space-12);
+  }
+
+  .sm\:cu-mx-13 {
+    margin-left: var(--canon-space-13);
+    margin-right: var(--canon-space-13);
+  }
+
+  .sm\:cu-mx-14 {
+    margin-left: var(--canon-space-14);
+    margin-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-mx {
+    margin-left: var(--px-md);
+    margin-right: var(--px-md);
+  }
+
+  .md\:cu-mx-0\.5 {
+    margin-left: var(--canon-space-0_5);
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .md\:cu-mx-1 {
+    margin-left: var(--canon-space-1);
+    margin-right: var(--canon-space-1);
+  }
+
+  .md\:cu-mx-1\.5 {
+    margin-left: var(--canon-space-1_5);
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .md\:cu-mx-2 {
+    margin-left: var(--canon-space-2);
+    margin-right: var(--canon-space-2);
+  }
+
+  .md\:cu-mx-3 {
+    margin-left: var(--canon-space-3);
+    margin-right: var(--canon-space-3);
+  }
+
+  .md\:cu-mx-4 {
+    margin-left: var(--canon-space-4);
+    margin-right: var(--canon-space-4);
+  }
+
+  .md\:cu-mx-5 {
+    margin-left: var(--canon-space-5);
+    margin-right: var(--canon-space-5);
+  }
+
+  .md\:cu-mx-6 {
+    margin-left: var(--canon-space-6);
+    margin-right: var(--canon-space-6);
+  }
+
+  .md\:cu-mx-7 {
+    margin-left: var(--canon-space-7);
+    margin-right: var(--canon-space-7);
+  }
+
+  .md\:cu-mx-8 {
+    margin-left: var(--canon-space-8);
+    margin-right: var(--canon-space-8);
+  }
+
+  .md\:cu-mx-9 {
+    margin-left: var(--canon-space-9);
+    margin-right: var(--canon-space-9);
+  }
+
+  .md\:cu-mx-10 {
+    margin-left: var(--canon-space-10);
+    margin-right: var(--canon-space-10);
+  }
+
+  .md\:cu-mx-11 {
+    margin-left: var(--canon-space-11);
+    margin-right: var(--canon-space-11);
+  }
+
+  .md\:cu-mx-12 {
+    margin-left: var(--canon-space-12);
+    margin-right: var(--canon-space-12);
+  }
+
+  .md\:cu-mx-13 {
+    margin-left: var(--canon-space-13);
+    margin-right: var(--canon-space-13);
+  }
+
+  .md\:cu-mx-14 {
+    margin-left: var(--canon-space-14);
+    margin-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-mx {
+    margin-left: var(--px-lg);
+    margin-right: var(--px-lg);
+  }
+
+  .lg\:cu-mx-0\.5 {
+    margin-left: var(--canon-space-0_5);
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-mx-1 {
+    margin-left: var(--canon-space-1);
+    margin-right: var(--canon-space-1);
+  }
+
+  .lg\:cu-mx-1\.5 {
+    margin-left: var(--canon-space-1_5);
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-mx-2 {
+    margin-left: var(--canon-space-2);
+    margin-right: var(--canon-space-2);
+  }
+
+  .lg\:cu-mx-3 {
+    margin-left: var(--canon-space-3);
+    margin-right: var(--canon-space-3);
+  }
+
+  .lg\:cu-mx-4 {
+    margin-left: var(--canon-space-4);
+    margin-right: var(--canon-space-4);
+  }
+
+  .lg\:cu-mx-5 {
+    margin-left: var(--canon-space-5);
+    margin-right: var(--canon-space-5);
+  }
+
+  .lg\:cu-mx-6 {
+    margin-left: var(--canon-space-6);
+    margin-right: var(--canon-space-6);
+  }
+
+  .lg\:cu-mx-7 {
+    margin-left: var(--canon-space-7);
+    margin-right: var(--canon-space-7);
+  }
+
+  .lg\:cu-mx-8 {
+    margin-left: var(--canon-space-8);
+    margin-right: var(--canon-space-8);
+  }
+
+  .lg\:cu-mx-9 {
+    margin-left: var(--canon-space-9);
+    margin-right: var(--canon-space-9);
+  }
+
+  .lg\:cu-mx-10 {
+    margin-left: var(--canon-space-10);
+    margin-right: var(--canon-space-10);
+  }
+
+  .lg\:cu-mx-11 {
+    margin-left: var(--canon-space-11);
+    margin-right: var(--canon-space-11);
+  }
+
+  .lg\:cu-mx-12 {
+    margin-left: var(--canon-space-12);
+    margin-right: var(--canon-space-12);
+  }
+
+  .lg\:cu-mx-13 {
+    margin-left: var(--canon-space-13);
+    margin-right: var(--canon-space-13);
+  }
+
+  .lg\:cu-mx-14 {
+    margin-left: var(--canon-space-14);
+    margin-right: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-mx {
+    margin-left: var(--px-xl);
+    margin-right: var(--px-xl);
+  }
+
+  .xl\:cu-mx-0\.5 {
+    margin-left: var(--canon-space-0_5);
+    margin-right: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-mx-1 {
+    margin-left: var(--canon-space-1);
+    margin-right: var(--canon-space-1);
+  }
+
+  .xl\:cu-mx-1\.5 {
+    margin-left: var(--canon-space-1_5);
+    margin-right: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-mx-2 {
+    margin-left: var(--canon-space-2);
+    margin-right: var(--canon-space-2);
+  }
+
+  .xl\:cu-mx-3 {
+    margin-left: var(--canon-space-3);
+    margin-right: var(--canon-space-3);
+  }
+
+  .xl\:cu-mx-4 {
+    margin-left: var(--canon-space-4);
+    margin-right: var(--canon-space-4);
+  }
+
+  .xl\:cu-mx-5 {
+    margin-left: var(--canon-space-5);
+    margin-right: var(--canon-space-5);
+  }
+
+  .xl\:cu-mx-6 {
+    margin-left: var(--canon-space-6);
+    margin-right: var(--canon-space-6);
+  }
+
+  .xl\:cu-mx-7 {
+    margin-left: var(--canon-space-7);
+    margin-right: var(--canon-space-7);
+  }
+
+  .xl\:cu-mx-8 {
+    margin-left: var(--canon-space-8);
+    margin-right: var(--canon-space-8);
+  }
+
+  .xl\:cu-mx-9 {
+    margin-left: var(--canon-space-9);
+    margin-right: var(--canon-space-9);
+  }
+
+  .xl\:cu-mx-10 {
+    margin-left: var(--canon-space-10);
+    margin-right: var(--canon-space-10);
+  }
+
+  .xl\:cu-mx-11 {
+    margin-left: var(--canon-space-11);
+    margin-right: var(--canon-space-11);
+  }
+
+  .xl\:cu-mx-12 {
+    margin-left: var(--canon-space-12);
+    margin-right: var(--canon-space-12);
+  }
+
+  .xl\:cu-mx-13 {
+    margin-left: var(--canon-space-13);
+    margin-right: var(--canon-space-13);
+  }
+
+  .xl\:cu-mx-14 {
+    margin-left: var(--canon-space-14);
+    margin-right: var(--canon-space-14);
+  }
+}
+
+.cu-display-none {
+  display: none;
+}
+
+.cu-display-inline {
+  display: inline;
+}
+
+.cu-display-inline-block {
+  display: inline-block;
+}
+
+.cu-display-block {
+  display: block;
+}
+
+@media (width >= 640px) {
+  .xs\:cu-display-none {
+    display: none;
+  }
+
+  .xs\:cu-display-inline {
+    display: inline;
+  }
+
+  .xs\:cu-display-inline-block {
+    display: inline-block;
+  }
+
+  .xs\:cu-display-block {
+    display: block;
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-display-none {
+    display: none;
+  }
+
+  .sm\:cu-display-inline {
+    display: inline;
+  }
+
+  .sm\:cu-display-inline-block {
+    display: inline-block;
+  }
+
+  .sm\:cu-display-block {
+    display: block;
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-display-none {
+    display: none;
+  }
+
+  .md\:cu-display-inline {
+    display: inline;
+  }
+
+  .md\:cu-display-inline-block {
+    display: inline-block;
+  }
+
+  .md\:cu-display-block {
+    display: block;
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-display-none {
+    display: none;
+  }
+
+  .lg\:cu-display-inline {
+    display: inline;
+  }
+
+  .lg\:cu-display-inline-block {
+    display: inline-block;
+  }
+
+  .lg\:cu-display-block {
+    display: block;
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-display-none {
+    display: none;
+  }
+
+  .xl\:cu-display-inline {
+    display: inline;
+  }
+
+  .xl\:cu-display-inline-block {
+    display: inline-block;
+  }
+
+  .xl\:cu-display-block {
+    display: block;
+  }
+}
+
+.cu-w {
+  width: var(--width);
+}
+
+.cu-min-w {
+  min-width: var(--min-width);
+}
+
+.cu-max-w {
+  max-width: var(--max-width);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-w {
+    width: var(--width);
+  }
+
+  .xs\:cu-min-w {
+    min-width: var(--min-width);
+  }
+
+  .xs\:cu-max-w {
+    max-width: var(--max-width);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-w {
+    width: var(--width);
+  }
+
+  .sm\:cu-min-w {
+    min-width: var(--min-width);
+  }
+
+  .sm\:cu-max-w {
+    max-width: var(--max-width);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-w {
+    width: var(--width);
+  }
+
+  .md\:cu-min-w {
+    min-width: var(--min-width);
+  }
+
+  .md\:cu-max-w {
+    max-width: var(--max-width);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-w {
+    width: var(--width);
+  }
+
+  .lg\:cu-min-w {
+    min-width: var(--min-width);
+  }
+
+  .lg\:cu-max-w {
+    max-width: var(--max-width);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-w {
+    width: var(--width);
+  }
+
+  .xl\:cu-min-w {
+    min-width: var(--min-width);
+  }
+
+  .xl\:cu-max-w {
+    max-width: var(--max-width);
+  }
+}
+
+.cu-h {
+  height: var(--height);
+}
+
+.cu-min-h {
+  min-height: var(--min-height);
+}
+
+.cu-max-h {
+  max-height: var(--max-height);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-h {
+    height: var(--height);
+  }
+
+  .xs\:cu-min-h {
+    min-height: var(--min-height);
+  }
+
+  .xs\:cu-max-h {
+    max-height: var(--max-height);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-h {
+    height: var(--height);
+  }
+
+  .sm\:cu-min-h {
+    min-height: var(--min-height);
+  }
+
+  .sm\:cu-max-h {
+    max-height: var(--max-height);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-h {
+    height: var(--height);
+  }
+
+  .md\:cu-min-h {
+    min-height: var(--min-height);
+  }
+
+  .md\:cu-max-h {
+    max-height: var(--max-height);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-h {
+    height: var(--height);
+  }
+
+  .lg\:cu-min-h {
+    min-height: var(--min-height);
+  }
+
+  .lg\:cu-max-h {
+    max-height: var(--max-height);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-h {
+    height: var(--height);
+  }
+
+  .xl\:cu-min-h {
+    min-height: var(--min-height);
+  }
+
+  .xl\:cu-max-h {
+    max-height: var(--max-height);
+  }
+}
+
+.cu-position-absolute {
+  position: absolute;
+}
+
+.cu-position-fixed {
+  position: fixed;
+}
+
+.cu-position-sticky {
+  position: sticky;
+}
+
+.cu-position-relative {
+  position: relative;
+}
+
+.cu-position-static {
+  position: static;
+}
+
+@media (width >= 640px) {
+  .xs\:cu-position-absolute {
+    position: absolute;
+  }
+
+  .xs\:cu-position-fixed {
+    position: fixed;
+  }
+
+  .xs\:cu-position-sticky {
+    position: sticky;
+  }
+
+  .xs\:cu-position-relative {
+    position: relative;
+  }
+
+  .xs\:cu-position-static {
+    position: static;
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-position-absolute {
+    position: absolute;
+  }
+
+  .sm\:cu-position-fixed {
+    position: fixed;
+  }
+
+  .sm\:cu-position-sticky {
+    position: sticky;
+  }
+
+  .sm\:cu-position-relative {
+    position: relative;
+  }
+
+  .sm\:cu-position-static {
+    position: static;
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-position-absolute {
+    position: absolute;
+  }
+
+  .md\:cu-position-fixed {
+    position: fixed;
+  }
+
+  .md\:cu-position-sticky {
+    position: sticky;
+  }
+
+  .md\:cu-position-relative {
+    position: relative;
+  }
+
+  .md\:cu-position-static {
+    position: static;
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-position-absolute {
+    position: absolute;
+  }
+
+  .lg\:cu-position-fixed {
+    position: fixed;
+  }
+
+  .lg\:cu-position-sticky {
+    position: sticky;
+  }
+
+  .lg\:cu-position-relative {
+    position: relative;
+  }
+
+  .lg\:cu-position-static {
+    position: static;
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-position-absolute {
+    position: absolute;
+  }
+
+  .xl\:cu-position-fixed {
+    position: fixed;
+  }
+
+  .xl\:cu-position-sticky {
+    position: sticky;
+  }
+
+  .xl\:cu-position-relative {
+    position: relative;
+  }
+
+  .xl\:cu-position-static {
+    position: static;
+  }
+}
+
+.cu-columns-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.cu-columns-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.cu-columns-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.cu-columns-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.cu-columns-5 {
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
+.cu-columns-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+
+.cu-columns-7 {
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+
+.cu-columns-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
+
+.cu-columns-9 {
+  grid-template-columns: repeat(9, minmax(0, 1fr));
+}
+
+.cu-columns-10 {
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+}
+
+.cu-columns-11 {
+  grid-template-columns: repeat(11, minmax(0, 1fr));
+}
+
+.cu-columns-12 {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+
+.cu-columns-auto {
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+}
+
+.cu-col-span-1 {
+  grid-column: span 1 / span 1;
+}
+
+.cu-col-span-2 {
+  grid-column: span 2 / span 2;
+}
+
+.cu-col-span-3 {
+  grid-column: span 3 / span 3;
+}
+
+.cu-col-span-4 {
+  grid-column: span 4 / span 4;
+}
+
+.cu-col-span-5 {
+  grid-column: span 5 / span 5;
+}
+
+.cu-col-span-6 {
+  grid-column: span 6 / span 6;
+}
+
+.cu-col-span-7 {
+  grid-column: span 7 / span 7;
+}
+
+.cu-col-span-8 {
+  grid-column: span 8 / span 8;
+}
+
+.cu-col-span-9 {
+  grid-column: span 9 / span 9;
+}
+
+.cu-col-span-10 {
+  grid-column: span 10 / span 10;
+}
+
+.cu-col-span-11 {
+  grid-column: span 11 / span 11;
+}
+
+.cu-col-span-12 {
+  grid-column: span 12 / span 12;
+}
+
+.cu-col-span-auto {
+  grid-column: span auto / span auto;
+}
+
+.cu-col-start-1 {
+  grid-column-start: 1;
+}
+
+.cu-col-start-2 {
+  grid-column-start: 2;
+}
+
+.cu-col-start-3 {
+  grid-column-start: 3;
+}
+
+.cu-col-start-4 {
+  grid-column-start: 4;
+}
+
+.cu-col-start-5 {
+  grid-column-start: 5;
+}
+
+.cu-col-start-6 {
+  grid-column-start: 6;
+}
+
+.cu-col-start-7 {
+  grid-column-start: 7;
+}
+
+.cu-col-start-8 {
+  grid-column-start: 8;
+}
+
+.cu-col-start-9 {
+  grid-column-start: 9;
+}
+
+.cu-col-start-10 {
+  grid-column-start: 10;
+}
+
+.cu-col-start-11 {
+  grid-column-start: 11;
+}
+
+.cu-col-start-12 {
+  grid-column-start: 12;
+}
+
+.cu-col-start-13 {
+  grid-column-start: 13;
+}
+
+.cu-col-start-auto {
+  grid-column-start: auto;
+}
+
+.cu-col-end-1 {
+  grid-column-end: 1;
+}
+
+.cu-col-end-2 {
+  grid-column-end: 2;
+}
+
+.cu-col-end-3 {
+  grid-column-end: 3;
+}
+
+.cu-col-end-4 {
+  grid-column-end: 4;
+}
+
+.cu-col-end-5 {
+  grid-column-end: 5;
+}
+
+.cu-col-end-6 {
+  grid-column-end: 6;
+}
+
+.cu-col-end-7 {
+  grid-column-end: 7;
+}
+
+.cu-col-end-8 {
+  grid-column-end: 8;
+}
+
+.cu-col-end-9 {
+  grid-column-end: 9;
+}
+
+.cu-col-end-10 {
+  grid-column-end: 10;
+}
+
+.cu-col-end-11 {
+  grid-column-end: 11;
+}
+
+.cu-col-end-12 {
+  grid-column-end: 12;
+}
+
+.cu-col-end-13 {
+  grid-column-end: 13;
+}
+
+.cu-col-end-auto {
+  grid-column-end: auto;
+}
+
+.cu-row-span-1 {
+  grid-row: span 1 / span 1;
+}
+
+.cu-row-span-2 {
+  grid-row: span 2 / span 2;
+}
+
+.cu-row-span-3 {
+  grid-row: span 3 / span 3;
+}
+
+.cu-row-span-4 {
+  grid-row: span 4 / span 4;
+}
+
+.cu-row-span-5 {
+  grid-row: span 5 / span 5;
+}
+
+.cu-row-span-6 {
+  grid-row: span 6 / span 6;
+}
+
+.cu-row-span-7 {
+  grid-row: span 7 / span 7;
+}
+
+.cu-row-span-8 {
+  grid-row: span 8 / span 8;
+}
+
+.cu-row-span-9 {
+  grid-row: span 9 / span 9;
+}
+
+.cu-row-span-10 {
+  grid-row: span 10 / span 10;
+}
+
+.cu-row-span-11 {
+  grid-row: span 11 / span 11;
+}
+
+.cu-row-span-12 {
+  grid-row: span 12 / span 12;
+}
+
+.cu-row-span-auto {
+  grid-row: span auto / span auto;
+}
+
+@media (width >= 640px) {
+  .xs\:cu-columns-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .xs\:cu-columns-auto {
+    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  }
+
+  .xs\:cu-col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .xs\:cu-col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .xs\:cu-col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .xs\:cu-col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .xs\:cu-col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .xs\:cu-col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .xs\:cu-col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .xs\:cu-col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .xs\:cu-col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .xs\:cu-col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .xs\:cu-col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .xs\:cu-col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .xs\:cu-col-span-auto {
+    grid-column: span auto / span auto;
+  }
+
+  .xs\:cu-col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .xs\:cu-col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .xs\:cu-col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .xs\:cu-col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .xs\:cu-col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .xs\:cu-col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .xs\:cu-col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .xs\:cu-col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .xs\:cu-col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .xs\:cu-col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .xs\:cu-col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .xs\:cu-col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .xs\:cu-col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .xs\:cu-col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .xs\:cu-col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .xs\:cu-col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .xs\:cu-col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .xs\:cu-col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .xs\:cu-col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .xs\:cu-col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .xs\:cu-col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .xs\:cu-col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .xs\:cu-col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .xs\:cu-col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .xs\:cu-col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .xs\:cu-col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .xs\:cu-col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .xs\:cu-col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .xs\:cu-row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .xs\:cu-row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .xs\:cu-row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .xs\:cu-row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .xs\:cu-row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .xs\:cu-row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .xs\:cu-row-span-7 {
+    grid-row: span 7 / span 7;
+  }
+
+  .xs\:cu-row-span-8 {
+    grid-row: span 8 / span 8;
+  }
+
+  .xs\:cu-row-span-9 {
+    grid-row: span 9 / span 9;
+  }
+
+  .xs\:cu-row-span-10 {
+    grid-row: span 10 / span 10;
+  }
+
+  .xs\:cu-row-span-11 {
+    grid-row: span 11 / span 11;
+  }
+
+  .xs\:cu-row-span-12 {
+    grid-row: span 12 / span 12;
+  }
+
+  .xs\:cu-row-span-auto {
+    grid-row: span auto / span auto;
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-columns-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .sm\:cu-columns-auto {
+    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  }
+
+  .sm\:cu-col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .sm\:cu-col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .sm\:cu-col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .sm\:cu-col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .sm\:cu-col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .sm\:cu-col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .sm\:cu-col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .sm\:cu-col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .sm\:cu-col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .sm\:cu-col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .sm\:cu-col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .sm\:cu-col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .sm\:cu-col-span-auto {
+    grid-column: span auto / span auto;
+  }
+
+  .sm\:cu-col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .sm\:cu-col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .sm\:cu-col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .sm\:cu-col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .sm\:cu-col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .sm\:cu-col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .sm\:cu-col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .sm\:cu-col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .sm\:cu-col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .sm\:cu-col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .sm\:cu-col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .sm\:cu-col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .sm\:cu-col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .sm\:cu-col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .sm\:cu-col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .sm\:cu-col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .sm\:cu-col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .sm\:cu-col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .sm\:cu-col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .sm\:cu-col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .sm\:cu-col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .sm\:cu-col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .sm\:cu-col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .sm\:cu-col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .sm\:cu-col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .sm\:cu-col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .sm\:cu-col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .sm\:cu-col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .sm\:cu-row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .sm\:cu-row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .sm\:cu-row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .sm\:cu-row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .sm\:cu-row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .sm\:cu-row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .sm\:cu-row-span-7 {
+    grid-row: span 7 / span 7;
+  }
+
+  .sm\:cu-row-span-8 {
+    grid-row: span 8 / span 8;
+  }
+
+  .sm\:cu-row-span-9 {
+    grid-row: span 9 / span 9;
+  }
+
+  .sm\:cu-row-span-10 {
+    grid-row: span 10 / span 10;
+  }
+
+  .sm\:cu-row-span-11 {
+    grid-row: span 11 / span 11;
+  }
+
+  .sm\:cu-row-span-12 {
+    grid-row: span 12 / span 12;
+  }
+
+  .sm\:cu-row-span-auto {
+    grid-row: span auto / span auto;
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-columns-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .md\:cu-columns-auto {
+    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  }
+
+  .md\:cu-col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .md\:cu-col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .md\:cu-col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .md\:cu-col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .md\:cu-col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .md\:cu-col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .md\:cu-col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .md\:cu-col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .md\:cu-col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .md\:cu-col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .md\:cu-col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .md\:cu-col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .md\:cu-col-span-auto {
+    grid-column: span auto / span auto;
+  }
+
+  .md\:cu-col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .md\:cu-col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .md\:cu-col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .md\:cu-col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .md\:cu-col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .md\:cu-col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .md\:cu-col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .md\:cu-col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .md\:cu-col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .md\:cu-col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .md\:cu-col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .md\:cu-col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .md\:cu-col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .md\:cu-col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .md\:cu-col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .md\:cu-col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .md\:cu-col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .md\:cu-col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .md\:cu-col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .md\:cu-col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .md\:cu-col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .md\:cu-col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .md\:cu-col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .md\:cu-col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .md\:cu-col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .md\:cu-col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .md\:cu-col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .md\:cu-col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .md\:cu-row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .md\:cu-row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .md\:cu-row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .md\:cu-row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .md\:cu-row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .md\:cu-row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .md\:cu-row-span-7 {
+    grid-row: span 7 / span 7;
+  }
+
+  .md\:cu-row-span-8 {
+    grid-row: span 8 / span 8;
+  }
+
+  .md\:cu-row-span-9 {
+    grid-row: span 9 / span 9;
+  }
+
+  .md\:cu-row-span-10 {
+    grid-row: span 10 / span 10;
+  }
+
+  .md\:cu-row-span-11 {
+    grid-row: span 11 / span 11;
+  }
+
+  .md\:cu-row-span-12 {
+    grid-row: span 12 / span 12;
+  }
+
+  .md\:cu-row-span-auto {
+    grid-row: span auto / span auto;
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-columns-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .lg\:cu-columns-auto {
+    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  }
+
+  .lg\:cu-col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .lg\:cu-col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .lg\:cu-col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .lg\:cu-col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .lg\:cu-col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .lg\:cu-col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .lg\:cu-col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .lg\:cu-col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .lg\:cu-col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .lg\:cu-col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .lg\:cu-col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .lg\:cu-col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .lg\:cu-col-span-auto {
+    grid-column: span auto / span auto;
+  }
+
+  .lg\:cu-col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .lg\:cu-col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .lg\:cu-col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .lg\:cu-col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .lg\:cu-col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .lg\:cu-col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .lg\:cu-col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .lg\:cu-col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .lg\:cu-col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .lg\:cu-col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .lg\:cu-col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .lg\:cu-col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .lg\:cu-col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .lg\:cu-col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .lg\:cu-col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .lg\:cu-col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .lg\:cu-col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .lg\:cu-col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .lg\:cu-col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .lg\:cu-col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .lg\:cu-col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .lg\:cu-col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .lg\:cu-col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .lg\:cu-col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .lg\:cu-col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .lg\:cu-col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .lg\:cu-col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .lg\:cu-col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .lg\:cu-row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .lg\:cu-row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .lg\:cu-row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .lg\:cu-row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .lg\:cu-row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .lg\:cu-row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .lg\:cu-row-span-7 {
+    grid-row: span 7 / span 7;
+  }
+
+  .lg\:cu-row-span-8 {
+    grid-row: span 8 / span 8;
+  }
+
+  .lg\:cu-row-span-9 {
+    grid-row: span 9 / span 9;
+  }
+
+  .lg\:cu-row-span-10 {
+    grid-row: span 10 / span 10;
+  }
+
+  .lg\:cu-row-span-11 {
+    grid-row: span 11 / span 11;
+  }
+
+  .lg\:cu-row-span-12 {
+    grid-row: span 12 / span 12;
+  }
+
+  .lg\:cu-row-span-auto {
+    grid-row: span auto / span auto;
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-columns-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .xl\:cu-columns-auto {
+    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  }
+
+  .xl\:cu-col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .xl\:cu-col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .xl\:cu-col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .xl\:cu-col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .xl\:cu-col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .xl\:cu-col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .xl\:cu-col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .xl\:cu-col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .xl\:cu-col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .xl\:cu-col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .xl\:cu-col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .xl\:cu-col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .xl\:cu-col-span-auto {
+    grid-column: span auto / span auto;
+  }
+
+  .xl\:cu-col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .xl\:cu-col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .xl\:cu-col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .xl\:cu-col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .xl\:cu-col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .xl\:cu-col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .xl\:cu-col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .xl\:cu-col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .xl\:cu-col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .xl\:cu-col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .xl\:cu-col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .xl\:cu-col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .xl\:cu-col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .xl\:cu-col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .xl\:cu-col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .xl\:cu-col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .xl\:cu-col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .xl\:cu-col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .xl\:cu-col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .xl\:cu-col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .xl\:cu-col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .xl\:cu-col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .xl\:cu-col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .xl\:cu-col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .xl\:cu-col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .xl\:cu-col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .xl\:cu-col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .xl\:cu-col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .xl\:cu-row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .xl\:cu-row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .xl\:cu-row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .xl\:cu-row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .xl\:cu-row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .xl\:cu-row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .xl\:cu-row-span-7 {
+    grid-row: span 7 / span 7;
+  }
+
+  .xl\:cu-row-span-8 {
+    grid-row: span 8 / span 8;
+  }
+
+  .xl\:cu-row-span-9 {
+    grid-row: span 9 / span 9;
+  }
+
+  .xl\:cu-row-span-10 {
+    grid-row: span 10 / span 10;
+  }
+
+  .xl\:cu-row-span-11 {
+    grid-row: span 11 / span 11;
+  }
+
+  .xl\:cu-row-span-12 {
+    grid-row: span 12 / span 12;
+  }
+
+  .xl\:cu-row-span-auto {
+    grid-row: span auto / span auto;
+  }
+}
+
+.cu-gap {
+  gap: var(--gap);
+}
+
+.cu-gap-0\.5 {
+  gap: var(--canon-space-0_5);
+}
+
+.cu-gap-1 {
+  gap: var(--canon-space-1);
+}
+
+.cu-gap-1\.5 {
+  gap: var(--canon-space-1_5);
+}
+
+.cu-gap-2 {
+  gap: var(--canon-space-2);
+}
+
+.cu-gap-3 {
+  gap: var(--canon-space-3);
+}
+
+.cu-gap-4 {
+  gap: var(--canon-space-4);
+}
+
+.cu-gap-5 {
+  gap: var(--canon-space-5);
+}
+
+.cu-gap-6 {
+  gap: var(--canon-space-6);
+}
+
+.cu-gap-7 {
+  gap: var(--canon-space-7);
+}
+
+.cu-gap-8 {
+  gap: var(--canon-space-8);
+}
+
+.cu-gap-9 {
+  gap: var(--canon-space-9);
+}
+
+.cu-gap-10 {
+  gap: var(--canon-space-10);
+}
+
+.cu-gap-11 {
+  gap: var(--canon-space-11);
+}
+
+.cu-gap-12 {
+  gap: var(--canon-space-12);
+}
+
+.cu-gap-13 {
+  gap: var(--canon-space-13);
+}
+
+.cu-gap-14 {
+  gap: var(--canon-space-14);
+}
+
+@media (width >= 640px) {
+  .xs\:cu-gap {
+    gap: var(--gap-xs);
+  }
+
+  .xs\:cu-gap-0\.5 {
+    gap: var(--canon-space-0_5);
+  }
+
+  .xs\:cu-gap-1 {
+    gap: var(--canon-space-1);
+  }
+
+  .xs\:cu-gap-1\.5 {
+    gap: var(--canon-space-1_5);
+  }
+
+  .xs\:cu-gap-2 {
+    gap: var(--canon-space-2);
+  }
+
+  .xs\:cu-gap-3 {
+    gap: var(--canon-space-3);
+  }
+
+  .xs\:cu-gap-4 {
+    gap: var(--canon-space-4);
+  }
+
+  .xs\:cu-gap-5 {
+    gap: var(--canon-space-5);
+  }
+
+  .xs\:cu-gap-6 {
+    gap: var(--canon-space-6);
+  }
+
+  .xs\:cu-gap-7 {
+    gap: var(--canon-space-7);
+  }
+
+  .xs\:cu-gap-8 {
+    gap: var(--canon-space-8);
+  }
+
+  .xs\:cu-gap-9 {
+    gap: var(--canon-space-9);
+  }
+
+  .xs\:cu-gap-10 {
+    gap: var(--canon-space-10);
+  }
+
+  .xs\:cu-gap-11 {
+    gap: var(--canon-space-11);
+  }
+
+  .xs\:cu-gap-12 {
+    gap: var(--canon-space-12);
+  }
+
+  .xs\:cu-gap-13 {
+    gap: var(--canon-space-13);
+  }
+
+  .xs\:cu-gap-14 {
+    gap: var(--canon-space-14);
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-gap {
+    gap: var(--gap-sm);
+  }
+
+  .sm\:cu-gap-0\.5 {
+    gap: var(--canon-space-0_5);
+  }
+
+  .sm\:cu-gap-1 {
+    gap: var(--canon-space-1);
+  }
+
+  .sm\:cu-gap-1\.5 {
+    gap: var(--canon-space-1_5);
+  }
+
+  .sm\:cu-gap-2 {
+    gap: var(--canon-space-2);
+  }
+
+  .sm\:cu-gap-3 {
+    gap: var(--canon-space-3);
+  }
+
+  .sm\:cu-gap-4 {
+    gap: var(--canon-space-4);
+  }
+
+  .sm\:cu-gap-5 {
+    gap: var(--canon-space-5);
+  }
+
+  .sm\:cu-gap-6 {
+    gap: var(--canon-space-6);
+  }
+
+  .sm\:cu-gap-7 {
+    gap: var(--canon-space-7);
+  }
+
+  .sm\:cu-gap-8 {
+    gap: var(--canon-space-8);
+  }
+
+  .sm\:cu-gap-9 {
+    gap: var(--canon-space-9);
+  }
+
+  .sm\:cu-gap-10 {
+    gap: var(--canon-space-10);
+  }
+
+  .sm\:cu-gap-11 {
+    gap: var(--canon-space-11);
+  }
+
+  .sm\:cu-gap-12 {
+    gap: var(--canon-space-12);
+  }
+
+  .sm\:cu-gap-13 {
+    gap: var(--canon-space-13);
+  }
+
+  .sm\:cu-gap-14 {
+    gap: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-gap {
+    gap: var(--gap-md);
+  }
+
+  .md\:cu-gap-0\.5 {
+    gap: var(--canon-space-0_5);
+  }
+
+  .md\:cu-gap-1 {
+    gap: var(--canon-space-1);
+  }
+
+  .md\:cu-gap-1\.5 {
+    gap: var(--canon-space-1_5);
+  }
+
+  .md\:cu-gap-2 {
+    gap: var(--canon-space-2);
+  }
+
+  .md\:cu-gap-3 {
+    gap: var(--canon-space-3);
+  }
+
+  .md\:cu-gap-4 {
+    gap: var(--canon-space-4);
+  }
+
+  .md\:cu-gap-5 {
+    gap: var(--canon-space-5);
+  }
+
+  .md\:cu-gap-6 {
+    gap: var(--canon-space-6);
+  }
+
+  .md\:cu-gap-7 {
+    gap: var(--canon-space-7);
+  }
+
+  .md\:cu-gap-8 {
+    gap: var(--canon-space-8);
+  }
+
+  .md\:cu-gap-9 {
+    gap: var(--canon-space-9);
+  }
+
+  .md\:cu-gap-10 {
+    gap: var(--canon-space-10);
+  }
+
+  .md\:cu-gap-11 {
+    gap: var(--canon-space-11);
+  }
+
+  .md\:cu-gap-12 {
+    gap: var(--canon-space-12);
+  }
+
+  .md\:cu-gap-13 {
+    gap: var(--canon-space-13);
+  }
+
+  .md\:cu-gap-14 {
+    gap: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-gap {
+    gap: var(--gap-lg);
+  }
+
+  .lg\:cu-gap-0\.5 {
+    gap: var(--canon-space-0_5);
+  }
+
+  .lg\:cu-gap-1 {
+    gap: var(--canon-space-1);
+  }
+
+  .lg\:cu-gap-1\.5 {
+    gap: var(--canon-space-1_5);
+  }
+
+  .lg\:cu-gap-2 {
+    gap: var(--canon-space-2);
+  }
+
+  .lg\:cu-gap-3 {
+    gap: var(--canon-space-3);
+  }
+
+  .lg\:cu-gap-4 {
+    gap: var(--canon-space-4);
+  }
+
+  .lg\:cu-gap-5 {
+    gap: var(--canon-space-5);
+  }
+
+  .lg\:cu-gap-6 {
+    gap: var(--canon-space-6);
+  }
+
+  .lg\:cu-gap-7 {
+    gap: var(--canon-space-7);
+  }
+
+  .lg\:cu-gap-8 {
+    gap: var(--canon-space-8);
+  }
+
+  .lg\:cu-gap-9 {
+    gap: var(--canon-space-9);
+  }
+
+  .lg\:cu-gap-10 {
+    gap: var(--canon-space-10);
+  }
+
+  .lg\:cu-gap-11 {
+    gap: var(--canon-space-11);
+  }
+
+  .lg\:cu-gap-12 {
+    gap: var(--canon-space-12);
+  }
+
+  .lg\:cu-gap-13 {
+    gap: var(--canon-space-13);
+  }
+
+  .lg\:cu-gap-14 {
+    gap: var(--canon-space-14);
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-gap {
+    gap: var(--gap-xl);
+  }
+
+  .xl\:cu-gap-0\.5 {
+    gap: var(--canon-space-0_5);
+  }
+
+  .xl\:cu-gap-1 {
+    gap: var(--canon-space-1);
+  }
+
+  .xl\:cu-gap-1\.5 {
+    gap: var(--canon-space-1_5);
+  }
+
+  .xl\:cu-gap-2 {
+    gap: var(--canon-space-2);
+  }
+
+  .xl\:cu-gap-3 {
+    gap: var(--canon-space-3);
+  }
+
+  .xl\:cu-gap-4 {
+    gap: var(--canon-space-4);
+  }
+
+  .xl\:cu-gap-5 {
+    gap: var(--canon-space-5);
+  }
+
+  .xl\:cu-gap-6 {
+    gap: var(--canon-space-6);
+  }
+
+  .xl\:cu-gap-7 {
+    gap: var(--canon-space-7);
+  }
+
+  .xl\:cu-gap-8 {
+    gap: var(--canon-space-8);
+  }
+
+  .xl\:cu-gap-9 {
+    gap: var(--canon-space-9);
+  }
+
+  .xl\:cu-gap-10 {
+    gap: var(--canon-space-10);
+  }
+
+  .xl\:cu-gap-11 {
+    gap: var(--canon-space-11);
+  }
+
+  .xl\:cu-gap-12 {
+    gap: var(--canon-space-12);
+  }
+
+  .xl\:cu-gap-13 {
+    gap: var(--canon-space-13);
+  }
+
+  .xl\:cu-gap-14 {
+    gap: var(--canon-space-14);
+  }
+}
+
+.cu-align-start {
+  align-items: start;
+}
+
+.cu-align-center {
+  align-items: center;
+}
+
+.cu-align-end {
+  align-items: end;
+}
+
+.cu-align-stretch {
+  align-items: stretch;
+}
+
+.cu-jc-start {
+  justify-content: start;
+}
+
+.cu-jc-center {
+  justify-content: center;
+}
+
+.cu-jc-end {
+  justify-content: end;
+}
+
+.cu-jc-between {
+  justify-content: space-between;
+}
+
+.cu-fd-row {
+  flex-direction: row;
+}
+
+.cu-fd-column {
+  flex-direction: column;
+}
+
+.cu-fd-row-reverse {
+  flex-direction: row-reverse;
+}
+
+.cu-fd-column-reverse {
+  flex-direction: column-reverse;
+}
+
+@media (width >= 640px) {
+  .xs\:cu-align-start {
+    align-items: start;
+  }
+
+  .xs\:cu-align-center {
+    align-items: center;
+  }
+
+  .xs\:cu-align-end {
+    align-items: end;
+  }
+
+  .xs\:cu-align-stretch {
+    align-items: stretch;
+  }
+
+  .xs\:cu-jc-start {
+    justify-content: start;
+  }
+
+  .xs\:cu-jc-center {
+    justify-content: center;
+  }
+
+  .xs\:cu-jc-end {
+    justify-content: end;
+  }
+
+  .xs\:cu-jc-between {
+    justify-content: space-between;
+  }
+
+  .xs\:cu-fd-row {
+    flex-direction: row;
+  }
+
+  .xs\:cu-fd-column {
+    flex-direction: column;
+  }
+
+  .xs\:cu-fd-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .xs\:cu-fd-column-reverse {
+    flex-direction: column-reverse;
+  }
+}
+
+@media (width >= 768px) {
+  .sm\:cu-align-start {
+    align-items: start;
+  }
+
+  .sm\:cu-align-center {
+    align-items: center;
+  }
+
+  .sm\:cu-align-end {
+    align-items: end;
+  }
+
+  .sm\:cu-align-stretch {
+    align-items: stretch;
+  }
+
+  .sm\:cu-jc-start {
+    justify-content: start;
+  }
+
+  .sm\:cu-jc-center {
+    justify-content: center;
+  }
+
+  .sm\:cu-jc-end {
+    justify-content: end;
+  }
+
+  .sm\:cu-jc-between {
+    justify-content: space-between;
+  }
+
+  .sm\:cu-fd-row {
+    flex-direction: row;
+  }
+
+  .sm\:cu-fd-column {
+    flex-direction: column;
+  }
+
+  .sm\:cu-fd-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .sm\:cu-fd-column-reverse {
+    flex-direction: column-reverse;
+  }
+}
+
+@media (width >= 1024px) {
+  .md\:cu-align-start {
+    align-items: start;
+  }
+
+  .md\:cu-align-center {
+    align-items: center;
+  }
+
+  .md\:cu-align-end {
+    align-items: end;
+  }
+
+  .md\:cu-align-stretch {
+    align-items: stretch;
+  }
+
+  .md\:cu-jc-start {
+    justify-content: start;
+  }
+
+  .md\:cu-jc-center {
+    justify-content: center;
+  }
+
+  .md\:cu-jc-end {
+    justify-content: end;
+  }
+
+  .md\:cu-jc-between {
+    justify-content: space-between;
+  }
+
+  .md\:cu-fd-row {
+    flex-direction: row;
+  }
+
+  .md\:cu-fd-column {
+    flex-direction: column;
+  }
+
+  .md\:cu-fd-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .md\:cu-fd-column-reverse {
+    flex-direction: column-reverse;
+  }
+}
+
+@media (width >= 1280px) {
+  .lg\:cu-align-start {
+    align-items: start;
+  }
+
+  .lg\:cu-align-center {
+    align-items: center;
+  }
+
+  .lg\:cu-align-end {
+    align-items: end;
+  }
+
+  .lg\:cu-align-stretch {
+    align-items: stretch;
+  }
+
+  .lg\:cu-jc-start {
+    justify-content: start;
+  }
+
+  .lg\:cu-jc-center {
+    justify-content: center;
+  }
+
+  .lg\:cu-jc-end {
+    justify-content: end;
+  }
+
+  .lg\:cu-jc-between {
+    justify-content: space-between;
+  }
+
+  .lg\:cu-fd-row {
+    flex-direction: row;
+  }
+
+  .lg\:cu-fd-column {
+    flex-direction: column;
+  }
+
+  .lg\:cu-fd-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .lg\:cu-fd-column-reverse {
+    flex-direction: column-reverse;
+  }
+}
+
+@media (width >= 1536px) {
+  .xl\:cu-align-start {
+    align-items: start;
+  }
+
+  .xl\:cu-align-center {
+    align-items: center;
+  }
+
+  .xl\:cu-align-end {
+    align-items: end;
+  }
+
+  .xl\:cu-align-stretch {
+    align-items: stretch;
+  }
+
+  .xl\:cu-jc-start {
+    justify-content: start;
+  }
+
+  .xl\:cu-jc-center {
+    justify-content: center;
+  }
+
+  .xl\:cu-jc-end {
+    justify-content: end;
+  }
+
+  .xl\:cu-jc-between {
+    justify-content: space-between;
+  }
+
+  .xl\:cu-fd-row {
+    flex-direction: row;
+  }
+
+  .xl\:cu-fd-column {
+    flex-direction: column;
+  }
+
+  .xl\:cu-fd-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .xl\:cu-fd-column-reverse {
+    flex-direction: column-reverse;
+  }
+}
+
+:where(a) {
+  color: inherit;
+  text-decoration: none;
+}
+
+:root {
+  --canon-font-regular: system-ui;
+  --canon-font-monospace: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
+  --canon-font-weight-regular: 400;
+  --canon-font-weight-bold: 600;
+  --canon-font-size-1: .625rem;
+  --canon-font-size-2: .75rem;
+  --canon-font-size-3: .875rem;
+  --canon-font-size-4: 1rem;
+  --canon-font-size-5: 1.25rem;
+  --canon-font-size-6: 1.5rem;
+  --canon-font-size-7: 2rem;
+  --canon-font-size-8: 3rem;
+  --canon-font-size-9: 4rem;
+  --canon-font-size-10: 5.75rem;
+  --canon-space: .25rem;
+  --canon-space-0_5: calc(var(--canon-space) * .5);
+  --canon-space-1: var(--canon-space);
+  --canon-space-1_5: calc(var(--canon-space) * 1.5);
+  --canon-space-2: calc(var(--canon-space) * 2);
+  --canon-space-3: calc(var(--canon-space) * 3);
+  --canon-space-4: calc(var(--canon-space) * 4);
+  --canon-space-5: calc(var(--canon-space) * 5);
+  --canon-space-6: calc(var(--canon-space) * 6);
+  --canon-space-7: calc(var(--canon-space) * 7);
+  --canon-space-8: calc(var(--canon-space) * 8);
+  --canon-space-9: calc(var(--canon-space) * 9);
+  --canon-space-10: calc(var(--canon-space) * 10);
+  --canon-space-11: calc(var(--canon-space) * 11);
+  --canon-space-12: calc(var(--canon-space) * 12);
+  --canon-space-13: calc(var(--canon-space) * 13);
+  --canon-space-14: calc(var(--canon-space) * 14);
+  --canon-radius-1: calc(.125rem);
+  --canon-radius-2: calc(.25rem);
+  --canon-radius-3: calc(.5rem);
+  --canon-radius-4: calc(.75rem);
+  --canon-radius-5: calc(1rem);
+  --canon-radius-6: calc(1.25rem);
+  --canon-radius-full: 9999px;
+  --canon-black: #000;
+  --canon-white: #fff;
+  --canon-gray-1: #f8f8f8;
+  --canon-gray-2: #ececec;
+  --canon-gray-3: #d9d9d9;
+  --canon-gray-4: #c1c1c1;
+  --canon-gray-5: #9e9e9e;
+  --canon-gray-6: #8c8c8c;
+  --canon-gray-7: #757575;
+  --canon-gray-8: #595959;
+  --canon-bg: var(--canon-gray-1);
+  --canon-bg-surface-1: var(--canon-white);
+  --canon-bg-surface-2: var(--canon-gray-2);
+  --canon-bg-solid: #1f5493;
+  --canon-bg-solid-hover: #163a66;
+  --canon-bg-solid-pressed: #0f2b4e;
+  --canon-bg-solid-disabled: #ebebeb;
+  --canon-bg-tint: transparent;
+  --canon-bg-tint-hover: #1f549366;
+  --canon-bg-tint-pressed: #1f549399;
+  --canon-bg-tint-disabled: #ebebeb;
+  --canon-bg-danger: #feebe7;
+  --canon-bg-warning: #fff2b2;
+  --canon-bg-success: #e6f6eb;
+  --canon-fg-primary: var(--canon-black);
+  --canon-fg-secondary: var(--canon-gray-7);
+  --canon-fg-link: #1f5493;
+  --canon-fg-link-hover: #1f2d5c;
+  --canon-fg-disabled: #9e9e9e;
+  --canon-fg-solid: var(--canon-white);
+  --canon-fg-solid-disabled: #9c9c9c;
+  --canon-fg-tint: #1f5493;
+  --canon-fg-tint-disabled: var(--canon-gray-5);
+  --canon-fg-danger: #e22b2b;
+  --canon-fg-warning: #e36d05;
+  --canon-fg-success: #1db954;
+  --canon-border: #0000001a;
+  --canon-border-hover: #0003;
+  --canon-border-pressed: #0006;
+  --canon-border-disabled: #0000001a;
+  --canon-border-danger: #f87a7a;
+  --canon-border-warning: #e36d05;
+  --canon-border-success: #53db83;
+  --canon-ring: #1f5493;
+  --canon-scrollbar: #a0a0a03b;
+  --canon-scrollbar-thumb: #a0a0a0;
+}
+
+[data-theme="dark"] {
+  --canon-gray-1: #191919;
+  --canon-gray-2: #242424;
+  --canon-gray-3: #373737;
+  --canon-gray-4: #464646;
+  --canon-gray-5: #575757;
+  --canon-gray-6: #7b7b7b;
+  --canon-gray-7: #9e9e9e;
+  --canon-gray-8: #b4b4b4;
+  --canon-bg: var(--canon-black);
+  --canon-bg-surface-1: var(--canon-gray-1);
+  --canon-bg-surface-2: var(--canon-gray-2);
+  --canon-bg-solid: #9cc9ff;
+  --canon-bg-solid-hover: #83b9fd;
+  --canon-bg-solid-pressed: #83b9fd;
+  --canon-bg-solid-disabled: #222;
+  --canon-bg-tint: transparent;
+  --canon-bg-tint-hover: #9cc9ff1f;
+  --canon-bg-tint-pressed: #9cc9ff29;
+  --canon-bg-tint-disabled: transparent;
+  --canon-bg-danger: #3b1219;
+  --canon-bg-warning: #302008;
+  --canon-bg-success: #132d21;
+  --canon-fg-primary: var(--canon-white);
+  --canon-fg-secondary: var(--canon-gray-7);
+  --canon-fg-link: #9cc9ff;
+  --canon-fg-link-hover: #7eb5f7;
+  --canon-fg-disabled: var(--canon-gray-7);
+  --canon-fg-solid: #101821;
+  --canon-fg-solid-disabled: var(--canon-gray-5);
+  --canon-fg-tint: #9cc9ff;
+  --canon-fg-tint-disabled: var(--canon-gray-5);
+  --canon-fg-danger: #e22b2b;
+  --canon-fg-warning: #e36d05;
+  --canon-fg-success: #1db954;
+  --canon-border: #fff3;
+  --canon-border-hover: #fff6;
+  --canon-border-pressed: #ffffff80;
+  --canon-border-disabled: #fff3;
+  --canon-border-danger: #f87a7a;
+  --canon-border-warning: #e36d05;
+  --canon-border-success: #53db83;
+  --canon-ring: #1f5493;
+  --canon-scrollbar: #3636363a;
+  --canon-scrollbar-thumb: #575757;
+}
+
+.canon-AvatarRoot {
+  vertical-align: middle;
+  user-select: none;
+  color: var(--canon-fg-primary);
+  background-color: var(--canon-bg-surface-2);
+  border-radius: 100%;
+  justify-content: center;
+  align-items: center;
+  width: 2rem;
+  height: 2rem;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.canon-AvatarRoot[data-size="small"] {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.canon-AvatarRoot[data-size="medium"] {
+  width: 2rem;
+  height: 2rem;
+}
+
+.canon-AvatarRoot[data-size="large"] {
+  width: 3rem;
+  height: 3rem;
+}
+
+.canon-AvatarImage {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.canon-AvatarFallback {
+  width: 100%;
+  height: 100%;
+  font-size: var(--canon-font-size-3);
+  font-weight: var(--canon-font-weight-regular);
+  box-shadow: inset 0 0 0 1px var(--canon-border);
+  border-radius: var(--canon-radius-full);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.canon-Box {
+  font-family: var(--canon-font-regular);
+  font-weight: var(--canon-font-weight-regular);
+  color: var(--canon-fg-primary);
+}
+
+.canon-Button {
+  user-select: none;
+  font-family: var(--canon-font-regular);
+  font-weight: var(--canon-font-weight-bold);
+  cursor: pointer;
+  border-radius: var(--canon-radius-2);
+  justify-content: center;
+  align-items: center;
+  gap: var(--canon-space-1_5);
+  border: none;
+  padding: 0;
+  display: inline-flex;
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+
+.canon-Button[data-variant="primary"] {
+  background-color: var(--canon-bg-solid);
+  color: var(--canon-fg-solid);
+  transition: background-color .15s, box-shadow .15s;
+
+  &:hover {
+    background-color: var(--canon-bg-solid-hover);
+  }
+
+  &:active {
+    background-color: var(--canon-bg-solid-pressed);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--canon-ring);
+    outline-offset: 2px;
+  }
+
+  &:disabled {
+    background-color: var(--canon-bg-solid-disabled);
+    color: var(--canon-fg-solid-disabled);
+  }
+}
+
+.canon-Button[data-variant="secondary"] {
+  background-color: var(--canon-bg-surface-1);
+  box-shadow: inset 0 0 0 1px var(--canon-border);
+  color: var(--canon-fg-primary);
+  transition: box-shadow .15s;
+
+  &:hover {
+    box-shadow: inset 0 0 0 1px var(--canon-border-hover);
+  }
+
+  &:active {
+    box-shadow: inset 0 0 0 1px var(--canon-border-pressed);
+  }
+
+  &:focus-visible {
+    box-shadow: inset 0 0 0 2px var(--canon-ring);
+    outline: none;
+    transition: none;
+  }
+
+  &:disabled {
+    box-shadow: inset 0 0 0 1px var(--canon-border-disabled);
+    color: var(--canon-fg-disabled);
+  }
+}
+
+.canon-Button[data-size="medium"] {
+  font-size: var(--canon-font-size-4);
+  padding: 0 var(--canon-space-3);
+  height: 2.5rem;
+}
+
+.canon-Button[data-size="small"] {
+  font-size: var(--canon-font-size-3);
+  padding: 0 var(--canon-space-2);
+  height: 2rem;
+}
+
+.canon-Button[data-size="small"] svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.canon-Button[data-size="medium"] svg {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.canon-ButtonIcon {
+  justify-content: center;
+  align-items: center;
+}
+
+.canon-ButtonIcon[data-size="small"] {
+  width: 2rem;
+  padding: 0;
+}
+
+.canon-ButtonIcon[data-size="medium"] {
+  width: 2.5rem;
+  padding: 0;
+}
+
+.canon-CheckboxRoot {
+  width: 1rem;
+  height: 1rem;
+  box-shadow: inset 0 0 0 1px var(--canon-border);
+  cursor: pointer;
+  background-color: var(--canon-bg-surface-1);
+  border: none;
+  border-radius: 2px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  transition: background-color .2s ease-in-out;
+  display: flex;
+}
+
+.canon-CheckboxRoot:focus-visible {
+  outline: 2px solid var(--canon-ring);
+  outline-offset: 2px;
+  transition: none;
+}
+
+.canon-CheckboxRoot[data-checked] {
+  background-color: var(--canon-bg-solid);
+  box-shadow: none;
+  color: var(--canon-fg-solid);
+}
+
+.canon-CheckboxLabel {
+  align-items: center;
+  gap: var(--canon-space-2);
+  font-size: var(--canon-font-size-3);
+  font-family: var(--canon-font-regular);
+  font-weight: var(--canon-font-weight-regular);
+  color: var(--canon-fg-primary);
+  user-select: none;
+  flex-direction: row;
+  display: flex;
+
+  &:hover {
+    & .canon-CheckboxRoot:not([data-checked]) {
+      box-shadow: inset 0 0 0 1px var(--canon-border-hover);
+    }
+  }
+}
+
+.canon-CheckboxIndicator {
+  color: var(--canon-fg-solid);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.canon-CollapsiblePanel {
+  height: var(--collapsible-panel-height);
+  transition: all .15s ease-out;
+  display: flex;
+  overflow: hidden;
+
+  &[data-starting-style], &[data-ending-style] {
+    height: 0;
+  }
+}
+
+.canon-Container {
+  max-width: 120rem;
+  padding-inline: var(--canon-space-4);
+  margin-inline: auto;
+  transition: padding .2s ease-in-out;
+}
+
+@media (width >= 640px) {
+  .canon-Container {
+    padding-inline: var(--canon-space-8);
+  }
+}
+
+@media (width >= 1024px) {
+  .canon-Container {
+    padding-inline: var(--canon-space-12);
+  }
+}
+
+.canon-DataTableRoot {
+  gap: var(--canon-space-3);
+  flex-direction: column;
+  display: flex;
+}
+
+.canon-DataTablePagination {
+  padding-top: var(--canon-space-5);
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.canon-DataTablePagination--left {
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.canon-DataTablePagination--right {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--canon-space-2);
+  display: flex;
+}
+
+.canon-DataTablePagination--select {
+  min-width: 10.5rem;
+}
+
+.canon-FieldError {
+  color: var(--canon-fg-danger);
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  margin-top: var(--canon-space-2);
+}
+
+.canon-FieldLabelWrapper {
+  margin-bottom: var(--canon-space-3);
+  gap: var(--canon-space-1);
+  flex-direction: column;
+  display: flex;
+}
+
+.canon-FieldLabel {
+  color: var(--canon-fg-primary);
+  cursor: pointer;
+  font-weight: var(--canon-font-weight-regular);
+  font-size: var(--canon-font-size-2);
+  margin-right: auto;
+}
+
+.canon-FieldSecondaryLabel {
+  color: var(--canon-fg-secondary);
+  font-weight: var(--canon-font-weight-regular);
+  margin-left: var(--canon-space-1);
+}
+
+.canon-FieldDescription {
+  font-weight: var(--canon-font-weight-regular);
+  font-size: var(--canon-font-size-2);
+  color: var(--canon-fg-secondary);
+  margin: 0;
+}
+
+.canon-Flex {
+  min-width: 0;
+  display: flex;
+}
+
+.canon-Grid {
+  display: grid;
+}
+
+.canon-Heading {
+  font-family: var(--canon-font-regular);
+  color: var(--canon-fg-primary);
+  margin: 0;
+  padding: 0;
+  line-height: 100%;
+}
+
+.canon-Heading[data-variant="display"] {
+  font-size: var(--canon-font-size-10);
+  font-weight: var(--canon-font-weight-bold);
+}
+
+.canon-Heading[data-variant="title1"] {
+  font-size: var(--canon-font-size-9);
+  font-weight: var(--canon-font-weight-bold);
+}
+
+.canon-Heading[data-variant="title2"] {
+  font-size: var(--canon-font-size-8);
+  font-weight: var(--canon-font-weight-bold);
+}
+
+.canon-Heading[data-variant="title3"] {
+  font-size: var(--canon-font-size-7);
+  font-weight: var(--canon-font-weight-bold);
+}
+
+.canon-Heading[data-variant="title4"] {
+  font-size: var(--canon-font-size-6);
+  font-weight: var(--canon-font-weight-bold);
+}
+
+.canon-Heading[data-variant="title5"] {
+  font-size: var(--canon-font-size-5);
+  font-weight: var(--canon-font-weight-bold);
+}
+
+.canon-Heading[data-color="primary"] {
+  color: var(--canon-fg-primary);
+}
+
+.canon-Heading[data-color="secondary"] {
+  color: var(--canon-fg-secondary);
+}
+
+.canon-Heading[data-truncate] {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.canon-Icon {
+  width: 1rem;
+  height: 1rem;
+}
+
+.canon-Link {
+  font-family: var(--canon-font-regular);
+  color: var(--canon-fg-link);
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  text-decoration-line: none;
+
+  &:hover {
+    color: var(--canon-fg-link-hover);
+    text-underline-offset: calc(.025em + 2px);
+    text-decoration-line: underline;
+    text-decoration-style: solid;
+    text-decoration-thickness: min(2px, max(1px, .05em));
+    text-decoration-color: color-mix(in srgb, var(--canon-fg-link-hover) 30%, transparent);
+  }
+}
+
+.canon-Link[data-variant="body"] {
+  font-size: var(--canon-font-size-3);
+  line-height: 140%;
+}
+
+.canon-Link[data-variant="subtitle"] {
+  font-size: var(--canon-font-size-4);
+  line-height: 140%;
+}
+
+.canon-Link[data-variant="caption"] {
+  font-size: var(--canon-font-size-2);
+  line-height: 140%;
+}
+
+.canon-Link[data-variant="label"] {
+  font-size: var(--canon-font-size-1);
+  line-height: 140%;
+}
+
+.canon-Link[data-weight="regular"] {
+  font-weight: var(--canon-font-weight-regular);
+}
+
+.canon-Link[data-weight="bold"] {
+  font-weight: var(--canon-font-weight-bold);
+}
+
+.canon-MenuPositioner {
+  outline: 0;
+}
+
+.canon-MenuPopup {
+  background-color: var(--canon-bg-surface-1);
+  border: 1px solid var(--canon-border);
+  color: var(--canon-fg-primary);
+  transform-origin: var(--transform-origin);
+  max-width: min(var(--available-width), 340px);
+  max-height: min(var(--available-height), 500px);
+  padding-bottom: var(--canon-space-1);
+  border-radius: .375rem;
+  outline: none;
+  flex-direction: column;
+  transition: transform .15s, opacity .15s;
+  display: flex;
+  position: relative;
+  overflow: auto;
+
+  &[data-starting-style], &[data-ending-style] {
+    opacity: 0;
+    transform: scale(.9);
+  }
+}
+
+.canon-MenuItem {
+  user-select: none;
+  align-items: center;
+  gap: var(--canon-space-2);
+  height: 32px;
+  color: var(--canon-fg-primary);
+  border-radius: var(--canon-radius-2);
+  margin-inline: var(--canon-space-1);
+  padding-inline: var(--canon-space-2);
+  font-size: var(--canon-font-size-3);
+  cursor: pointer;
+  outline: 0;
+  flex-shrink: 0;
+  text-decoration: none;
+  display: flex;
+
+  &:first-child {
+    margin-top: var(--canon-space-1);
+  }
+
+  &[data-highlighted] {
+    background-color: var(--canon-gray-3);
+  }
+}
+
+.canon-MenuSubmenuTrigger {
+  user-select: none;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--canon-space-2);
+  height: 32px;
+  color: var(--canon-fg-primary);
+  border-radius: var(--canon-radius-2);
+  margin-inline: var(--canon-space-1);
+  padding-inline: var(--canon-space-2);
+  font-size: var(--canon-font-size-3);
+  cursor: pointer;
+  outline: 0;
+  flex-shrink: 0;
+  text-decoration: none;
+  display: flex;
+
+  & .canon-Icon {
+    color: var(--canon-fg-secondary);
+  }
+
+  &:first-child {
+    margin-top: var(--canon-space-1);
+  }
+
+  &[data-popup-open], &[data-highlighted] {
+    background-color: var(--canon-gray-3);
+
+    & .canon-Icon {
+      color: var(--canon-fg-primary);
+    }
+  }
+}
+
+.canon-MenuSeparator {
+  background-color: var(--color-gray-200);
+  height: 1px;
+  margin: .375rem 1rem;
+}
+
+.canon-SubmenuComboboxSearch {
+  padding-inline: var(--canon-space-3);
+  border: none;
+  border-bottom: 1px solid var(--canon-border);
+  background-color: var(--canon-bg-surface-1);
+  width: 100%;
+  height: 32px;
+  color: var(--canon-fg-primary);
+  line-height: 140%;
+  font-size: var(--canon-font-size-3);
+  z-index: 1;
+  outline: none;
+  position: sticky;
+  top: 0;
+
+  &::placeholder {
+    color: var(--canon-fg-secondary);
+  }
+
+  &:disabled {
+    opacity: .6;
+    cursor: not-allowed;
+  }
+}
+
+.canon-SubmenuComboboxItems {
+  padding-top: var(--canon-space-2);
+  outline: none;
+  flex-direction: column;
+  display: flex;
+  overflow-y: auto;
+}
+
+.canon-SubmenuComboboxNoResults {
+  padding-inline: var(--canon-space-3);
+  padding-top: var(--canon-space-2);
+  padding-bottom: var(--canon-space-4);
+  color: var(--canon-fg-secondary);
+  font-size: var(--canon-font-size-3);
+}
+
+.canon-SubmenuComboboxItem {
+  user-select: none;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--canon-space-2);
+  height: 32px;
+  color: var(--canon-fg-primary);
+  border-radius: var(--canon-radius-2);
+  margin-inline: var(--canon-space-1);
+  padding-inline: var(--canon-space-2);
+  font-size: var(--canon-font-size-3);
+  cursor: pointer;
+  outline: 0;
+  flex-shrink: 0;
+  text-decoration: none;
+  display: flex;
+
+  &[data-highlighted] {
+    background-color: var(--canon-gray-3);
+  }
+
+  &[data-disabled] {
+    opacity: .5;
+    cursor: not-allowed;
+  }
+}
+
+.canon-SubmenuComboboxItemCheckbox {
+  width: 16px;
+  height: 16px;
+  color: var(--canon-fg-primary);
+  border-radius: var(--canon-radius-2);
+  border: 1px solid var(--canon-border);
+  background: var(--canon-bg-surface-1);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.canon-SubmenuComboboxItemLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  overflow: hidden;
+}
+
+.canon-RadioGroup {
+  color: var(--canon-fg-primary);
+  flex-direction: column;
+  display: flex;
+}
+
+.canon-RadioGroup[data-orientation="horizontal"] .canon-RadioGroupContent {
+  gap: var(--canon-space-4);
+  flex-direction: row;
+}
+
+.canon-RadioGroupContent {
+  gap: var(--canon-space-2);
+  flex-direction: column;
+  display: flex;
+}
+
+.canon-Radio {
+  align-items: center;
+  gap: var(--canon-space-2);
+  font-size: var(--canon-font-size-2);
+  color: var(--canon-fg-primary);
+  forced-color-adjust: none;
+  display: flex;
+  position: relative;
+
+  &:before {
+    content: "";
+    box-sizing: border-box;
+    border: .125rem solid var(--canon-border);
+    background: var(--canon-gray-1);
+    border-radius: var(--canon-radius-full);
+    width: 1rem;
+    height: 1rem;
+    transition: all .2s;
+    display: block;
+  }
+
+  &[data-pressed]:before {
+    border-color: var(--canon-border);
+  }
+
+  &[data-selected] {
+    &:before {
+      border-color: var(--canon-bg-solid);
+      border-width: .25rem;
+    }
+
+    &[data-pressed]:before {
+      border-color: var(--canon-bg-solid);
+    }
+  }
+
+  &[data-focus-visible]:before {
+    outline: 2px solid var(--canon-ring);
+    outline-offset: 2px;
+  }
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    color: var(--canon-fg-disabled);
+
+    &:before {
+      border-color: var(--canon-border-disabled);
+      background: var(--canon-bg-disabled);
+    }
+
+    &[data-selected]:before {
+      border-color: var(--canon-border-disabled);
+    }
+  }
+
+  &[data-invalid]:before, &[data-invalid][data-selected]:before {
+    border-color: var(--canon-border-danger);
+  }
+
+  &[data-disabled][data-invalid] {
+    color: var(--canon-fg-disabled);
+
+    &:before {
+      border-color: var(--canon-border-disabled);
+      background: var(--canon-bg-disabled);
+    }
+
+    &[data-selected]:before {
+      border-color: var(--canon-border-disabled);
+    }
+  }
+}
+
+.canon-TableRoot {
+  caption-side: bottom;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.canon-TableHead {
+  text-align: left;
+  padding: var(--canon-space-3);
+  font-size: var(--canon-font-size-3);
+  color: var(--canon-fg-primary);
+}
+
+.canon-TableBody {
+  color: var(--canon-fg-primary);
+}
+
+.canon-TableRow {
+  border-bottom: 1px solid var(--canon-border);
+  transition: color .2s ease-in-out;
+}
+
+.canon-TableBody .canon-TableRow:hover {
+  background-color: var(--canon-gray-2);
+}
+
+.canon-TableCell {
+  padding: var(--canon-space-3);
+  font-size: var(--canon-font-size-3);
+}
+
+.canon-TableCellText, .canon-TableCellLink {
+  gap: var(--canon-space-0_5);
+  flex-direction: column;
+  display: flex;
+}
+
+.canon-TableCellProfile {
+  gap: var(--canon-space-2);
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+.canon-TableCellProfileAvatar {
+  vertical-align: middle;
+  user-select: none;
+  color: var(--canon-fg-primary);
+  background-color: var(--canon-bg-surface-2);
+  border-radius: 100%;
+  justify-content: center;
+  align-items: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.canon-TableCellProfileAvatarImage {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.canon-TableCellProfileAvatarFallback {
+  width: 100%;
+  height: 100%;
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  box-shadow: inset 0 0 0 1px var(--canon-border);
+  border-radius: var(--canon-radius-full);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.canon-TabsRoot {
+  border: 1px solid var(--color-gray-200);
+  border-radius: .375rem;
+}
+
+.canon-TabsList {
+  z-index: 0;
+  display: flex;
+  position: relative;
+}
+
+.canon-TabsTab {
+  appearance: none;
+  color: var(--canon-fg-secondary);
+  user-select: none;
+  padding-inline: var(--canon-space-3);
+  height: 2rem;
+  font-family: inherit;
+  font-size: .875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+  font-size: var(--canon-font-size-2);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  outline: 0;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding-block: 0;
+  transition: color .2s ease-in-out;
+  display: flex;
+
+  &[data-selected] {
+    color: var(--canon-fg-primary);
+  }
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--canon-fg-primary);
+    }
+  }
+
+  &:focus-visible {
+    position: relative;
+
+    &:before {
+      content: "";
+      outline: 1px solid var(--canon-ring);
+      outline-offset: -1px;
+      border-radius: .25rem;
+      position: absolute;
+      inset: .25rem 0;
+    }
+  }
+}
+
+.canon-TabsIndicator {
+  z-index: -1;
+  translate: var(--active-tab-left) -50%;
+  width: var(--active-tab-width);
+  background-color: var(--canon-bg-solid);
+  height: 1px;
+  transition-property: translate, width;
+  transition-duration: .2s;
+  transition-timing-function: ease-in-out;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+.canon-TabsPanel {
+  &[hidden] {
+    display: none;
+  }
+}
+
+.canon-Text {
+  font-family: var(--canon-font-regular);
+  margin: 0;
+  padding: 0;
+}
+
+.canon-Text[data-variant="body"] {
+  font-size: var(--canon-font-size-3);
+  line-height: 140%;
+}
+
+.canon-Text[data-variant="subtitle"] {
+  font-size: var(--canon-font-size-4);
+  line-height: 140%;
+}
+
+.canon-Text[data-variant="caption"] {
+  font-size: var(--canon-font-size-2);
+  line-height: 140%;
+}
+
+.canon-Text[data-variant="label"] {
+  font-size: var(--canon-font-size-1);
+  line-height: 140%;
+}
+
+.canon-Text[data-weight="regular"] {
+  font-weight: var(--canon-font-weight-regular);
+}
+
+.canon-Text[data-weight="bold"] {
+  font-weight: var(--canon-font-weight-bold);
+}
+
+.canon-Text[data-color="primary"] {
+  color: var(--canon-fg-primary);
+}
+
+.canon-Text[data-color="secondary"] {
+  color: var(--canon-fg-secondary);
+}
+
+.canon-Text[data-color="danger"] {
+  color: var(--canon-fg-danger);
+}
+
+.canon-Text[data-color="warning"] {
+  color: var(--canon-fg-warning);
+}
+
+.canon-Text[data-color="success"] {
+  color: var(--canon-fg-success);
+}
+
+.canon-Text[data-truncate] {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.canon-TextField {
+  font-family: var(--canon-font-regular);
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+.canon-InputWrapper {
+  position: relative;
+
+  &[data-size="small"] .canon-Input {
+    height: 2rem;
+  }
+
+  &[data-size="medium"] .canon-Input {
+    height: 2.5rem;
+  }
+
+  &[data-size="small"] .canon-Input[data-icon] {
+    padding-left: var(--canon-space-8);
+  }
+
+  &[data-size="medium"] .canon-Input[data-icon] {
+    padding-left: var(--canon-space-9);
+  }
+}
+
+.canon-InputIcon {
+  left: var(--canon-space-3);
+  margin-right: var(--canon-space-1);
+  color: var(--canon-fg-primary);
+  flex-shrink: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+
+  &[data-size="small"], &[data-size="small"] svg {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  &[data-size="medium"], &[data-size="medium"] svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+}
+
+.canon-Input {
+  padding: 0 var(--canon-space-3);
+  border-radius: var(--canon-radius-3);
+  border: 1px solid var(--canon-border);
+  background-color: var(--canon-bg-surface-1);
+  font-size: var(--canon-font-size-3);
+  font-family: var(--canon-font-regular);
+  font-weight: var(--canon-font-weight-regular);
+  color: var(--canon-fg-primary);
+  width: 100%;
+  height: 100%;
+  cursor: inherit;
+  align-items: center;
+  transition: border-color .2s ease-in-out, outline-color .2s ease-in-out;
+  display: flex;
+
+  &::-webkit-search-cancel-button, &::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  &::placeholder {
+    color: var(--canon-fg-secondary);
+  }
+
+  &[data-focused] {
+    outline-color: var(--canon-border-pressed);
+    outline-width: 0;
+  }
+
+  &[data-hovered] {
+    border-color: var(--canon-border-hover);
+  }
+
+  &[data-focused] {
+    border-color: var(--canon-border-pressed);
+    outline-width: 0;
+  }
+
+  &[data-invalid] {
+    border-color: var(--canon-fg-danger);
+  }
+
+  &[data-disabled] {
+    opacity: .5;
+    cursor: not-allowed;
+    border: 1px solid var(--canon-border-disabled);
+  }
+}
+
+.canon-SearchField[data-empty] .canon-InputClear {
+  display: none;
+}
+
+.canon-InputClear {
+  cursor: pointer;
+  color: var(--canon-fg-secondary);
+  background-color: #0000;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  transition: color .2s ease-in-out;
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.canon-InputClear:hover {
+  color: var(--canon-fg-primary);
+}
+
+.canon-InputClear[data-size="small"] {
+  width: 2rem;
+  height: 2rem;
+}
+
+.canon-InputClear[data-size="medium"] {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
+.canon-InputClear svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.canon-TooltipPopup {
+  box-sizing: border-box;
+  transform-origin: var(--transform-origin);
+  background-color: canvas;
+  background-color: var(--canon-bg-surface-1);
+  color: var(--canon-fg-primary);
+  outline: 1px solid var(--canon-border);
+  box-shadow: 0 10px 15px -3px var(--canon-border), 0 4px 6px -4px var(--canon-border);
+  border-radius: .375rem;
+  flex-direction: column;
+  padding: .25rem .5rem;
+  font-size: .875rem;
+  line-height: 1.25rem;
+  transition: transform .15s, opacity .15s;
+  display: flex;
+
+  &[data-starting-style], &[data-ending-style] {
+    opacity: 0;
+    transform: scale(.9);
+  }
+
+  &[data-instant] {
+    transition-duration: 0s;
+  }
+}
+
+.canon-TooltipArrow {
+  display: flex;
+
+  &[data-side="top"] {
+    bottom: -8px;
+    rotate: 180deg;
+  }
+
+  &[data-side="bottom"] {
+    top: -8px;
+    rotate: none;
+  }
+
+  &[data-side="left"] {
+    right: -13px;
+    rotate: 90deg;
+  }
+
+  &[data-side="right"] {
+    left: -13px;
+    rotate: -90deg;
+  }
+}
+
+.canon-TooltipArrow-fill {
+  fill: var(--canon-bg-surface-1);
+}
+
+.canon-TooltipArrow-outer-stroke {
+  @media (prefers-color-scheme: light) {
+    fill: var(--canon-border);
+  }
+}
+
+.canon-ScrollAreaRoot {
+  box-sizing: border-box;
+  width: 24rem;
+  max-width: calc(100vw - 8rem);
+  height: 8.5rem;
+}
+
+.canon-ScrollAreaViewport {
+  overscroll-behavior: contain;
+  height: 100%;
+}
+
+.canon-ScrollAreaContent {
+  padding-block: .75rem;
+  flex-direction: column;
+  gap: 1rem;
+  padding-left: 1rem;
+  padding-right: 1.5rem;
+  display: flex;
+}
+
+.canon-ScrollAreaScrollbar {
+  background-color: var(--canon-scrollbar);
+  opacity: 0;
+  border-radius: .375rem;
+  justify-content: center;
+  width: .25rem;
+  margin: .5rem;
+  transition: opacity .15s .3s;
+  display: flex;
+
+  &[data-hovering], &[data-scrolling] {
+    opacity: 1;
+    transition-duration: 75ms;
+    transition-delay: 0s;
+  }
+
+  &:before {
+    content: "";
+    width: 1.25rem;
+    height: 100%;
+    position: absolute;
+  }
+}
+
+.canon-ScrollAreaThumb {
+  border-radius: inherit;
+  background-color: var(--canon-scrollbar-thumb);
+  width: 100%;
+}
+
+.canon-Select {
+  font-family: var(--canon-font-regular);
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+.canon-SelectLabel {
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  color: var(--canon-fg-primary);
+  margin-bottom: var(--canon-space-1_5);
+  cursor: pointer;
+}
+
+.canon-SelectLabel[data-disabled] {
+  cursor: default;
+}
+
+.canon-SelectDescription {
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  color: var(--canon-fg-secondary);
+  padding-top: var(--canon-space-1_5);
+  margin: 0;
+}
+
+.canon-SelectError {
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  color: var(--canon-fg-danger);
+  padding-top: var(--canon-space-1_5);
+  margin: 0;
+}
+
+.canon-SelectTrigger {
+  box-sizing: border-box;
+  border-radius: var(--canon-radius-3);
+  border: 1px solid var(--canon-border);
+  padding: 0 var(--canon-space-4);
+  background-color: var(--canon-bg-surface-1);
+  font-size: var(--canon-font-size-3);
+  font-family: var(--canon-font-regular);
+  font-weight: var(--canon-font-weight-regular);
+  color: var(--canon-fg-primary);
+  cursor: pointer;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--canon-space-2);
+  width: 100%;
+  transition: border-color .2s ease-in-out, outline-color .2s ease-in-out;
+  display: flex;
+}
+
+.canon-SelectTrigger::placeholder {
+  color: var(--canon-fg-secondary);
+}
+
+.canon-SelectTrigger:hover {
+  border-color: var(--canon-border-hover);
+}
+
+.canon-SelectTrigger:focus-visible {
+  border-color: var(--canon-border-pressed);
+  outline: 0;
+}
+
+.canon-SelectTrigger[data-invalid] {
+  border-color: var(--canon-fg-danger);
+}
+
+.canon-SelectTrigger[data-invalid]:hover, .canon-SelectTrigger[data-invalid]:focus-visible {
+  border-width: 2px;
+}
+
+.canon-SelectTrigger[data-disabled] {
+  cursor: not-allowed;
+  border-color: var(--canon-border-disabled);
+  color: var(--canon-fg-disabled);
+}
+
+.canon-SelectTrigger[data-size="small"] {
+  height: 2rem;
+}
+
+.canon-SelectTrigger[data-size="medium"] {
+  height: 3rem;
+}
+
+.canon-SelectIcon {
+  margin-left: var(--canon-space-5);
+  transition: transform .2s;
+}
+
+.canon-SelectTrigger[data-popup-open] .canon-SelectIcon {
+  transform: rotate(180deg);
+}
+
+.canon-SelectPopup {
+  box-sizing: border-box;
+  max-height: var(--available-height);
+  background-color: var(--canon-bg-surface-1);
+  border: 1px solid var(--canon-border);
+  border-radius: var(--canon-radius-3);
+  padding-block: var(--canon-space-1);
+  z-index: 1;
+  transform-origin: var(--transform-origin);
+  outline: 0;
+  transition: transform .15s, opacity .15s;
+  overflow-y: auto;
+  box-shadow: 0 4px 12px #0003;
+}
+
+.canon-SelectPopup[data-starting-style], .canon-SelectPopup[data-ending-style] {
+  opacity: 0;
+  transform: scale(.9);
+}
+
+.canon-SelectItem {
+  width: var(--anchor-width);
+  padding-block: var(--canon-space-2);
+  padding-inline: var(--canon-space-4);
+  color: var(--canon-fg-primary);
+  border-radius: var(--canon-radius-3);
+  cursor: pointer;
+  user-select: none;
+  font-size: var(--canon-font-size-3);
+  align-items: center;
+  gap: var(--canon-space-2);
+  outline: none;
+  grid-template-columns: 1rem 1fr;
+  grid-template-areas: "icon text";
+  display: grid;
+  position: relative;
+}
+
+.canon-SelectItem[data-highlighted] {
+  z-index: 0;
+  color: var(--canon-fg-primary);
+  position: relative;
+}
+
+.canon-SelectItem[data-highlighted]:before {
+  content: "";
+  z-index: -1;
+  background-color: var(--canon-bg-tint-hover);
+  border-radius: .25rem;
+  position: absolute;
+  inset-block: 0;
+  inset-inline: .25rem;
+}
+
+.canon-SelectItem[data-disabled] {
+  cursor: not-allowed;
+  color: var(--canon-fg-disabled);
+}
+
+.canon-SelectItemIndicator {
+  grid-area: icon;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.canon-SelectItemText {
+  flex: 1;
+  grid-area: text;
+}
+
+.canon-SelectRequired {
+  color: var(--canon-fg-secondary);
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  margin-left: var(--canon-space-1);
+}
+
+.canon-SelectIcon {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.canon-SelectValue {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+  overflow: hidden;
+}
+
+.canon-Switch {
+  align-items: center;
+  gap: var(--canon-space-3);
+  font-size: var(--canon-font-size-3);
+  color: var(--canon-fg-primary);
+  cursor: pointer;
+  display: flex;
+  position: relative;
+
+  &[data-pressed] .canon-SwitchIndicator {
+    &:before {
+      background: var(--canon-fg-solid);
+    }
+  }
+
+  &[data-selected] {
+    & .canon-SwitchIndicator {
+      background: var(--canon-bg-solid);
+
+      &:before {
+        background: var(--canon-fg-solid);
+        transform: translateX(100%);
+      }
+    }
+
+    &[data-pressed] {
+      & .indicator {
+        background: var(--canon-gray-3);
+      }
+    }
+  }
+
+  &[data-focus-visible] .canon-SwitchIndicator {
+    outline-offset: 2px;
+    outline: 2px solid;
+  }
+}
+
+.canon-SwitchIndicator {
+  background: var(--canon-gray-3);
+  border: 2px;
+  border-radius: 1.143rem;
+  width: 2rem;
+  height: 1.143rem;
+  transition: all .2s;
+
+  &:before {
+    content: "";
+    background: var(--canon-fg-solid);
+    border-radius: 16px;
+    width: .857rem;
+    height: .857rem;
+    margin: .143rem;
+    transition: all .2s;
+    display: block;
+  }
+}
diff --git a/canon-docs/scripts/build-css.js b/canon-docs/scripts/build-css.js
index edd80add51..66316833f8 100644
--- a/canon-docs/scripts/build-css.js
+++ b/canon-docs/scripts/build-css.js
@@ -13,7 +13,7 @@ const bundleAndCopyFile = async (source, destination) => {
   try {
     const result = await bundle({
       filename: source,
-      minify: true,
+      minify: false,
     });
 
     fs.writeFileSync(destination, result.code);
diff --git a/canon-docs/src/app/layout.tsx b/canon-docs/src/app/layout.tsx
index b32622e4ae..84ad8374b2 100644
--- a/canon-docs/src/app/layout.tsx
+++ b/canon-docs/src/app/layout.tsx
@@ -6,8 +6,7 @@ import { CustomTheme } from '@/components/CustomTheme';
 import styles from '../css/page.module.css';
 
 import '../css/globals.css';
-import '/public/core.css';
-import '/public/components.css';
+import '/public/styles.css';
 
 export const metadata: Metadata = {
   title: 'Canon',
diff --git a/canon-docs/src/content/components/search-field.mdx b/canon-docs/src/content/components/search-field.mdx
new file mode 100644
index 0000000000..3e8349e2e0
--- /dev/null
+++ b/canon-docs/src/content/components/search-field.mdx
@@ -0,0 +1,69 @@
+import { PropsTable } from '@/components/PropsTable';
+import { Snippet } from '@/components/Snippet';
+import { SearchFieldSnippet } from '@/snippets/stories-snippets';
+import {
+  searchFieldPropDefs,
+  searchFieldUsageSnippet,
+  searchFieldDefaultSnippet,
+  searchFieldSizesSnippet,
+  searchFieldDescriptionSnippet,
+} from './search-field.props';
+import { ComponentInfos } from '@/components/ComponentInfos';
+
+# SearchField
+
+A SearchField is a text field designed for searches.
+
+<Snippet
+  align="center"
+  py={4}
+  preview={<SearchFieldSnippet story="WithLabel" />}
+  code={searchFieldDefaultSnippet}
+/>
+
+<ComponentInfos
+  component="searchfield"
+  classNames={[
+    'canon-SearchField',
+    'canon-TextField',
+    'canon-InputWrapper',
+    'canon-Input',
+    'canon-InputIcon',
+    'canon-FieldLabelWrapper',
+    'canon-FieldLabel',
+    'canon-FieldDescription',
+    'canon-FieldSecondaryLabel',
+    'canon-FieldError',
+  ]}
+  usageCode={searchFieldUsageSnippet}
+/>
+
+## API reference
+
+<PropsTable data={searchFieldPropDefs} />
+
+## Examples
+
+### Sizes
+
+We support two different sizes: `small`, `medium`.
+
+<Snippet
+  align="center"
+  py={4}
+  open
+  preview={<SearchFieldSnippet story="Sizes" />}
+  code={searchFieldSizesSnippet}
+/>
+
+### With description
+
+Here's a simple SearchField with a description.
+
+<Snippet
+  align="center"
+  py={4}
+  open
+  preview={<SearchFieldSnippet story="WithDescription" />}
+  code={searchFieldDescriptionSnippet}
+/>
diff --git a/canon-docs/src/content/components/search-field.props.ts b/canon-docs/src/content/components/search-field.props.ts
new file mode 100644
index 0000000000..d7921a0cd7
--- /dev/null
+++ b/canon-docs/src/content/components/search-field.props.ts
@@ -0,0 +1,43 @@
+import {
+  classNamePropDefs,
+  stylePropDefs,
+  type PropDef,
+} from '@/utils/propDefs';
+
+export const searchFieldPropDefs: Record<string, PropDef> = {
+  size: {
+    type: 'enum',
+    values: ['small', 'medium'],
+    default: 'small',
+    responsive: true,
+  },
+  label: {
+    type: 'string',
+  },
+  icon: {
+    type: 'enum',
+    values: ['ReactNode'],
+  },
+  description: {
+    type: 'string',
+  },
+  name: {
+    type: 'string',
+    required: true,
+  },
+  ...classNamePropDefs,
+  ...stylePropDefs,
+};
+
+export const searchFieldUsageSnippet = `import { SearchField } from '@backstage/canon';
+
+<SearchField />`;
+
+export const searchFieldDefaultSnippet = `<SearchField label="Label" placeholder="Enter a URL" />`;
+
+export const searchFieldSizesSnippet = `<Flex direction="row" gap="4">
+  <SearchField size="small" placeholder="Small" icon={<Icon name="sparkling" />} />
+  <SearchField size="medium" placeholder="Medium" icon={<Icon name="sparkling" />} />
+</Flex>`;
+
+export const searchFieldDescriptionSnippet = `<SearchField label="Label" description="Description" placeholder="Enter a URL" />`;
diff --git a/canon-docs/src/content/components/text-field.mdx b/canon-docs/src/content/components/text-field.mdx
index ee5beb02a6..2ef2467403 100644
--- a/canon-docs/src/content/components/text-field.mdx
+++ b/canon-docs/src/content/components/text-field.mdx
@@ -25,15 +25,14 @@ A text field component for your forms.
   component="textfield"
   classNames={[
     'canon-TextField',
-    'canon-TextFieldLabel',
-    'canon-TextFieldRequired',
-    'canon-TextFieldInputWrapper',
-    'canon-TextFieldIcon',
-    'canon-TextFieldInput',
-    'canon-TextFieldClearButton',
-    'canon-TextFieldClearButtonIcon',
-    'canon-TextFieldDescription',
-    'canon-TextFieldError',
+    'canon-InputWrapper',
+    'canon-Input',
+    'canon-InputIcon',
+    'canon-FieldLabelWrapper',
+    'canon-FieldLabel',
+    'canon-FieldDescription',
+    'canon-FieldSecondaryLabel',
+    'canon-FieldError',
   ]}
   usageCode={textFieldUsageSnippet}
 />
diff --git a/canon-docs/src/snippets/stories-snippets.tsx b/canon-docs/src/snippets/stories-snippets.tsx
index ef25a37900..62b0a99232 100644
--- a/canon-docs/src/snippets/stories-snippets.tsx
+++ b/canon-docs/src/snippets/stories-snippets.tsx
@@ -21,6 +21,7 @@ import * as CollapsibleStories from '../../../packages/canon/src/components/Coll
 import * as RadioGroupStories from '../../../packages/canon/src/components/RadioGroup/RadioGroup.stories';
 import * as TabsStories from '../../../packages/canon/src/components/Tabs/Tabs.stories';
 import * as SwitchStories from '../../../packages/canon/src/components/Switch/Switch.stories';
+import * as SearchFieldStories from '../../../packages/canon/src/components/SearchField/SearchField.stories';
 
 export const BoxSnippet = ({ story }: { story: keyof typeof BoxStories }) => {
   const stories = composeStories(BoxStories);
@@ -209,3 +210,14 @@ export const RadioGroupSnippet = ({
 
   return StoryComponent ? <StoryComponent /> : null;
 };
+
+export const SearchFieldSnippet = ({
+  story,
+}: {
+  story: keyof typeof SearchFieldStories;
+}) => {
+  const stories = composeStories(SearchFieldStories);
+  const StoryComponent = stories[story as keyof typeof stories];
+
+  return StoryComponent ? <StoryComponent /> : null;
+};
diff --git a/canon-docs/src/utils/data.ts b/canon-docs/src/utils/data.ts
index 92f0fdbf87..c1997f5b1f 100644
--- a/canon-docs/src/utils/data.ts
+++ b/canon-docs/src/utils/data.ts
@@ -121,6 +121,11 @@ export const components: Page[] = [
     slug: 'radio-group',
     status: 'alpha',
   },
+  {
+    title: 'SearchField',
+    slug: 'search-field',
+    status: 'alpha',
+  },
   {
     title: 'Select',
     slug: 'select',
diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css
index 0902acc92d..4fbd0cf035 100644
--- a/packages/canon/css/styles.css
+++ b/packages/canon/css/styles.css
@@ -9503,14 +9503,14 @@
   margin-top: var(--canon-space-2);
 }
 
-.canon-FieldLabel {
+.canon-FieldLabelWrapper {
   margin-bottom: var(--canon-space-3);
   gap: var(--canon-space-1);
   flex-direction: column;
   display: flex;
 }
 
-.canon-FieldLabelLabel {
+.canon-FieldLabel {
   color: var(--canon-fg-primary);
   cursor: pointer;
   font-weight: var(--canon-font-weight-regular);
@@ -9518,13 +9518,13 @@
   margin-right: auto;
 }
 
-.canon-FieldLabelSecondaryLabel {
+.canon-FieldSecondaryLabel {
   color: var(--canon-fg-secondary);
   font-weight: var(--canon-font-weight-regular);
   margin-left: var(--canon-space-1);
 }
 
-.canon-FieldLabelDescription {
+.canon-FieldDescription {
   font-weight: var(--canon-font-weight-regular);
   font-size: var(--canon-font-size-2);
   color: var(--canon-fg-secondary);
@@ -10135,16 +10135,24 @@
   display: flex;
 }
 
-.canon-Input {
+.canon-InputWrapper {
   position: relative;
-}
 
-.canon-Input[data-size="small"] input {
-  height: 2rem;
-}
+  &[data-size="small"] .canon-Input {
+    height: 2rem;
+  }
 
-.canon-Input[data-size="medium"] input {
-  height: 2.5rem;
+  &[data-size="medium"] .canon-Input {
+    height: 2.5rem;
+  }
+
+  &[data-size="small"] .canon-Input[data-icon] {
+    padding-left: var(--canon-space-8);
+  }
+
+  &[data-size="medium"] .canon-Input[data-icon] {
+    padding-left: var(--canon-space-9);
+  }
 }
 
 .canon-InputIcon {
@@ -10155,19 +10163,19 @@
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
+
+  &[data-size="small"], &[data-size="small"] svg {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  &[data-size="medium"], &[data-size="medium"] svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
 }
 
-.canon-InputIcon[data-size="small"], .canon-InputIcon[data-size="small"] svg {
-  width: 1rem;
-  height: 1rem;
-}
-
-.canon-InputIcon[data-size="medium"], .canon-InputIcon[data-size="medium"] svg {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-
-.canon-Input input {
+.canon-Input {
   padding: 0 var(--canon-space-3);
   border-radius: var(--canon-radius-3);
   border: 1px solid var(--canon-border);
@@ -10186,38 +10194,34 @@
   &::-webkit-search-cancel-button, &::-webkit-search-decoration {
     -webkit-appearance: none;
   }
-}
 
-.canon-Input input::placeholder {
-  color: var(--canon-fg-secondary);
-}
+  &::placeholder {
+    color: var(--canon-fg-secondary);
+  }
 
-.canon-Input input[data-icon] {
-  padding-left: var(--canon-space-8);
-}
+  &[data-focused] {
+    outline-color: var(--canon-border-pressed);
+    outline-width: 0;
+  }
 
-.canon-Input input[data-focused] {
-  outline-color: var(--canon-border-pressed);
-  outline-width: 0;
-}
+  &[data-hovered] {
+    border-color: var(--canon-border-hover);
+  }
 
-.canon-Input input[data-hovered] {
-  border-color: var(--canon-border-hover);
-}
+  &[data-focused] {
+    border-color: var(--canon-border-pressed);
+    outline-width: 0;
+  }
 
-.canon-Input input[data-focused] {
-  border-color: var(--canon-border-pressed);
-  outline-width: 0;
-}
+  &[data-invalid] {
+    border-color: var(--canon-fg-danger);
+  }
 
-.canon-Input input[data-invalid] {
-  border-color: var(--canon-fg-danger);
-}
-
-.canon-Input input[data-disabled] {
-  opacity: .5;
-  cursor: not-allowed;
-  border: 1px solid var(--canon-border-disabled);
+  &[data-disabled] {
+    opacity: .5;
+    cursor: not-allowed;
+    border: 1px solid var(--canon-border-disabled);
+  }
 }
 
 .canon-SearchField[data-empty] .canon-InputClear {
diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md
index d444c136cd..372b82436b 100644
--- a/packages/canon/report.api.md
+++ b/packages/canon/report.api.md
@@ -346,10 +346,10 @@ export const componentDefinitions: {
   };
   readonly FieldLabel: {
     readonly classNames: {
-      readonly root: 'canon-FieldLabel';
-      readonly label: 'canon-FieldLabelLabel';
-      readonly secondaryLabel: 'canon-FieldLabelSecondaryLabel';
-      readonly description: 'canon-FieldLabelDescription';
+      readonly root: 'canon-FieldLabelWrapper';
+      readonly label: 'canon-FieldLabel';
+      readonly secondaryLabel: 'canon-FieldSecondaryLabel';
+      readonly description: 'canon-FieldDescription';
     };
   };
   readonly Flex: {
@@ -499,6 +499,7 @@ export const componentDefinitions: {
   readonly TextField: {
     readonly classNames: {
       readonly root: 'canon-TextField';
+      readonly inputWrapper: 'canon-InputWrapper';
       readonly input: 'canon-Input';
       readonly inputIcon: 'canon-InputIcon';
     };
diff --git a/packages/canon/src/components/FieldLabel/FieldLabel.styles.css b/packages/canon/src/components/FieldLabel/FieldLabel.styles.css
index 174e7f7326..f668d2fd45 100644
--- a/packages/canon/src/components/FieldLabel/FieldLabel.styles.css
+++ b/packages/canon/src/components/FieldLabel/FieldLabel.styles.css
@@ -1,11 +1,11 @@
-.canon-FieldLabel {
+.canon-FieldLabelWrapper {
   display: flex;
   flex-direction: column;
   margin-bottom: var(--canon-space-3);
   gap: var(--canon-space-1);
 }
 
-.canon-FieldLabelLabel {
+.canon-FieldLabel {
   color: var(--canon-fg-primary);
   margin-right: auto;
   cursor: pointer;
@@ -13,13 +13,13 @@
   font-size: var(--canon-font-size-2);
 }
 
-.canon-FieldLabelSecondaryLabel {
+.canon-FieldSecondaryLabel {
   color: var(--canon-fg-secondary);
   font-weight: var(--canon-font-weight-regular);
   margin-left: var(--canon-space-1);
 }
 
-.canon-FieldLabelDescription {
+.canon-FieldDescription {
   font-weight: var(--canon-font-weight-regular);
   font-size: var(--canon-font-size-2);
   color: var(--canon-fg-secondary);
diff --git a/packages/canon/src/components/SearchField/SearchField.stories.tsx b/packages/canon/src/components/SearchField/SearchField.stories.tsx
index fc2e72aff1..5b267f585d 100644
--- a/packages/canon/src/components/SearchField/SearchField.stories.tsx
+++ b/packages/canon/src/components/SearchField/SearchField.stories.tsx
@@ -99,9 +99,15 @@ export const Disabled: Story = {
 export const WithIcon: Story = {
   args: {
     ...Default.args,
-    defaultValue: 'Search...',
-    icon: <Icon name="search" />,
   },
+  render: args => (
+    <SearchField
+      {...args}
+      placeholder="Enter a URL"
+      size="small"
+      icon={<Icon name="eye" />}
+    />
+  ),
 };
 
 export const DisabledWithIcon: Story = {
diff --git a/packages/canon/src/components/SearchField/SearchField.tsx b/packages/canon/src/components/SearchField/SearchField.tsx
index 7af3e92de4..ff54439309 100644
--- a/packages/canon/src/components/SearchField/SearchField.tsx
+++ b/packages/canon/src/components/SearchField/SearchField.tsx
@@ -87,7 +87,7 @@ export const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(
           description={description}
         />
         <div
-          className={textFieldClassNames.input}
+          className={textFieldClassNames.inputWrapper}
           data-size={dataAttributes['data-size']}
         >
           {icon !== false && (
@@ -100,6 +100,7 @@ export const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(
             </div>
           )}
           <Input
+            className={textFieldClassNames.input}
             {...(icon !== false && { 'data-icon': true })}
             placeholder={placeholder}
           />
diff --git a/packages/canon/src/components/TextField/TextField.stories.tsx b/packages/canon/src/components/TextField/TextField.stories.tsx
index 157590ae11..7adc84e909 100644
--- a/packages/canon/src/components/TextField/TextField.stories.tsx
+++ b/packages/canon/src/components/TextField/TextField.stories.tsx
@@ -97,9 +97,15 @@ export const Disabled: Story = {
 export const WithIcon: Story = {
   args: {
     ...Default.args,
-    placeholder: 'Search...',
-    icon: <Icon name="search" />,
   },
+  render: args => (
+    <TextField
+      {...args}
+      placeholder="Enter a URL"
+      size="small"
+      icon={<Icon name="eye" />}
+    />
+  ),
 };
 
 export const DisabledWithIcon: Story = {
diff --git a/packages/canon/src/components/TextField/TextField.styles.css b/packages/canon/src/components/TextField/TextField.styles.css
index 1cc83f5456..c4177aab85 100644
--- a/packages/canon/src/components/TextField/TextField.styles.css
+++ b/packages/canon/src/components/TextField/TextField.styles.css
@@ -21,16 +21,24 @@
   width: 100%;
 }
 
-.canon-Input {
+.canon-InputWrapper {
   position: relative;
-}
 
-.canon-Input[data-size='small'] input {
-  height: 2rem;
-}
+  &[data-size='small'] .canon-Input {
+    height: 2rem;
+  }
 
-.canon-Input[data-size='medium'] input {
-  height: 2.5rem;
+  &[data-size='medium'] .canon-Input {
+    height: 2.5rem;
+  }
+
+  &[data-size='small'] .canon-Input[data-icon] {
+    padding-left: var(--canon-space-8);
+  }
+
+  &[data-size='medium'] .canon-Input[data-icon] {
+    padding-left: var(--canon-space-9);
+  }
 }
 
 .canon-InputIcon {
@@ -41,28 +49,27 @@
   margin-right: var(--canon-space-1);
   color: var(--canon-fg-primary);
   flex-shrink: 0;
+
+  &[data-size='small'],
+  &[data-size='small'] svg {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  &[data-size='medium'],
+  &[data-size='medium'] svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
 }
 
-.canon-InputIcon[data-size='small'],
-.canon-InputIcon[data-size='small'] svg {
-  width: 1rem;
-  height: 1rem;
-}
-
-.canon-InputIcon[data-size='medium'],
-.canon-InputIcon[data-size='medium'] svg {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-
-.canon-Input input {
+.canon-Input {
   display: flex;
   align-items: center;
   padding: 0 var(--canon-space-3);
   border-radius: var(--canon-radius-3);
   border: 1px solid var(--canon-border);
   background-color: var(--canon-bg-surface-1);
-
   font-size: var(--canon-font-size-3);
   font-family: var(--canon-font-regular);
   font-weight: var(--canon-font-weight-regular);
@@ -76,36 +83,32 @@
   &::-webkit-search-decoration {
     -webkit-appearance: none;
   }
-}
 
-.canon-Input input::placeholder {
-  color: var(--canon-fg-secondary);
-}
+  &::placeholder {
+    color: var(--canon-fg-secondary);
+  }
 
-.canon-Input input[data-icon] {
-  padding-left: var(--canon-space-8);
-}
+  &[data-focused] {
+    outline-color: var(--canon-border-pressed);
+    outline-width: 0px;
+  }
 
-.canon-Input input[data-focused] {
-  outline-color: var(--canon-border-pressed);
-  outline-width: 0px;
-}
+  &[data-hovered] {
+    border-color: var(--canon-border-hover);
+  }
 
-.canon-Input input[data-hovered] {
-  border-color: var(--canon-border-hover);
-}
+  &[data-focused] {
+    border-color: var(--canon-border-pressed);
+    outline-width: 0px;
+  }
 
-.canon-Input input[data-focused] {
-  border-color: var(--canon-border-pressed);
-  outline-width: 0px;
-}
+  &[data-invalid] {
+    border-color: var(--canon-fg-danger);
+  }
 
-.canon-Input input[data-invalid] {
-  border-color: var(--canon-fg-danger);
-}
-
-.canon-Input input[data-disabled] {
-  opacity: 0.5;
-  cursor: not-allowed;
-  border: 1px solid var(--canon-border-disabled);
+  &[data-disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+    border: 1px solid var(--canon-border-disabled);
+  }
 }
diff --git a/packages/canon/src/components/TextField/TextField.tsx b/packages/canon/src/components/TextField/TextField.tsx
index 067835a51c..2756c3c85f 100644
--- a/packages/canon/src/components/TextField/TextField.tsx
+++ b/packages/canon/src/components/TextField/TextField.tsx
@@ -71,7 +71,7 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
           description={description}
         />
         <div
-          className={classNames.input}
+          className={classNames.inputWrapper}
           data-size={dataAttributes['data-size']}
         >
           {icon && (
@@ -84,6 +84,7 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
             </div>
           )}
           <Input
+            className={classNames.input}
             {...(icon && { 'data-icon': true })}
             placeholder={placeholder}
           />
diff --git a/packages/canon/src/utils/componentDefinitions.ts b/packages/canon/src/utils/componentDefinitions.ts
index ce24c4cd8c..aa941d303c 100644
--- a/packages/canon/src/utils/componentDefinitions.ts
+++ b/packages/canon/src/utils/componentDefinitions.ts
@@ -79,10 +79,10 @@ export const componentDefinitions = {
   },
   FieldLabel: {
     classNames: {
-      root: 'canon-FieldLabel',
-      label: 'canon-FieldLabelLabel',
-      secondaryLabel: 'canon-FieldLabelSecondaryLabel',
-      description: 'canon-FieldLabelDescription',
+      root: 'canon-FieldLabelWrapper',
+      label: 'canon-FieldLabel',
+      secondaryLabel: 'canon-FieldSecondaryLabel',
+      description: 'canon-FieldDescription',
     },
   },
   Flex: {
@@ -226,6 +226,7 @@ export const componentDefinitions = {
   TextField: {
     classNames: {
       root: 'canon-TextField',
+      inputWrapper: 'canon-InputWrapper',
       input: 'canon-Input',
       inputIcon: 'canon-InputIcon',
     },

From 2c79f89c02a404fcab90ff3aa1461939817c18eb Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 24 Jun 2025 10:20:48 +0100
Subject: [PATCH 7/9] Update build-css.js

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 canon-docs/scripts/build-css.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/canon-docs/scripts/build-css.js b/canon-docs/scripts/build-css.js
index 66316833f8..edd80add51 100644
--- a/canon-docs/scripts/build-css.js
+++ b/canon-docs/scripts/build-css.js
@@ -13,7 +13,7 @@ const bundleAndCopyFile = async (source, destination) => {
   try {
     const result = await bundle({
       filename: source,
-      minify: false,
+      minify: true,
     });
 
     fs.writeFileSync(destination, result.code);

From 33689a1eb72154b086305fe58208ae93ca3ac50b Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 24 Jun 2025 10:26:49 +0100
Subject: [PATCH 8/9] Update styles.css

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 canon-docs/public/styles.css | 10623 +--------------------------------
 1 file changed, 1 insertion(+), 10622 deletions(-)

diff --git a/canon-docs/public/styles.css b/canon-docs/public/styles.css
index 8d1377fae1..8a837749b5 100644
--- a/canon-docs/public/styles.css
+++ b/canon-docs/public/styles.css
@@ -1,10623 +1,2 @@
 /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
-@layer base {
-  *, :before, :after {
-    box-sizing: border-box;
-  }
-
-  html {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
-    line-height: 1.15;
-  }
-
-  body {
-    margin: 0;
-  }
-
-  b, strong {
-    font-weight: bolder;
-  }
-
-  code, kbd, samp, pre {
-    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
-    font-size: 1em;
-  }
-
-  small {
-    font-size: 80%;
-  }
-
-  sub, sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-
-  sub {
-    bottom: -.25em;
-  }
-
-  sup {
-    top: -.5em;
-  }
-
-  table {
-    border-color: currentColor;
-  }
-
-  button, input, optgroup, select, textarea {
-    margin: 0;
-    font-family: inherit;
-    font-size: 100%;
-    line-height: 1.15;
-  }
-
-  button, [type="button"], [type="reset"], [type="submit"] {
-    -webkit-appearance: button;
-  }
-
-  legend {
-    padding: 0;
-  }
-
-  progress {
-    vertical-align: baseline;
-  }
-
-  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
-    height: auto;
-  }
-
-  [type="search"] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-
-  summary {
-    display: list-item;
-  }
-}
-
-.cu-p {
-  padding: var(--p);
-}
-
-.cu-p-0\.5 {
-  padding: var(--canon-space-0_5);
-}
-
-.cu-p-1 {
-  padding: var(--canon-space-1);
-}
-
-.cu-p-1\.5 {
-  padding: var(--canon-space-1_5);
-}
-
-.cu-p-2 {
-  padding: var(--canon-space-2);
-}
-
-.cu-p-3 {
-  padding: var(--canon-space-3);
-}
-
-.cu-p-4 {
-  padding: var(--canon-space-4);
-}
-
-.cu-p-5 {
-  padding: var(--canon-space-5);
-}
-
-.cu-p-6 {
-  padding: var(--canon-space-6);
-}
-
-.cu-p-7 {
-  padding: var(--canon-space-7);
-}
-
-.cu-p-8 {
-  padding: var(--canon-space-8);
-}
-
-.cu-p-9 {
-  padding: var(--canon-space-9);
-}
-
-.cu-p-10 {
-  padding: var(--canon-space-10);
-}
-
-.cu-p-11 {
-  padding: var(--canon-space-11);
-}
-
-.cu-p-12 {
-  padding: var(--canon-space-12);
-}
-
-.cu-p-13 {
-  padding: var(--canon-space-13);
-}
-
-.cu-p-14 {
-  padding: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-p {
-    padding: var(--p-xs);
-  }
-
-  .xs\:cu-p-0\.5 {
-    padding: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-p-1 {
-    padding: var(--canon-space-1);
-  }
-
-  .xs\:cu-p-1\.5 {
-    padding: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-p-2 {
-    padding: var(--canon-space-2);
-  }
-
-  .xs\:cu-p-3 {
-    padding: var(--canon-space-3);
-  }
-
-  .xs\:cu-p-4 {
-    padding: var(--canon-space-4);
-  }
-
-  .xs\:cu-p-5 {
-    padding: var(--canon-space-5);
-  }
-
-  .xs\:cu-p-6 {
-    padding: var(--canon-space-6);
-  }
-
-  .xs\:cu-p-7 {
-    padding: var(--canon-space-7);
-  }
-
-  .xs\:cu-p-8 {
-    padding: var(--canon-space-8);
-  }
-
-  .xs\:cu-p-9 {
-    padding: var(--canon-space-9);
-  }
-
-  .xs\:cu-p-10 {
-    padding: var(--canon-space-10);
-  }
-
-  .xs\:cu-p-11 {
-    padding: var(--canon-space-11);
-  }
-
-  .xs\:cu-p-12 {
-    padding: var(--canon-space-12);
-  }
-
-  .xs\:cu-p-13 {
-    padding: var(--canon-space-13);
-  }
-
-  .xs\:cu-p-14 {
-    padding: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-p {
-    padding: var(--p-sm);
-  }
-
-  .sm\:cu-p-0\.5 {
-    padding: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-p-1 {
-    padding: var(--canon-space-1);
-  }
-
-  .sm\:cu-p-1\.5 {
-    padding: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-p-2 {
-    padding: var(--canon-space-2);
-  }
-
-  .sm\:cu-p-3 {
-    padding: var(--canon-space-3);
-  }
-
-  .sm\:cu-p-4 {
-    padding: var(--canon-space-4);
-  }
-
-  .sm\:cu-p-5 {
-    padding: var(--canon-space-5);
-  }
-
-  .sm\:cu-p-6 {
-    padding: var(--canon-space-6);
-  }
-
-  .sm\:cu-p-7 {
-    padding: var(--canon-space-7);
-  }
-
-  .sm\:cu-p-8 {
-    padding: var(--canon-space-8);
-  }
-
-  .sm\:cu-p-9 {
-    padding: var(--canon-space-9);
-  }
-
-  .sm\:cu-p-10 {
-    padding: var(--canon-space-10);
-  }
-
-  .sm\:cu-p-11 {
-    padding: var(--canon-space-11);
-  }
-
-  .sm\:cu-p-12 {
-    padding: var(--canon-space-12);
-  }
-
-  .sm\:cu-p-13 {
-    padding: var(--canon-space-13);
-  }
-
-  .sm\:cu-p-14 {
-    padding: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-p {
-    padding: var(--p-md);
-  }
-
-  .md\:cu-p-0\.5 {
-    padding: var(--canon-space-0_5);
-  }
-
-  .md\:cu-p-1 {
-    padding: var(--canon-space-1);
-  }
-
-  .md\:cu-p-1\.5 {
-    padding: var(--canon-space-1_5);
-  }
-
-  .md\:cu-p-2 {
-    padding: var(--canon-space-2);
-  }
-
-  .md\:cu-p-3 {
-    padding: var(--canon-space-3);
-  }
-
-  .md\:cu-p-4 {
-    padding: var(--canon-space-4);
-  }
-
-  .md\:cu-p-5 {
-    padding: var(--canon-space-5);
-  }
-
-  .md\:cu-p-6 {
-    padding: var(--canon-space-6);
-  }
-
-  .md\:cu-p-7 {
-    padding: var(--canon-space-7);
-  }
-
-  .md\:cu-p-8 {
-    padding: var(--canon-space-8);
-  }
-
-  .md\:cu-p-9 {
-    padding: var(--canon-space-9);
-  }
-
-  .md\:cu-p-10 {
-    padding: var(--canon-space-10);
-  }
-
-  .md\:cu-p-11 {
-    padding: var(--canon-space-11);
-  }
-
-  .md\:cu-p-12 {
-    padding: var(--canon-space-12);
-  }
-
-  .md\:cu-p-13 {
-    padding: var(--canon-space-13);
-  }
-
-  .md\:cu-p-14 {
-    padding: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-p {
-    padding: var(--p-lg);
-  }
-
-  .lg\:cu-p-0\.5 {
-    padding: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-p-1 {
-    padding: var(--canon-space-1);
-  }
-
-  .lg\:cu-p-1\.5 {
-    padding: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-p-2 {
-    padding: var(--canon-space-2);
-  }
-
-  .lg\:cu-p-3 {
-    padding: var(--canon-space-3);
-  }
-
-  .lg\:cu-p-4 {
-    padding: var(--canon-space-4);
-  }
-
-  .lg\:cu-p-5 {
-    padding: var(--canon-space-5);
-  }
-
-  .lg\:cu-p-6 {
-    padding: var(--canon-space-6);
-  }
-
-  .lg\:cu-p-7 {
-    padding: var(--canon-space-7);
-  }
-
-  .lg\:cu-p-8 {
-    padding: var(--canon-space-8);
-  }
-
-  .lg\:cu-p-9 {
-    padding: var(--canon-space-9);
-  }
-
-  .lg\:cu-p-10 {
-    padding: var(--canon-space-10);
-  }
-
-  .lg\:cu-p-11 {
-    padding: var(--canon-space-11);
-  }
-
-  .lg\:cu-p-12 {
-    padding: var(--canon-space-12);
-  }
-
-  .lg\:cu-p-13 {
-    padding: var(--canon-space-13);
-  }
-
-  .lg\:cu-p-14 {
-    padding: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-p {
-    padding: var(--p-xl);
-  }
-
-  .xl\:cu-p-0\.5 {
-    padding: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-p-1 {
-    padding: var(--canon-space-1);
-  }
-
-  .xl\:cu-p-1\.5 {
-    padding: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-p-2 {
-    padding: var(--canon-space-2);
-  }
-
-  .xl\:cu-p-3 {
-    padding: var(--canon-space-3);
-  }
-
-  .xl\:cu-p-4 {
-    padding: var(--canon-space-4);
-  }
-
-  .xl\:cu-p-5 {
-    padding: var(--canon-space-5);
-  }
-
-  .xl\:cu-p-6 {
-    padding: var(--canon-space-6);
-  }
-
-  .xl\:cu-p-7 {
-    padding: var(--canon-space-7);
-  }
-
-  .xl\:cu-p-8 {
-    padding: var(--canon-space-8);
-  }
-
-  .xl\:cu-p-9 {
-    padding: var(--canon-space-9);
-  }
-
-  .xl\:cu-p-10 {
-    padding: var(--canon-space-10);
-  }
-
-  .xl\:cu-p-11 {
-    padding: var(--canon-space-11);
-  }
-
-  .xl\:cu-p-12 {
-    padding: var(--canon-space-12);
-  }
-
-  .xl\:cu-p-13 {
-    padding: var(--canon-space-13);
-  }
-
-  .xl\:cu-p-14 {
-    padding: var(--canon-space-14);
-  }
-}
-
-.cu-pl {
-  padding-left: var(--pl);
-}
-
-.cu-pl-0\.5 {
-  padding-left: var(--canon-space-0_5);
-}
-
-.cu-pl-1 {
-  padding-left: var(--canon-space-1);
-}
-
-.cu-pl-1\.5 {
-  padding-left: var(--canon-space-1_5);
-}
-
-.cu-pl-2 {
-  padding-left: var(--canon-space-2);
-}
-
-.cu-pl-3 {
-  padding-left: var(--canon-space-3);
-}
-
-.cu-pl-4 {
-  padding-left: var(--canon-space-4);
-}
-
-.cu-pl-5 {
-  padding-left: var(--canon-space-5);
-}
-
-.cu-pl-6 {
-  padding-left: var(--canon-space-6);
-}
-
-.cu-pl-7 {
-  padding-left: var(--canon-space-7);
-}
-
-.cu-pl-8 {
-  padding-left: var(--canon-space-8);
-}
-
-.cu-pl-9 {
-  padding-left: var(--canon-space-9);
-}
-
-.cu-pl-10 {
-  padding-left: var(--canon-space-10);
-}
-
-.cu-pl-11 {
-  padding-left: var(--canon-space-11);
-}
-
-.cu-pl-12 {
-  padding-left: var(--canon-space-12);
-}
-
-.cu-pl-13 {
-  padding-left: var(--canon-space-13);
-}
-
-.cu-pl-14 {
-  padding-left: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-pl {
-    padding-left: var(--pl-xs);
-  }
-
-  .xs\:cu-pl-0\.5 {
-    padding-left: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-pl-1 {
-    padding-left: var(--canon-space-1);
-  }
-
-  .xs\:cu-pl-1\.5 {
-    padding-left: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-pl-2 {
-    padding-left: var(--canon-space-2);
-  }
-
-  .xs\:cu-pl-3 {
-    padding-left: var(--canon-space-3);
-  }
-
-  .xs\:cu-pl-4 {
-    padding-left: var(--canon-space-4);
-  }
-
-  .xs\:cu-pl-5 {
-    padding-left: var(--canon-space-5);
-  }
-
-  .xs\:cu-pl-6 {
-    padding-left: var(--canon-space-6);
-  }
-
-  .xs\:cu-pl-7 {
-    padding-left: var(--canon-space-7);
-  }
-
-  .xs\:cu-pl-8 {
-    padding-left: var(--canon-space-8);
-  }
-
-  .xs\:cu-pl-9 {
-    padding-left: var(--canon-space-9);
-  }
-
-  .xs\:cu-pl-10 {
-    padding-left: var(--canon-space-10);
-  }
-
-  .xs\:cu-pl-11 {
-    padding-left: var(--canon-space-11);
-  }
-
-  .xs\:cu-pl-12 {
-    padding-left: var(--canon-space-12);
-  }
-
-  .xs\:cu-pl-13 {
-    padding-left: var(--canon-space-13);
-  }
-
-  .xs\:cu-pl-14 {
-    padding-left: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-pl {
-    padding-left: var(--pl-sm);
-  }
-
-  .sm\:cu-pl-0\.5 {
-    padding-left: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-pl-1 {
-    padding-left: var(--canon-space-1);
-  }
-
-  .sm\:cu-pl-1\.5 {
-    padding-left: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-pl-2 {
-    padding-left: var(--canon-space-2);
-  }
-
-  .sm\:cu-pl-3 {
-    padding-left: var(--canon-space-3);
-  }
-
-  .sm\:cu-pl-4 {
-    padding-left: var(--canon-space-4);
-  }
-
-  .sm\:cu-pl-5 {
-    padding-left: var(--canon-space-5);
-  }
-
-  .sm\:cu-pl-6 {
-    padding-left: var(--canon-space-6);
-  }
-
-  .sm\:cu-pl-7 {
-    padding-left: var(--canon-space-7);
-  }
-
-  .sm\:cu-pl-8 {
-    padding-left: var(--canon-space-8);
-  }
-
-  .sm\:cu-pl-9 {
-    padding-left: var(--canon-space-9);
-  }
-
-  .sm\:cu-pl-10 {
-    padding-left: var(--canon-space-10);
-  }
-
-  .sm\:cu-pl-11 {
-    padding-left: var(--canon-space-11);
-  }
-
-  .sm\:cu-pl-12 {
-    padding-left: var(--canon-space-12);
-  }
-
-  .sm\:cu-pl-13 {
-    padding-left: var(--canon-space-13);
-  }
-
-  .sm\:cu-pl-14 {
-    padding-left: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-pl {
-    padding-left: var(--pl-md);
-  }
-
-  .md\:cu-pl-0\.5 {
-    padding-left: var(--canon-space-0_5);
-  }
-
-  .md\:cu-pl-1 {
-    padding-left: var(--canon-space-1);
-  }
-
-  .md\:cu-pl-1\.5 {
-    padding-left: var(--canon-space-1_5);
-  }
-
-  .md\:cu-pl-2 {
-    padding-left: var(--canon-space-2);
-  }
-
-  .md\:cu-pl-3 {
-    padding-left: var(--canon-space-3);
-  }
-
-  .md\:cu-pl-4 {
-    padding-left: var(--canon-space-4);
-  }
-
-  .md\:cu-pl-5 {
-    padding-left: var(--canon-space-5);
-  }
-
-  .md\:cu-pl-6 {
-    padding-left: var(--canon-space-6);
-  }
-
-  .md\:cu-pl-7 {
-    padding-left: var(--canon-space-7);
-  }
-
-  .md\:cu-pl-8 {
-    padding-left: var(--canon-space-8);
-  }
-
-  .md\:cu-pl-9 {
-    padding-left: var(--canon-space-9);
-  }
-
-  .md\:cu-pl-10 {
-    padding-left: var(--canon-space-10);
-  }
-
-  .md\:cu-pl-11 {
-    padding-left: var(--canon-space-11);
-  }
-
-  .md\:cu-pl-12 {
-    padding-left: var(--canon-space-12);
-  }
-
-  .md\:cu-pl-13 {
-    padding-left: var(--canon-space-13);
-  }
-
-  .md\:cu-pl-14 {
-    padding-left: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-pl {
-    padding-left: var(--pl-lg);
-  }
-
-  .lg\:cu-pl-0\.5 {
-    padding-left: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-pl-1 {
-    padding-left: var(--canon-space-1);
-  }
-
-  .lg\:cu-pl-1\.5 {
-    padding-left: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-pl-2 {
-    padding-left: var(--canon-space-2);
-  }
-
-  .lg\:cu-pl-3 {
-    padding-left: var(--canon-space-3);
-  }
-
-  .lg\:cu-pl-4 {
-    padding-left: var(--canon-space-4);
-  }
-
-  .lg\:cu-pl-5 {
-    padding-left: var(--canon-space-5);
-  }
-
-  .lg\:cu-pl-6 {
-    padding-left: var(--canon-space-6);
-  }
-
-  .lg\:cu-pl-7 {
-    padding-left: var(--canon-space-7);
-  }
-
-  .lg\:cu-pl-8 {
-    padding-left: var(--canon-space-8);
-  }
-
-  .lg\:cu-pl-9 {
-    padding-left: var(--canon-space-9);
-  }
-
-  .lg\:cu-pl-10 {
-    padding-left: var(--canon-space-10);
-  }
-
-  .lg\:cu-pl-11 {
-    padding-left: var(--canon-space-11);
-  }
-
-  .lg\:cu-pl-12 {
-    padding-left: var(--canon-space-12);
-  }
-
-  .lg\:cu-pl-13 {
-    padding-left: var(--canon-space-13);
-  }
-
-  .lg\:cu-pl-14 {
-    padding-left: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-pl {
-    padding-left: var(--pl-xl);
-  }
-
-  .xl\:cu-pl-0\.5 {
-    padding-left: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-pl-1 {
-    padding-left: var(--canon-space-1);
-  }
-
-  .xl\:cu-pl-1\.5 {
-    padding-left: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-pl-2 {
-    padding-left: var(--canon-space-2);
-  }
-
-  .xl\:cu-pl-3 {
-    padding-left: var(--canon-space-3);
-  }
-
-  .xl\:cu-pl-4 {
-    padding-left: var(--canon-space-4);
-  }
-
-  .xl\:cu-pl-5 {
-    padding-left: var(--canon-space-5);
-  }
-
-  .xl\:cu-pl-6 {
-    padding-left: var(--canon-space-6);
-  }
-
-  .xl\:cu-pl-7 {
-    padding-left: var(--canon-space-7);
-  }
-
-  .xl\:cu-pl-8 {
-    padding-left: var(--canon-space-8);
-  }
-
-  .xl\:cu-pl-9 {
-    padding-left: var(--canon-space-9);
-  }
-
-  .xl\:cu-pl-10 {
-    padding-left: var(--canon-space-10);
-  }
-
-  .xl\:cu-pl-11 {
-    padding-left: var(--canon-space-11);
-  }
-
-  .xl\:cu-pl-12 {
-    padding-left: var(--canon-space-12);
-  }
-
-  .xl\:cu-pl-13 {
-    padding-left: var(--canon-space-13);
-  }
-
-  .xl\:cu-pl-14 {
-    padding-left: var(--canon-space-14);
-  }
-}
-
-.cu-pr {
-  padding-right: var(--pr);
-}
-
-.cu-pr-0\.5 {
-  padding-right: var(--canon-space-0_5);
-}
-
-.cu-pr-1 {
-  padding-right: var(--canon-space-1);
-}
-
-.cu-pr-1\.5 {
-  padding-right: var(--canon-space-1_5);
-}
-
-.cu-pr-2 {
-  padding-right: var(--canon-space-2);
-}
-
-.cu-pr-3 {
-  padding-right: var(--canon-space-3);
-}
-
-.cu-pr-4 {
-  padding-right: var(--canon-space-4);
-}
-
-.cu-pr-5 {
-  padding-right: var(--canon-space-5);
-}
-
-.cu-pr-6 {
-  padding-right: var(--canon-space-6);
-}
-
-.cu-pr-7 {
-  padding-right: var(--canon-space-7);
-}
-
-.cu-pr-8 {
-  padding-right: var(--canon-space-8);
-}
-
-.cu-pr-9 {
-  padding-right: var(--canon-space-9);
-}
-
-.cu-pr-10 {
-  padding-right: var(--canon-space-10);
-}
-
-.cu-pr-11 {
-  padding-right: var(--canon-space-11);
-}
-
-.cu-pr-12 {
-  padding-right: var(--canon-space-12);
-}
-
-.cu-pr-13 {
-  padding-right: var(--canon-space-13);
-}
-
-.cu-pr-14 {
-  padding-right: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-pr {
-    padding-right: var(--pr-xs);
-  }
-
-  .xs\:cu-pr-0\.5 {
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-pr-1 {
-    padding-right: var(--canon-space-1);
-  }
-
-  .xs\:cu-pr-1\.5 {
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-pr-2 {
-    padding-right: var(--canon-space-2);
-  }
-
-  .xs\:cu-pr-3 {
-    padding-right: var(--canon-space-3);
-  }
-
-  .xs\:cu-pr-4 {
-    padding-right: var(--canon-space-4);
-  }
-
-  .xs\:cu-pr-5 {
-    padding-right: var(--canon-space-5);
-  }
-
-  .xs\:cu-pr-6 {
-    padding-right: var(--canon-space-6);
-  }
-
-  .xs\:cu-pr-7 {
-    padding-right: var(--canon-space-7);
-  }
-
-  .xs\:cu-pr-8 {
-    padding-right: var(--canon-space-8);
-  }
-
-  .xs\:cu-pr-9 {
-    padding-right: var(--canon-space-9);
-  }
-
-  .xs\:cu-pr-10 {
-    padding-right: var(--canon-space-10);
-  }
-
-  .xs\:cu-pr-11 {
-    padding-right: var(--canon-space-11);
-  }
-
-  .xs\:cu-pr-12 {
-    padding-right: var(--canon-space-12);
-  }
-
-  .xs\:cu-pr-13 {
-    padding-right: var(--canon-space-13);
-  }
-
-  .xs\:cu-pr-14 {
-    padding-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-pr {
-    padding-right: var(--pr-sm);
-  }
-
-  .sm\:cu-pr-0\.5 {
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-pr-1 {
-    padding-right: var(--canon-space-1);
-  }
-
-  .sm\:cu-pr-1\.5 {
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-pr-2 {
-    padding-right: var(--canon-space-2);
-  }
-
-  .sm\:cu-pr-3 {
-    padding-right: var(--canon-space-3);
-  }
-
-  .sm\:cu-pr-4 {
-    padding-right: var(--canon-space-4);
-  }
-
-  .sm\:cu-pr-5 {
-    padding-right: var(--canon-space-5);
-  }
-
-  .sm\:cu-pr-6 {
-    padding-right: var(--canon-space-6);
-  }
-
-  .sm\:cu-pr-7 {
-    padding-right: var(--canon-space-7);
-  }
-
-  .sm\:cu-pr-8 {
-    padding-right: var(--canon-space-8);
-  }
-
-  .sm\:cu-pr-9 {
-    padding-right: var(--canon-space-9);
-  }
-
-  .sm\:cu-pr-10 {
-    padding-right: var(--canon-space-10);
-  }
-
-  .sm\:cu-pr-11 {
-    padding-right: var(--canon-space-11);
-  }
-
-  .sm\:cu-pr-12 {
-    padding-right: var(--canon-space-12);
-  }
-
-  .sm\:cu-pr-13 {
-    padding-right: var(--canon-space-13);
-  }
-
-  .sm\:cu-pr-14 {
-    padding-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-pr {
-    padding-right: var(--pr-md);
-  }
-
-  .md\:cu-pr-0\.5 {
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .md\:cu-pr-1 {
-    padding-right: var(--canon-space-1);
-  }
-
-  .md\:cu-pr-1\.5 {
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .md\:cu-pr-2 {
-    padding-right: var(--canon-space-2);
-  }
-
-  .md\:cu-pr-3 {
-    padding-right: var(--canon-space-3);
-  }
-
-  .md\:cu-pr-4 {
-    padding-right: var(--canon-space-4);
-  }
-
-  .md\:cu-pr-5 {
-    padding-right: var(--canon-space-5);
-  }
-
-  .md\:cu-pr-6 {
-    padding-right: var(--canon-space-6);
-  }
-
-  .md\:cu-pr-7 {
-    padding-right: var(--canon-space-7);
-  }
-
-  .md\:cu-pr-8 {
-    padding-right: var(--canon-space-8);
-  }
-
-  .md\:cu-pr-9 {
-    padding-right: var(--canon-space-9);
-  }
-
-  .md\:cu-pr-10 {
-    padding-right: var(--canon-space-10);
-  }
-
-  .md\:cu-pr-11 {
-    padding-right: var(--canon-space-11);
-  }
-
-  .md\:cu-pr-12 {
-    padding-right: var(--canon-space-12);
-  }
-
-  .md\:cu-pr-13 {
-    padding-right: var(--canon-space-13);
-  }
-
-  .md\:cu-pr-14 {
-    padding-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-pr {
-    padding-right: var(--pr-lg);
-  }
-
-  .lg\:cu-pr-0\.5 {
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-pr-1 {
-    padding-right: var(--canon-space-1);
-  }
-
-  .lg\:cu-pr-1\.5 {
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-pr-2 {
-    padding-right: var(--canon-space-2);
-  }
-
-  .lg\:cu-pr-3 {
-    padding-right: var(--canon-space-3);
-  }
-
-  .lg\:cu-pr-4 {
-    padding-right: var(--canon-space-4);
-  }
-
-  .lg\:cu-pr-5 {
-    padding-right: var(--canon-space-5);
-  }
-
-  .lg\:cu-pr-6 {
-    padding-right: var(--canon-space-6);
-  }
-
-  .lg\:cu-pr-7 {
-    padding-right: var(--canon-space-7);
-  }
-
-  .lg\:cu-pr-8 {
-    padding-right: var(--canon-space-8);
-  }
-
-  .lg\:cu-pr-9 {
-    padding-right: var(--canon-space-9);
-  }
-
-  .lg\:cu-pr-10 {
-    padding-right: var(--canon-space-10);
-  }
-
-  .lg\:cu-pr-11 {
-    padding-right: var(--canon-space-11);
-  }
-
-  .lg\:cu-pr-12 {
-    padding-right: var(--canon-space-12);
-  }
-
-  .lg\:cu-pr-13 {
-    padding-right: var(--canon-space-13);
-  }
-
-  .lg\:cu-pr-14 {
-    padding-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-pr {
-    padding-right: var(--pr-xl);
-  }
-
-  .xl\:cu-pr-0\.5 {
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-pr-1 {
-    padding-right: var(--canon-space-1);
-  }
-
-  .xl\:cu-pr-1\.5 {
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-pr-2 {
-    padding-right: var(--canon-space-2);
-  }
-
-  .xl\:cu-pr-3 {
-    padding-right: var(--canon-space-3);
-  }
-
-  .xl\:cu-pr-4 {
-    padding-right: var(--canon-space-4);
-  }
-
-  .xl\:cu-pr-5 {
-    padding-right: var(--canon-space-5);
-  }
-
-  .xl\:cu-pr-6 {
-    padding-right: var(--canon-space-6);
-  }
-
-  .xl\:cu-pr-7 {
-    padding-right: var(--canon-space-7);
-  }
-
-  .xl\:cu-pr-8 {
-    padding-right: var(--canon-space-8);
-  }
-
-  .xl\:cu-pr-9 {
-    padding-right: var(--canon-space-9);
-  }
-
-  .xl\:cu-pr-10 {
-    padding-right: var(--canon-space-10);
-  }
-
-  .xl\:cu-pr-11 {
-    padding-right: var(--canon-space-11);
-  }
-
-  .xl\:cu-pr-12 {
-    padding-right: var(--canon-space-12);
-  }
-
-  .xl\:cu-pr-13 {
-    padding-right: var(--canon-space-13);
-  }
-
-  .xl\:cu-pr-14 {
-    padding-right: var(--canon-space-14);
-  }
-}
-
-.cu-pt {
-  padding-top: var(--pt);
-}
-
-.cu-pt-0\.5 {
-  padding-top: var(--canon-space-0_5);
-}
-
-.cu-pt-1 {
-  padding-top: var(--canon-space-1);
-}
-
-.cu-pt-1\.5 {
-  padding-top: var(--canon-space-1_5);
-}
-
-.cu-pt-2 {
-  padding-top: var(--canon-space-2);
-}
-
-.cu-pt-3 {
-  padding-top: var(--canon-space-3);
-}
-
-.cu-pt-4 {
-  padding-top: var(--canon-space-4);
-}
-
-.cu-pt-5 {
-  padding-top: var(--canon-space-5);
-}
-
-.cu-pt-6 {
-  padding-top: var(--canon-space-6);
-}
-
-.cu-pt-7 {
-  padding-top: var(--canon-space-7);
-}
-
-.cu-pt-8 {
-  padding-top: var(--canon-space-8);
-}
-
-.cu-pt-9 {
-  padding-top: var(--canon-space-9);
-}
-
-.cu-pt-10 {
-  padding-top: var(--canon-space-10);
-}
-
-.cu-pt-11 {
-  padding-top: var(--canon-space-11);
-}
-
-.cu-pt-12 {
-  padding-top: var(--canon-space-12);
-}
-
-.cu-pt-13 {
-  padding-top: var(--canon-space-13);
-}
-
-.cu-pt-14 {
-  padding-top: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-pt {
-    padding-top: var(--pt-xs);
-  }
-
-  .xs\:cu-pt-0\.5 {
-    padding-top: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-pt-1 {
-    padding-top: var(--canon-space-1);
-  }
-
-  .xs\:cu-pt-1\.5 {
-    padding-top: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-pt-2 {
-    padding-top: var(--canon-space-2);
-  }
-
-  .xs\:cu-pt-3 {
-    padding-top: var(--canon-space-3);
-  }
-
-  .xs\:cu-pt-4 {
-    padding-top: var(--canon-space-4);
-  }
-
-  .xs\:cu-pt-5 {
-    padding-top: var(--canon-space-5);
-  }
-
-  .xs\:cu-pt-6 {
-    padding-top: var(--canon-space-6);
-  }
-
-  .xs\:cu-pt-7 {
-    padding-top: var(--canon-space-7);
-  }
-
-  .xs\:cu-pt-8 {
-    padding-top: var(--canon-space-8);
-  }
-
-  .xs\:cu-pt-9 {
-    padding-top: var(--canon-space-9);
-  }
-
-  .xs\:cu-pt-10 {
-    padding-top: var(--canon-space-10);
-  }
-
-  .xs\:cu-pt-11 {
-    padding-top: var(--canon-space-11);
-  }
-
-  .xs\:cu-pt-12 {
-    padding-top: var(--canon-space-12);
-  }
-
-  .xs\:cu-pt-13 {
-    padding-top: var(--canon-space-13);
-  }
-
-  .xs\:cu-pt-14 {
-    padding-top: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-pt {
-    padding-top: var(--pt-sm);
-  }
-
-  .sm\:cu-pt-0\.5 {
-    padding-top: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-pt-1 {
-    padding-top: var(--canon-space-1);
-  }
-
-  .sm\:cu-pt-1\.5 {
-    padding-top: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-pt-2 {
-    padding-top: var(--canon-space-2);
-  }
-
-  .sm\:cu-pt-3 {
-    padding-top: var(--canon-space-3);
-  }
-
-  .sm\:cu-pt-4 {
-    padding-top: var(--canon-space-4);
-  }
-
-  .sm\:cu-pt-5 {
-    padding-top: var(--canon-space-5);
-  }
-
-  .sm\:cu-pt-6 {
-    padding-top: var(--canon-space-6);
-  }
-
-  .sm\:cu-pt-7 {
-    padding-top: var(--canon-space-7);
-  }
-
-  .sm\:cu-pt-8 {
-    padding-top: var(--canon-space-8);
-  }
-
-  .sm\:cu-pt-9 {
-    padding-top: var(--canon-space-9);
-  }
-
-  .sm\:cu-pt-10 {
-    padding-top: var(--canon-space-10);
-  }
-
-  .sm\:cu-pt-11 {
-    padding-top: var(--canon-space-11);
-  }
-
-  .sm\:cu-pt-12 {
-    padding-top: var(--canon-space-12);
-  }
-
-  .sm\:cu-pt-13 {
-    padding-top: var(--canon-space-13);
-  }
-
-  .sm\:cu-pt-14 {
-    padding-top: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-pt {
-    padding-top: var(--pt-md);
-  }
-
-  .md\:cu-pt-0\.5 {
-    padding-top: var(--canon-space-0_5);
-  }
-
-  .md\:cu-pt-1 {
-    padding-top: var(--canon-space-1);
-  }
-
-  .md\:cu-pt-1\.5 {
-    padding-top: var(--canon-space-1_5);
-  }
-
-  .md\:cu-pt-2 {
-    padding-top: var(--canon-space-2);
-  }
-
-  .md\:cu-pt-3 {
-    padding-top: var(--canon-space-3);
-  }
-
-  .md\:cu-pt-4 {
-    padding-top: var(--canon-space-4);
-  }
-
-  .md\:cu-pt-5 {
-    padding-top: var(--canon-space-5);
-  }
-
-  .md\:cu-pt-6 {
-    padding-top: var(--canon-space-6);
-  }
-
-  .md\:cu-pt-7 {
-    padding-top: var(--canon-space-7);
-  }
-
-  .md\:cu-pt-8 {
-    padding-top: var(--canon-space-8);
-  }
-
-  .md\:cu-pt-9 {
-    padding-top: var(--canon-space-9);
-  }
-
-  .md\:cu-pt-10 {
-    padding-top: var(--canon-space-10);
-  }
-
-  .md\:cu-pt-11 {
-    padding-top: var(--canon-space-11);
-  }
-
-  .md\:cu-pt-12 {
-    padding-top: var(--canon-space-12);
-  }
-
-  .md\:cu-pt-13 {
-    padding-top: var(--canon-space-13);
-  }
-
-  .md\:cu-pt-14 {
-    padding-top: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-pt {
-    padding-top: var(--pt-lg);
-  }
-
-  .lg\:cu-pt-0\.5 {
-    padding-top: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-pt-1 {
-    padding-top: var(--canon-space-1);
-  }
-
-  .lg\:cu-pt-1\.5 {
-    padding-top: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-pt-2 {
-    padding-top: var(--canon-space-2);
-  }
-
-  .lg\:cu-pt-3 {
-    padding-top: var(--canon-space-3);
-  }
-
-  .lg\:cu-pt-4 {
-    padding-top: var(--canon-space-4);
-  }
-
-  .lg\:cu-pt-5 {
-    padding-top: var(--canon-space-5);
-  }
-
-  .lg\:cu-pt-6 {
-    padding-top: var(--canon-space-6);
-  }
-
-  .lg\:cu-pt-7 {
-    padding-top: var(--canon-space-7);
-  }
-
-  .lg\:cu-pt-8 {
-    padding-top: var(--canon-space-8);
-  }
-
-  .lg\:cu-pt-9 {
-    padding-top: var(--canon-space-9);
-  }
-
-  .lg\:cu-pt-10 {
-    padding-top: var(--canon-space-10);
-  }
-
-  .lg\:cu-pt-11 {
-    padding-top: var(--canon-space-11);
-  }
-
-  .lg\:cu-pt-12 {
-    padding-top: var(--canon-space-12);
-  }
-
-  .lg\:cu-pt-13 {
-    padding-top: var(--canon-space-13);
-  }
-
-  .lg\:cu-pt-14 {
-    padding-top: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-pt {
-    padding-top: var(--pt-xl);
-  }
-
-  .xl\:cu-pt-0\.5 {
-    padding-top: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-pt-1 {
-    padding-top: var(--canon-space-1);
-  }
-
-  .xl\:cu-pt-1\.5 {
-    padding-top: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-pt-2 {
-    padding-top: var(--canon-space-2);
-  }
-
-  .xl\:cu-pt-3 {
-    padding-top: var(--canon-space-3);
-  }
-
-  .xl\:cu-pt-4 {
-    padding-top: var(--canon-space-4);
-  }
-
-  .xl\:cu-pt-5 {
-    padding-top: var(--canon-space-5);
-  }
-
-  .xl\:cu-pt-6 {
-    padding-top: var(--canon-space-6);
-  }
-
-  .xl\:cu-pt-7 {
-    padding-top: var(--canon-space-7);
-  }
-
-  .xl\:cu-pt-8 {
-    padding-top: var(--canon-space-8);
-  }
-
-  .xl\:cu-pt-9 {
-    padding-top: var(--canon-space-9);
-  }
-
-  .xl\:cu-pt-10 {
-    padding-top: var(--canon-space-10);
-  }
-
-  .xl\:cu-pt-11 {
-    padding-top: var(--canon-space-11);
-  }
-
-  .xl\:cu-pt-12 {
-    padding-top: var(--canon-space-12);
-  }
-
-  .xl\:cu-pt-13 {
-    padding-top: var(--canon-space-13);
-  }
-
-  .xl\:cu-pt-14 {
-    padding-top: var(--canon-space-14);
-  }
-}
-
-.cu-pb {
-  padding-bottom: var(--pb);
-}
-
-.cu-pb-0\.5 {
-  padding-bottom: var(--canon-space-0_5);
-}
-
-.cu-pb-1 {
-  padding-bottom: var(--canon-space-1);
-}
-
-.cu-pb-1\.5 {
-  padding-bottom: var(--canon-space-1_5);
-}
-
-.cu-pb-2 {
-  padding-bottom: var(--canon-space-2);
-}
-
-.cu-pb-3 {
-  padding-bottom: var(--canon-space-3);
-}
-
-.cu-pb-4 {
-  padding-bottom: var(--canon-space-4);
-}
-
-.cu-pb-5 {
-  padding-bottom: var(--canon-space-5);
-}
-
-.cu-pb-6 {
-  padding-bottom: var(--canon-space-6);
-}
-
-.cu-pb-7 {
-  padding-bottom: var(--canon-space-7);
-}
-
-.cu-pb-8 {
-  padding-bottom: var(--canon-space-8);
-}
-
-.cu-pb-9 {
-  padding-bottom: var(--canon-space-9);
-}
-
-.cu-pb-10 {
-  padding-bottom: var(--canon-space-10);
-}
-
-.cu-pb-11 {
-  padding-bottom: var(--canon-space-11);
-}
-
-.cu-pb-12 {
-  padding-bottom: var(--canon-space-12);
-}
-
-.cu-pb-13 {
-  padding-bottom: var(--canon-space-13);
-}
-
-.cu-pb-14 {
-  padding-bottom: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-pb {
-    padding-bottom: var(--pb-xs);
-  }
-
-  .xs\:cu-pb-0\.5 {
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-pb-1 {
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .xs\:cu-pb-1\.5 {
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-pb-2 {
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .xs\:cu-pb-3 {
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .xs\:cu-pb-4 {
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .xs\:cu-pb-5 {
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .xs\:cu-pb-6 {
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .xs\:cu-pb-7 {
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .xs\:cu-pb-8 {
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .xs\:cu-pb-9 {
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .xs\:cu-pb-10 {
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .xs\:cu-pb-11 {
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .xs\:cu-pb-12 {
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .xs\:cu-pb-13 {
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .xs\:cu-pb-14 {
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-pb {
-    padding-bottom: var(--pb-sm);
-  }
-
-  .sm\:cu-pb-0\.5 {
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-pb-1 {
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .sm\:cu-pb-1\.5 {
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-pb-2 {
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .sm\:cu-pb-3 {
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .sm\:cu-pb-4 {
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .sm\:cu-pb-5 {
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .sm\:cu-pb-6 {
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .sm\:cu-pb-7 {
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .sm\:cu-pb-8 {
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .sm\:cu-pb-9 {
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .sm\:cu-pb-10 {
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .sm\:cu-pb-11 {
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .sm\:cu-pb-12 {
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .sm\:cu-pb-13 {
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .sm\:cu-pb-14 {
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-pb {
-    padding-bottom: var(--pb-md);
-  }
-
-  .md\:cu-pb-0\.5 {
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .md\:cu-pb-1 {
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .md\:cu-pb-1\.5 {
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .md\:cu-pb-2 {
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .md\:cu-pb-3 {
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .md\:cu-pb-4 {
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .md\:cu-pb-5 {
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .md\:cu-pb-6 {
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .md\:cu-pb-7 {
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .md\:cu-pb-8 {
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .md\:cu-pb-9 {
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .md\:cu-pb-10 {
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .md\:cu-pb-11 {
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .md\:cu-pb-12 {
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .md\:cu-pb-13 {
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .md\:cu-pb-14 {
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-pb {
-    padding-bottom: var(--pb-lg);
-  }
-
-  .lg\:cu-pb-0\.5 {
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-pb-1 {
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .lg\:cu-pb-1\.5 {
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-pb-2 {
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .lg\:cu-pb-3 {
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .lg\:cu-pb-4 {
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .lg\:cu-pb-5 {
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .lg\:cu-pb-6 {
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .lg\:cu-pb-7 {
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .lg\:cu-pb-8 {
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .lg\:cu-pb-9 {
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .lg\:cu-pb-10 {
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .lg\:cu-pb-11 {
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .lg\:cu-pb-12 {
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .lg\:cu-pb-13 {
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .lg\:cu-pb-14 {
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-pb {
-    padding-bottom: var(--pb-xl);
-  }
-
-  .xl\:cu-pb-0\.5 {
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-pb-1 {
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .xl\:cu-pb-1\.5 {
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-pb-2 {
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .xl\:cu-pb-3 {
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .xl\:cu-pb-4 {
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .xl\:cu-pb-5 {
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .xl\:cu-pb-6 {
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .xl\:cu-pb-7 {
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .xl\:cu-pb-8 {
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .xl\:cu-pb-9 {
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .xl\:cu-pb-10 {
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .xl\:cu-pb-11 {
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .xl\:cu-pb-12 {
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .xl\:cu-pb-13 {
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .xl\:cu-pb-14 {
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-.cu-py {
-  padding-top: var(--py);
-  padding-bottom: var(--py);
-}
-
-.cu-py-0\.5 {
-  padding-top: var(--canon-space-0_5);
-  padding-bottom: var(--canon-space-0_5);
-}
-
-.cu-py-1 {
-  padding-top: var(--canon-space-1);
-  padding-bottom: var(--canon-space-1);
-}
-
-.cu-py-1\.5 {
-  padding-top: var(--canon-space-1_5);
-  padding-bottom: var(--canon-space-1_5);
-}
-
-.cu-py-2 {
-  padding-top: var(--canon-space-2);
-  padding-bottom: var(--canon-space-2);
-}
-
-.cu-py-3 {
-  padding-top: var(--canon-space-3);
-  padding-bottom: var(--canon-space-3);
-}
-
-.cu-py-4 {
-  padding-top: var(--canon-space-4);
-  padding-bottom: var(--canon-space-4);
-}
-
-.cu-py-5 {
-  padding-top: var(--canon-space-5);
-  padding-bottom: var(--canon-space-5);
-}
-
-.cu-py-6 {
-  padding-top: var(--canon-space-6);
-  padding-bottom: var(--canon-space-6);
-}
-
-.cu-py-7 {
-  padding-top: var(--canon-space-7);
-  padding-bottom: var(--canon-space-7);
-}
-
-.cu-py-8 {
-  padding-top: var(--canon-space-8);
-  padding-bottom: var(--canon-space-8);
-}
-
-.cu-py-9 {
-  padding-top: var(--canon-space-9);
-  padding-bottom: var(--canon-space-9);
-}
-
-.cu-py-10 {
-  padding-top: var(--canon-space-10);
-  padding-bottom: var(--canon-space-10);
-}
-
-.cu-py-11 {
-  padding-top: var(--canon-space-11);
-  padding-bottom: var(--canon-space-11);
-}
-
-.cu-py-12 {
-  padding-top: var(--canon-space-12);
-  padding-bottom: var(--canon-space-12);
-}
-
-.cu-py-13 {
-  padding-top: var(--canon-space-13);
-  padding-bottom: var(--canon-space-13);
-}
-
-.cu-py-14 {
-  padding-top: var(--canon-space-14);
-  padding-bottom: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-py {
-    padding-top: var(--py-xs);
-    padding-bottom: var(--py-xs);
-  }
-
-  .xs\:cu-py-0\.5 {
-    padding-top: var(--canon-space-0_5);
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-py-1 {
-    padding-top: var(--canon-space-1);
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .xs\:cu-py-1\.5 {
-    padding-top: var(--canon-space-1_5);
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-py-2 {
-    padding-top: var(--canon-space-2);
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .xs\:cu-py-3 {
-    padding-top: var(--canon-space-3);
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .xs\:cu-py-4 {
-    padding-top: var(--canon-space-4);
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .xs\:cu-py-5 {
-    padding-top: var(--canon-space-5);
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .xs\:cu-py-6 {
-    padding-top: var(--canon-space-6);
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .xs\:cu-py-7 {
-    padding-top: var(--canon-space-7);
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .xs\:cu-py-8 {
-    padding-top: var(--canon-space-8);
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .xs\:cu-py-9 {
-    padding-top: var(--canon-space-9);
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .xs\:cu-py-10 {
-    padding-top: var(--canon-space-10);
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .xs\:cu-py-11 {
-    padding-top: var(--canon-space-11);
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .xs\:cu-py-12 {
-    padding-top: var(--canon-space-12);
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .xs\:cu-py-13 {
-    padding-top: var(--canon-space-13);
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .xs\:cu-py-14 {
-    padding-top: var(--canon-space-14);
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-py {
-    padding-top: var(--py-sm);
-    padding-bottom: var(--py-sm);
-  }
-
-  .sm\:cu-py-0\.5 {
-    padding-top: var(--canon-space-0_5);
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-py-1 {
-    padding-top: var(--canon-space-1);
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .sm\:cu-py-1\.5 {
-    padding-top: var(--canon-space-1_5);
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-py-2 {
-    padding-top: var(--canon-space-2);
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .sm\:cu-py-3 {
-    padding-top: var(--canon-space-3);
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .sm\:cu-py-4 {
-    padding-top: var(--canon-space-4);
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .sm\:cu-py-5 {
-    padding-top: var(--canon-space-5);
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .sm\:cu-py-6 {
-    padding-top: var(--canon-space-6);
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .sm\:cu-py-7 {
-    padding-top: var(--canon-space-7);
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .sm\:cu-py-8 {
-    padding-top: var(--canon-space-8);
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .sm\:cu-py-9 {
-    padding-top: var(--canon-space-9);
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .sm\:cu-py-10 {
-    padding-top: var(--canon-space-10);
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .sm\:cu-py-11 {
-    padding-top: var(--canon-space-11);
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .sm\:cu-py-12 {
-    padding-top: var(--canon-space-12);
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .sm\:cu-py-13 {
-    padding-top: var(--canon-space-13);
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .sm\:cu-py-14 {
-    padding-top: var(--canon-space-14);
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-py {
-    padding-top: var(--py-md);
-    padding-bottom: var(--py-md);
-  }
-
-  .md\:cu-py-0\.5 {
-    padding-top: var(--canon-space-0_5);
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .md\:cu-py-1 {
-    padding-top: var(--canon-space-1);
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .md\:cu-py-1\.5 {
-    padding-top: var(--canon-space-1_5);
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .md\:cu-py-2 {
-    padding-top: var(--canon-space-2);
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .md\:cu-py-3 {
-    padding-top: var(--canon-space-3);
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .md\:cu-py-4 {
-    padding-top: var(--canon-space-4);
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .md\:cu-py-5 {
-    padding-top: var(--canon-space-5);
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .md\:cu-py-6 {
-    padding-top: var(--canon-space-6);
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .md\:cu-py-7 {
-    padding-top: var(--canon-space-7);
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .md\:cu-py-8 {
-    padding-top: var(--canon-space-8);
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .md\:cu-py-9 {
-    padding-top: var(--canon-space-9);
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .md\:cu-py-10 {
-    padding-top: var(--canon-space-10);
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .md\:cu-py-11 {
-    padding-top: var(--canon-space-11);
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .md\:cu-py-12 {
-    padding-top: var(--canon-space-12);
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .md\:cu-py-13 {
-    padding-top: var(--canon-space-13);
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .md\:cu-py-14 {
-    padding-top: var(--canon-space-14);
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-py {
-    padding-top: var(--py-lg);
-    padding-bottom: var(--py-lg);
-  }
-
-  .lg\:cu-py-0\.5 {
-    padding-top: var(--canon-space-0_5);
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-py-1 {
-    padding-top: var(--canon-space-1);
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .lg\:cu-py-1\.5 {
-    padding-top: var(--canon-space-1_5);
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-py-2 {
-    padding-top: var(--canon-space-2);
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .lg\:cu-py-3 {
-    padding-top: var(--canon-space-3);
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .lg\:cu-py-4 {
-    padding-top: var(--canon-space-4);
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .lg\:cu-py-5 {
-    padding-top: var(--canon-space-5);
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .lg\:cu-py-6 {
-    padding-top: var(--canon-space-6);
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .lg\:cu-py-7 {
-    padding-top: var(--canon-space-7);
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .lg\:cu-py-8 {
-    padding-top: var(--canon-space-8);
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .lg\:cu-py-9 {
-    padding-top: var(--canon-space-9);
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .lg\:cu-py-10 {
-    padding-top: var(--canon-space-10);
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .lg\:cu-py-11 {
-    padding-top: var(--canon-space-11);
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .lg\:cu-py-12 {
-    padding-top: var(--canon-space-12);
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .lg\:cu-py-13 {
-    padding-top: var(--canon-space-13);
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .lg\:cu-py-14 {
-    padding-top: var(--canon-space-14);
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-py {
-    padding-top: var(--py-xl);
-    padding-bottom: var(--py-xl);
-  }
-
-  .xl\:cu-py-0\.5 {
-    padding-top: var(--canon-space-0_5);
-    padding-bottom: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-py-1 {
-    padding-top: var(--canon-space-1);
-    padding-bottom: var(--canon-space-1);
-  }
-
-  .xl\:cu-py-1\.5 {
-    padding-top: var(--canon-space-1_5);
-    padding-bottom: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-py-2 {
-    padding-top: var(--canon-space-2);
-    padding-bottom: var(--canon-space-2);
-  }
-
-  .xl\:cu-py-3 {
-    padding-top: var(--canon-space-3);
-    padding-bottom: var(--canon-space-3);
-  }
-
-  .xl\:cu-py-4 {
-    padding-top: var(--canon-space-4);
-    padding-bottom: var(--canon-space-4);
-  }
-
-  .xl\:cu-py-5 {
-    padding-top: var(--canon-space-5);
-    padding-bottom: var(--canon-space-5);
-  }
-
-  .xl\:cu-py-6 {
-    padding-top: var(--canon-space-6);
-    padding-bottom: var(--canon-space-6);
-  }
-
-  .xl\:cu-py-7 {
-    padding-top: var(--canon-space-7);
-    padding-bottom: var(--canon-space-7);
-  }
-
-  .xl\:cu-py-8 {
-    padding-top: var(--canon-space-8);
-    padding-bottom: var(--canon-space-8);
-  }
-
-  .xl\:cu-py-9 {
-    padding-top: var(--canon-space-9);
-    padding-bottom: var(--canon-space-9);
-  }
-
-  .xl\:cu-py-10 {
-    padding-top: var(--canon-space-10);
-    padding-bottom: var(--canon-space-10);
-  }
-
-  .xl\:cu-py-11 {
-    padding-top: var(--canon-space-11);
-    padding-bottom: var(--canon-space-11);
-  }
-
-  .xl\:cu-py-12 {
-    padding-top: var(--canon-space-12);
-    padding-bottom: var(--canon-space-12);
-  }
-
-  .xl\:cu-py-13 {
-    padding-top: var(--canon-space-13);
-    padding-bottom: var(--canon-space-13);
-  }
-
-  .xl\:cu-py-14 {
-    padding-top: var(--canon-space-14);
-    padding-bottom: var(--canon-space-14);
-  }
-}
-
-.cu-px {
-  padding-left: var(--px);
-  padding-right: var(--px);
-}
-
-.cu-px-0\.5 {
-  padding-left: var(--canon-space-0_5);
-  padding-right: var(--canon-space-0_5);
-}
-
-.cu-px-1 {
-  padding-left: var(--canon-space-1);
-  padding-right: var(--canon-space-1);
-}
-
-.cu-px-1\.5 {
-  padding-left: var(--canon-space-1_5);
-  padding-right: var(--canon-space-1_5);
-}
-
-.cu-px-2 {
-  padding-left: var(--canon-space-2);
-  padding-right: var(--canon-space-2);
-}
-
-.cu-px-3 {
-  padding-left: var(--canon-space-3);
-  padding-right: var(--canon-space-3);
-}
-
-.cu-px-4 {
-  padding-left: var(--canon-space-4);
-  padding-right: var(--canon-space-4);
-}
-
-.cu-px-5 {
-  padding-left: var(--canon-space-5);
-  padding-right: var(--canon-space-5);
-}
-
-.cu-px-6 {
-  padding-left: var(--canon-space-6);
-  padding-right: var(--canon-space-6);
-}
-
-.cu-px-7 {
-  padding-left: var(--canon-space-7);
-  padding-right: var(--canon-space-7);
-}
-
-.cu-px-8 {
-  padding-left: var(--canon-space-8);
-  padding-right: var(--canon-space-8);
-}
-
-.cu-px-9 {
-  padding-left: var(--canon-space-9);
-  padding-right: var(--canon-space-9);
-}
-
-.cu-px-10 {
-  padding-left: var(--canon-space-10);
-  padding-right: var(--canon-space-10);
-}
-
-.cu-px-11 {
-  padding-left: var(--canon-space-11);
-  padding-right: var(--canon-space-11);
-}
-
-.cu-px-12 {
-  padding-left: var(--canon-space-12);
-  padding-right: var(--canon-space-12);
-}
-
-.cu-px-13 {
-  padding-left: var(--canon-space-13);
-  padding-right: var(--canon-space-13);
-}
-
-.cu-px-14 {
-  padding-left: var(--canon-space-14);
-  padding-right: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-px {
-    padding-left: var(--px-xs);
-    padding-right: var(--px-xs);
-  }
-
-  .xs\:cu-px-0\.5 {
-    padding-left: var(--canon-space-0_5);
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-px-1 {
-    padding-left: var(--canon-space-1);
-    padding-right: var(--canon-space-1);
-  }
-
-  .xs\:cu-px-1\.5 {
-    padding-left: var(--canon-space-1_5);
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-px-2 {
-    padding-left: var(--canon-space-2);
-    padding-right: var(--canon-space-2);
-  }
-
-  .xs\:cu-px-3 {
-    padding-left: var(--canon-space-3);
-    padding-right: var(--canon-space-3);
-  }
-
-  .xs\:cu-px-4 {
-    padding-left: var(--canon-space-4);
-    padding-right: var(--canon-space-4);
-  }
-
-  .xs\:cu-px-5 {
-    padding-left: var(--canon-space-5);
-    padding-right: var(--canon-space-5);
-  }
-
-  .xs\:cu-px-6 {
-    padding-left: var(--canon-space-6);
-    padding-right: var(--canon-space-6);
-  }
-
-  .xs\:cu-px-7 {
-    padding-left: var(--canon-space-7);
-    padding-right: var(--canon-space-7);
-  }
-
-  .xs\:cu-px-8 {
-    padding-left: var(--canon-space-8);
-    padding-right: var(--canon-space-8);
-  }
-
-  .xs\:cu-px-9 {
-    padding-left: var(--canon-space-9);
-    padding-right: var(--canon-space-9);
-  }
-
-  .xs\:cu-px-10 {
-    padding-left: var(--canon-space-10);
-    padding-right: var(--canon-space-10);
-  }
-
-  .xs\:cu-px-11 {
-    padding-left: var(--canon-space-11);
-    padding-right: var(--canon-space-11);
-  }
-
-  .xs\:cu-px-12 {
-    padding-left: var(--canon-space-12);
-    padding-right: var(--canon-space-12);
-  }
-
-  .xs\:cu-px-13 {
-    padding-left: var(--canon-space-13);
-    padding-right: var(--canon-space-13);
-  }
-
-  .xs\:cu-px-14 {
-    padding-left: var(--canon-space-14);
-    padding-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-px {
-    padding-left: var(--px-sm);
-    padding-right: var(--px-sm);
-  }
-
-  .sm\:cu-px-0\.5 {
-    padding-left: var(--canon-space-0_5);
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-px-1 {
-    padding-left: var(--canon-space-1);
-    padding-right: var(--canon-space-1);
-  }
-
-  .sm\:cu-px-1\.5 {
-    padding-left: var(--canon-space-1_5);
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-px-2 {
-    padding-left: var(--canon-space-2);
-    padding-right: var(--canon-space-2);
-  }
-
-  .sm\:cu-px-3 {
-    padding-left: var(--canon-space-3);
-    padding-right: var(--canon-space-3);
-  }
-
-  .sm\:cu-px-4 {
-    padding-left: var(--canon-space-4);
-    padding-right: var(--canon-space-4);
-  }
-
-  .sm\:cu-px-5 {
-    padding-left: var(--canon-space-5);
-    padding-right: var(--canon-space-5);
-  }
-
-  .sm\:cu-px-6 {
-    padding-left: var(--canon-space-6);
-    padding-right: var(--canon-space-6);
-  }
-
-  .sm\:cu-px-7 {
-    padding-left: var(--canon-space-7);
-    padding-right: var(--canon-space-7);
-  }
-
-  .sm\:cu-px-8 {
-    padding-left: var(--canon-space-8);
-    padding-right: var(--canon-space-8);
-  }
-
-  .sm\:cu-px-9 {
-    padding-left: var(--canon-space-9);
-    padding-right: var(--canon-space-9);
-  }
-
-  .sm\:cu-px-10 {
-    padding-left: var(--canon-space-10);
-    padding-right: var(--canon-space-10);
-  }
-
-  .sm\:cu-px-11 {
-    padding-left: var(--canon-space-11);
-    padding-right: var(--canon-space-11);
-  }
-
-  .sm\:cu-px-12 {
-    padding-left: var(--canon-space-12);
-    padding-right: var(--canon-space-12);
-  }
-
-  .sm\:cu-px-13 {
-    padding-left: var(--canon-space-13);
-    padding-right: var(--canon-space-13);
-  }
-
-  .sm\:cu-px-14 {
-    padding-left: var(--canon-space-14);
-    padding-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-px {
-    padding-left: var(--px-md);
-    padding-right: var(--px-md);
-  }
-
-  .md\:cu-px-0\.5 {
-    padding-left: var(--canon-space-0_5);
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .md\:cu-px-1 {
-    padding-left: var(--canon-space-1);
-    padding-right: var(--canon-space-1);
-  }
-
-  .md\:cu-px-1\.5 {
-    padding-left: var(--canon-space-1_5);
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .md\:cu-px-2 {
-    padding-left: var(--canon-space-2);
-    padding-right: var(--canon-space-2);
-  }
-
-  .md\:cu-px-3 {
-    padding-left: var(--canon-space-3);
-    padding-right: var(--canon-space-3);
-  }
-
-  .md\:cu-px-4 {
-    padding-left: var(--canon-space-4);
-    padding-right: var(--canon-space-4);
-  }
-
-  .md\:cu-px-5 {
-    padding-left: var(--canon-space-5);
-    padding-right: var(--canon-space-5);
-  }
-
-  .md\:cu-px-6 {
-    padding-left: var(--canon-space-6);
-    padding-right: var(--canon-space-6);
-  }
-
-  .md\:cu-px-7 {
-    padding-left: var(--canon-space-7);
-    padding-right: var(--canon-space-7);
-  }
-
-  .md\:cu-px-8 {
-    padding-left: var(--canon-space-8);
-    padding-right: var(--canon-space-8);
-  }
-
-  .md\:cu-px-9 {
-    padding-left: var(--canon-space-9);
-    padding-right: var(--canon-space-9);
-  }
-
-  .md\:cu-px-10 {
-    padding-left: var(--canon-space-10);
-    padding-right: var(--canon-space-10);
-  }
-
-  .md\:cu-px-11 {
-    padding-left: var(--canon-space-11);
-    padding-right: var(--canon-space-11);
-  }
-
-  .md\:cu-px-12 {
-    padding-left: var(--canon-space-12);
-    padding-right: var(--canon-space-12);
-  }
-
-  .md\:cu-px-13 {
-    padding-left: var(--canon-space-13);
-    padding-right: var(--canon-space-13);
-  }
-
-  .md\:cu-px-14 {
-    padding-left: var(--canon-space-14);
-    padding-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-px {
-    padding-left: var(--px-lg);
-    padding-right: var(--px-lg);
-  }
-
-  .lg\:cu-px-0\.5 {
-    padding-left: var(--canon-space-0_5);
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-px-1 {
-    padding-left: var(--canon-space-1);
-    padding-right: var(--canon-space-1);
-  }
-
-  .lg\:cu-px-1\.5 {
-    padding-left: var(--canon-space-1_5);
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-px-2 {
-    padding-left: var(--canon-space-2);
-    padding-right: var(--canon-space-2);
-  }
-
-  .lg\:cu-px-3 {
-    padding-left: var(--canon-space-3);
-    padding-right: var(--canon-space-3);
-  }
-
-  .lg\:cu-px-4 {
-    padding-left: var(--canon-space-4);
-    padding-right: var(--canon-space-4);
-  }
-
-  .lg\:cu-px-5 {
-    padding-left: var(--canon-space-5);
-    padding-right: var(--canon-space-5);
-  }
-
-  .lg\:cu-px-6 {
-    padding-left: var(--canon-space-6);
-    padding-right: var(--canon-space-6);
-  }
-
-  .lg\:cu-px-7 {
-    padding-left: var(--canon-space-7);
-    padding-right: var(--canon-space-7);
-  }
-
-  .lg\:cu-px-8 {
-    padding-left: var(--canon-space-8);
-    padding-right: var(--canon-space-8);
-  }
-
-  .lg\:cu-px-9 {
-    padding-left: var(--canon-space-9);
-    padding-right: var(--canon-space-9);
-  }
-
-  .lg\:cu-px-10 {
-    padding-left: var(--canon-space-10);
-    padding-right: var(--canon-space-10);
-  }
-
-  .lg\:cu-px-11 {
-    padding-left: var(--canon-space-11);
-    padding-right: var(--canon-space-11);
-  }
-
-  .lg\:cu-px-12 {
-    padding-left: var(--canon-space-12);
-    padding-right: var(--canon-space-12);
-  }
-
-  .lg\:cu-px-13 {
-    padding-left: var(--canon-space-13);
-    padding-right: var(--canon-space-13);
-  }
-
-  .lg\:cu-px-14 {
-    padding-left: var(--canon-space-14);
-    padding-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-px {
-    padding-left: var(--px-xl);
-    padding-right: var(--px-xl);
-  }
-
-  .xl\:cu-px-0\.5 {
-    padding-left: var(--canon-space-0_5);
-    padding-right: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-px-1 {
-    padding-left: var(--canon-space-1);
-    padding-right: var(--canon-space-1);
-  }
-
-  .xl\:cu-px-1\.5 {
-    padding-left: var(--canon-space-1_5);
-    padding-right: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-px-2 {
-    padding-left: var(--canon-space-2);
-    padding-right: var(--canon-space-2);
-  }
-
-  .xl\:cu-px-3 {
-    padding-left: var(--canon-space-3);
-    padding-right: var(--canon-space-3);
-  }
-
-  .xl\:cu-px-4 {
-    padding-left: var(--canon-space-4);
-    padding-right: var(--canon-space-4);
-  }
-
-  .xl\:cu-px-5 {
-    padding-left: var(--canon-space-5);
-    padding-right: var(--canon-space-5);
-  }
-
-  .xl\:cu-px-6 {
-    padding-left: var(--canon-space-6);
-    padding-right: var(--canon-space-6);
-  }
-
-  .xl\:cu-px-7 {
-    padding-left: var(--canon-space-7);
-    padding-right: var(--canon-space-7);
-  }
-
-  .xl\:cu-px-8 {
-    padding-left: var(--canon-space-8);
-    padding-right: var(--canon-space-8);
-  }
-
-  .xl\:cu-px-9 {
-    padding-left: var(--canon-space-9);
-    padding-right: var(--canon-space-9);
-  }
-
-  .xl\:cu-px-10 {
-    padding-left: var(--canon-space-10);
-    padding-right: var(--canon-space-10);
-  }
-
-  .xl\:cu-px-11 {
-    padding-left: var(--canon-space-11);
-    padding-right: var(--canon-space-11);
-  }
-
-  .xl\:cu-px-12 {
-    padding-left: var(--canon-space-12);
-    padding-right: var(--canon-space-12);
-  }
-
-  .xl\:cu-px-13 {
-    padding-left: var(--canon-space-13);
-    padding-right: var(--canon-space-13);
-  }
-
-  .xl\:cu-px-14 {
-    padding-left: var(--canon-space-14);
-    padding-right: var(--canon-space-14);
-  }
-}
-
-.cu-m {
-  margin: var(--m);
-}
-
-.cu-m-0\.5 {
-  margin: var(--canon-space-0_5);
-}
-
-.cu-m-1 {
-  margin: var(--canon-space-1);
-}
-
-.cu-m-1\.5 {
-  margin: var(--canon-space-1_5);
-}
-
-.cu-m-2 {
-  margin: var(--canon-space-2);
-}
-
-.cu-m-3 {
-  margin: var(--canon-space-3);
-}
-
-.cu-m-4 {
-  margin: var(--canon-space-4);
-}
-
-.cu-m-5 {
-  margin: var(--canon-space-5);
-}
-
-.cu-m-6 {
-  margin: var(--canon-space-6);
-}
-
-.cu-m-7 {
-  margin: var(--canon-space-7);
-}
-
-.cu-m-8 {
-  margin: var(--canon-space-8);
-}
-
-.cu-m-9 {
-  margin: var(--canon-space-9);
-}
-
-.cu-m-10 {
-  margin: var(--canon-space-10);
-}
-
-.cu-m-11 {
-  margin: var(--canon-space-11);
-}
-
-.cu-m-12 {
-  margin: var(--canon-space-12);
-}
-
-.cu-m-13 {
-  margin: var(--canon-space-13);
-}
-
-.cu-m-14 {
-  margin: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-m {
-    margin: var(--p-xs);
-  }
-
-  .xs\:cu-m-0\.5 {
-    margin: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-m-1 {
-    margin: var(--canon-space-1);
-  }
-
-  .xs\:cu-m-1\.5 {
-    margin: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-m-2 {
-    margin: var(--canon-space-2);
-  }
-
-  .xs\:cu-m-3 {
-    margin: var(--canon-space-3);
-  }
-
-  .xs\:cu-m-4 {
-    margin: var(--canon-space-4);
-  }
-
-  .xs\:cu-m-5 {
-    margin: var(--canon-space-5);
-  }
-
-  .xs\:cu-m-6 {
-    margin: var(--canon-space-6);
-  }
-
-  .xs\:cu-m-7 {
-    margin: var(--canon-space-7);
-  }
-
-  .xs\:cu-m-8 {
-    margin: var(--canon-space-8);
-  }
-
-  .xs\:cu-m-9 {
-    margin: var(--canon-space-9);
-  }
-
-  .xs\:cu-m-10 {
-    margin: var(--canon-space-10);
-  }
-
-  .xs\:cu-m-11 {
-    margin: var(--canon-space-11);
-  }
-
-  .xs\:cu-m-12 {
-    margin: var(--canon-space-12);
-  }
-
-  .xs\:cu-m-13 {
-    margin: var(--canon-space-13);
-  }
-
-  .xs\:cu-m-14 {
-    margin: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-m {
-    margin: var(--p-sm);
-  }
-
-  .sm\:cu-m-0\.5 {
-    margin: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-m-1 {
-    margin: var(--canon-space-1);
-  }
-
-  .sm\:cu-m-1\.5 {
-    margin: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-m-2 {
-    margin: var(--canon-space-2);
-  }
-
-  .sm\:cu-m-3 {
-    margin: var(--canon-space-3);
-  }
-
-  .sm\:cu-m-4 {
-    margin: var(--canon-space-4);
-  }
-
-  .sm\:cu-m-5 {
-    margin: var(--canon-space-5);
-  }
-
-  .sm\:cu-m-6 {
-    margin: var(--canon-space-6);
-  }
-
-  .sm\:cu-m-7 {
-    margin: var(--canon-space-7);
-  }
-
-  .sm\:cu-m-8 {
-    margin: var(--canon-space-8);
-  }
-
-  .sm\:cu-m-9 {
-    margin: var(--canon-space-9);
-  }
-
-  .sm\:cu-m-10 {
-    margin: var(--canon-space-10);
-  }
-
-  .sm\:cu-m-11 {
-    margin: var(--canon-space-11);
-  }
-
-  .sm\:cu-m-12 {
-    margin: var(--canon-space-12);
-  }
-
-  .sm\:cu-m-13 {
-    margin: var(--canon-space-13);
-  }
-
-  .sm\:cu-m-14 {
-    margin: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-m {
-    margin: var(--p-md);
-  }
-
-  .md\:cu-m-0\.5 {
-    margin: var(--canon-space-0_5);
-  }
-
-  .md\:cu-m-1 {
-    margin: var(--canon-space-1);
-  }
-
-  .md\:cu-m-1\.5 {
-    margin: var(--canon-space-1_5);
-  }
-
-  .md\:cu-m-2 {
-    margin: var(--canon-space-2);
-  }
-
-  .md\:cu-m-3 {
-    margin: var(--canon-space-3);
-  }
-
-  .md\:cu-m-4 {
-    margin: var(--canon-space-4);
-  }
-
-  .md\:cu-m-5 {
-    margin: var(--canon-space-5);
-  }
-
-  .md\:cu-m-6 {
-    margin: var(--canon-space-6);
-  }
-
-  .md\:cu-m-7 {
-    margin: var(--canon-space-7);
-  }
-
-  .md\:cu-m-8 {
-    margin: var(--canon-space-8);
-  }
-
-  .md\:cu-m-9 {
-    margin: var(--canon-space-9);
-  }
-
-  .md\:cu-m-10 {
-    margin: var(--canon-space-10);
-  }
-
-  .md\:cu-m-11 {
-    margin: var(--canon-space-11);
-  }
-
-  .md\:cu-m-12 {
-    margin: var(--canon-space-12);
-  }
-
-  .md\:cu-m-13 {
-    margin: var(--canon-space-13);
-  }
-
-  .md\:cu-m-14 {
-    margin: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-m {
-    margin: var(--p-lg);
-  }
-
-  .lg\:cu-m-0\.5 {
-    margin: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-m-1 {
-    margin: var(--canon-space-1);
-  }
-
-  .lg\:cu-m-1\.5 {
-    margin: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-m-2 {
-    margin: var(--canon-space-2);
-  }
-
-  .lg\:cu-m-3 {
-    margin: var(--canon-space-3);
-  }
-
-  .lg\:cu-m-4 {
-    margin: var(--canon-space-4);
-  }
-
-  .lg\:cu-m-5 {
-    margin: var(--canon-space-5);
-  }
-
-  .lg\:cu-m-6 {
-    margin: var(--canon-space-6);
-  }
-
-  .lg\:cu-m-7 {
-    margin: var(--canon-space-7);
-  }
-
-  .lg\:cu-m-8 {
-    margin: var(--canon-space-8);
-  }
-
-  .lg\:cu-m-9 {
-    margin: var(--canon-space-9);
-  }
-
-  .lg\:cu-m-10 {
-    margin: var(--canon-space-10);
-  }
-
-  .lg\:cu-m-11 {
-    margin: var(--canon-space-11);
-  }
-
-  .lg\:cu-m-12 {
-    margin: var(--canon-space-12);
-  }
-
-  .lg\:cu-m-13 {
-    margin: var(--canon-space-13);
-  }
-
-  .lg\:cu-m-14 {
-    margin: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-m {
-    margin: var(--p-xl);
-  }
-
-  .xl\:cu-m-0\.5 {
-    margin: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-m-1 {
-    margin: var(--canon-space-1);
-  }
-
-  .xl\:cu-m-1\.5 {
-    margin: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-m-2 {
-    margin: var(--canon-space-2);
-  }
-
-  .xl\:cu-m-3 {
-    margin: var(--canon-space-3);
-  }
-
-  .xl\:cu-m-4 {
-    margin: var(--canon-space-4);
-  }
-
-  .xl\:cu-m-5 {
-    margin: var(--canon-space-5);
-  }
-
-  .xl\:cu-m-6 {
-    margin: var(--canon-space-6);
-  }
-
-  .xl\:cu-m-7 {
-    margin: var(--canon-space-7);
-  }
-
-  .xl\:cu-m-8 {
-    margin: var(--canon-space-8);
-  }
-
-  .xl\:cu-m-9 {
-    margin: var(--canon-space-9);
-  }
-
-  .xl\:cu-m-10 {
-    margin: var(--canon-space-10);
-  }
-
-  .xl\:cu-m-11 {
-    margin: var(--canon-space-11);
-  }
-
-  .xl\:cu-m-12 {
-    margin: var(--canon-space-12);
-  }
-
-  .xl\:cu-m-13 {
-    margin: var(--canon-space-13);
-  }
-
-  .xl\:cu-m-14 {
-    margin: var(--canon-space-14);
-  }
-}
-
-.cu-ml {
-  margin-left: var(--ml);
-}
-
-.cu-ml-0\.5 {
-  margin-left: var(--canon-space-0_5);
-}
-
-.cu-ml-1 {
-  margin-left: var(--canon-space-1);
-}
-
-.cu-ml-1\.5 {
-  margin-left: var(--canon-space-1_5);
-}
-
-.cu-ml-2 {
-  margin-left: var(--canon-space-2);
-}
-
-.cu-ml-3 {
-  margin-left: var(--canon-space-3);
-}
-
-.cu-ml-4 {
-  margin-left: var(--canon-space-4);
-}
-
-.cu-ml-5 {
-  margin-left: var(--canon-space-5);
-}
-
-.cu-ml-6 {
-  margin-left: var(--canon-space-6);
-}
-
-.cu-ml-7 {
-  margin-left: var(--canon-space-7);
-}
-
-.cu-ml-8 {
-  margin-left: var(--canon-space-8);
-}
-
-.cu-ml-9 {
-  margin-left: var(--canon-space-9);
-}
-
-.cu-ml-10 {
-  margin-left: var(--canon-space-10);
-}
-
-.cu-ml-11 {
-  margin-left: var(--canon-space-11);
-}
-
-.cu-ml-12 {
-  margin-left: var(--canon-space-12);
-}
-
-.cu-ml-13 {
-  margin-left: var(--canon-space-13);
-}
-
-.cu-ml-14 {
-  margin-left: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-ml {
-    margin-left: var(--pl-xs);
-  }
-
-  .xs\:cu-ml-0\.5 {
-    margin-left: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-ml-1 {
-    margin-left: var(--canon-space-1);
-  }
-
-  .xs\:cu-ml-1\.5 {
-    margin-left: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-ml-2 {
-    margin-left: var(--canon-space-2);
-  }
-
-  .xs\:cu-ml-3 {
-    margin-left: var(--canon-space-3);
-  }
-
-  .xs\:cu-ml-4 {
-    margin-left: var(--canon-space-4);
-  }
-
-  .xs\:cu-ml-5 {
-    margin-left: var(--canon-space-5);
-  }
-
-  .xs\:cu-ml-6 {
-    margin-left: var(--canon-space-6);
-  }
-
-  .xs\:cu-ml-7 {
-    margin-left: var(--canon-space-7);
-  }
-
-  .xs\:cu-ml-8 {
-    margin-left: var(--canon-space-8);
-  }
-
-  .xs\:cu-ml-9 {
-    margin-left: var(--canon-space-9);
-  }
-
-  .xs\:cu-ml-10 {
-    margin-left: var(--canon-space-10);
-  }
-
-  .xs\:cu-ml-11 {
-    margin-left: var(--canon-space-11);
-  }
-
-  .xs\:cu-ml-12 {
-    margin-left: var(--canon-space-12);
-  }
-
-  .xs\:cu-ml-13 {
-    margin-left: var(--canon-space-13);
-  }
-
-  .xs\:cu-ml-14 {
-    margin-left: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-ml {
-    margin-left: var(--pl-sm);
-  }
-
-  .sm\:cu-ml-0\.5 {
-    margin-left: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-ml-1 {
-    margin-left: var(--canon-space-1);
-  }
-
-  .sm\:cu-ml-1\.5 {
-    margin-left: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-ml-2 {
-    margin-left: var(--canon-space-2);
-  }
-
-  .sm\:cu-ml-3 {
-    margin-left: var(--canon-space-3);
-  }
-
-  .sm\:cu-ml-4 {
-    margin-left: var(--canon-space-4);
-  }
-
-  .sm\:cu-ml-5 {
-    margin-left: var(--canon-space-5);
-  }
-
-  .sm\:cu-ml-6 {
-    margin-left: var(--canon-space-6);
-  }
-
-  .sm\:cu-ml-7 {
-    margin-left: var(--canon-space-7);
-  }
-
-  .sm\:cu-ml-8 {
-    margin-left: var(--canon-space-8);
-  }
-
-  .sm\:cu-ml-9 {
-    margin-left: var(--canon-space-9);
-  }
-
-  .sm\:cu-ml-10 {
-    margin-left: var(--canon-space-10);
-  }
-
-  .sm\:cu-ml-11 {
-    margin-left: var(--canon-space-11);
-  }
-
-  .sm\:cu-ml-12 {
-    margin-left: var(--canon-space-12);
-  }
-
-  .sm\:cu-ml-13 {
-    margin-left: var(--canon-space-13);
-  }
-
-  .sm\:cu-ml-14 {
-    margin-left: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-ml {
-    margin-left: var(--pl-md);
-  }
-
-  .md\:cu-ml-0\.5 {
-    margin-left: var(--canon-space-0_5);
-  }
-
-  .md\:cu-ml-1 {
-    margin-left: var(--canon-space-1);
-  }
-
-  .md\:cu-ml-1\.5 {
-    margin-left: var(--canon-space-1_5);
-  }
-
-  .md\:cu-ml-2 {
-    margin-left: var(--canon-space-2);
-  }
-
-  .md\:cu-ml-3 {
-    margin-left: var(--canon-space-3);
-  }
-
-  .md\:cu-ml-4 {
-    margin-left: var(--canon-space-4);
-  }
-
-  .md\:cu-ml-5 {
-    margin-left: var(--canon-space-5);
-  }
-
-  .md\:cu-ml-6 {
-    margin-left: var(--canon-space-6);
-  }
-
-  .md\:cu-ml-7 {
-    margin-left: var(--canon-space-7);
-  }
-
-  .md\:cu-ml-8 {
-    margin-left: var(--canon-space-8);
-  }
-
-  .md\:cu-ml-9 {
-    margin-left: var(--canon-space-9);
-  }
-
-  .md\:cu-ml-10 {
-    margin-left: var(--canon-space-10);
-  }
-
-  .md\:cu-ml-11 {
-    margin-left: var(--canon-space-11);
-  }
-
-  .md\:cu-ml-12 {
-    margin-left: var(--canon-space-12);
-  }
-
-  .md\:cu-ml-13 {
-    margin-left: var(--canon-space-13);
-  }
-
-  .md\:cu-ml-14 {
-    margin-left: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-ml {
-    margin-left: var(--pl-lg);
-  }
-
-  .lg\:cu-ml-0\.5 {
-    margin-left: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-ml-1 {
-    margin-left: var(--canon-space-1);
-  }
-
-  .lg\:cu-ml-1\.5 {
-    margin-left: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-ml-2 {
-    margin-left: var(--canon-space-2);
-  }
-
-  .lg\:cu-ml-3 {
-    margin-left: var(--canon-space-3);
-  }
-
-  .lg\:cu-ml-4 {
-    margin-left: var(--canon-space-4);
-  }
-
-  .lg\:cu-ml-5 {
-    margin-left: var(--canon-space-5);
-  }
-
-  .lg\:cu-ml-6 {
-    margin-left: var(--canon-space-6);
-  }
-
-  .lg\:cu-ml-7 {
-    margin-left: var(--canon-space-7);
-  }
-
-  .lg\:cu-ml-8 {
-    margin-left: var(--canon-space-8);
-  }
-
-  .lg\:cu-ml-9 {
-    margin-left: var(--canon-space-9);
-  }
-
-  .lg\:cu-ml-10 {
-    margin-left: var(--canon-space-10);
-  }
-
-  .lg\:cu-ml-11 {
-    margin-left: var(--canon-space-11);
-  }
-
-  .lg\:cu-ml-12 {
-    margin-left: var(--canon-space-12);
-  }
-
-  .lg\:cu-ml-13 {
-    margin-left: var(--canon-space-13);
-  }
-
-  .lg\:cu-ml-14 {
-    margin-left: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-ml {
-    margin-left: var(--pl-xl);
-  }
-
-  .xl\:cu-ml-0\.5 {
-    margin-left: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-ml-1 {
-    margin-left: var(--canon-space-1);
-  }
-
-  .xl\:cu-ml-1\.5 {
-    margin-left: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-ml-2 {
-    margin-left: var(--canon-space-2);
-  }
-
-  .xl\:cu-ml-3 {
-    margin-left: var(--canon-space-3);
-  }
-
-  .xl\:cu-ml-4 {
-    margin-left: var(--canon-space-4);
-  }
-
-  .xl\:cu-ml-5 {
-    margin-left: var(--canon-space-5);
-  }
-
-  .xl\:cu-ml-6 {
-    margin-left: var(--canon-space-6);
-  }
-
-  .xl\:cu-ml-7 {
-    margin-left: var(--canon-space-7);
-  }
-
-  .xl\:cu-ml-8 {
-    margin-left: var(--canon-space-8);
-  }
-
-  .xl\:cu-ml-9 {
-    margin-left: var(--canon-space-9);
-  }
-
-  .xl\:cu-ml-10 {
-    margin-left: var(--canon-space-10);
-  }
-
-  .xl\:cu-ml-11 {
-    margin-left: var(--canon-space-11);
-  }
-
-  .xl\:cu-ml-12 {
-    margin-left: var(--canon-space-12);
-  }
-
-  .xl\:cu-ml-13 {
-    margin-left: var(--canon-space-13);
-  }
-
-  .xl\:cu-ml-14 {
-    margin-left: var(--canon-space-14);
-  }
-}
-
-.cu-mr {
-  margin-right: var(--mr);
-}
-
-.cu-mr-0\.5 {
-  margin-right: var(--canon-space-0_5);
-}
-
-.cu-mr-1 {
-  margin-right: var(--canon-space-1);
-}
-
-.cu-mr-1\.5 {
-  margin-right: var(--canon-space-1_5);
-}
-
-.cu-mr-2 {
-  margin-right: var(--canon-space-2);
-}
-
-.cu-mr-3 {
-  margin-right: var(--canon-space-3);
-}
-
-.cu-mr-4 {
-  margin-right: var(--canon-space-4);
-}
-
-.cu-mr-5 {
-  margin-right: var(--canon-space-5);
-}
-
-.cu-mr-6 {
-  margin-right: var(--canon-space-6);
-}
-
-.cu-mr-7 {
-  margin-right: var(--canon-space-7);
-}
-
-.cu-mr-8 {
-  margin-right: var(--canon-space-8);
-}
-
-.cu-mr-9 {
-  margin-right: var(--canon-space-9);
-}
-
-.cu-mr-10 {
-  margin-right: var(--canon-space-10);
-}
-
-.cu-mr-11 {
-  margin-right: var(--canon-space-11);
-}
-
-.cu-mr-12 {
-  margin-right: var(--canon-space-12);
-}
-
-.cu-mr-13 {
-  margin-right: var(--canon-space-13);
-}
-
-.cu-mr-14 {
-  margin-right: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-mr {
-    margin-right: var(--pr-xs);
-  }
-
-  .xs\:cu-mr-0\.5 {
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-mr-1 {
-    margin-right: var(--canon-space-1);
-  }
-
-  .xs\:cu-mr-1\.5 {
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-mr-2 {
-    margin-right: var(--canon-space-2);
-  }
-
-  .xs\:cu-mr-3 {
-    margin-right: var(--canon-space-3);
-  }
-
-  .xs\:cu-mr-4 {
-    margin-right: var(--canon-space-4);
-  }
-
-  .xs\:cu-mr-5 {
-    margin-right: var(--canon-space-5);
-  }
-
-  .xs\:cu-mr-6 {
-    margin-right: var(--canon-space-6);
-  }
-
-  .xs\:cu-mr-7 {
-    margin-right: var(--canon-space-7);
-  }
-
-  .xs\:cu-mr-8 {
-    margin-right: var(--canon-space-8);
-  }
-
-  .xs\:cu-mr-9 {
-    margin-right: var(--canon-space-9);
-  }
-
-  .xs\:cu-mr-10 {
-    margin-right: var(--canon-space-10);
-  }
-
-  .xs\:cu-mr-11 {
-    margin-right: var(--canon-space-11);
-  }
-
-  .xs\:cu-mr-12 {
-    margin-right: var(--canon-space-12);
-  }
-
-  .xs\:cu-mr-13 {
-    margin-right: var(--canon-space-13);
-  }
-
-  .xs\:cu-mr-14 {
-    margin-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-mr {
-    margin-right: var(--pr-sm);
-  }
-
-  .sm\:cu-mr-0\.5 {
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-mr-1 {
-    margin-right: var(--canon-space-1);
-  }
-
-  .sm\:cu-mr-1\.5 {
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-mr-2 {
-    margin-right: var(--canon-space-2);
-  }
-
-  .sm\:cu-mr-3 {
-    margin-right: var(--canon-space-3);
-  }
-
-  .sm\:cu-mr-4 {
-    margin-right: var(--canon-space-4);
-  }
-
-  .sm\:cu-mr-5 {
-    margin-right: var(--canon-space-5);
-  }
-
-  .sm\:cu-mr-6 {
-    margin-right: var(--canon-space-6);
-  }
-
-  .sm\:cu-mr-7 {
-    margin-right: var(--canon-space-7);
-  }
-
-  .sm\:cu-mr-8 {
-    margin-right: var(--canon-space-8);
-  }
-
-  .sm\:cu-mr-9 {
-    margin-right: var(--canon-space-9);
-  }
-
-  .sm\:cu-mr-10 {
-    margin-right: var(--canon-space-10);
-  }
-
-  .sm\:cu-mr-11 {
-    margin-right: var(--canon-space-11);
-  }
-
-  .sm\:cu-mr-12 {
-    margin-right: var(--canon-space-12);
-  }
-
-  .sm\:cu-mr-13 {
-    margin-right: var(--canon-space-13);
-  }
-
-  .sm\:cu-mr-14 {
-    margin-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-mr {
-    margin-right: var(--pr-md);
-  }
-
-  .md\:cu-mr-0\.5 {
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .md\:cu-mr-1 {
-    margin-right: var(--canon-space-1);
-  }
-
-  .md\:cu-mr-1\.5 {
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .md\:cu-mr-2 {
-    margin-right: var(--canon-space-2);
-  }
-
-  .md\:cu-mr-3 {
-    margin-right: var(--canon-space-3);
-  }
-
-  .md\:cu-mr-4 {
-    margin-right: var(--canon-space-4);
-  }
-
-  .md\:cu-mr-5 {
-    margin-right: var(--canon-space-5);
-  }
-
-  .md\:cu-mr-6 {
-    margin-right: var(--canon-space-6);
-  }
-
-  .md\:cu-mr-7 {
-    margin-right: var(--canon-space-7);
-  }
-
-  .md\:cu-mr-8 {
-    margin-right: var(--canon-space-8);
-  }
-
-  .md\:cu-mr-9 {
-    margin-right: var(--canon-space-9);
-  }
-
-  .md\:cu-mr-10 {
-    margin-right: var(--canon-space-10);
-  }
-
-  .md\:cu-mr-11 {
-    margin-right: var(--canon-space-11);
-  }
-
-  .md\:cu-mr-12 {
-    margin-right: var(--canon-space-12);
-  }
-
-  .md\:cu-mr-13 {
-    margin-right: var(--canon-space-13);
-  }
-
-  .md\:cu-mr-14 {
-    margin-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-mr {
-    margin-right: var(--pr-lg);
-  }
-
-  .lg\:cu-mr-0\.5 {
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-mr-1 {
-    margin-right: var(--canon-space-1);
-  }
-
-  .lg\:cu-mr-1\.5 {
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-mr-2 {
-    margin-right: var(--canon-space-2);
-  }
-
-  .lg\:cu-mr-3 {
-    margin-right: var(--canon-space-3);
-  }
-
-  .lg\:cu-mr-4 {
-    margin-right: var(--canon-space-4);
-  }
-
-  .lg\:cu-mr-5 {
-    margin-right: var(--canon-space-5);
-  }
-
-  .lg\:cu-mr-6 {
-    margin-right: var(--canon-space-6);
-  }
-
-  .lg\:cu-mr-7 {
-    margin-right: var(--canon-space-7);
-  }
-
-  .lg\:cu-mr-8 {
-    margin-right: var(--canon-space-8);
-  }
-
-  .lg\:cu-mr-9 {
-    margin-right: var(--canon-space-9);
-  }
-
-  .lg\:cu-mr-10 {
-    margin-right: var(--canon-space-10);
-  }
-
-  .lg\:cu-mr-11 {
-    margin-right: var(--canon-space-11);
-  }
-
-  .lg\:cu-mr-12 {
-    margin-right: var(--canon-space-12);
-  }
-
-  .lg\:cu-mr-13 {
-    margin-right: var(--canon-space-13);
-  }
-
-  .lg\:cu-mr-14 {
-    margin-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-mr {
-    margin-right: var(--pr-xl);
-  }
-
-  .xl\:cu-mr-0\.5 {
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-mr-1 {
-    margin-right: var(--canon-space-1);
-  }
-
-  .xl\:cu-mr-1\.5 {
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-mr-2 {
-    margin-right: var(--canon-space-2);
-  }
-
-  .xl\:cu-mr-3 {
-    margin-right: var(--canon-space-3);
-  }
-
-  .xl\:cu-mr-4 {
-    margin-right: var(--canon-space-4);
-  }
-
-  .xl\:cu-mr-5 {
-    margin-right: var(--canon-space-5);
-  }
-
-  .xl\:cu-mr-6 {
-    margin-right: var(--canon-space-6);
-  }
-
-  .xl\:cu-mr-7 {
-    margin-right: var(--canon-space-7);
-  }
-
-  .xl\:cu-mr-8 {
-    margin-right: var(--canon-space-8);
-  }
-
-  .xl\:cu-mr-9 {
-    margin-right: var(--canon-space-9);
-  }
-
-  .xl\:cu-mr-10 {
-    margin-right: var(--canon-space-10);
-  }
-
-  .xl\:cu-mr-11 {
-    margin-right: var(--canon-space-11);
-  }
-
-  .xl\:cu-mr-12 {
-    margin-right: var(--canon-space-12);
-  }
-
-  .xl\:cu-mr-13 {
-    margin-right: var(--canon-space-13);
-  }
-
-  .xl\:cu-mr-14 {
-    margin-right: var(--canon-space-14);
-  }
-}
-
-.cu-mt {
-  margin-top: var(--mt);
-}
-
-.cu-mt-0\.5 {
-  margin-top: var(--canon-space-0_5);
-}
-
-.cu-mt-1 {
-  margin-top: var(--canon-space-1);
-}
-
-.cu-mt-1\.5 {
-  margin-top: var(--canon-space-1_5);
-}
-
-.cu-mt-2 {
-  margin-top: var(--canon-space-2);
-}
-
-.cu-mt-3 {
-  margin-top: var(--canon-space-3);
-}
-
-.cu-mt-4 {
-  margin-top: var(--canon-space-4);
-}
-
-.cu-mt-5 {
-  margin-top: var(--canon-space-5);
-}
-
-.cu-mt-6 {
-  margin-top: var(--canon-space-6);
-}
-
-.cu-mt-7 {
-  margin-top: var(--canon-space-7);
-}
-
-.cu-mt-8 {
-  margin-top: var(--canon-space-8);
-}
-
-.cu-mt-9 {
-  margin-top: var(--canon-space-9);
-}
-
-.cu-mt-10 {
-  margin-top: var(--canon-space-10);
-}
-
-.cu-mt-11 {
-  margin-top: var(--canon-space-11);
-}
-
-.cu-mt-12 {
-  margin-top: var(--canon-space-12);
-}
-
-.cu-mt-13 {
-  margin-top: var(--canon-space-13);
-}
-
-.cu-mt-14 {
-  margin-top: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-mt {
-    margin-top: var(--pt-xs);
-  }
-
-  .xs\:cu-mt-0\.5 {
-    margin-top: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-mt-1 {
-    margin-top: var(--canon-space-1);
-  }
-
-  .xs\:cu-mt-1\.5 {
-    margin-top: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-mt-2 {
-    margin-top: var(--canon-space-2);
-  }
-
-  .xs\:cu-mt-3 {
-    margin-top: var(--canon-space-3);
-  }
-
-  .xs\:cu-mt-4 {
-    margin-top: var(--canon-space-4);
-  }
-
-  .xs\:cu-mt-5 {
-    margin-top: var(--canon-space-5);
-  }
-
-  .xs\:cu-mt-6 {
-    margin-top: var(--canon-space-6);
-  }
-
-  .xs\:cu-mt-7 {
-    margin-top: var(--canon-space-7);
-  }
-
-  .xs\:cu-mt-8 {
-    margin-top: var(--canon-space-8);
-  }
-
-  .xs\:cu-mt-9 {
-    margin-top: var(--canon-space-9);
-  }
-
-  .xs\:cu-mt-10 {
-    margin-top: var(--canon-space-10);
-  }
-
-  .xs\:cu-mt-11 {
-    margin-top: var(--canon-space-11);
-  }
-
-  .xs\:cu-mt-12 {
-    margin-top: var(--canon-space-12);
-  }
-
-  .xs\:cu-mt-13 {
-    margin-top: var(--canon-space-13);
-  }
-
-  .xs\:cu-mt-14 {
-    margin-top: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-mt {
-    margin-top: var(--pt-sm);
-  }
-
-  .sm\:cu-mt-0\.5 {
-    margin-top: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-mt-1 {
-    margin-top: var(--canon-space-1);
-  }
-
-  .sm\:cu-mt-1\.5 {
-    margin-top: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-mt-2 {
-    margin-top: var(--canon-space-2);
-  }
-
-  .sm\:cu-mt-3 {
-    margin-top: var(--canon-space-3);
-  }
-
-  .sm\:cu-mt-4 {
-    margin-top: var(--canon-space-4);
-  }
-
-  .sm\:cu-mt-5 {
-    margin-top: var(--canon-space-5);
-  }
-
-  .sm\:cu-mt-6 {
-    margin-top: var(--canon-space-6);
-  }
-
-  .sm\:cu-mt-7 {
-    margin-top: var(--canon-space-7);
-  }
-
-  .sm\:cu-mt-8 {
-    margin-top: var(--canon-space-8);
-  }
-
-  .sm\:cu-mt-9 {
-    margin-top: var(--canon-space-9);
-  }
-
-  .sm\:cu-mt-10 {
-    margin-top: var(--canon-space-10);
-  }
-
-  .sm\:cu-mt-11 {
-    margin-top: var(--canon-space-11);
-  }
-
-  .sm\:cu-mt-12 {
-    margin-top: var(--canon-space-12);
-  }
-
-  .sm\:cu-mt-13 {
-    margin-top: var(--canon-space-13);
-  }
-
-  .sm\:cu-mt-14 {
-    margin-top: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-mt {
-    margin-top: var(--pt-md);
-  }
-
-  .md\:cu-mt-0\.5 {
-    margin-top: var(--canon-space-0_5);
-  }
-
-  .md\:cu-mt-1 {
-    margin-top: var(--canon-space-1);
-  }
-
-  .md\:cu-mt-1\.5 {
-    margin-top: var(--canon-space-1_5);
-  }
-
-  .md\:cu-mt-2 {
-    margin-top: var(--canon-space-2);
-  }
-
-  .md\:cu-mt-3 {
-    margin-top: var(--canon-space-3);
-  }
-
-  .md\:cu-mt-4 {
-    margin-top: var(--canon-space-4);
-  }
-
-  .md\:cu-mt-5 {
-    margin-top: var(--canon-space-5);
-  }
-
-  .md\:cu-mt-6 {
-    margin-top: var(--canon-space-6);
-  }
-
-  .md\:cu-mt-7 {
-    margin-top: var(--canon-space-7);
-  }
-
-  .md\:cu-mt-8 {
-    margin-top: var(--canon-space-8);
-  }
-
-  .md\:cu-mt-9 {
-    margin-top: var(--canon-space-9);
-  }
-
-  .md\:cu-mt-10 {
-    margin-top: var(--canon-space-10);
-  }
-
-  .md\:cu-mt-11 {
-    margin-top: var(--canon-space-11);
-  }
-
-  .md\:cu-mt-12 {
-    margin-top: var(--canon-space-12);
-  }
-
-  .md\:cu-mt-13 {
-    margin-top: var(--canon-space-13);
-  }
-
-  .md\:cu-mt-14 {
-    margin-top: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-mt {
-    margin-top: var(--pt-lg);
-  }
-
-  .lg\:cu-mt-0\.5 {
-    margin-top: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-mt-1 {
-    margin-top: var(--canon-space-1);
-  }
-
-  .lg\:cu-mt-1\.5 {
-    margin-top: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-mt-2 {
-    margin-top: var(--canon-space-2);
-  }
-
-  .lg\:cu-mt-3 {
-    margin-top: var(--canon-space-3);
-  }
-
-  .lg\:cu-mt-4 {
-    margin-top: var(--canon-space-4);
-  }
-
-  .lg\:cu-mt-5 {
-    margin-top: var(--canon-space-5);
-  }
-
-  .lg\:cu-mt-6 {
-    margin-top: var(--canon-space-6);
-  }
-
-  .lg\:cu-mt-7 {
-    margin-top: var(--canon-space-7);
-  }
-
-  .lg\:cu-mt-8 {
-    margin-top: var(--canon-space-8);
-  }
-
-  .lg\:cu-mt-9 {
-    margin-top: var(--canon-space-9);
-  }
-
-  .lg\:cu-mt-10 {
-    margin-top: var(--canon-space-10);
-  }
-
-  .lg\:cu-mt-11 {
-    margin-top: var(--canon-space-11);
-  }
-
-  .lg\:cu-mt-12 {
-    margin-top: var(--canon-space-12);
-  }
-
-  .lg\:cu-mt-13 {
-    margin-top: var(--canon-space-13);
-  }
-
-  .lg\:cu-mt-14 {
-    margin-top: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-mt {
-    margin-top: var(--pt-xl);
-  }
-
-  .xl\:cu-mt-0\.5 {
-    margin-top: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-mt-1 {
-    margin-top: var(--canon-space-1);
-  }
-
-  .xl\:cu-mt-1\.5 {
-    margin-top: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-mt-2 {
-    margin-top: var(--canon-space-2);
-  }
-
-  .xl\:cu-mt-3 {
-    margin-top: var(--canon-space-3);
-  }
-
-  .xl\:cu-mt-4 {
-    margin-top: var(--canon-space-4);
-  }
-
-  .xl\:cu-mt-5 {
-    margin-top: var(--canon-space-5);
-  }
-
-  .xl\:cu-mt-6 {
-    margin-top: var(--canon-space-6);
-  }
-
-  .xl\:cu-mt-7 {
-    margin-top: var(--canon-space-7);
-  }
-
-  .xl\:cu-mt-8 {
-    margin-top: var(--canon-space-8);
-  }
-
-  .xl\:cu-mt-9 {
-    margin-top: var(--canon-space-9);
-  }
-
-  .xl\:cu-mt-10 {
-    margin-top: var(--canon-space-10);
-  }
-
-  .xl\:cu-mt-11 {
-    margin-top: var(--canon-space-11);
-  }
-
-  .xl\:cu-mt-12 {
-    margin-top: var(--canon-space-12);
-  }
-
-  .xl\:cu-mt-13 {
-    margin-top: var(--canon-space-13);
-  }
-
-  .xl\:cu-mt-14 {
-    margin-top: var(--canon-space-14);
-  }
-}
-
-.cu-mb {
-  margin-bottom: var(--mb);
-}
-
-.cu-mb-0\.5 {
-  margin-bottom: var(--canon-space-0_5);
-}
-
-.cu-mb-1 {
-  margin-bottom: var(--canon-space-1);
-}
-
-.cu-mb-1\.5 {
-  margin-bottom: var(--canon-space-1_5);
-}
-
-.cu-mb-2 {
-  margin-bottom: var(--canon-space-2);
-}
-
-.cu-mb-3 {
-  margin-bottom: var(--canon-space-3);
-}
-
-.cu-mb-4 {
-  margin-bottom: var(--canon-space-4);
-}
-
-.cu-mb-5 {
-  margin-bottom: var(--canon-space-5);
-}
-
-.cu-mb-6 {
-  margin-bottom: var(--canon-space-6);
-}
-
-.cu-mb-7 {
-  margin-bottom: var(--canon-space-7);
-}
-
-.cu-mb-8 {
-  margin-bottom: var(--canon-space-8);
-}
-
-.cu-mb-9 {
-  margin-bottom: var(--canon-space-9);
-}
-
-.cu-mb-10 {
-  margin-bottom: var(--canon-space-10);
-}
-
-.cu-mb-11 {
-  margin-bottom: var(--canon-space-11);
-}
-
-.cu-mb-12 {
-  margin-bottom: var(--canon-space-12);
-}
-
-.cu-mb-13 {
-  margin-bottom: var(--canon-space-13);
-}
-
-.cu-mb-14 {
-  margin-bottom: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-mb {
-    margin-bottom: var(--pb-xs);
-  }
-
-  .xs\:cu-mb-0\.5 {
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-mb-1 {
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .xs\:cu-mb-1\.5 {
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-mb-2 {
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .xs\:cu-mb-3 {
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .xs\:cu-mb-4 {
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .xs\:cu-mb-5 {
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .xs\:cu-mb-6 {
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .xs\:cu-mb-7 {
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .xs\:cu-mb-8 {
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .xs\:cu-mb-9 {
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .xs\:cu-mb-10 {
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .xs\:cu-mb-11 {
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .xs\:cu-mb-12 {
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .xs\:cu-mb-13 {
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .xs\:cu-mb-14 {
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-mb {
-    margin-bottom: var(--pb-sm);
-  }
-
-  .sm\:cu-mb-0\.5 {
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-mb-1 {
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .sm\:cu-mb-1\.5 {
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-mb-2 {
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .sm\:cu-mb-3 {
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .sm\:cu-mb-4 {
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .sm\:cu-mb-5 {
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .sm\:cu-mb-6 {
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .sm\:cu-mb-7 {
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .sm\:cu-mb-8 {
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .sm\:cu-mb-9 {
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .sm\:cu-mb-10 {
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .sm\:cu-mb-11 {
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .sm\:cu-mb-12 {
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .sm\:cu-mb-13 {
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .sm\:cu-mb-14 {
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-mb {
-    margin-bottom: var(--pb-md);
-  }
-
-  .md\:cu-mb-0\.5 {
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .md\:cu-mb-1 {
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .md\:cu-mb-1\.5 {
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .md\:cu-mb-2 {
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .md\:cu-mb-3 {
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .md\:cu-mb-4 {
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .md\:cu-mb-5 {
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .md\:cu-mb-6 {
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .md\:cu-mb-7 {
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .md\:cu-mb-8 {
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .md\:cu-mb-9 {
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .md\:cu-mb-10 {
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .md\:cu-mb-11 {
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .md\:cu-mb-12 {
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .md\:cu-mb-13 {
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .md\:cu-mb-14 {
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-mb {
-    margin-bottom: var(--pb-lg);
-  }
-
-  .lg\:cu-mb-0\.5 {
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-mb-1 {
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .lg\:cu-mb-1\.5 {
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-mb-2 {
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .lg\:cu-mb-3 {
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .lg\:cu-mb-4 {
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .lg\:cu-mb-5 {
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .lg\:cu-mb-6 {
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .lg\:cu-mb-7 {
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .lg\:cu-mb-8 {
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .lg\:cu-mb-9 {
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .lg\:cu-mb-10 {
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .lg\:cu-mb-11 {
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .lg\:cu-mb-12 {
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .lg\:cu-mb-13 {
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .lg\:cu-mb-14 {
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-mb {
-    margin-bottom: var(--pb-xl);
-  }
-
-  .xl\:cu-mb-0\.5 {
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-mb-1 {
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .xl\:cu-mb-1\.5 {
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-mb-2 {
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .xl\:cu-mb-3 {
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .xl\:cu-mb-4 {
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .xl\:cu-mb-5 {
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .xl\:cu-mb-6 {
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .xl\:cu-mb-7 {
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .xl\:cu-mb-8 {
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .xl\:cu-mb-9 {
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .xl\:cu-mb-10 {
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .xl\:cu-mb-11 {
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .xl\:cu-mb-12 {
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .xl\:cu-mb-13 {
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .xl\:cu-mb-14 {
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-.cu-my {
-  margin-top: var(--my);
-  margin-bottom: var(--my);
-}
-
-.cu-my-0\.5 {
-  margin-top: var(--canon-space-0_5);
-  margin-bottom: var(--canon-space-0_5);
-}
-
-.cu-my-1 {
-  margin-top: var(--canon-space-1);
-  margin-bottom: var(--canon-space-1);
-}
-
-.cu-my-1\.5 {
-  margin-top: var(--canon-space-1_5);
-  margin-bottom: var(--canon-space-1_5);
-}
-
-.cu-my-2 {
-  margin-top: var(--canon-space-2);
-  margin-bottom: var(--canon-space-2);
-}
-
-.cu-my-3 {
-  margin-top: var(--canon-space-3);
-  margin-bottom: var(--canon-space-3);
-}
-
-.cu-my-4 {
-  margin-top: var(--canon-space-4);
-  margin-bottom: var(--canon-space-4);
-}
-
-.cu-my-5 {
-  margin-top: var(--canon-space-5);
-  margin-bottom: var(--canon-space-5);
-}
-
-.cu-my-6 {
-  margin-top: var(--canon-space-6);
-  margin-bottom: var(--canon-space-6);
-}
-
-.cu-my-7 {
-  margin-top: var(--canon-space-7);
-  margin-bottom: var(--canon-space-7);
-}
-
-.cu-my-8 {
-  margin-top: var(--canon-space-8);
-  margin-bottom: var(--canon-space-8);
-}
-
-.cu-my-9 {
-  margin-top: var(--canon-space-9);
-  margin-bottom: var(--canon-space-9);
-}
-
-.cu-my-10 {
-  margin-top: var(--canon-space-10);
-  margin-bottom: var(--canon-space-10);
-}
-
-.cu-my-11 {
-  margin-top: var(--canon-space-11);
-  margin-bottom: var(--canon-space-11);
-}
-
-.cu-my-12 {
-  margin-top: var(--canon-space-12);
-  margin-bottom: var(--canon-space-12);
-}
-
-.cu-my-13 {
-  margin-top: var(--canon-space-13);
-  margin-bottom: var(--canon-space-13);
-}
-
-.cu-my-14 {
-  margin-top: var(--canon-space-14);
-  margin-bottom: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-my {
-    margin-top: var(--py-xs);
-    margin-bottom: var(--py-xs);
-  }
-
-  .xs\:cu-my-0\.5 {
-    margin-top: var(--canon-space-0_5);
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-my-1 {
-    margin-top: var(--canon-space-1);
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .xs\:cu-my-1\.5 {
-    margin-top: var(--canon-space-1_5);
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-my-2 {
-    margin-top: var(--canon-space-2);
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .xs\:cu-my-3 {
-    margin-top: var(--canon-space-3);
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .xs\:cu-my-4 {
-    margin-top: var(--canon-space-4);
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .xs\:cu-my-5 {
-    margin-top: var(--canon-space-5);
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .xs\:cu-my-6 {
-    margin-top: var(--canon-space-6);
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .xs\:cu-my-7 {
-    margin-top: var(--canon-space-7);
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .xs\:cu-my-8 {
-    margin-top: var(--canon-space-8);
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .xs\:cu-my-9 {
-    margin-top: var(--canon-space-9);
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .xs\:cu-my-10 {
-    margin-top: var(--canon-space-10);
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .xs\:cu-my-11 {
-    margin-top: var(--canon-space-11);
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .xs\:cu-my-12 {
-    margin-top: var(--canon-space-12);
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .xs\:cu-my-13 {
-    margin-top: var(--canon-space-13);
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .xs\:cu-my-14 {
-    margin-top: var(--canon-space-14);
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-my {
-    margin-top: var(--py-sm);
-    margin-bottom: var(--py-sm);
-  }
-
-  .sm\:cu-my-0\.5 {
-    margin-top: var(--canon-space-0_5);
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-my-1 {
-    margin-top: var(--canon-space-1);
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .sm\:cu-my-1\.5 {
-    margin-top: var(--canon-space-1_5);
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-my-2 {
-    margin-top: var(--canon-space-2);
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .sm\:cu-my-3 {
-    margin-top: var(--canon-space-3);
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .sm\:cu-my-4 {
-    margin-top: var(--canon-space-4);
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .sm\:cu-my-5 {
-    margin-top: var(--canon-space-5);
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .sm\:cu-my-6 {
-    margin-top: var(--canon-space-6);
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .sm\:cu-my-7 {
-    margin-top: var(--canon-space-7);
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .sm\:cu-my-8 {
-    margin-top: var(--canon-space-8);
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .sm\:cu-my-9 {
-    margin-top: var(--canon-space-9);
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .sm\:cu-my-10 {
-    margin-top: var(--canon-space-10);
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .sm\:cu-my-11 {
-    margin-top: var(--canon-space-11);
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .sm\:cu-my-12 {
-    margin-top: var(--canon-space-12);
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .sm\:cu-my-13 {
-    margin-top: var(--canon-space-13);
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .sm\:cu-my-14 {
-    margin-top: var(--canon-space-14);
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-my {
-    margin-top: var(--py-md);
-    margin-bottom: var(--py-md);
-  }
-
-  .md\:cu-my-0\.5 {
-    margin-top: var(--canon-space-0_5);
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .md\:cu-my-1 {
-    margin-top: var(--canon-space-1);
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .md\:cu-my-1\.5 {
-    margin-top: var(--canon-space-1_5);
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .md\:cu-my-2 {
-    margin-top: var(--canon-space-2);
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .md\:cu-my-3 {
-    margin-top: var(--canon-space-3);
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .md\:cu-my-4 {
-    margin-top: var(--canon-space-4);
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .md\:cu-my-5 {
-    margin-top: var(--canon-space-5);
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .md\:cu-my-6 {
-    margin-top: var(--canon-space-6);
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .md\:cu-my-7 {
-    margin-top: var(--canon-space-7);
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .md\:cu-my-8 {
-    margin-top: var(--canon-space-8);
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .md\:cu-my-9 {
-    margin-top: var(--canon-space-9);
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .md\:cu-my-10 {
-    margin-top: var(--canon-space-10);
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .md\:cu-my-11 {
-    margin-top: var(--canon-space-11);
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .md\:cu-my-12 {
-    margin-top: var(--canon-space-12);
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .md\:cu-my-13 {
-    margin-top: var(--canon-space-13);
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .md\:cu-my-14 {
-    margin-top: var(--canon-space-14);
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-my {
-    margin-top: var(--py-lg);
-    margin-bottom: var(--py-lg);
-  }
-
-  .lg\:cu-my-0\.5 {
-    margin-top: var(--canon-space-0_5);
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-my-1 {
-    margin-top: var(--canon-space-1);
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .lg\:cu-my-1\.5 {
-    margin-top: var(--canon-space-1_5);
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-my-2 {
-    margin-top: var(--canon-space-2);
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .lg\:cu-my-3 {
-    margin-top: var(--canon-space-3);
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .lg\:cu-my-4 {
-    margin-top: var(--canon-space-4);
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .lg\:cu-my-5 {
-    margin-top: var(--canon-space-5);
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .lg\:cu-my-6 {
-    margin-top: var(--canon-space-6);
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .lg\:cu-my-7 {
-    margin-top: var(--canon-space-7);
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .lg\:cu-my-8 {
-    margin-top: var(--canon-space-8);
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .lg\:cu-my-9 {
-    margin-top: var(--canon-space-9);
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .lg\:cu-my-10 {
-    margin-top: var(--canon-space-10);
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .lg\:cu-my-11 {
-    margin-top: var(--canon-space-11);
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .lg\:cu-my-12 {
-    margin-top: var(--canon-space-12);
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .lg\:cu-my-13 {
-    margin-top: var(--canon-space-13);
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .lg\:cu-my-14 {
-    margin-top: var(--canon-space-14);
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-my {
-    margin-top: var(--py-xl);
-    margin-bottom: var(--py-xl);
-  }
-
-  .xl\:cu-my-0\.5 {
-    margin-top: var(--canon-space-0_5);
-    margin-bottom: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-my-1 {
-    margin-top: var(--canon-space-1);
-    margin-bottom: var(--canon-space-1);
-  }
-
-  .xl\:cu-my-1\.5 {
-    margin-top: var(--canon-space-1_5);
-    margin-bottom: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-my-2 {
-    margin-top: var(--canon-space-2);
-    margin-bottom: var(--canon-space-2);
-  }
-
-  .xl\:cu-my-3 {
-    margin-top: var(--canon-space-3);
-    margin-bottom: var(--canon-space-3);
-  }
-
-  .xl\:cu-my-4 {
-    margin-top: var(--canon-space-4);
-    margin-bottom: var(--canon-space-4);
-  }
-
-  .xl\:cu-my-5 {
-    margin-top: var(--canon-space-5);
-    margin-bottom: var(--canon-space-5);
-  }
-
-  .xl\:cu-my-6 {
-    margin-top: var(--canon-space-6);
-    margin-bottom: var(--canon-space-6);
-  }
-
-  .xl\:cu-my-7 {
-    margin-top: var(--canon-space-7);
-    margin-bottom: var(--canon-space-7);
-  }
-
-  .xl\:cu-my-8 {
-    margin-top: var(--canon-space-8);
-    margin-bottom: var(--canon-space-8);
-  }
-
-  .xl\:cu-my-9 {
-    margin-top: var(--canon-space-9);
-    margin-bottom: var(--canon-space-9);
-  }
-
-  .xl\:cu-my-10 {
-    margin-top: var(--canon-space-10);
-    margin-bottom: var(--canon-space-10);
-  }
-
-  .xl\:cu-my-11 {
-    margin-top: var(--canon-space-11);
-    margin-bottom: var(--canon-space-11);
-  }
-
-  .xl\:cu-my-12 {
-    margin-top: var(--canon-space-12);
-    margin-bottom: var(--canon-space-12);
-  }
-
-  .xl\:cu-my-13 {
-    margin-top: var(--canon-space-13);
-    margin-bottom: var(--canon-space-13);
-  }
-
-  .xl\:cu-my-14 {
-    margin-top: var(--canon-space-14);
-    margin-bottom: var(--canon-space-14);
-  }
-}
-
-.cu-mx {
-  margin-left: var(--mx);
-  margin-right: var(--mx);
-}
-
-.cu-mx-0\.5 {
-  margin-left: var(--canon-space-0_5);
-  margin-right: var(--canon-space-0_5);
-}
-
-.cu-mx-1 {
-  margin-left: var(--canon-space-1);
-  margin-right: var(--canon-space-1);
-}
-
-.cu-mx-1\.5 {
-  margin-left: var(--canon-space-1_5);
-  margin-right: var(--canon-space-1_5);
-}
-
-.cu-mx-2 {
-  margin-left: var(--canon-space-2);
-  margin-right: var(--canon-space-2);
-}
-
-.cu-mx-3 {
-  margin-left: var(--canon-space-3);
-  margin-right: var(--canon-space-3);
-}
-
-.cu-mx-4 {
-  margin-left: var(--canon-space-4);
-  margin-right: var(--canon-space-4);
-}
-
-.cu-mx-5 {
-  margin-left: var(--canon-space-5);
-  margin-right: var(--canon-space-5);
-}
-
-.cu-mx-6 {
-  margin-left: var(--canon-space-6);
-  margin-right: var(--canon-space-6);
-}
-
-.cu-mx-7 {
-  margin-left: var(--canon-space-7);
-  margin-right: var(--canon-space-7);
-}
-
-.cu-mx-8 {
-  margin-left: var(--canon-space-8);
-  margin-right: var(--canon-space-8);
-}
-
-.cu-mx-9 {
-  margin-left: var(--canon-space-9);
-  margin-right: var(--canon-space-9);
-}
-
-.cu-mx-10 {
-  margin-left: var(--canon-space-10);
-  margin-right: var(--canon-space-10);
-}
-
-.cu-mx-11 {
-  margin-left: var(--canon-space-11);
-  margin-right: var(--canon-space-11);
-}
-
-.cu-mx-12 {
-  margin-left: var(--canon-space-12);
-  margin-right: var(--canon-space-12);
-}
-
-.cu-mx-13 {
-  margin-left: var(--canon-space-13);
-  margin-right: var(--canon-space-13);
-}
-
-.cu-mx-14 {
-  margin-left: var(--canon-space-14);
-  margin-right: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-mx {
-    margin-left: var(--px-xs);
-    margin-right: var(--px-xs);
-  }
-
-  .xs\:cu-mx-0\.5 {
-    margin-left: var(--canon-space-0_5);
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-mx-1 {
-    margin-left: var(--canon-space-1);
-    margin-right: var(--canon-space-1);
-  }
-
-  .xs\:cu-mx-1\.5 {
-    margin-left: var(--canon-space-1_5);
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-mx-2 {
-    margin-left: var(--canon-space-2);
-    margin-right: var(--canon-space-2);
-  }
-
-  .xs\:cu-mx-3 {
-    margin-left: var(--canon-space-3);
-    margin-right: var(--canon-space-3);
-  }
-
-  .xs\:cu-mx-4 {
-    margin-left: var(--canon-space-4);
-    margin-right: var(--canon-space-4);
-  }
-
-  .xs\:cu-mx-5 {
-    margin-left: var(--canon-space-5);
-    margin-right: var(--canon-space-5);
-  }
-
-  .xs\:cu-mx-6 {
-    margin-left: var(--canon-space-6);
-    margin-right: var(--canon-space-6);
-  }
-
-  .xs\:cu-mx-7 {
-    margin-left: var(--canon-space-7);
-    margin-right: var(--canon-space-7);
-  }
-
-  .xs\:cu-mx-8 {
-    margin-left: var(--canon-space-8);
-    margin-right: var(--canon-space-8);
-  }
-
-  .xs\:cu-mx-9 {
-    margin-left: var(--canon-space-9);
-    margin-right: var(--canon-space-9);
-  }
-
-  .xs\:cu-mx-10 {
-    margin-left: var(--canon-space-10);
-    margin-right: var(--canon-space-10);
-  }
-
-  .xs\:cu-mx-11 {
-    margin-left: var(--canon-space-11);
-    margin-right: var(--canon-space-11);
-  }
-
-  .xs\:cu-mx-12 {
-    margin-left: var(--canon-space-12);
-    margin-right: var(--canon-space-12);
-  }
-
-  .xs\:cu-mx-13 {
-    margin-left: var(--canon-space-13);
-    margin-right: var(--canon-space-13);
-  }
-
-  .xs\:cu-mx-14 {
-    margin-left: var(--canon-space-14);
-    margin-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-mx {
-    margin-left: var(--px-sm);
-    margin-right: var(--px-sm);
-  }
-
-  .sm\:cu-mx-0\.5 {
-    margin-left: var(--canon-space-0_5);
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-mx-1 {
-    margin-left: var(--canon-space-1);
-    margin-right: var(--canon-space-1);
-  }
-
-  .sm\:cu-mx-1\.5 {
-    margin-left: var(--canon-space-1_5);
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-mx-2 {
-    margin-left: var(--canon-space-2);
-    margin-right: var(--canon-space-2);
-  }
-
-  .sm\:cu-mx-3 {
-    margin-left: var(--canon-space-3);
-    margin-right: var(--canon-space-3);
-  }
-
-  .sm\:cu-mx-4 {
-    margin-left: var(--canon-space-4);
-    margin-right: var(--canon-space-4);
-  }
-
-  .sm\:cu-mx-5 {
-    margin-left: var(--canon-space-5);
-    margin-right: var(--canon-space-5);
-  }
-
-  .sm\:cu-mx-6 {
-    margin-left: var(--canon-space-6);
-    margin-right: var(--canon-space-6);
-  }
-
-  .sm\:cu-mx-7 {
-    margin-left: var(--canon-space-7);
-    margin-right: var(--canon-space-7);
-  }
-
-  .sm\:cu-mx-8 {
-    margin-left: var(--canon-space-8);
-    margin-right: var(--canon-space-8);
-  }
-
-  .sm\:cu-mx-9 {
-    margin-left: var(--canon-space-9);
-    margin-right: var(--canon-space-9);
-  }
-
-  .sm\:cu-mx-10 {
-    margin-left: var(--canon-space-10);
-    margin-right: var(--canon-space-10);
-  }
-
-  .sm\:cu-mx-11 {
-    margin-left: var(--canon-space-11);
-    margin-right: var(--canon-space-11);
-  }
-
-  .sm\:cu-mx-12 {
-    margin-left: var(--canon-space-12);
-    margin-right: var(--canon-space-12);
-  }
-
-  .sm\:cu-mx-13 {
-    margin-left: var(--canon-space-13);
-    margin-right: var(--canon-space-13);
-  }
-
-  .sm\:cu-mx-14 {
-    margin-left: var(--canon-space-14);
-    margin-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-mx {
-    margin-left: var(--px-md);
-    margin-right: var(--px-md);
-  }
-
-  .md\:cu-mx-0\.5 {
-    margin-left: var(--canon-space-0_5);
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .md\:cu-mx-1 {
-    margin-left: var(--canon-space-1);
-    margin-right: var(--canon-space-1);
-  }
-
-  .md\:cu-mx-1\.5 {
-    margin-left: var(--canon-space-1_5);
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .md\:cu-mx-2 {
-    margin-left: var(--canon-space-2);
-    margin-right: var(--canon-space-2);
-  }
-
-  .md\:cu-mx-3 {
-    margin-left: var(--canon-space-3);
-    margin-right: var(--canon-space-3);
-  }
-
-  .md\:cu-mx-4 {
-    margin-left: var(--canon-space-4);
-    margin-right: var(--canon-space-4);
-  }
-
-  .md\:cu-mx-5 {
-    margin-left: var(--canon-space-5);
-    margin-right: var(--canon-space-5);
-  }
-
-  .md\:cu-mx-6 {
-    margin-left: var(--canon-space-6);
-    margin-right: var(--canon-space-6);
-  }
-
-  .md\:cu-mx-7 {
-    margin-left: var(--canon-space-7);
-    margin-right: var(--canon-space-7);
-  }
-
-  .md\:cu-mx-8 {
-    margin-left: var(--canon-space-8);
-    margin-right: var(--canon-space-8);
-  }
-
-  .md\:cu-mx-9 {
-    margin-left: var(--canon-space-9);
-    margin-right: var(--canon-space-9);
-  }
-
-  .md\:cu-mx-10 {
-    margin-left: var(--canon-space-10);
-    margin-right: var(--canon-space-10);
-  }
-
-  .md\:cu-mx-11 {
-    margin-left: var(--canon-space-11);
-    margin-right: var(--canon-space-11);
-  }
-
-  .md\:cu-mx-12 {
-    margin-left: var(--canon-space-12);
-    margin-right: var(--canon-space-12);
-  }
-
-  .md\:cu-mx-13 {
-    margin-left: var(--canon-space-13);
-    margin-right: var(--canon-space-13);
-  }
-
-  .md\:cu-mx-14 {
-    margin-left: var(--canon-space-14);
-    margin-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-mx {
-    margin-left: var(--px-lg);
-    margin-right: var(--px-lg);
-  }
-
-  .lg\:cu-mx-0\.5 {
-    margin-left: var(--canon-space-0_5);
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-mx-1 {
-    margin-left: var(--canon-space-1);
-    margin-right: var(--canon-space-1);
-  }
-
-  .lg\:cu-mx-1\.5 {
-    margin-left: var(--canon-space-1_5);
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-mx-2 {
-    margin-left: var(--canon-space-2);
-    margin-right: var(--canon-space-2);
-  }
-
-  .lg\:cu-mx-3 {
-    margin-left: var(--canon-space-3);
-    margin-right: var(--canon-space-3);
-  }
-
-  .lg\:cu-mx-4 {
-    margin-left: var(--canon-space-4);
-    margin-right: var(--canon-space-4);
-  }
-
-  .lg\:cu-mx-5 {
-    margin-left: var(--canon-space-5);
-    margin-right: var(--canon-space-5);
-  }
-
-  .lg\:cu-mx-6 {
-    margin-left: var(--canon-space-6);
-    margin-right: var(--canon-space-6);
-  }
-
-  .lg\:cu-mx-7 {
-    margin-left: var(--canon-space-7);
-    margin-right: var(--canon-space-7);
-  }
-
-  .lg\:cu-mx-8 {
-    margin-left: var(--canon-space-8);
-    margin-right: var(--canon-space-8);
-  }
-
-  .lg\:cu-mx-9 {
-    margin-left: var(--canon-space-9);
-    margin-right: var(--canon-space-9);
-  }
-
-  .lg\:cu-mx-10 {
-    margin-left: var(--canon-space-10);
-    margin-right: var(--canon-space-10);
-  }
-
-  .lg\:cu-mx-11 {
-    margin-left: var(--canon-space-11);
-    margin-right: var(--canon-space-11);
-  }
-
-  .lg\:cu-mx-12 {
-    margin-left: var(--canon-space-12);
-    margin-right: var(--canon-space-12);
-  }
-
-  .lg\:cu-mx-13 {
-    margin-left: var(--canon-space-13);
-    margin-right: var(--canon-space-13);
-  }
-
-  .lg\:cu-mx-14 {
-    margin-left: var(--canon-space-14);
-    margin-right: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-mx {
-    margin-left: var(--px-xl);
-    margin-right: var(--px-xl);
-  }
-
-  .xl\:cu-mx-0\.5 {
-    margin-left: var(--canon-space-0_5);
-    margin-right: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-mx-1 {
-    margin-left: var(--canon-space-1);
-    margin-right: var(--canon-space-1);
-  }
-
-  .xl\:cu-mx-1\.5 {
-    margin-left: var(--canon-space-1_5);
-    margin-right: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-mx-2 {
-    margin-left: var(--canon-space-2);
-    margin-right: var(--canon-space-2);
-  }
-
-  .xl\:cu-mx-3 {
-    margin-left: var(--canon-space-3);
-    margin-right: var(--canon-space-3);
-  }
-
-  .xl\:cu-mx-4 {
-    margin-left: var(--canon-space-4);
-    margin-right: var(--canon-space-4);
-  }
-
-  .xl\:cu-mx-5 {
-    margin-left: var(--canon-space-5);
-    margin-right: var(--canon-space-5);
-  }
-
-  .xl\:cu-mx-6 {
-    margin-left: var(--canon-space-6);
-    margin-right: var(--canon-space-6);
-  }
-
-  .xl\:cu-mx-7 {
-    margin-left: var(--canon-space-7);
-    margin-right: var(--canon-space-7);
-  }
-
-  .xl\:cu-mx-8 {
-    margin-left: var(--canon-space-8);
-    margin-right: var(--canon-space-8);
-  }
-
-  .xl\:cu-mx-9 {
-    margin-left: var(--canon-space-9);
-    margin-right: var(--canon-space-9);
-  }
-
-  .xl\:cu-mx-10 {
-    margin-left: var(--canon-space-10);
-    margin-right: var(--canon-space-10);
-  }
-
-  .xl\:cu-mx-11 {
-    margin-left: var(--canon-space-11);
-    margin-right: var(--canon-space-11);
-  }
-
-  .xl\:cu-mx-12 {
-    margin-left: var(--canon-space-12);
-    margin-right: var(--canon-space-12);
-  }
-
-  .xl\:cu-mx-13 {
-    margin-left: var(--canon-space-13);
-    margin-right: var(--canon-space-13);
-  }
-
-  .xl\:cu-mx-14 {
-    margin-left: var(--canon-space-14);
-    margin-right: var(--canon-space-14);
-  }
-}
-
-.cu-display-none {
-  display: none;
-}
-
-.cu-display-inline {
-  display: inline;
-}
-
-.cu-display-inline-block {
-  display: inline-block;
-}
-
-.cu-display-block {
-  display: block;
-}
-
-@media (width >= 640px) {
-  .xs\:cu-display-none {
-    display: none;
-  }
-
-  .xs\:cu-display-inline {
-    display: inline;
-  }
-
-  .xs\:cu-display-inline-block {
-    display: inline-block;
-  }
-
-  .xs\:cu-display-block {
-    display: block;
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-display-none {
-    display: none;
-  }
-
-  .sm\:cu-display-inline {
-    display: inline;
-  }
-
-  .sm\:cu-display-inline-block {
-    display: inline-block;
-  }
-
-  .sm\:cu-display-block {
-    display: block;
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-display-none {
-    display: none;
-  }
-
-  .md\:cu-display-inline {
-    display: inline;
-  }
-
-  .md\:cu-display-inline-block {
-    display: inline-block;
-  }
-
-  .md\:cu-display-block {
-    display: block;
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-display-none {
-    display: none;
-  }
-
-  .lg\:cu-display-inline {
-    display: inline;
-  }
-
-  .lg\:cu-display-inline-block {
-    display: inline-block;
-  }
-
-  .lg\:cu-display-block {
-    display: block;
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-display-none {
-    display: none;
-  }
-
-  .xl\:cu-display-inline {
-    display: inline;
-  }
-
-  .xl\:cu-display-inline-block {
-    display: inline-block;
-  }
-
-  .xl\:cu-display-block {
-    display: block;
-  }
-}
-
-.cu-w {
-  width: var(--width);
-}
-
-.cu-min-w {
-  min-width: var(--min-width);
-}
-
-.cu-max-w {
-  max-width: var(--max-width);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-w {
-    width: var(--width);
-  }
-
-  .xs\:cu-min-w {
-    min-width: var(--min-width);
-  }
-
-  .xs\:cu-max-w {
-    max-width: var(--max-width);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-w {
-    width: var(--width);
-  }
-
-  .sm\:cu-min-w {
-    min-width: var(--min-width);
-  }
-
-  .sm\:cu-max-w {
-    max-width: var(--max-width);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-w {
-    width: var(--width);
-  }
-
-  .md\:cu-min-w {
-    min-width: var(--min-width);
-  }
-
-  .md\:cu-max-w {
-    max-width: var(--max-width);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-w {
-    width: var(--width);
-  }
-
-  .lg\:cu-min-w {
-    min-width: var(--min-width);
-  }
-
-  .lg\:cu-max-w {
-    max-width: var(--max-width);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-w {
-    width: var(--width);
-  }
-
-  .xl\:cu-min-w {
-    min-width: var(--min-width);
-  }
-
-  .xl\:cu-max-w {
-    max-width: var(--max-width);
-  }
-}
-
-.cu-h {
-  height: var(--height);
-}
-
-.cu-min-h {
-  min-height: var(--min-height);
-}
-
-.cu-max-h {
-  max-height: var(--max-height);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-h {
-    height: var(--height);
-  }
-
-  .xs\:cu-min-h {
-    min-height: var(--min-height);
-  }
-
-  .xs\:cu-max-h {
-    max-height: var(--max-height);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-h {
-    height: var(--height);
-  }
-
-  .sm\:cu-min-h {
-    min-height: var(--min-height);
-  }
-
-  .sm\:cu-max-h {
-    max-height: var(--max-height);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-h {
-    height: var(--height);
-  }
-
-  .md\:cu-min-h {
-    min-height: var(--min-height);
-  }
-
-  .md\:cu-max-h {
-    max-height: var(--max-height);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-h {
-    height: var(--height);
-  }
-
-  .lg\:cu-min-h {
-    min-height: var(--min-height);
-  }
-
-  .lg\:cu-max-h {
-    max-height: var(--max-height);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-h {
-    height: var(--height);
-  }
-
-  .xl\:cu-min-h {
-    min-height: var(--min-height);
-  }
-
-  .xl\:cu-max-h {
-    max-height: var(--max-height);
-  }
-}
-
-.cu-position-absolute {
-  position: absolute;
-}
-
-.cu-position-fixed {
-  position: fixed;
-}
-
-.cu-position-sticky {
-  position: sticky;
-}
-
-.cu-position-relative {
-  position: relative;
-}
-
-.cu-position-static {
-  position: static;
-}
-
-@media (width >= 640px) {
-  .xs\:cu-position-absolute {
-    position: absolute;
-  }
-
-  .xs\:cu-position-fixed {
-    position: fixed;
-  }
-
-  .xs\:cu-position-sticky {
-    position: sticky;
-  }
-
-  .xs\:cu-position-relative {
-    position: relative;
-  }
-
-  .xs\:cu-position-static {
-    position: static;
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-position-absolute {
-    position: absolute;
-  }
-
-  .sm\:cu-position-fixed {
-    position: fixed;
-  }
-
-  .sm\:cu-position-sticky {
-    position: sticky;
-  }
-
-  .sm\:cu-position-relative {
-    position: relative;
-  }
-
-  .sm\:cu-position-static {
-    position: static;
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-position-absolute {
-    position: absolute;
-  }
-
-  .md\:cu-position-fixed {
-    position: fixed;
-  }
-
-  .md\:cu-position-sticky {
-    position: sticky;
-  }
-
-  .md\:cu-position-relative {
-    position: relative;
-  }
-
-  .md\:cu-position-static {
-    position: static;
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-position-absolute {
-    position: absolute;
-  }
-
-  .lg\:cu-position-fixed {
-    position: fixed;
-  }
-
-  .lg\:cu-position-sticky {
-    position: sticky;
-  }
-
-  .lg\:cu-position-relative {
-    position: relative;
-  }
-
-  .lg\:cu-position-static {
-    position: static;
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-position-absolute {
-    position: absolute;
-  }
-
-  .xl\:cu-position-fixed {
-    position: fixed;
-  }
-
-  .xl\:cu-position-sticky {
-    position: sticky;
-  }
-
-  .xl\:cu-position-relative {
-    position: relative;
-  }
-
-  .xl\:cu-position-static {
-    position: static;
-  }
-}
-
-.cu-columns-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-
-.cu-columns-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.cu-columns-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.cu-columns-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.cu-columns-5 {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.cu-columns-6 {
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-}
-
-.cu-columns-7 {
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-}
-
-.cu-columns-8 {
-  grid-template-columns: repeat(8, minmax(0, 1fr));
-}
-
-.cu-columns-9 {
-  grid-template-columns: repeat(9, minmax(0, 1fr));
-}
-
-.cu-columns-10 {
-  grid-template-columns: repeat(10, minmax(0, 1fr));
-}
-
-.cu-columns-11 {
-  grid-template-columns: repeat(11, minmax(0, 1fr));
-}
-
-.cu-columns-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-
-.cu-columns-auto {
-  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-}
-
-.cu-col-span-1 {
-  grid-column: span 1 / span 1;
-}
-
-.cu-col-span-2 {
-  grid-column: span 2 / span 2;
-}
-
-.cu-col-span-3 {
-  grid-column: span 3 / span 3;
-}
-
-.cu-col-span-4 {
-  grid-column: span 4 / span 4;
-}
-
-.cu-col-span-5 {
-  grid-column: span 5 / span 5;
-}
-
-.cu-col-span-6 {
-  grid-column: span 6 / span 6;
-}
-
-.cu-col-span-7 {
-  grid-column: span 7 / span 7;
-}
-
-.cu-col-span-8 {
-  grid-column: span 8 / span 8;
-}
-
-.cu-col-span-9 {
-  grid-column: span 9 / span 9;
-}
-
-.cu-col-span-10 {
-  grid-column: span 10 / span 10;
-}
-
-.cu-col-span-11 {
-  grid-column: span 11 / span 11;
-}
-
-.cu-col-span-12 {
-  grid-column: span 12 / span 12;
-}
-
-.cu-col-span-auto {
-  grid-column: span auto / span auto;
-}
-
-.cu-col-start-1 {
-  grid-column-start: 1;
-}
-
-.cu-col-start-2 {
-  grid-column-start: 2;
-}
-
-.cu-col-start-3 {
-  grid-column-start: 3;
-}
-
-.cu-col-start-4 {
-  grid-column-start: 4;
-}
-
-.cu-col-start-5 {
-  grid-column-start: 5;
-}
-
-.cu-col-start-6 {
-  grid-column-start: 6;
-}
-
-.cu-col-start-7 {
-  grid-column-start: 7;
-}
-
-.cu-col-start-8 {
-  grid-column-start: 8;
-}
-
-.cu-col-start-9 {
-  grid-column-start: 9;
-}
-
-.cu-col-start-10 {
-  grid-column-start: 10;
-}
-
-.cu-col-start-11 {
-  grid-column-start: 11;
-}
-
-.cu-col-start-12 {
-  grid-column-start: 12;
-}
-
-.cu-col-start-13 {
-  grid-column-start: 13;
-}
-
-.cu-col-start-auto {
-  grid-column-start: auto;
-}
-
-.cu-col-end-1 {
-  grid-column-end: 1;
-}
-
-.cu-col-end-2 {
-  grid-column-end: 2;
-}
-
-.cu-col-end-3 {
-  grid-column-end: 3;
-}
-
-.cu-col-end-4 {
-  grid-column-end: 4;
-}
-
-.cu-col-end-5 {
-  grid-column-end: 5;
-}
-
-.cu-col-end-6 {
-  grid-column-end: 6;
-}
-
-.cu-col-end-7 {
-  grid-column-end: 7;
-}
-
-.cu-col-end-8 {
-  grid-column-end: 8;
-}
-
-.cu-col-end-9 {
-  grid-column-end: 9;
-}
-
-.cu-col-end-10 {
-  grid-column-end: 10;
-}
-
-.cu-col-end-11 {
-  grid-column-end: 11;
-}
-
-.cu-col-end-12 {
-  grid-column-end: 12;
-}
-
-.cu-col-end-13 {
-  grid-column-end: 13;
-}
-
-.cu-col-end-auto {
-  grid-column-end: auto;
-}
-
-.cu-row-span-1 {
-  grid-row: span 1 / span 1;
-}
-
-.cu-row-span-2 {
-  grid-row: span 2 / span 2;
-}
-
-.cu-row-span-3 {
-  grid-row: span 3 / span 3;
-}
-
-.cu-row-span-4 {
-  grid-row: span 4 / span 4;
-}
-
-.cu-row-span-5 {
-  grid-row: span 5 / span 5;
-}
-
-.cu-row-span-6 {
-  grid-row: span 6 / span 6;
-}
-
-.cu-row-span-7 {
-  grid-row: span 7 / span 7;
-}
-
-.cu-row-span-8 {
-  grid-row: span 8 / span 8;
-}
-
-.cu-row-span-9 {
-  grid-row: span 9 / span 9;
-}
-
-.cu-row-span-10 {
-  grid-row: span 10 / span 10;
-}
-
-.cu-row-span-11 {
-  grid-row: span 11 / span 11;
-}
-
-.cu-row-span-12 {
-  grid-row: span 12 / span 12;
-}
-
-.cu-row-span-auto {
-  grid-row: span auto / span auto;
-}
-
-@media (width >= 640px) {
-  .xs\:cu-columns-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .xs\:cu-columns-auto {
-    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  }
-
-  .xs\:cu-col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .xs\:cu-col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .xs\:cu-col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .xs\:cu-col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .xs\:cu-col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .xs\:cu-col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .xs\:cu-col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .xs\:cu-col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .xs\:cu-col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .xs\:cu-col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .xs\:cu-col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .xs\:cu-col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .xs\:cu-col-span-auto {
-    grid-column: span auto / span auto;
-  }
-
-  .xs\:cu-col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .xs\:cu-col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .xs\:cu-col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .xs\:cu-col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .xs\:cu-col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .xs\:cu-col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .xs\:cu-col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .xs\:cu-col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .xs\:cu-col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .xs\:cu-col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .xs\:cu-col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .xs\:cu-col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .xs\:cu-col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .xs\:cu-col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .xs\:cu-col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .xs\:cu-col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .xs\:cu-col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .xs\:cu-col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .xs\:cu-col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .xs\:cu-col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .xs\:cu-col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .xs\:cu-col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .xs\:cu-col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .xs\:cu-col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .xs\:cu-col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .xs\:cu-col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .xs\:cu-col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .xs\:cu-col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .xs\:cu-row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .xs\:cu-row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .xs\:cu-row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .xs\:cu-row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .xs\:cu-row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .xs\:cu-row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .xs\:cu-row-span-7 {
-    grid-row: span 7 / span 7;
-  }
-
-  .xs\:cu-row-span-8 {
-    grid-row: span 8 / span 8;
-  }
-
-  .xs\:cu-row-span-9 {
-    grid-row: span 9 / span 9;
-  }
-
-  .xs\:cu-row-span-10 {
-    grid-row: span 10 / span 10;
-  }
-
-  .xs\:cu-row-span-11 {
-    grid-row: span 11 / span 11;
-  }
-
-  .xs\:cu-row-span-12 {
-    grid-row: span 12 / span 12;
-  }
-
-  .xs\:cu-row-span-auto {
-    grid-row: span auto / span auto;
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-columns-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .sm\:cu-columns-auto {
-    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  }
-
-  .sm\:cu-col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .sm\:cu-col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .sm\:cu-col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .sm\:cu-col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .sm\:cu-col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .sm\:cu-col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .sm\:cu-col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .sm\:cu-col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .sm\:cu-col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .sm\:cu-col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .sm\:cu-col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .sm\:cu-col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .sm\:cu-col-span-auto {
-    grid-column: span auto / span auto;
-  }
-
-  .sm\:cu-col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .sm\:cu-col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .sm\:cu-col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .sm\:cu-col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .sm\:cu-col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .sm\:cu-col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .sm\:cu-col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .sm\:cu-col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .sm\:cu-col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .sm\:cu-col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .sm\:cu-col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .sm\:cu-col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .sm\:cu-col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .sm\:cu-col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .sm\:cu-col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .sm\:cu-col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .sm\:cu-col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .sm\:cu-col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .sm\:cu-col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .sm\:cu-col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .sm\:cu-col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .sm\:cu-col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .sm\:cu-col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .sm\:cu-col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .sm\:cu-col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .sm\:cu-col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .sm\:cu-col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .sm\:cu-col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .sm\:cu-row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .sm\:cu-row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .sm\:cu-row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .sm\:cu-row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .sm\:cu-row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .sm\:cu-row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .sm\:cu-row-span-7 {
-    grid-row: span 7 / span 7;
-  }
-
-  .sm\:cu-row-span-8 {
-    grid-row: span 8 / span 8;
-  }
-
-  .sm\:cu-row-span-9 {
-    grid-row: span 9 / span 9;
-  }
-
-  .sm\:cu-row-span-10 {
-    grid-row: span 10 / span 10;
-  }
-
-  .sm\:cu-row-span-11 {
-    grid-row: span 11 / span 11;
-  }
-
-  .sm\:cu-row-span-12 {
-    grid-row: span 12 / span 12;
-  }
-
-  .sm\:cu-row-span-auto {
-    grid-row: span auto / span auto;
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-columns-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .md\:cu-columns-auto {
-    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  }
-
-  .md\:cu-col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .md\:cu-col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .md\:cu-col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:cu-col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .md\:cu-col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .md\:cu-col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:cu-col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .md\:cu-col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .md\:cu-col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .md\:cu-col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .md\:cu-col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .md\:cu-col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .md\:cu-col-span-auto {
-    grid-column: span auto / span auto;
-  }
-
-  .md\:cu-col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .md\:cu-col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .md\:cu-col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .md\:cu-col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .md\:cu-col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .md\:cu-col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .md\:cu-col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .md\:cu-col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .md\:cu-col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .md\:cu-col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .md\:cu-col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .md\:cu-col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .md\:cu-col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .md\:cu-col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .md\:cu-col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .md\:cu-col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .md\:cu-col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .md\:cu-col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .md\:cu-col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .md\:cu-col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .md\:cu-col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .md\:cu-col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .md\:cu-col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .md\:cu-col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .md\:cu-col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .md\:cu-col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .md\:cu-col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .md\:cu-col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .md\:cu-row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .md\:cu-row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .md\:cu-row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .md\:cu-row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .md\:cu-row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .md\:cu-row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .md\:cu-row-span-7 {
-    grid-row: span 7 / span 7;
-  }
-
-  .md\:cu-row-span-8 {
-    grid-row: span 8 / span 8;
-  }
-
-  .md\:cu-row-span-9 {
-    grid-row: span 9 / span 9;
-  }
-
-  .md\:cu-row-span-10 {
-    grid-row: span 10 / span 10;
-  }
-
-  .md\:cu-row-span-11 {
-    grid-row: span 11 / span 11;
-  }
-
-  .md\:cu-row-span-12 {
-    grid-row: span 12 / span 12;
-  }
-
-  .md\:cu-row-span-auto {
-    grid-row: span auto / span auto;
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-columns-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .lg\:cu-columns-auto {
-    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  }
-
-  .lg\:cu-col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .lg\:cu-col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .lg\:cu-col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .lg\:cu-col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .lg\:cu-col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .lg\:cu-col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .lg\:cu-col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .lg\:cu-col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .lg\:cu-col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .lg\:cu-col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .lg\:cu-col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .lg\:cu-col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .lg\:cu-col-span-auto {
-    grid-column: span auto / span auto;
-  }
-
-  .lg\:cu-col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .lg\:cu-col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .lg\:cu-col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .lg\:cu-col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .lg\:cu-col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .lg\:cu-col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .lg\:cu-col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .lg\:cu-col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .lg\:cu-col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .lg\:cu-col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .lg\:cu-col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .lg\:cu-col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .lg\:cu-col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .lg\:cu-col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .lg\:cu-col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .lg\:cu-col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .lg\:cu-col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .lg\:cu-col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .lg\:cu-col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .lg\:cu-col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .lg\:cu-col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .lg\:cu-col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .lg\:cu-col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .lg\:cu-col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .lg\:cu-col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .lg\:cu-col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .lg\:cu-col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .lg\:cu-col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .lg\:cu-row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .lg\:cu-row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .lg\:cu-row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .lg\:cu-row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .lg\:cu-row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .lg\:cu-row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .lg\:cu-row-span-7 {
-    grid-row: span 7 / span 7;
-  }
-
-  .lg\:cu-row-span-8 {
-    grid-row: span 8 / span 8;
-  }
-
-  .lg\:cu-row-span-9 {
-    grid-row: span 9 / span 9;
-  }
-
-  .lg\:cu-row-span-10 {
-    grid-row: span 10 / span 10;
-  }
-
-  .lg\:cu-row-span-11 {
-    grid-row: span 11 / span 11;
-  }
-
-  .lg\:cu-row-span-12 {
-    grid-row: span 12 / span 12;
-  }
-
-  .lg\:cu-row-span-auto {
-    grid-row: span auto / span auto;
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-columns-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .xl\:cu-columns-auto {
-    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  }
-
-  .xl\:cu-col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .xl\:cu-col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .xl\:cu-col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .xl\:cu-col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .xl\:cu-col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .xl\:cu-col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .xl\:cu-col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .xl\:cu-col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .xl\:cu-col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .xl\:cu-col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .xl\:cu-col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .xl\:cu-col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .xl\:cu-col-span-auto {
-    grid-column: span auto / span auto;
-  }
-
-  .xl\:cu-col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .xl\:cu-col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .xl\:cu-col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .xl\:cu-col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .xl\:cu-col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .xl\:cu-col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .xl\:cu-col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .xl\:cu-col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .xl\:cu-col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .xl\:cu-col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .xl\:cu-col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .xl\:cu-col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .xl\:cu-col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .xl\:cu-col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .xl\:cu-col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .xl\:cu-col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .xl\:cu-col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .xl\:cu-col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .xl\:cu-col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .xl\:cu-col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .xl\:cu-col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .xl\:cu-col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .xl\:cu-col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .xl\:cu-col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .xl\:cu-col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .xl\:cu-col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .xl\:cu-col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .xl\:cu-col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .xl\:cu-row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .xl\:cu-row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .xl\:cu-row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .xl\:cu-row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .xl\:cu-row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .xl\:cu-row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .xl\:cu-row-span-7 {
-    grid-row: span 7 / span 7;
-  }
-
-  .xl\:cu-row-span-8 {
-    grid-row: span 8 / span 8;
-  }
-
-  .xl\:cu-row-span-9 {
-    grid-row: span 9 / span 9;
-  }
-
-  .xl\:cu-row-span-10 {
-    grid-row: span 10 / span 10;
-  }
-
-  .xl\:cu-row-span-11 {
-    grid-row: span 11 / span 11;
-  }
-
-  .xl\:cu-row-span-12 {
-    grid-row: span 12 / span 12;
-  }
-
-  .xl\:cu-row-span-auto {
-    grid-row: span auto / span auto;
-  }
-}
-
-.cu-gap {
-  gap: var(--gap);
-}
-
-.cu-gap-0\.5 {
-  gap: var(--canon-space-0_5);
-}
-
-.cu-gap-1 {
-  gap: var(--canon-space-1);
-}
-
-.cu-gap-1\.5 {
-  gap: var(--canon-space-1_5);
-}
-
-.cu-gap-2 {
-  gap: var(--canon-space-2);
-}
-
-.cu-gap-3 {
-  gap: var(--canon-space-3);
-}
-
-.cu-gap-4 {
-  gap: var(--canon-space-4);
-}
-
-.cu-gap-5 {
-  gap: var(--canon-space-5);
-}
-
-.cu-gap-6 {
-  gap: var(--canon-space-6);
-}
-
-.cu-gap-7 {
-  gap: var(--canon-space-7);
-}
-
-.cu-gap-8 {
-  gap: var(--canon-space-8);
-}
-
-.cu-gap-9 {
-  gap: var(--canon-space-9);
-}
-
-.cu-gap-10 {
-  gap: var(--canon-space-10);
-}
-
-.cu-gap-11 {
-  gap: var(--canon-space-11);
-}
-
-.cu-gap-12 {
-  gap: var(--canon-space-12);
-}
-
-.cu-gap-13 {
-  gap: var(--canon-space-13);
-}
-
-.cu-gap-14 {
-  gap: var(--canon-space-14);
-}
-
-@media (width >= 640px) {
-  .xs\:cu-gap {
-    gap: var(--gap-xs);
-  }
-
-  .xs\:cu-gap-0\.5 {
-    gap: var(--canon-space-0_5);
-  }
-
-  .xs\:cu-gap-1 {
-    gap: var(--canon-space-1);
-  }
-
-  .xs\:cu-gap-1\.5 {
-    gap: var(--canon-space-1_5);
-  }
-
-  .xs\:cu-gap-2 {
-    gap: var(--canon-space-2);
-  }
-
-  .xs\:cu-gap-3 {
-    gap: var(--canon-space-3);
-  }
-
-  .xs\:cu-gap-4 {
-    gap: var(--canon-space-4);
-  }
-
-  .xs\:cu-gap-5 {
-    gap: var(--canon-space-5);
-  }
-
-  .xs\:cu-gap-6 {
-    gap: var(--canon-space-6);
-  }
-
-  .xs\:cu-gap-7 {
-    gap: var(--canon-space-7);
-  }
-
-  .xs\:cu-gap-8 {
-    gap: var(--canon-space-8);
-  }
-
-  .xs\:cu-gap-9 {
-    gap: var(--canon-space-9);
-  }
-
-  .xs\:cu-gap-10 {
-    gap: var(--canon-space-10);
-  }
-
-  .xs\:cu-gap-11 {
-    gap: var(--canon-space-11);
-  }
-
-  .xs\:cu-gap-12 {
-    gap: var(--canon-space-12);
-  }
-
-  .xs\:cu-gap-13 {
-    gap: var(--canon-space-13);
-  }
-
-  .xs\:cu-gap-14 {
-    gap: var(--canon-space-14);
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-gap {
-    gap: var(--gap-sm);
-  }
-
-  .sm\:cu-gap-0\.5 {
-    gap: var(--canon-space-0_5);
-  }
-
-  .sm\:cu-gap-1 {
-    gap: var(--canon-space-1);
-  }
-
-  .sm\:cu-gap-1\.5 {
-    gap: var(--canon-space-1_5);
-  }
-
-  .sm\:cu-gap-2 {
-    gap: var(--canon-space-2);
-  }
-
-  .sm\:cu-gap-3 {
-    gap: var(--canon-space-3);
-  }
-
-  .sm\:cu-gap-4 {
-    gap: var(--canon-space-4);
-  }
-
-  .sm\:cu-gap-5 {
-    gap: var(--canon-space-5);
-  }
-
-  .sm\:cu-gap-6 {
-    gap: var(--canon-space-6);
-  }
-
-  .sm\:cu-gap-7 {
-    gap: var(--canon-space-7);
-  }
-
-  .sm\:cu-gap-8 {
-    gap: var(--canon-space-8);
-  }
-
-  .sm\:cu-gap-9 {
-    gap: var(--canon-space-9);
-  }
-
-  .sm\:cu-gap-10 {
-    gap: var(--canon-space-10);
-  }
-
-  .sm\:cu-gap-11 {
-    gap: var(--canon-space-11);
-  }
-
-  .sm\:cu-gap-12 {
-    gap: var(--canon-space-12);
-  }
-
-  .sm\:cu-gap-13 {
-    gap: var(--canon-space-13);
-  }
-
-  .sm\:cu-gap-14 {
-    gap: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-gap {
-    gap: var(--gap-md);
-  }
-
-  .md\:cu-gap-0\.5 {
-    gap: var(--canon-space-0_5);
-  }
-
-  .md\:cu-gap-1 {
-    gap: var(--canon-space-1);
-  }
-
-  .md\:cu-gap-1\.5 {
-    gap: var(--canon-space-1_5);
-  }
-
-  .md\:cu-gap-2 {
-    gap: var(--canon-space-2);
-  }
-
-  .md\:cu-gap-3 {
-    gap: var(--canon-space-3);
-  }
-
-  .md\:cu-gap-4 {
-    gap: var(--canon-space-4);
-  }
-
-  .md\:cu-gap-5 {
-    gap: var(--canon-space-5);
-  }
-
-  .md\:cu-gap-6 {
-    gap: var(--canon-space-6);
-  }
-
-  .md\:cu-gap-7 {
-    gap: var(--canon-space-7);
-  }
-
-  .md\:cu-gap-8 {
-    gap: var(--canon-space-8);
-  }
-
-  .md\:cu-gap-9 {
-    gap: var(--canon-space-9);
-  }
-
-  .md\:cu-gap-10 {
-    gap: var(--canon-space-10);
-  }
-
-  .md\:cu-gap-11 {
-    gap: var(--canon-space-11);
-  }
-
-  .md\:cu-gap-12 {
-    gap: var(--canon-space-12);
-  }
-
-  .md\:cu-gap-13 {
-    gap: var(--canon-space-13);
-  }
-
-  .md\:cu-gap-14 {
-    gap: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-gap {
-    gap: var(--gap-lg);
-  }
-
-  .lg\:cu-gap-0\.5 {
-    gap: var(--canon-space-0_5);
-  }
-
-  .lg\:cu-gap-1 {
-    gap: var(--canon-space-1);
-  }
-
-  .lg\:cu-gap-1\.5 {
-    gap: var(--canon-space-1_5);
-  }
-
-  .lg\:cu-gap-2 {
-    gap: var(--canon-space-2);
-  }
-
-  .lg\:cu-gap-3 {
-    gap: var(--canon-space-3);
-  }
-
-  .lg\:cu-gap-4 {
-    gap: var(--canon-space-4);
-  }
-
-  .lg\:cu-gap-5 {
-    gap: var(--canon-space-5);
-  }
-
-  .lg\:cu-gap-6 {
-    gap: var(--canon-space-6);
-  }
-
-  .lg\:cu-gap-7 {
-    gap: var(--canon-space-7);
-  }
-
-  .lg\:cu-gap-8 {
-    gap: var(--canon-space-8);
-  }
-
-  .lg\:cu-gap-9 {
-    gap: var(--canon-space-9);
-  }
-
-  .lg\:cu-gap-10 {
-    gap: var(--canon-space-10);
-  }
-
-  .lg\:cu-gap-11 {
-    gap: var(--canon-space-11);
-  }
-
-  .lg\:cu-gap-12 {
-    gap: var(--canon-space-12);
-  }
-
-  .lg\:cu-gap-13 {
-    gap: var(--canon-space-13);
-  }
-
-  .lg\:cu-gap-14 {
-    gap: var(--canon-space-14);
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-gap {
-    gap: var(--gap-xl);
-  }
-
-  .xl\:cu-gap-0\.5 {
-    gap: var(--canon-space-0_5);
-  }
-
-  .xl\:cu-gap-1 {
-    gap: var(--canon-space-1);
-  }
-
-  .xl\:cu-gap-1\.5 {
-    gap: var(--canon-space-1_5);
-  }
-
-  .xl\:cu-gap-2 {
-    gap: var(--canon-space-2);
-  }
-
-  .xl\:cu-gap-3 {
-    gap: var(--canon-space-3);
-  }
-
-  .xl\:cu-gap-4 {
-    gap: var(--canon-space-4);
-  }
-
-  .xl\:cu-gap-5 {
-    gap: var(--canon-space-5);
-  }
-
-  .xl\:cu-gap-6 {
-    gap: var(--canon-space-6);
-  }
-
-  .xl\:cu-gap-7 {
-    gap: var(--canon-space-7);
-  }
-
-  .xl\:cu-gap-8 {
-    gap: var(--canon-space-8);
-  }
-
-  .xl\:cu-gap-9 {
-    gap: var(--canon-space-9);
-  }
-
-  .xl\:cu-gap-10 {
-    gap: var(--canon-space-10);
-  }
-
-  .xl\:cu-gap-11 {
-    gap: var(--canon-space-11);
-  }
-
-  .xl\:cu-gap-12 {
-    gap: var(--canon-space-12);
-  }
-
-  .xl\:cu-gap-13 {
-    gap: var(--canon-space-13);
-  }
-
-  .xl\:cu-gap-14 {
-    gap: var(--canon-space-14);
-  }
-}
-
-.cu-align-start {
-  align-items: start;
-}
-
-.cu-align-center {
-  align-items: center;
-}
-
-.cu-align-end {
-  align-items: end;
-}
-
-.cu-align-stretch {
-  align-items: stretch;
-}
-
-.cu-jc-start {
-  justify-content: start;
-}
-
-.cu-jc-center {
-  justify-content: center;
-}
-
-.cu-jc-end {
-  justify-content: end;
-}
-
-.cu-jc-between {
-  justify-content: space-between;
-}
-
-.cu-fd-row {
-  flex-direction: row;
-}
-
-.cu-fd-column {
-  flex-direction: column;
-}
-
-.cu-fd-row-reverse {
-  flex-direction: row-reverse;
-}
-
-.cu-fd-column-reverse {
-  flex-direction: column-reverse;
-}
-
-@media (width >= 640px) {
-  .xs\:cu-align-start {
-    align-items: start;
-  }
-
-  .xs\:cu-align-center {
-    align-items: center;
-  }
-
-  .xs\:cu-align-end {
-    align-items: end;
-  }
-
-  .xs\:cu-align-stretch {
-    align-items: stretch;
-  }
-
-  .xs\:cu-jc-start {
-    justify-content: start;
-  }
-
-  .xs\:cu-jc-center {
-    justify-content: center;
-  }
-
-  .xs\:cu-jc-end {
-    justify-content: end;
-  }
-
-  .xs\:cu-jc-between {
-    justify-content: space-between;
-  }
-
-  .xs\:cu-fd-row {
-    flex-direction: row;
-  }
-
-  .xs\:cu-fd-column {
-    flex-direction: column;
-  }
-
-  .xs\:cu-fd-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .xs\:cu-fd-column-reverse {
-    flex-direction: column-reverse;
-  }
-}
-
-@media (width >= 768px) {
-  .sm\:cu-align-start {
-    align-items: start;
-  }
-
-  .sm\:cu-align-center {
-    align-items: center;
-  }
-
-  .sm\:cu-align-end {
-    align-items: end;
-  }
-
-  .sm\:cu-align-stretch {
-    align-items: stretch;
-  }
-
-  .sm\:cu-jc-start {
-    justify-content: start;
-  }
-
-  .sm\:cu-jc-center {
-    justify-content: center;
-  }
-
-  .sm\:cu-jc-end {
-    justify-content: end;
-  }
-
-  .sm\:cu-jc-between {
-    justify-content: space-between;
-  }
-
-  .sm\:cu-fd-row {
-    flex-direction: row;
-  }
-
-  .sm\:cu-fd-column {
-    flex-direction: column;
-  }
-
-  .sm\:cu-fd-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .sm\:cu-fd-column-reverse {
-    flex-direction: column-reverse;
-  }
-}
-
-@media (width >= 1024px) {
-  .md\:cu-align-start {
-    align-items: start;
-  }
-
-  .md\:cu-align-center {
-    align-items: center;
-  }
-
-  .md\:cu-align-end {
-    align-items: end;
-  }
-
-  .md\:cu-align-stretch {
-    align-items: stretch;
-  }
-
-  .md\:cu-jc-start {
-    justify-content: start;
-  }
-
-  .md\:cu-jc-center {
-    justify-content: center;
-  }
-
-  .md\:cu-jc-end {
-    justify-content: end;
-  }
-
-  .md\:cu-jc-between {
-    justify-content: space-between;
-  }
-
-  .md\:cu-fd-row {
-    flex-direction: row;
-  }
-
-  .md\:cu-fd-column {
-    flex-direction: column;
-  }
-
-  .md\:cu-fd-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .md\:cu-fd-column-reverse {
-    flex-direction: column-reverse;
-  }
-}
-
-@media (width >= 1280px) {
-  .lg\:cu-align-start {
-    align-items: start;
-  }
-
-  .lg\:cu-align-center {
-    align-items: center;
-  }
-
-  .lg\:cu-align-end {
-    align-items: end;
-  }
-
-  .lg\:cu-align-stretch {
-    align-items: stretch;
-  }
-
-  .lg\:cu-jc-start {
-    justify-content: start;
-  }
-
-  .lg\:cu-jc-center {
-    justify-content: center;
-  }
-
-  .lg\:cu-jc-end {
-    justify-content: end;
-  }
-
-  .lg\:cu-jc-between {
-    justify-content: space-between;
-  }
-
-  .lg\:cu-fd-row {
-    flex-direction: row;
-  }
-
-  .lg\:cu-fd-column {
-    flex-direction: column;
-  }
-
-  .lg\:cu-fd-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .lg\:cu-fd-column-reverse {
-    flex-direction: column-reverse;
-  }
-}
-
-@media (width >= 1536px) {
-  .xl\:cu-align-start {
-    align-items: start;
-  }
-
-  .xl\:cu-align-center {
-    align-items: center;
-  }
-
-  .xl\:cu-align-end {
-    align-items: end;
-  }
-
-  .xl\:cu-align-stretch {
-    align-items: stretch;
-  }
-
-  .xl\:cu-jc-start {
-    justify-content: start;
-  }
-
-  .xl\:cu-jc-center {
-    justify-content: center;
-  }
-
-  .xl\:cu-jc-end {
-    justify-content: end;
-  }
-
-  .xl\:cu-jc-between {
-    justify-content: space-between;
-  }
-
-  .xl\:cu-fd-row {
-    flex-direction: row;
-  }
-
-  .xl\:cu-fd-column {
-    flex-direction: column;
-  }
-
-  .xl\:cu-fd-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .xl\:cu-fd-column-reverse {
-    flex-direction: column-reverse;
-  }
-}
-
-:where(a) {
-  color: inherit;
-  text-decoration: none;
-}
-
-:root {
-  --canon-font-regular: system-ui;
-  --canon-font-monospace: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
-  --canon-font-weight-regular: 400;
-  --canon-font-weight-bold: 600;
-  --canon-font-size-1: .625rem;
-  --canon-font-size-2: .75rem;
-  --canon-font-size-3: .875rem;
-  --canon-font-size-4: 1rem;
-  --canon-font-size-5: 1.25rem;
-  --canon-font-size-6: 1.5rem;
-  --canon-font-size-7: 2rem;
-  --canon-font-size-8: 3rem;
-  --canon-font-size-9: 4rem;
-  --canon-font-size-10: 5.75rem;
-  --canon-space: .25rem;
-  --canon-space-0_5: calc(var(--canon-space) * .5);
-  --canon-space-1: var(--canon-space);
-  --canon-space-1_5: calc(var(--canon-space) * 1.5);
-  --canon-space-2: calc(var(--canon-space) * 2);
-  --canon-space-3: calc(var(--canon-space) * 3);
-  --canon-space-4: calc(var(--canon-space) * 4);
-  --canon-space-5: calc(var(--canon-space) * 5);
-  --canon-space-6: calc(var(--canon-space) * 6);
-  --canon-space-7: calc(var(--canon-space) * 7);
-  --canon-space-8: calc(var(--canon-space) * 8);
-  --canon-space-9: calc(var(--canon-space) * 9);
-  --canon-space-10: calc(var(--canon-space) * 10);
-  --canon-space-11: calc(var(--canon-space) * 11);
-  --canon-space-12: calc(var(--canon-space) * 12);
-  --canon-space-13: calc(var(--canon-space) * 13);
-  --canon-space-14: calc(var(--canon-space) * 14);
-  --canon-radius-1: calc(.125rem);
-  --canon-radius-2: calc(.25rem);
-  --canon-radius-3: calc(.5rem);
-  --canon-radius-4: calc(.75rem);
-  --canon-radius-5: calc(1rem);
-  --canon-radius-6: calc(1.25rem);
-  --canon-radius-full: 9999px;
-  --canon-black: #000;
-  --canon-white: #fff;
-  --canon-gray-1: #f8f8f8;
-  --canon-gray-2: #ececec;
-  --canon-gray-3: #d9d9d9;
-  --canon-gray-4: #c1c1c1;
-  --canon-gray-5: #9e9e9e;
-  --canon-gray-6: #8c8c8c;
-  --canon-gray-7: #757575;
-  --canon-gray-8: #595959;
-  --canon-bg: var(--canon-gray-1);
-  --canon-bg-surface-1: var(--canon-white);
-  --canon-bg-surface-2: var(--canon-gray-2);
-  --canon-bg-solid: #1f5493;
-  --canon-bg-solid-hover: #163a66;
-  --canon-bg-solid-pressed: #0f2b4e;
-  --canon-bg-solid-disabled: #ebebeb;
-  --canon-bg-tint: transparent;
-  --canon-bg-tint-hover: #1f549366;
-  --canon-bg-tint-pressed: #1f549399;
-  --canon-bg-tint-disabled: #ebebeb;
-  --canon-bg-danger: #feebe7;
-  --canon-bg-warning: #fff2b2;
-  --canon-bg-success: #e6f6eb;
-  --canon-fg-primary: var(--canon-black);
-  --canon-fg-secondary: var(--canon-gray-7);
-  --canon-fg-link: #1f5493;
-  --canon-fg-link-hover: #1f2d5c;
-  --canon-fg-disabled: #9e9e9e;
-  --canon-fg-solid: var(--canon-white);
-  --canon-fg-solid-disabled: #9c9c9c;
-  --canon-fg-tint: #1f5493;
-  --canon-fg-tint-disabled: var(--canon-gray-5);
-  --canon-fg-danger: #e22b2b;
-  --canon-fg-warning: #e36d05;
-  --canon-fg-success: #1db954;
-  --canon-border: #0000001a;
-  --canon-border-hover: #0003;
-  --canon-border-pressed: #0006;
-  --canon-border-disabled: #0000001a;
-  --canon-border-danger: #f87a7a;
-  --canon-border-warning: #e36d05;
-  --canon-border-success: #53db83;
-  --canon-ring: #1f5493;
-  --canon-scrollbar: #a0a0a03b;
-  --canon-scrollbar-thumb: #a0a0a0;
-}
-
-[data-theme="dark"] {
-  --canon-gray-1: #191919;
-  --canon-gray-2: #242424;
-  --canon-gray-3: #373737;
-  --canon-gray-4: #464646;
-  --canon-gray-5: #575757;
-  --canon-gray-6: #7b7b7b;
-  --canon-gray-7: #9e9e9e;
-  --canon-gray-8: #b4b4b4;
-  --canon-bg: var(--canon-black);
-  --canon-bg-surface-1: var(--canon-gray-1);
-  --canon-bg-surface-2: var(--canon-gray-2);
-  --canon-bg-solid: #9cc9ff;
-  --canon-bg-solid-hover: #83b9fd;
-  --canon-bg-solid-pressed: #83b9fd;
-  --canon-bg-solid-disabled: #222;
-  --canon-bg-tint: transparent;
-  --canon-bg-tint-hover: #9cc9ff1f;
-  --canon-bg-tint-pressed: #9cc9ff29;
-  --canon-bg-tint-disabled: transparent;
-  --canon-bg-danger: #3b1219;
-  --canon-bg-warning: #302008;
-  --canon-bg-success: #132d21;
-  --canon-fg-primary: var(--canon-white);
-  --canon-fg-secondary: var(--canon-gray-7);
-  --canon-fg-link: #9cc9ff;
-  --canon-fg-link-hover: #7eb5f7;
-  --canon-fg-disabled: var(--canon-gray-7);
-  --canon-fg-solid: #101821;
-  --canon-fg-solid-disabled: var(--canon-gray-5);
-  --canon-fg-tint: #9cc9ff;
-  --canon-fg-tint-disabled: var(--canon-gray-5);
-  --canon-fg-danger: #e22b2b;
-  --canon-fg-warning: #e36d05;
-  --canon-fg-success: #1db954;
-  --canon-border: #fff3;
-  --canon-border-hover: #fff6;
-  --canon-border-pressed: #ffffff80;
-  --canon-border-disabled: #fff3;
-  --canon-border-danger: #f87a7a;
-  --canon-border-warning: #e36d05;
-  --canon-border-success: #53db83;
-  --canon-ring: #1f5493;
-  --canon-scrollbar: #3636363a;
-  --canon-scrollbar-thumb: #575757;
-}
-
-.canon-AvatarRoot {
-  vertical-align: middle;
-  user-select: none;
-  color: var(--canon-fg-primary);
-  background-color: var(--canon-bg-surface-2);
-  border-radius: 100%;
-  justify-content: center;
-  align-items: center;
-  width: 2rem;
-  height: 2rem;
-  font-size: 1rem;
-  font-weight: 500;
-  line-height: 1;
-  display: inline-flex;
-  overflow: hidden;
-}
-
-.canon-AvatarRoot[data-size="small"] {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-
-.canon-AvatarRoot[data-size="medium"] {
-  width: 2rem;
-  height: 2rem;
-}
-
-.canon-AvatarRoot[data-size="large"] {
-  width: 3rem;
-  height: 3rem;
-}
-
-.canon-AvatarImage {
-  object-fit: cover;
-  width: 100%;
-  height: 100%;
-}
-
-.canon-AvatarFallback {
-  width: 100%;
-  height: 100%;
-  font-size: var(--canon-font-size-3);
-  font-weight: var(--canon-font-weight-regular);
-  box-shadow: inset 0 0 0 1px var(--canon-border);
-  border-radius: var(--canon-radius-full);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.canon-Box {
-  font-family: var(--canon-font-regular);
-  font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-primary);
-}
-
-.canon-Button {
-  user-select: none;
-  font-family: var(--canon-font-regular);
-  font-weight: var(--canon-font-weight-bold);
-  cursor: pointer;
-  border-radius: var(--canon-radius-2);
-  justify-content: center;
-  align-items: center;
-  gap: var(--canon-space-1_5);
-  border: none;
-  padding: 0;
-  display: inline-flex;
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-}
-
-.canon-Button[data-variant="primary"] {
-  background-color: var(--canon-bg-solid);
-  color: var(--canon-fg-solid);
-  transition: background-color .15s, box-shadow .15s;
-
-  &:hover {
-    background-color: var(--canon-bg-solid-hover);
-  }
-
-  &:active {
-    background-color: var(--canon-bg-solid-pressed);
-  }
-
-  &:focus-visible {
-    outline: 2px solid var(--canon-ring);
-    outline-offset: 2px;
-  }
-
-  &:disabled {
-    background-color: var(--canon-bg-solid-disabled);
-    color: var(--canon-fg-solid-disabled);
-  }
-}
-
-.canon-Button[data-variant="secondary"] {
-  background-color: var(--canon-bg-surface-1);
-  box-shadow: inset 0 0 0 1px var(--canon-border);
-  color: var(--canon-fg-primary);
-  transition: box-shadow .15s;
-
-  &:hover {
-    box-shadow: inset 0 0 0 1px var(--canon-border-hover);
-  }
-
-  &:active {
-    box-shadow: inset 0 0 0 1px var(--canon-border-pressed);
-  }
-
-  &:focus-visible {
-    box-shadow: inset 0 0 0 2px var(--canon-ring);
-    outline: none;
-    transition: none;
-  }
-
-  &:disabled {
-    box-shadow: inset 0 0 0 1px var(--canon-border-disabled);
-    color: var(--canon-fg-disabled);
-  }
-}
-
-.canon-Button[data-size="medium"] {
-  font-size: var(--canon-font-size-4);
-  padding: 0 var(--canon-space-3);
-  height: 2.5rem;
-}
-
-.canon-Button[data-size="small"] {
-  font-size: var(--canon-font-size-3);
-  padding: 0 var(--canon-space-2);
-  height: 2rem;
-}
-
-.canon-Button[data-size="small"] svg {
-  width: 1rem;
-  height: 1rem;
-}
-
-.canon-Button[data-size="medium"] svg {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-
-.canon-ButtonIcon {
-  justify-content: center;
-  align-items: center;
-}
-
-.canon-ButtonIcon[data-size="small"] {
-  width: 2rem;
-  padding: 0;
-}
-
-.canon-ButtonIcon[data-size="medium"] {
-  width: 2.5rem;
-  padding: 0;
-}
-
-.canon-CheckboxRoot {
-  width: 1rem;
-  height: 1rem;
-  box-shadow: inset 0 0 0 1px var(--canon-border);
-  cursor: pointer;
-  background-color: var(--canon-bg-surface-1);
-  border: none;
-  border-radius: 2px;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  transition: background-color .2s ease-in-out;
-  display: flex;
-}
-
-.canon-CheckboxRoot:focus-visible {
-  outline: 2px solid var(--canon-ring);
-  outline-offset: 2px;
-  transition: none;
-}
-
-.canon-CheckboxRoot[data-checked] {
-  background-color: var(--canon-bg-solid);
-  box-shadow: none;
-  color: var(--canon-fg-solid);
-}
-
-.canon-CheckboxLabel {
-  align-items: center;
-  gap: var(--canon-space-2);
-  font-size: var(--canon-font-size-3);
-  font-family: var(--canon-font-regular);
-  font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-primary);
-  user-select: none;
-  flex-direction: row;
-  display: flex;
-
-  &:hover {
-    & .canon-CheckboxRoot:not([data-checked]) {
-      box-shadow: inset 0 0 0 1px var(--canon-border-hover);
-    }
-  }
-}
-
-.canon-CheckboxIndicator {
-  color: var(--canon-fg-solid);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.canon-CollapsiblePanel {
-  height: var(--collapsible-panel-height);
-  transition: all .15s ease-out;
-  display: flex;
-  overflow: hidden;
-
-  &[data-starting-style], &[data-ending-style] {
-    height: 0;
-  }
-}
-
-.canon-Container {
-  max-width: 120rem;
-  padding-inline: var(--canon-space-4);
-  margin-inline: auto;
-  transition: padding .2s ease-in-out;
-}
-
-@media (width >= 640px) {
-  .canon-Container {
-    padding-inline: var(--canon-space-8);
-  }
-}
-
-@media (width >= 1024px) {
-  .canon-Container {
-    padding-inline: var(--canon-space-12);
-  }
-}
-
-.canon-DataTableRoot {
-  gap: var(--canon-space-3);
-  flex-direction: column;
-  display: flex;
-}
-
-.canon-DataTablePagination {
-  padding-top: var(--canon-space-5);
-  justify-content: space-between;
-  align-items: center;
-  display: flex;
-}
-
-.canon-DataTablePagination--left {
-  justify-content: space-between;
-  align-items: center;
-  display: flex;
-}
-
-.canon-DataTablePagination--right {
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--canon-space-2);
-  display: flex;
-}
-
-.canon-DataTablePagination--select {
-  min-width: 10.5rem;
-}
-
-.canon-FieldError {
-  color: var(--canon-fg-danger);
-  font-size: var(--canon-font-size-2);
-  font-weight: var(--canon-font-weight-regular);
-  margin-top: var(--canon-space-2);
-}
-
-.canon-FieldLabelWrapper {
-  margin-bottom: var(--canon-space-3);
-  gap: var(--canon-space-1);
-  flex-direction: column;
-  display: flex;
-}
-
-.canon-FieldLabel {
-  color: var(--canon-fg-primary);
-  cursor: pointer;
-  font-weight: var(--canon-font-weight-regular);
-  font-size: var(--canon-font-size-2);
-  margin-right: auto;
-}
-
-.canon-FieldSecondaryLabel {
-  color: var(--canon-fg-secondary);
-  font-weight: var(--canon-font-weight-regular);
-  margin-left: var(--canon-space-1);
-}
-
-.canon-FieldDescription {
-  font-weight: var(--canon-font-weight-regular);
-  font-size: var(--canon-font-size-2);
-  color: var(--canon-fg-secondary);
-  margin: 0;
-}
-
-.canon-Flex {
-  min-width: 0;
-  display: flex;
-}
-
-.canon-Grid {
-  display: grid;
-}
-
-.canon-Heading {
-  font-family: var(--canon-font-regular);
-  color: var(--canon-fg-primary);
-  margin: 0;
-  padding: 0;
-  line-height: 100%;
-}
-
-.canon-Heading[data-variant="display"] {
-  font-size: var(--canon-font-size-10);
-  font-weight: var(--canon-font-weight-bold);
-}
-
-.canon-Heading[data-variant="title1"] {
-  font-size: var(--canon-font-size-9);
-  font-weight: var(--canon-font-weight-bold);
-}
-
-.canon-Heading[data-variant="title2"] {
-  font-size: var(--canon-font-size-8);
-  font-weight: var(--canon-font-weight-bold);
-}
-
-.canon-Heading[data-variant="title3"] {
-  font-size: var(--canon-font-size-7);
-  font-weight: var(--canon-font-weight-bold);
-}
-
-.canon-Heading[data-variant="title4"] {
-  font-size: var(--canon-font-size-6);
-  font-weight: var(--canon-font-weight-bold);
-}
-
-.canon-Heading[data-variant="title5"] {
-  font-size: var(--canon-font-size-5);
-  font-weight: var(--canon-font-weight-bold);
-}
-
-.canon-Heading[data-color="primary"] {
-  color: var(--canon-fg-primary);
-}
-
-.canon-Heading[data-color="secondary"] {
-  color: var(--canon-fg-secondary);
-}
-
-.canon-Heading[data-truncate] {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.canon-Icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.canon-Link {
-  font-family: var(--canon-font-regular);
-  color: var(--canon-fg-link);
-  cursor: pointer;
-  margin: 0;
-  padding: 0;
-  text-decoration-line: none;
-
-  &:hover {
-    color: var(--canon-fg-link-hover);
-    text-underline-offset: calc(.025em + 2px);
-    text-decoration-line: underline;
-    text-decoration-style: solid;
-    text-decoration-thickness: min(2px, max(1px, .05em));
-    text-decoration-color: color-mix(in srgb, var(--canon-fg-link-hover) 30%, transparent);
-  }
-}
-
-.canon-Link[data-variant="body"] {
-  font-size: var(--canon-font-size-3);
-  line-height: 140%;
-}
-
-.canon-Link[data-variant="subtitle"] {
-  font-size: var(--canon-font-size-4);
-  line-height: 140%;
-}
-
-.canon-Link[data-variant="caption"] {
-  font-size: var(--canon-font-size-2);
-  line-height: 140%;
-}
-
-.canon-Link[data-variant="label"] {
-  font-size: var(--canon-font-size-1);
-  line-height: 140%;
-}
-
-.canon-Link[data-weight="regular"] {
-  font-weight: var(--canon-font-weight-regular);
-}
-
-.canon-Link[data-weight="bold"] {
-  font-weight: var(--canon-font-weight-bold);
-}
-
-.canon-MenuPositioner {
-  outline: 0;
-}
-
-.canon-MenuPopup {
-  background-color: var(--canon-bg-surface-1);
-  border: 1px solid var(--canon-border);
-  color: var(--canon-fg-primary);
-  transform-origin: var(--transform-origin);
-  max-width: min(var(--available-width), 340px);
-  max-height: min(var(--available-height), 500px);
-  padding-bottom: var(--canon-space-1);
-  border-radius: .375rem;
-  outline: none;
-  flex-direction: column;
-  transition: transform .15s, opacity .15s;
-  display: flex;
-  position: relative;
-  overflow: auto;
-
-  &[data-starting-style], &[data-ending-style] {
-    opacity: 0;
-    transform: scale(.9);
-  }
-}
-
-.canon-MenuItem {
-  user-select: none;
-  align-items: center;
-  gap: var(--canon-space-2);
-  height: 32px;
-  color: var(--canon-fg-primary);
-  border-radius: var(--canon-radius-2);
-  margin-inline: var(--canon-space-1);
-  padding-inline: var(--canon-space-2);
-  font-size: var(--canon-font-size-3);
-  cursor: pointer;
-  outline: 0;
-  flex-shrink: 0;
-  text-decoration: none;
-  display: flex;
-
-  &:first-child {
-    margin-top: var(--canon-space-1);
-  }
-
-  &[data-highlighted] {
-    background-color: var(--canon-gray-3);
-  }
-}
-
-.canon-MenuSubmenuTrigger {
-  user-select: none;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--canon-space-2);
-  height: 32px;
-  color: var(--canon-fg-primary);
-  border-radius: var(--canon-radius-2);
-  margin-inline: var(--canon-space-1);
-  padding-inline: var(--canon-space-2);
-  font-size: var(--canon-font-size-3);
-  cursor: pointer;
-  outline: 0;
-  flex-shrink: 0;
-  text-decoration: none;
-  display: flex;
-
-  & .canon-Icon {
-    color: var(--canon-fg-secondary);
-  }
-
-  &:first-child {
-    margin-top: var(--canon-space-1);
-  }
-
-  &[data-popup-open], &[data-highlighted] {
-    background-color: var(--canon-gray-3);
-
-    & .canon-Icon {
-      color: var(--canon-fg-primary);
-    }
-  }
-}
-
-.canon-MenuSeparator {
-  background-color: var(--color-gray-200);
-  height: 1px;
-  margin: .375rem 1rem;
-}
-
-.canon-SubmenuComboboxSearch {
-  padding-inline: var(--canon-space-3);
-  border: none;
-  border-bottom: 1px solid var(--canon-border);
-  background-color: var(--canon-bg-surface-1);
-  width: 100%;
-  height: 32px;
-  color: var(--canon-fg-primary);
-  line-height: 140%;
-  font-size: var(--canon-font-size-3);
-  z-index: 1;
-  outline: none;
-  position: sticky;
-  top: 0;
-
-  &::placeholder {
-    color: var(--canon-fg-secondary);
-  }
-
-  &:disabled {
-    opacity: .6;
-    cursor: not-allowed;
-  }
-}
-
-.canon-SubmenuComboboxItems {
-  padding-top: var(--canon-space-2);
-  outline: none;
-  flex-direction: column;
-  display: flex;
-  overflow-y: auto;
-}
-
-.canon-SubmenuComboboxNoResults {
-  padding-inline: var(--canon-space-3);
-  padding-top: var(--canon-space-2);
-  padding-bottom: var(--canon-space-4);
-  color: var(--canon-fg-secondary);
-  font-size: var(--canon-font-size-3);
-}
-
-.canon-SubmenuComboboxItem {
-  user-select: none;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--canon-space-2);
-  height: 32px;
-  color: var(--canon-fg-primary);
-  border-radius: var(--canon-radius-2);
-  margin-inline: var(--canon-space-1);
-  padding-inline: var(--canon-space-2);
-  font-size: var(--canon-font-size-3);
-  cursor: pointer;
-  outline: 0;
-  flex-shrink: 0;
-  text-decoration: none;
-  display: flex;
-
-  &[data-highlighted] {
-    background-color: var(--canon-gray-3);
-  }
-
-  &[data-disabled] {
-    opacity: .5;
-    cursor: not-allowed;
-  }
-}
-
-.canon-SubmenuComboboxItemCheckbox {
-  width: 16px;
-  height: 16px;
-  color: var(--canon-fg-primary);
-  border-radius: var(--canon-radius-2);
-  border: 1px solid var(--canon-border);
-  background: var(--canon-bg-surface-1);
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.canon-SubmenuComboboxItemLabel {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-  overflow: hidden;
-}
-
-.canon-RadioGroup {
-  color: var(--canon-fg-primary);
-  flex-direction: column;
-  display: flex;
-}
-
-.canon-RadioGroup[data-orientation="horizontal"] .canon-RadioGroupContent {
-  gap: var(--canon-space-4);
-  flex-direction: row;
-}
-
-.canon-RadioGroupContent {
-  gap: var(--canon-space-2);
-  flex-direction: column;
-  display: flex;
-}
-
-.canon-Radio {
-  align-items: center;
-  gap: var(--canon-space-2);
-  font-size: var(--canon-font-size-2);
-  color: var(--canon-fg-primary);
-  forced-color-adjust: none;
-  display: flex;
-  position: relative;
-
-  &:before {
-    content: "";
-    box-sizing: border-box;
-    border: .125rem solid var(--canon-border);
-    background: var(--canon-gray-1);
-    border-radius: var(--canon-radius-full);
-    width: 1rem;
-    height: 1rem;
-    transition: all .2s;
-    display: block;
-  }
-
-  &[data-pressed]:before {
-    border-color: var(--canon-border);
-  }
-
-  &[data-selected] {
-    &:before {
-      border-color: var(--canon-bg-solid);
-      border-width: .25rem;
-    }
-
-    &[data-pressed]:before {
-      border-color: var(--canon-bg-solid);
-    }
-  }
-
-  &[data-focus-visible]:before {
-    outline: 2px solid var(--canon-ring);
-    outline-offset: 2px;
-  }
-
-  &[data-disabled] {
-    cursor: not-allowed;
-    color: var(--canon-fg-disabled);
-
-    &:before {
-      border-color: var(--canon-border-disabled);
-      background: var(--canon-bg-disabled);
-    }
-
-    &[data-selected]:before {
-      border-color: var(--canon-border-disabled);
-    }
-  }
-
-  &[data-invalid]:before, &[data-invalid][data-selected]:before {
-    border-color: var(--canon-border-danger);
-  }
-
-  &[data-disabled][data-invalid] {
-    color: var(--canon-fg-disabled);
-
-    &:before {
-      border-color: var(--canon-border-disabled);
-      background: var(--canon-bg-disabled);
-    }
-
-    &[data-selected]:before {
-      border-color: var(--canon-border-disabled);
-    }
-  }
-}
-
-.canon-TableRoot {
-  caption-side: bottom;
-  border-collapse: collapse;
-  width: 100%;
-}
-
-.canon-TableHead {
-  text-align: left;
-  padding: var(--canon-space-3);
-  font-size: var(--canon-font-size-3);
-  color: var(--canon-fg-primary);
-}
-
-.canon-TableBody {
-  color: var(--canon-fg-primary);
-}
-
-.canon-TableRow {
-  border-bottom: 1px solid var(--canon-border);
-  transition: color .2s ease-in-out;
-}
-
-.canon-TableBody .canon-TableRow:hover {
-  background-color: var(--canon-gray-2);
-}
-
-.canon-TableCell {
-  padding: var(--canon-space-3);
-  font-size: var(--canon-font-size-3);
-}
-
-.canon-TableCellText, .canon-TableCellLink {
-  gap: var(--canon-space-0_5);
-  flex-direction: column;
-  display: flex;
-}
-
-.canon-TableCellProfile {
-  gap: var(--canon-space-2);
-  flex-direction: row;
-  align-items: center;
-  display: flex;
-}
-
-.canon-TableCellProfileAvatar {
-  vertical-align: middle;
-  user-select: none;
-  color: var(--canon-fg-primary);
-  background-color: var(--canon-bg-surface-2);
-  border-radius: 100%;
-  justify-content: center;
-  align-items: center;
-  width: 1.25rem;
-  height: 1.25rem;
-  font-size: 1rem;
-  font-weight: 500;
-  line-height: 1;
-  display: inline-flex;
-  overflow: hidden;
-}
-
-.canon-TableCellProfileAvatarImage {
-  object-fit: cover;
-  width: 100%;
-  height: 100%;
-}
-
-.canon-TableCellProfileAvatarFallback {
-  width: 100%;
-  height: 100%;
-  font-size: var(--canon-font-size-2);
-  font-weight: var(--canon-font-weight-regular);
-  box-shadow: inset 0 0 0 1px var(--canon-border);
-  border-radius: var(--canon-radius-full);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.canon-TabsRoot {
-  border: 1px solid var(--color-gray-200);
-  border-radius: .375rem;
-}
-
-.canon-TabsList {
-  z-index: 0;
-  display: flex;
-  position: relative;
-}
-
-.canon-TabsTab {
-  appearance: none;
-  color: var(--canon-fg-secondary);
-  user-select: none;
-  padding-inline: var(--canon-space-3);
-  height: 2rem;
-  font-family: inherit;
-  font-size: .875rem;
-  font-weight: 500;
-  line-height: 1.25rem;
-  font-size: var(--canon-font-size-2);
-  cursor: pointer;
-  background: none;
-  border: 0;
-  outline: 0;
-  justify-content: center;
-  align-items: center;
-  margin: 0;
-  padding-block: 0;
-  transition: color .2s ease-in-out;
-  display: flex;
-
-  &[data-selected] {
-    color: var(--canon-fg-primary);
-  }
-
-  @media (hover: hover) {
-    &:hover {
-      color: var(--canon-fg-primary);
-    }
-  }
-
-  &:focus-visible {
-    position: relative;
-
-    &:before {
-      content: "";
-      outline: 1px solid var(--canon-ring);
-      outline-offset: -1px;
-      border-radius: .25rem;
-      position: absolute;
-      inset: .25rem 0;
-    }
-  }
-}
-
-.canon-TabsIndicator {
-  z-index: -1;
-  translate: var(--active-tab-left) -50%;
-  width: var(--active-tab-width);
-  background-color: var(--canon-bg-solid);
-  height: 1px;
-  transition-property: translate, width;
-  transition-duration: .2s;
-  transition-timing-function: ease-in-out;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-}
-
-.canon-TabsPanel {
-  &[hidden] {
-    display: none;
-  }
-}
-
-.canon-Text {
-  font-family: var(--canon-font-regular);
-  margin: 0;
-  padding: 0;
-}
-
-.canon-Text[data-variant="body"] {
-  font-size: var(--canon-font-size-3);
-  line-height: 140%;
-}
-
-.canon-Text[data-variant="subtitle"] {
-  font-size: var(--canon-font-size-4);
-  line-height: 140%;
-}
-
-.canon-Text[data-variant="caption"] {
-  font-size: var(--canon-font-size-2);
-  line-height: 140%;
-}
-
-.canon-Text[data-variant="label"] {
-  font-size: var(--canon-font-size-1);
-  line-height: 140%;
-}
-
-.canon-Text[data-weight="regular"] {
-  font-weight: var(--canon-font-weight-regular);
-}
-
-.canon-Text[data-weight="bold"] {
-  font-weight: var(--canon-font-weight-bold);
-}
-
-.canon-Text[data-color="primary"] {
-  color: var(--canon-fg-primary);
-}
-
-.canon-Text[data-color="secondary"] {
-  color: var(--canon-fg-secondary);
-}
-
-.canon-Text[data-color="danger"] {
-  color: var(--canon-fg-danger);
-}
-
-.canon-Text[data-color="warning"] {
-  color: var(--canon-fg-warning);
-}
-
-.canon-Text[data-color="success"] {
-  color: var(--canon-fg-success);
-}
-
-.canon-Text[data-truncate] {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.canon-TextField {
-  font-family: var(--canon-font-regular);
-  flex-direction: column;
-  width: 100%;
-  display: flex;
-}
-
-.canon-InputWrapper {
-  position: relative;
-
-  &[data-size="small"] .canon-Input {
-    height: 2rem;
-  }
-
-  &[data-size="medium"] .canon-Input {
-    height: 2.5rem;
-  }
-
-  &[data-size="small"] .canon-Input[data-icon] {
-    padding-left: var(--canon-space-8);
-  }
-
-  &[data-size="medium"] .canon-Input[data-icon] {
-    padding-left: var(--canon-space-9);
-  }
-}
-
-.canon-InputIcon {
-  left: var(--canon-space-3);
-  margin-right: var(--canon-space-1);
-  color: var(--canon-fg-primary);
-  flex-shrink: 0;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-
-  &[data-size="small"], &[data-size="small"] svg {
-    width: 1rem;
-    height: 1rem;
-  }
-
-  &[data-size="medium"], &[data-size="medium"] svg {
-    width: 1.25rem;
-    height: 1.25rem;
-  }
-}
-
-.canon-Input {
-  padding: 0 var(--canon-space-3);
-  border-radius: var(--canon-radius-3);
-  border: 1px solid var(--canon-border);
-  background-color: var(--canon-bg-surface-1);
-  font-size: var(--canon-font-size-3);
-  font-family: var(--canon-font-regular);
-  font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-primary);
-  width: 100%;
-  height: 100%;
-  cursor: inherit;
-  align-items: center;
-  transition: border-color .2s ease-in-out, outline-color .2s ease-in-out;
-  display: flex;
-
-  &::-webkit-search-cancel-button, &::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-
-  &::placeholder {
-    color: var(--canon-fg-secondary);
-  }
-
-  &[data-focused] {
-    outline-color: var(--canon-border-pressed);
-    outline-width: 0;
-  }
-
-  &[data-hovered] {
-    border-color: var(--canon-border-hover);
-  }
-
-  &[data-focused] {
-    border-color: var(--canon-border-pressed);
-    outline-width: 0;
-  }
-
-  &[data-invalid] {
-    border-color: var(--canon-fg-danger);
-  }
-
-  &[data-disabled] {
-    opacity: .5;
-    cursor: not-allowed;
-    border: 1px solid var(--canon-border-disabled);
-  }
-}
-
-.canon-SearchField[data-empty] .canon-InputClear {
-  display: none;
-}
-
-.canon-InputClear {
-  cursor: pointer;
-  color: var(--canon-fg-secondary);
-  background-color: #0000;
-  border: none;
-  justify-content: center;
-  align-items: center;
-  margin: 0;
-  padding: 0;
-  transition: color .2s ease-in-out;
-  display: flex;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.canon-InputClear:hover {
-  color: var(--canon-fg-primary);
-}
-
-.canon-InputClear[data-size="small"] {
-  width: 2rem;
-  height: 2rem;
-}
-
-.canon-InputClear[data-size="medium"] {
-  width: 2.5rem;
-  height: 2.5rem;
-}
-
-.canon-InputClear svg {
-  width: 1rem;
-  height: 1rem;
-}
-
-.canon-TooltipPopup {
-  box-sizing: border-box;
-  transform-origin: var(--transform-origin);
-  background-color: canvas;
-  background-color: var(--canon-bg-surface-1);
-  color: var(--canon-fg-primary);
-  outline: 1px solid var(--canon-border);
-  box-shadow: 0 10px 15px -3px var(--canon-border), 0 4px 6px -4px var(--canon-border);
-  border-radius: .375rem;
-  flex-direction: column;
-  padding: .25rem .5rem;
-  font-size: .875rem;
-  line-height: 1.25rem;
-  transition: transform .15s, opacity .15s;
-  display: flex;
-
-  &[data-starting-style], &[data-ending-style] {
-    opacity: 0;
-    transform: scale(.9);
-  }
-
-  &[data-instant] {
-    transition-duration: 0s;
-  }
-}
-
-.canon-TooltipArrow {
-  display: flex;
-
-  &[data-side="top"] {
-    bottom: -8px;
-    rotate: 180deg;
-  }
-
-  &[data-side="bottom"] {
-    top: -8px;
-    rotate: none;
-  }
-
-  &[data-side="left"] {
-    right: -13px;
-    rotate: 90deg;
-  }
-
-  &[data-side="right"] {
-    left: -13px;
-    rotate: -90deg;
-  }
-}
-
-.canon-TooltipArrow-fill {
-  fill: var(--canon-bg-surface-1);
-}
-
-.canon-TooltipArrow-outer-stroke {
-  @media (prefers-color-scheme: light) {
-    fill: var(--canon-border);
-  }
-}
-
-.canon-ScrollAreaRoot {
-  box-sizing: border-box;
-  width: 24rem;
-  max-width: calc(100vw - 8rem);
-  height: 8.5rem;
-}
-
-.canon-ScrollAreaViewport {
-  overscroll-behavior: contain;
-  height: 100%;
-}
-
-.canon-ScrollAreaContent {
-  padding-block: .75rem;
-  flex-direction: column;
-  gap: 1rem;
-  padding-left: 1rem;
-  padding-right: 1.5rem;
-  display: flex;
-}
-
-.canon-ScrollAreaScrollbar {
-  background-color: var(--canon-scrollbar);
-  opacity: 0;
-  border-radius: .375rem;
-  justify-content: center;
-  width: .25rem;
-  margin: .5rem;
-  transition: opacity .15s .3s;
-  display: flex;
-
-  &[data-hovering], &[data-scrolling] {
-    opacity: 1;
-    transition-duration: 75ms;
-    transition-delay: 0s;
-  }
-
-  &:before {
-    content: "";
-    width: 1.25rem;
-    height: 100%;
-    position: absolute;
-  }
-}
-
-.canon-ScrollAreaThumb {
-  border-radius: inherit;
-  background-color: var(--canon-scrollbar-thumb);
-  width: 100%;
-}
-
-.canon-Select {
-  font-family: var(--canon-font-regular);
-  flex-direction: column;
-  width: 100%;
-  display: flex;
-}
-
-.canon-SelectLabel {
-  font-size: var(--canon-font-size-2);
-  font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-primary);
-  margin-bottom: var(--canon-space-1_5);
-  cursor: pointer;
-}
-
-.canon-SelectLabel[data-disabled] {
-  cursor: default;
-}
-
-.canon-SelectDescription {
-  font-size: var(--canon-font-size-2);
-  font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-secondary);
-  padding-top: var(--canon-space-1_5);
-  margin: 0;
-}
-
-.canon-SelectError {
-  font-size: var(--canon-font-size-2);
-  font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-danger);
-  padding-top: var(--canon-space-1_5);
-  margin: 0;
-}
-
-.canon-SelectTrigger {
-  box-sizing: border-box;
-  border-radius: var(--canon-radius-3);
-  border: 1px solid var(--canon-border);
-  padding: 0 var(--canon-space-4);
-  background-color: var(--canon-bg-surface-1);
-  font-size: var(--canon-font-size-3);
-  font-family: var(--canon-font-regular);
-  font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-primary);
-  cursor: pointer;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--canon-space-2);
-  width: 100%;
-  transition: border-color .2s ease-in-out, outline-color .2s ease-in-out;
-  display: flex;
-}
-
-.canon-SelectTrigger::placeholder {
-  color: var(--canon-fg-secondary);
-}
-
-.canon-SelectTrigger:hover {
-  border-color: var(--canon-border-hover);
-}
-
-.canon-SelectTrigger:focus-visible {
-  border-color: var(--canon-border-pressed);
-  outline: 0;
-}
-
-.canon-SelectTrigger[data-invalid] {
-  border-color: var(--canon-fg-danger);
-}
-
-.canon-SelectTrigger[data-invalid]:hover, .canon-SelectTrigger[data-invalid]:focus-visible {
-  border-width: 2px;
-}
-
-.canon-SelectTrigger[data-disabled] {
-  cursor: not-allowed;
-  border-color: var(--canon-border-disabled);
-  color: var(--canon-fg-disabled);
-}
-
-.canon-SelectTrigger[data-size="small"] {
-  height: 2rem;
-}
-
-.canon-SelectTrigger[data-size="medium"] {
-  height: 3rem;
-}
-
-.canon-SelectIcon {
-  margin-left: var(--canon-space-5);
-  transition: transform .2s;
-}
-
-.canon-SelectTrigger[data-popup-open] .canon-SelectIcon {
-  transform: rotate(180deg);
-}
-
-.canon-SelectPopup {
-  box-sizing: border-box;
-  max-height: var(--available-height);
-  background-color: var(--canon-bg-surface-1);
-  border: 1px solid var(--canon-border);
-  border-radius: var(--canon-radius-3);
-  padding-block: var(--canon-space-1);
-  z-index: 1;
-  transform-origin: var(--transform-origin);
-  outline: 0;
-  transition: transform .15s, opacity .15s;
-  overflow-y: auto;
-  box-shadow: 0 4px 12px #0003;
-}
-
-.canon-SelectPopup[data-starting-style], .canon-SelectPopup[data-ending-style] {
-  opacity: 0;
-  transform: scale(.9);
-}
-
-.canon-SelectItem {
-  width: var(--anchor-width);
-  padding-block: var(--canon-space-2);
-  padding-inline: var(--canon-space-4);
-  color: var(--canon-fg-primary);
-  border-radius: var(--canon-radius-3);
-  cursor: pointer;
-  user-select: none;
-  font-size: var(--canon-font-size-3);
-  align-items: center;
-  gap: var(--canon-space-2);
-  outline: none;
-  grid-template-columns: 1rem 1fr;
-  grid-template-areas: "icon text";
-  display: grid;
-  position: relative;
-}
-
-.canon-SelectItem[data-highlighted] {
-  z-index: 0;
-  color: var(--canon-fg-primary);
-  position: relative;
-}
-
-.canon-SelectItem[data-highlighted]:before {
-  content: "";
-  z-index: -1;
-  background-color: var(--canon-bg-tint-hover);
-  border-radius: .25rem;
-  position: absolute;
-  inset-block: 0;
-  inset-inline: .25rem;
-}
-
-.canon-SelectItem[data-disabled] {
-  cursor: not-allowed;
-  color: var(--canon-fg-disabled);
-}
-
-.canon-SelectItemIndicator {
-  grid-area: icon;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.canon-SelectItemText {
-  flex: 1;
-  grid-area: text;
-}
-
-.canon-SelectRequired {
-  color: var(--canon-fg-secondary);
-  font-size: var(--canon-font-size-2);
-  font-weight: var(--canon-font-weight-regular);
-  margin-left: var(--canon-space-1);
-}
-
-.canon-SelectIcon {
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.canon-SelectValue {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  overflow: hidden;
-}
-
-.canon-Switch {
-  align-items: center;
-  gap: var(--canon-space-3);
-  font-size: var(--canon-font-size-3);
-  color: var(--canon-fg-primary);
-  cursor: pointer;
-  display: flex;
-  position: relative;
-
-  &[data-pressed] .canon-SwitchIndicator {
-    &:before {
-      background: var(--canon-fg-solid);
-    }
-  }
-
-  &[data-selected] {
-    & .canon-SwitchIndicator {
-      background: var(--canon-bg-solid);
-
-      &:before {
-        background: var(--canon-fg-solid);
-        transform: translateX(100%);
-      }
-    }
-
-    &[data-pressed] {
-      & .indicator {
-        background: var(--canon-gray-3);
-      }
-    }
-  }
-
-  &[data-focus-visible] .canon-SwitchIndicator {
-    outline-offset: 2px;
-    outline: 2px solid;
-  }
-}
-
-.canon-SwitchIndicator {
-  background: var(--canon-gray-3);
-  border: 2px;
-  border-radius: 1.143rem;
-  width: 2rem;
-  height: 1.143rem;
-  transition: all .2s;
-
-  &:before {
-    content: "";
-    background: var(--canon-fg-solid);
-    border-radius: 16px;
-    width: .857rem;
-    height: .857rem;
-    margin: .143rem;
-    transition: all .2s;
-    display: block;
-  }
-}
+@layer base{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}}.cu-p{padding:var(--p)}.cu-p-0\.5{padding:var(--canon-space-0_5)}.cu-p-1{padding:var(--canon-space-1)}.cu-p-1\.5{padding:var(--canon-space-1_5)}.cu-p-2{padding:var(--canon-space-2)}.cu-p-3{padding:var(--canon-space-3)}.cu-p-4{padding:var(--canon-space-4)}.cu-p-5{padding:var(--canon-space-5)}.cu-p-6{padding:var(--canon-space-6)}.cu-p-7{padding:var(--canon-space-7)}.cu-p-8{padding:var(--canon-space-8)}.cu-p-9{padding:var(--canon-space-9)}.cu-p-10{padding:var(--canon-space-10)}.cu-p-11{padding:var(--canon-space-11)}.cu-p-12{padding:var(--canon-space-12)}.cu-p-13{padding:var(--canon-space-13)}.cu-p-14{padding:var(--canon-space-14)}@media (width>=640px){.xs\:cu-p{padding:var(--p-xs)}.xs\:cu-p-0\.5{padding:var(--canon-space-0_5)}.xs\:cu-p-1{padding:var(--canon-space-1)}.xs\:cu-p-1\.5{padding:var(--canon-space-1_5)}.xs\:cu-p-2{padding:var(--canon-space-2)}.xs\:cu-p-3{padding:var(--canon-space-3)}.xs\:cu-p-4{padding:var(--canon-space-4)}.xs\:cu-p-5{padding:var(--canon-space-5)}.xs\:cu-p-6{padding:var(--canon-space-6)}.xs\:cu-p-7{padding:var(--canon-space-7)}.xs\:cu-p-8{padding:var(--canon-space-8)}.xs\:cu-p-9{padding:var(--canon-space-9)}.xs\:cu-p-10{padding:var(--canon-space-10)}.xs\:cu-p-11{padding:var(--canon-space-11)}.xs\:cu-p-12{padding:var(--canon-space-12)}.xs\:cu-p-13{padding:var(--canon-space-13)}.xs\:cu-p-14{padding:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-p{padding:var(--p-sm)}.sm\:cu-p-0\.5{padding:var(--canon-space-0_5)}.sm\:cu-p-1{padding:var(--canon-space-1)}.sm\:cu-p-1\.5{padding:var(--canon-space-1_5)}.sm\:cu-p-2{padding:var(--canon-space-2)}.sm\:cu-p-3{padding:var(--canon-space-3)}.sm\:cu-p-4{padding:var(--canon-space-4)}.sm\:cu-p-5{padding:var(--canon-space-5)}.sm\:cu-p-6{padding:var(--canon-space-6)}.sm\:cu-p-7{padding:var(--canon-space-7)}.sm\:cu-p-8{padding:var(--canon-space-8)}.sm\:cu-p-9{padding:var(--canon-space-9)}.sm\:cu-p-10{padding:var(--canon-space-10)}.sm\:cu-p-11{padding:var(--canon-space-11)}.sm\:cu-p-12{padding:var(--canon-space-12)}.sm\:cu-p-13{padding:var(--canon-space-13)}.sm\:cu-p-14{padding:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-p{padding:var(--p-md)}.md\:cu-p-0\.5{padding:var(--canon-space-0_5)}.md\:cu-p-1{padding:var(--canon-space-1)}.md\:cu-p-1\.5{padding:var(--canon-space-1_5)}.md\:cu-p-2{padding:var(--canon-space-2)}.md\:cu-p-3{padding:var(--canon-space-3)}.md\:cu-p-4{padding:var(--canon-space-4)}.md\:cu-p-5{padding:var(--canon-space-5)}.md\:cu-p-6{padding:var(--canon-space-6)}.md\:cu-p-7{padding:var(--canon-space-7)}.md\:cu-p-8{padding:var(--canon-space-8)}.md\:cu-p-9{padding:var(--canon-space-9)}.md\:cu-p-10{padding:var(--canon-space-10)}.md\:cu-p-11{padding:var(--canon-space-11)}.md\:cu-p-12{padding:var(--canon-space-12)}.md\:cu-p-13{padding:var(--canon-space-13)}.md\:cu-p-14{padding:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-p{padding:var(--p-lg)}.lg\:cu-p-0\.5{padding:var(--canon-space-0_5)}.lg\:cu-p-1{padding:var(--canon-space-1)}.lg\:cu-p-1\.5{padding:var(--canon-space-1_5)}.lg\:cu-p-2{padding:var(--canon-space-2)}.lg\:cu-p-3{padding:var(--canon-space-3)}.lg\:cu-p-4{padding:var(--canon-space-4)}.lg\:cu-p-5{padding:var(--canon-space-5)}.lg\:cu-p-6{padding:var(--canon-space-6)}.lg\:cu-p-7{padding:var(--canon-space-7)}.lg\:cu-p-8{padding:var(--canon-space-8)}.lg\:cu-p-9{padding:var(--canon-space-9)}.lg\:cu-p-10{padding:var(--canon-space-10)}.lg\:cu-p-11{padding:var(--canon-space-11)}.lg\:cu-p-12{padding:var(--canon-space-12)}.lg\:cu-p-13{padding:var(--canon-space-13)}.lg\:cu-p-14{padding:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-p{padding:var(--p-xl)}.xl\:cu-p-0\.5{padding:var(--canon-space-0_5)}.xl\:cu-p-1{padding:var(--canon-space-1)}.xl\:cu-p-1\.5{padding:var(--canon-space-1_5)}.xl\:cu-p-2{padding:var(--canon-space-2)}.xl\:cu-p-3{padding:var(--canon-space-3)}.xl\:cu-p-4{padding:var(--canon-space-4)}.xl\:cu-p-5{padding:var(--canon-space-5)}.xl\:cu-p-6{padding:var(--canon-space-6)}.xl\:cu-p-7{padding:var(--canon-space-7)}.xl\:cu-p-8{padding:var(--canon-space-8)}.xl\:cu-p-9{padding:var(--canon-space-9)}.xl\:cu-p-10{padding:var(--canon-space-10)}.xl\:cu-p-11{padding:var(--canon-space-11)}.xl\:cu-p-12{padding:var(--canon-space-12)}.xl\:cu-p-13{padding:var(--canon-space-13)}.xl\:cu-p-14{padding:var(--canon-space-14)}}.cu-pl{padding-left:var(--pl)}.cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.cu-pl-1{padding-left:var(--canon-space-1)}.cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.cu-pl-2{padding-left:var(--canon-space-2)}.cu-pl-3{padding-left:var(--canon-space-3)}.cu-pl-4{padding-left:var(--canon-space-4)}.cu-pl-5{padding-left:var(--canon-space-5)}.cu-pl-6{padding-left:var(--canon-space-6)}.cu-pl-7{padding-left:var(--canon-space-7)}.cu-pl-8{padding-left:var(--canon-space-8)}.cu-pl-9{padding-left:var(--canon-space-9)}.cu-pl-10{padding-left:var(--canon-space-10)}.cu-pl-11{padding-left:var(--canon-space-11)}.cu-pl-12{padding-left:var(--canon-space-12)}.cu-pl-13{padding-left:var(--canon-space-13)}.cu-pl-14{padding-left:var(--canon-space-14)}@media (width>=640px){.xs\:cu-pl{padding-left:var(--pl-xs)}.xs\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.xs\:cu-pl-1{padding-left:var(--canon-space-1)}.xs\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.xs\:cu-pl-2{padding-left:var(--canon-space-2)}.xs\:cu-pl-3{padding-left:var(--canon-space-3)}.xs\:cu-pl-4{padding-left:var(--canon-space-4)}.xs\:cu-pl-5{padding-left:var(--canon-space-5)}.xs\:cu-pl-6{padding-left:var(--canon-space-6)}.xs\:cu-pl-7{padding-left:var(--canon-space-7)}.xs\:cu-pl-8{padding-left:var(--canon-space-8)}.xs\:cu-pl-9{padding-left:var(--canon-space-9)}.xs\:cu-pl-10{padding-left:var(--canon-space-10)}.xs\:cu-pl-11{padding-left:var(--canon-space-11)}.xs\:cu-pl-12{padding-left:var(--canon-space-12)}.xs\:cu-pl-13{padding-left:var(--canon-space-13)}.xs\:cu-pl-14{padding-left:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-pl{padding-left:var(--pl-sm)}.sm\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.sm\:cu-pl-1{padding-left:var(--canon-space-1)}.sm\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.sm\:cu-pl-2{padding-left:var(--canon-space-2)}.sm\:cu-pl-3{padding-left:var(--canon-space-3)}.sm\:cu-pl-4{padding-left:var(--canon-space-4)}.sm\:cu-pl-5{padding-left:var(--canon-space-5)}.sm\:cu-pl-6{padding-left:var(--canon-space-6)}.sm\:cu-pl-7{padding-left:var(--canon-space-7)}.sm\:cu-pl-8{padding-left:var(--canon-space-8)}.sm\:cu-pl-9{padding-left:var(--canon-space-9)}.sm\:cu-pl-10{padding-left:var(--canon-space-10)}.sm\:cu-pl-11{padding-left:var(--canon-space-11)}.sm\:cu-pl-12{padding-left:var(--canon-space-12)}.sm\:cu-pl-13{padding-left:var(--canon-space-13)}.sm\:cu-pl-14{padding-left:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-pl{padding-left:var(--pl-md)}.md\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.md\:cu-pl-1{padding-left:var(--canon-space-1)}.md\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.md\:cu-pl-2{padding-left:var(--canon-space-2)}.md\:cu-pl-3{padding-left:var(--canon-space-3)}.md\:cu-pl-4{padding-left:var(--canon-space-4)}.md\:cu-pl-5{padding-left:var(--canon-space-5)}.md\:cu-pl-6{padding-left:var(--canon-space-6)}.md\:cu-pl-7{padding-left:var(--canon-space-7)}.md\:cu-pl-8{padding-left:var(--canon-space-8)}.md\:cu-pl-9{padding-left:var(--canon-space-9)}.md\:cu-pl-10{padding-left:var(--canon-space-10)}.md\:cu-pl-11{padding-left:var(--canon-space-11)}.md\:cu-pl-12{padding-left:var(--canon-space-12)}.md\:cu-pl-13{padding-left:var(--canon-space-13)}.md\:cu-pl-14{padding-left:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-pl{padding-left:var(--pl-lg)}.lg\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.lg\:cu-pl-1{padding-left:var(--canon-space-1)}.lg\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.lg\:cu-pl-2{padding-left:var(--canon-space-2)}.lg\:cu-pl-3{padding-left:var(--canon-space-3)}.lg\:cu-pl-4{padding-left:var(--canon-space-4)}.lg\:cu-pl-5{padding-left:var(--canon-space-5)}.lg\:cu-pl-6{padding-left:var(--canon-space-6)}.lg\:cu-pl-7{padding-left:var(--canon-space-7)}.lg\:cu-pl-8{padding-left:var(--canon-space-8)}.lg\:cu-pl-9{padding-left:var(--canon-space-9)}.lg\:cu-pl-10{padding-left:var(--canon-space-10)}.lg\:cu-pl-11{padding-left:var(--canon-space-11)}.lg\:cu-pl-12{padding-left:var(--canon-space-12)}.lg\:cu-pl-13{padding-left:var(--canon-space-13)}.lg\:cu-pl-14{padding-left:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-pl{padding-left:var(--pl-xl)}.xl\:cu-pl-0\.5{padding-left:var(--canon-space-0_5)}.xl\:cu-pl-1{padding-left:var(--canon-space-1)}.xl\:cu-pl-1\.5{padding-left:var(--canon-space-1_5)}.xl\:cu-pl-2{padding-left:var(--canon-space-2)}.xl\:cu-pl-3{padding-left:var(--canon-space-3)}.xl\:cu-pl-4{padding-left:var(--canon-space-4)}.xl\:cu-pl-5{padding-left:var(--canon-space-5)}.xl\:cu-pl-6{padding-left:var(--canon-space-6)}.xl\:cu-pl-7{padding-left:var(--canon-space-7)}.xl\:cu-pl-8{padding-left:var(--canon-space-8)}.xl\:cu-pl-9{padding-left:var(--canon-space-9)}.xl\:cu-pl-10{padding-left:var(--canon-space-10)}.xl\:cu-pl-11{padding-left:var(--canon-space-11)}.xl\:cu-pl-12{padding-left:var(--canon-space-12)}.xl\:cu-pl-13{padding-left:var(--canon-space-13)}.xl\:cu-pl-14{padding-left:var(--canon-space-14)}}.cu-pr{padding-right:var(--pr)}.cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.cu-pr-1{padding-right:var(--canon-space-1)}.cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.cu-pr-2{padding-right:var(--canon-space-2)}.cu-pr-3{padding-right:var(--canon-space-3)}.cu-pr-4{padding-right:var(--canon-space-4)}.cu-pr-5{padding-right:var(--canon-space-5)}.cu-pr-6{padding-right:var(--canon-space-6)}.cu-pr-7{padding-right:var(--canon-space-7)}.cu-pr-8{padding-right:var(--canon-space-8)}.cu-pr-9{padding-right:var(--canon-space-9)}.cu-pr-10{padding-right:var(--canon-space-10)}.cu-pr-11{padding-right:var(--canon-space-11)}.cu-pr-12{padding-right:var(--canon-space-12)}.cu-pr-13{padding-right:var(--canon-space-13)}.cu-pr-14{padding-right:var(--canon-space-14)}@media (width>=640px){.xs\:cu-pr{padding-right:var(--pr-xs)}.xs\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.xs\:cu-pr-1{padding-right:var(--canon-space-1)}.xs\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.xs\:cu-pr-2{padding-right:var(--canon-space-2)}.xs\:cu-pr-3{padding-right:var(--canon-space-3)}.xs\:cu-pr-4{padding-right:var(--canon-space-4)}.xs\:cu-pr-5{padding-right:var(--canon-space-5)}.xs\:cu-pr-6{padding-right:var(--canon-space-6)}.xs\:cu-pr-7{padding-right:var(--canon-space-7)}.xs\:cu-pr-8{padding-right:var(--canon-space-8)}.xs\:cu-pr-9{padding-right:var(--canon-space-9)}.xs\:cu-pr-10{padding-right:var(--canon-space-10)}.xs\:cu-pr-11{padding-right:var(--canon-space-11)}.xs\:cu-pr-12{padding-right:var(--canon-space-12)}.xs\:cu-pr-13{padding-right:var(--canon-space-13)}.xs\:cu-pr-14{padding-right:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-pr{padding-right:var(--pr-sm)}.sm\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.sm\:cu-pr-1{padding-right:var(--canon-space-1)}.sm\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.sm\:cu-pr-2{padding-right:var(--canon-space-2)}.sm\:cu-pr-3{padding-right:var(--canon-space-3)}.sm\:cu-pr-4{padding-right:var(--canon-space-4)}.sm\:cu-pr-5{padding-right:var(--canon-space-5)}.sm\:cu-pr-6{padding-right:var(--canon-space-6)}.sm\:cu-pr-7{padding-right:var(--canon-space-7)}.sm\:cu-pr-8{padding-right:var(--canon-space-8)}.sm\:cu-pr-9{padding-right:var(--canon-space-9)}.sm\:cu-pr-10{padding-right:var(--canon-space-10)}.sm\:cu-pr-11{padding-right:var(--canon-space-11)}.sm\:cu-pr-12{padding-right:var(--canon-space-12)}.sm\:cu-pr-13{padding-right:var(--canon-space-13)}.sm\:cu-pr-14{padding-right:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-pr{padding-right:var(--pr-md)}.md\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.md\:cu-pr-1{padding-right:var(--canon-space-1)}.md\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.md\:cu-pr-2{padding-right:var(--canon-space-2)}.md\:cu-pr-3{padding-right:var(--canon-space-3)}.md\:cu-pr-4{padding-right:var(--canon-space-4)}.md\:cu-pr-5{padding-right:var(--canon-space-5)}.md\:cu-pr-6{padding-right:var(--canon-space-6)}.md\:cu-pr-7{padding-right:var(--canon-space-7)}.md\:cu-pr-8{padding-right:var(--canon-space-8)}.md\:cu-pr-9{padding-right:var(--canon-space-9)}.md\:cu-pr-10{padding-right:var(--canon-space-10)}.md\:cu-pr-11{padding-right:var(--canon-space-11)}.md\:cu-pr-12{padding-right:var(--canon-space-12)}.md\:cu-pr-13{padding-right:var(--canon-space-13)}.md\:cu-pr-14{padding-right:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-pr{padding-right:var(--pr-lg)}.lg\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.lg\:cu-pr-1{padding-right:var(--canon-space-1)}.lg\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.lg\:cu-pr-2{padding-right:var(--canon-space-2)}.lg\:cu-pr-3{padding-right:var(--canon-space-3)}.lg\:cu-pr-4{padding-right:var(--canon-space-4)}.lg\:cu-pr-5{padding-right:var(--canon-space-5)}.lg\:cu-pr-6{padding-right:var(--canon-space-6)}.lg\:cu-pr-7{padding-right:var(--canon-space-7)}.lg\:cu-pr-8{padding-right:var(--canon-space-8)}.lg\:cu-pr-9{padding-right:var(--canon-space-9)}.lg\:cu-pr-10{padding-right:var(--canon-space-10)}.lg\:cu-pr-11{padding-right:var(--canon-space-11)}.lg\:cu-pr-12{padding-right:var(--canon-space-12)}.lg\:cu-pr-13{padding-right:var(--canon-space-13)}.lg\:cu-pr-14{padding-right:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-pr{padding-right:var(--pr-xl)}.xl\:cu-pr-0\.5{padding-right:var(--canon-space-0_5)}.xl\:cu-pr-1{padding-right:var(--canon-space-1)}.xl\:cu-pr-1\.5{padding-right:var(--canon-space-1_5)}.xl\:cu-pr-2{padding-right:var(--canon-space-2)}.xl\:cu-pr-3{padding-right:var(--canon-space-3)}.xl\:cu-pr-4{padding-right:var(--canon-space-4)}.xl\:cu-pr-5{padding-right:var(--canon-space-5)}.xl\:cu-pr-6{padding-right:var(--canon-space-6)}.xl\:cu-pr-7{padding-right:var(--canon-space-7)}.xl\:cu-pr-8{padding-right:var(--canon-space-8)}.xl\:cu-pr-9{padding-right:var(--canon-space-9)}.xl\:cu-pr-10{padding-right:var(--canon-space-10)}.xl\:cu-pr-11{padding-right:var(--canon-space-11)}.xl\:cu-pr-12{padding-right:var(--canon-space-12)}.xl\:cu-pr-13{padding-right:var(--canon-space-13)}.xl\:cu-pr-14{padding-right:var(--canon-space-14)}}.cu-pt{padding-top:var(--pt)}.cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.cu-pt-1{padding-top:var(--canon-space-1)}.cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.cu-pt-2{padding-top:var(--canon-space-2)}.cu-pt-3{padding-top:var(--canon-space-3)}.cu-pt-4{padding-top:var(--canon-space-4)}.cu-pt-5{padding-top:var(--canon-space-5)}.cu-pt-6{padding-top:var(--canon-space-6)}.cu-pt-7{padding-top:var(--canon-space-7)}.cu-pt-8{padding-top:var(--canon-space-8)}.cu-pt-9{padding-top:var(--canon-space-9)}.cu-pt-10{padding-top:var(--canon-space-10)}.cu-pt-11{padding-top:var(--canon-space-11)}.cu-pt-12{padding-top:var(--canon-space-12)}.cu-pt-13{padding-top:var(--canon-space-13)}.cu-pt-14{padding-top:var(--canon-space-14)}@media (width>=640px){.xs\:cu-pt{padding-top:var(--pt-xs)}.xs\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.xs\:cu-pt-1{padding-top:var(--canon-space-1)}.xs\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.xs\:cu-pt-2{padding-top:var(--canon-space-2)}.xs\:cu-pt-3{padding-top:var(--canon-space-3)}.xs\:cu-pt-4{padding-top:var(--canon-space-4)}.xs\:cu-pt-5{padding-top:var(--canon-space-5)}.xs\:cu-pt-6{padding-top:var(--canon-space-6)}.xs\:cu-pt-7{padding-top:var(--canon-space-7)}.xs\:cu-pt-8{padding-top:var(--canon-space-8)}.xs\:cu-pt-9{padding-top:var(--canon-space-9)}.xs\:cu-pt-10{padding-top:var(--canon-space-10)}.xs\:cu-pt-11{padding-top:var(--canon-space-11)}.xs\:cu-pt-12{padding-top:var(--canon-space-12)}.xs\:cu-pt-13{padding-top:var(--canon-space-13)}.xs\:cu-pt-14{padding-top:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-pt{padding-top:var(--pt-sm)}.sm\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.sm\:cu-pt-1{padding-top:var(--canon-space-1)}.sm\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.sm\:cu-pt-2{padding-top:var(--canon-space-2)}.sm\:cu-pt-3{padding-top:var(--canon-space-3)}.sm\:cu-pt-4{padding-top:var(--canon-space-4)}.sm\:cu-pt-5{padding-top:var(--canon-space-5)}.sm\:cu-pt-6{padding-top:var(--canon-space-6)}.sm\:cu-pt-7{padding-top:var(--canon-space-7)}.sm\:cu-pt-8{padding-top:var(--canon-space-8)}.sm\:cu-pt-9{padding-top:var(--canon-space-9)}.sm\:cu-pt-10{padding-top:var(--canon-space-10)}.sm\:cu-pt-11{padding-top:var(--canon-space-11)}.sm\:cu-pt-12{padding-top:var(--canon-space-12)}.sm\:cu-pt-13{padding-top:var(--canon-space-13)}.sm\:cu-pt-14{padding-top:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-pt{padding-top:var(--pt-md)}.md\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.md\:cu-pt-1{padding-top:var(--canon-space-1)}.md\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.md\:cu-pt-2{padding-top:var(--canon-space-2)}.md\:cu-pt-3{padding-top:var(--canon-space-3)}.md\:cu-pt-4{padding-top:var(--canon-space-4)}.md\:cu-pt-5{padding-top:var(--canon-space-5)}.md\:cu-pt-6{padding-top:var(--canon-space-6)}.md\:cu-pt-7{padding-top:var(--canon-space-7)}.md\:cu-pt-8{padding-top:var(--canon-space-8)}.md\:cu-pt-9{padding-top:var(--canon-space-9)}.md\:cu-pt-10{padding-top:var(--canon-space-10)}.md\:cu-pt-11{padding-top:var(--canon-space-11)}.md\:cu-pt-12{padding-top:var(--canon-space-12)}.md\:cu-pt-13{padding-top:var(--canon-space-13)}.md\:cu-pt-14{padding-top:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-pt{padding-top:var(--pt-lg)}.lg\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.lg\:cu-pt-1{padding-top:var(--canon-space-1)}.lg\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.lg\:cu-pt-2{padding-top:var(--canon-space-2)}.lg\:cu-pt-3{padding-top:var(--canon-space-3)}.lg\:cu-pt-4{padding-top:var(--canon-space-4)}.lg\:cu-pt-5{padding-top:var(--canon-space-5)}.lg\:cu-pt-6{padding-top:var(--canon-space-6)}.lg\:cu-pt-7{padding-top:var(--canon-space-7)}.lg\:cu-pt-8{padding-top:var(--canon-space-8)}.lg\:cu-pt-9{padding-top:var(--canon-space-9)}.lg\:cu-pt-10{padding-top:var(--canon-space-10)}.lg\:cu-pt-11{padding-top:var(--canon-space-11)}.lg\:cu-pt-12{padding-top:var(--canon-space-12)}.lg\:cu-pt-13{padding-top:var(--canon-space-13)}.lg\:cu-pt-14{padding-top:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-pt{padding-top:var(--pt-xl)}.xl\:cu-pt-0\.5{padding-top:var(--canon-space-0_5)}.xl\:cu-pt-1{padding-top:var(--canon-space-1)}.xl\:cu-pt-1\.5{padding-top:var(--canon-space-1_5)}.xl\:cu-pt-2{padding-top:var(--canon-space-2)}.xl\:cu-pt-3{padding-top:var(--canon-space-3)}.xl\:cu-pt-4{padding-top:var(--canon-space-4)}.xl\:cu-pt-5{padding-top:var(--canon-space-5)}.xl\:cu-pt-6{padding-top:var(--canon-space-6)}.xl\:cu-pt-7{padding-top:var(--canon-space-7)}.xl\:cu-pt-8{padding-top:var(--canon-space-8)}.xl\:cu-pt-9{padding-top:var(--canon-space-9)}.xl\:cu-pt-10{padding-top:var(--canon-space-10)}.xl\:cu-pt-11{padding-top:var(--canon-space-11)}.xl\:cu-pt-12{padding-top:var(--canon-space-12)}.xl\:cu-pt-13{padding-top:var(--canon-space-13)}.xl\:cu-pt-14{padding-top:var(--canon-space-14)}}.cu-pb{padding-bottom:var(--pb)}.cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.cu-pb-1{padding-bottom:var(--canon-space-1)}.cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.cu-pb-2{padding-bottom:var(--canon-space-2)}.cu-pb-3{padding-bottom:var(--canon-space-3)}.cu-pb-4{padding-bottom:var(--canon-space-4)}.cu-pb-5{padding-bottom:var(--canon-space-5)}.cu-pb-6{padding-bottom:var(--canon-space-6)}.cu-pb-7{padding-bottom:var(--canon-space-7)}.cu-pb-8{padding-bottom:var(--canon-space-8)}.cu-pb-9{padding-bottom:var(--canon-space-9)}.cu-pb-10{padding-bottom:var(--canon-space-10)}.cu-pb-11{padding-bottom:var(--canon-space-11)}.cu-pb-12{padding-bottom:var(--canon-space-12)}.cu-pb-13{padding-bottom:var(--canon-space-13)}.cu-pb-14{padding-bottom:var(--canon-space-14)}@media (width>=640px){.xs\:cu-pb{padding-bottom:var(--pb-xs)}.xs\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.xs\:cu-pb-1{padding-bottom:var(--canon-space-1)}.xs\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.xs\:cu-pb-2{padding-bottom:var(--canon-space-2)}.xs\:cu-pb-3{padding-bottom:var(--canon-space-3)}.xs\:cu-pb-4{padding-bottom:var(--canon-space-4)}.xs\:cu-pb-5{padding-bottom:var(--canon-space-5)}.xs\:cu-pb-6{padding-bottom:var(--canon-space-6)}.xs\:cu-pb-7{padding-bottom:var(--canon-space-7)}.xs\:cu-pb-8{padding-bottom:var(--canon-space-8)}.xs\:cu-pb-9{padding-bottom:var(--canon-space-9)}.xs\:cu-pb-10{padding-bottom:var(--canon-space-10)}.xs\:cu-pb-11{padding-bottom:var(--canon-space-11)}.xs\:cu-pb-12{padding-bottom:var(--canon-space-12)}.xs\:cu-pb-13{padding-bottom:var(--canon-space-13)}.xs\:cu-pb-14{padding-bottom:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-pb{padding-bottom:var(--pb-sm)}.sm\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.sm\:cu-pb-1{padding-bottom:var(--canon-space-1)}.sm\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.sm\:cu-pb-2{padding-bottom:var(--canon-space-2)}.sm\:cu-pb-3{padding-bottom:var(--canon-space-3)}.sm\:cu-pb-4{padding-bottom:var(--canon-space-4)}.sm\:cu-pb-5{padding-bottom:var(--canon-space-5)}.sm\:cu-pb-6{padding-bottom:var(--canon-space-6)}.sm\:cu-pb-7{padding-bottom:var(--canon-space-7)}.sm\:cu-pb-8{padding-bottom:var(--canon-space-8)}.sm\:cu-pb-9{padding-bottom:var(--canon-space-9)}.sm\:cu-pb-10{padding-bottom:var(--canon-space-10)}.sm\:cu-pb-11{padding-bottom:var(--canon-space-11)}.sm\:cu-pb-12{padding-bottom:var(--canon-space-12)}.sm\:cu-pb-13{padding-bottom:var(--canon-space-13)}.sm\:cu-pb-14{padding-bottom:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-pb{padding-bottom:var(--pb-md)}.md\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.md\:cu-pb-1{padding-bottom:var(--canon-space-1)}.md\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.md\:cu-pb-2{padding-bottom:var(--canon-space-2)}.md\:cu-pb-3{padding-bottom:var(--canon-space-3)}.md\:cu-pb-4{padding-bottom:var(--canon-space-4)}.md\:cu-pb-5{padding-bottom:var(--canon-space-5)}.md\:cu-pb-6{padding-bottom:var(--canon-space-6)}.md\:cu-pb-7{padding-bottom:var(--canon-space-7)}.md\:cu-pb-8{padding-bottom:var(--canon-space-8)}.md\:cu-pb-9{padding-bottom:var(--canon-space-9)}.md\:cu-pb-10{padding-bottom:var(--canon-space-10)}.md\:cu-pb-11{padding-bottom:var(--canon-space-11)}.md\:cu-pb-12{padding-bottom:var(--canon-space-12)}.md\:cu-pb-13{padding-bottom:var(--canon-space-13)}.md\:cu-pb-14{padding-bottom:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-pb{padding-bottom:var(--pb-lg)}.lg\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.lg\:cu-pb-1{padding-bottom:var(--canon-space-1)}.lg\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.lg\:cu-pb-2{padding-bottom:var(--canon-space-2)}.lg\:cu-pb-3{padding-bottom:var(--canon-space-3)}.lg\:cu-pb-4{padding-bottom:var(--canon-space-4)}.lg\:cu-pb-5{padding-bottom:var(--canon-space-5)}.lg\:cu-pb-6{padding-bottom:var(--canon-space-6)}.lg\:cu-pb-7{padding-bottom:var(--canon-space-7)}.lg\:cu-pb-8{padding-bottom:var(--canon-space-8)}.lg\:cu-pb-9{padding-bottom:var(--canon-space-9)}.lg\:cu-pb-10{padding-bottom:var(--canon-space-10)}.lg\:cu-pb-11{padding-bottom:var(--canon-space-11)}.lg\:cu-pb-12{padding-bottom:var(--canon-space-12)}.lg\:cu-pb-13{padding-bottom:var(--canon-space-13)}.lg\:cu-pb-14{padding-bottom:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-pb{padding-bottom:var(--pb-xl)}.xl\:cu-pb-0\.5{padding-bottom:var(--canon-space-0_5)}.xl\:cu-pb-1{padding-bottom:var(--canon-space-1)}.xl\:cu-pb-1\.5{padding-bottom:var(--canon-space-1_5)}.xl\:cu-pb-2{padding-bottom:var(--canon-space-2)}.xl\:cu-pb-3{padding-bottom:var(--canon-space-3)}.xl\:cu-pb-4{padding-bottom:var(--canon-space-4)}.xl\:cu-pb-5{padding-bottom:var(--canon-space-5)}.xl\:cu-pb-6{padding-bottom:var(--canon-space-6)}.xl\:cu-pb-7{padding-bottom:var(--canon-space-7)}.xl\:cu-pb-8{padding-bottom:var(--canon-space-8)}.xl\:cu-pb-9{padding-bottom:var(--canon-space-9)}.xl\:cu-pb-10{padding-bottom:var(--canon-space-10)}.xl\:cu-pb-11{padding-bottom:var(--canon-space-11)}.xl\:cu-pb-12{padding-bottom:var(--canon-space-12)}.xl\:cu-pb-13{padding-bottom:var(--canon-space-13)}.xl\:cu-pb-14{padding-bottom:var(--canon-space-14)}}.cu-py{padding-top:var(--py);padding-bottom:var(--py)}.cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}@media (width>=640px){.xs\:cu-py{padding-top:var(--py-xs);padding-bottom:var(--py-xs)}.xs\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.xs\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.xs\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.xs\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.xs\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.xs\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.xs\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.xs\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.xs\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.xs\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.xs\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.xs\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.xs\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.xs\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.xs\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.xs\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-py{padding-top:var(--py-sm);padding-bottom:var(--py-sm)}.sm\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.sm\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.sm\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.sm\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.sm\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.sm\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.sm\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.sm\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.sm\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.sm\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.sm\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.sm\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.sm\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.sm\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.sm\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.sm\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-py{padding-top:var(--py-md);padding-bottom:var(--py-md)}.md\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.md\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.md\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.md\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.md\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.md\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.md\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.md\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.md\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.md\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.md\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.md\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.md\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.md\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.md\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.md\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-py{padding-top:var(--py-lg);padding-bottom:var(--py-lg)}.lg\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.lg\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.lg\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.lg\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.lg\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.lg\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.lg\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.lg\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.lg\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.lg\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.lg\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.lg\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.lg\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.lg\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.lg\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.lg\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-py{padding-top:var(--py-xl);padding-bottom:var(--py-xl)}.xl\:cu-py-0\.5{padding-top:var(--canon-space-0_5);padding-bottom:var(--canon-space-0_5)}.xl\:cu-py-1{padding-top:var(--canon-space-1);padding-bottom:var(--canon-space-1)}.xl\:cu-py-1\.5{padding-top:var(--canon-space-1_5);padding-bottom:var(--canon-space-1_5)}.xl\:cu-py-2{padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-2)}.xl\:cu-py-3{padding-top:var(--canon-space-3);padding-bottom:var(--canon-space-3)}.xl\:cu-py-4{padding-top:var(--canon-space-4);padding-bottom:var(--canon-space-4)}.xl\:cu-py-5{padding-top:var(--canon-space-5);padding-bottom:var(--canon-space-5)}.xl\:cu-py-6{padding-top:var(--canon-space-6);padding-bottom:var(--canon-space-6)}.xl\:cu-py-7{padding-top:var(--canon-space-7);padding-bottom:var(--canon-space-7)}.xl\:cu-py-8{padding-top:var(--canon-space-8);padding-bottom:var(--canon-space-8)}.xl\:cu-py-9{padding-top:var(--canon-space-9);padding-bottom:var(--canon-space-9)}.xl\:cu-py-10{padding-top:var(--canon-space-10);padding-bottom:var(--canon-space-10)}.xl\:cu-py-11{padding-top:var(--canon-space-11);padding-bottom:var(--canon-space-11)}.xl\:cu-py-12{padding-top:var(--canon-space-12);padding-bottom:var(--canon-space-12)}.xl\:cu-py-13{padding-top:var(--canon-space-13);padding-bottom:var(--canon-space-13)}.xl\:cu-py-14{padding-top:var(--canon-space-14);padding-bottom:var(--canon-space-14)}}.cu-px{padding-left:var(--px);padding-right:var(--px)}.cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}@media (width>=640px){.xs\:cu-px{padding-left:var(--px-xs);padding-right:var(--px-xs)}.xs\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.xs\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.xs\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.xs\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.xs\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.xs\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.xs\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.xs\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.xs\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.xs\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.xs\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.xs\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.xs\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.xs\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.xs\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.xs\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-px{padding-left:var(--px-sm);padding-right:var(--px-sm)}.sm\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.sm\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.sm\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.sm\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.sm\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.sm\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.sm\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.sm\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.sm\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.sm\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.sm\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.sm\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.sm\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.sm\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.sm\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.sm\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-px{padding-left:var(--px-md);padding-right:var(--px-md)}.md\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.md\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.md\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.md\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.md\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.md\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.md\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.md\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.md\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.md\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.md\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.md\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.md\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.md\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.md\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.md\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-px{padding-left:var(--px-lg);padding-right:var(--px-lg)}.lg\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.lg\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.lg\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.lg\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.lg\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.lg\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.lg\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.lg\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.lg\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.lg\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.lg\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.lg\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.lg\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.lg\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.lg\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.lg\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-px{padding-left:var(--px-xl);padding-right:var(--px-xl)}.xl\:cu-px-0\.5{padding-left:var(--canon-space-0_5);padding-right:var(--canon-space-0_5)}.xl\:cu-px-1{padding-left:var(--canon-space-1);padding-right:var(--canon-space-1)}.xl\:cu-px-1\.5{padding-left:var(--canon-space-1_5);padding-right:var(--canon-space-1_5)}.xl\:cu-px-2{padding-left:var(--canon-space-2);padding-right:var(--canon-space-2)}.xl\:cu-px-3{padding-left:var(--canon-space-3);padding-right:var(--canon-space-3)}.xl\:cu-px-4{padding-left:var(--canon-space-4);padding-right:var(--canon-space-4)}.xl\:cu-px-5{padding-left:var(--canon-space-5);padding-right:var(--canon-space-5)}.xl\:cu-px-6{padding-left:var(--canon-space-6);padding-right:var(--canon-space-6)}.xl\:cu-px-7{padding-left:var(--canon-space-7);padding-right:var(--canon-space-7)}.xl\:cu-px-8{padding-left:var(--canon-space-8);padding-right:var(--canon-space-8)}.xl\:cu-px-9{padding-left:var(--canon-space-9);padding-right:var(--canon-space-9)}.xl\:cu-px-10{padding-left:var(--canon-space-10);padding-right:var(--canon-space-10)}.xl\:cu-px-11{padding-left:var(--canon-space-11);padding-right:var(--canon-space-11)}.xl\:cu-px-12{padding-left:var(--canon-space-12);padding-right:var(--canon-space-12)}.xl\:cu-px-13{padding-left:var(--canon-space-13);padding-right:var(--canon-space-13)}.xl\:cu-px-14{padding-left:var(--canon-space-14);padding-right:var(--canon-space-14)}}.cu-m{margin:var(--m)}.cu-m-0\.5{margin:var(--canon-space-0_5)}.cu-m-1{margin:var(--canon-space-1)}.cu-m-1\.5{margin:var(--canon-space-1_5)}.cu-m-2{margin:var(--canon-space-2)}.cu-m-3{margin:var(--canon-space-3)}.cu-m-4{margin:var(--canon-space-4)}.cu-m-5{margin:var(--canon-space-5)}.cu-m-6{margin:var(--canon-space-6)}.cu-m-7{margin:var(--canon-space-7)}.cu-m-8{margin:var(--canon-space-8)}.cu-m-9{margin:var(--canon-space-9)}.cu-m-10{margin:var(--canon-space-10)}.cu-m-11{margin:var(--canon-space-11)}.cu-m-12{margin:var(--canon-space-12)}.cu-m-13{margin:var(--canon-space-13)}.cu-m-14{margin:var(--canon-space-14)}@media (width>=640px){.xs\:cu-m{margin:var(--p-xs)}.xs\:cu-m-0\.5{margin:var(--canon-space-0_5)}.xs\:cu-m-1{margin:var(--canon-space-1)}.xs\:cu-m-1\.5{margin:var(--canon-space-1_5)}.xs\:cu-m-2{margin:var(--canon-space-2)}.xs\:cu-m-3{margin:var(--canon-space-3)}.xs\:cu-m-4{margin:var(--canon-space-4)}.xs\:cu-m-5{margin:var(--canon-space-5)}.xs\:cu-m-6{margin:var(--canon-space-6)}.xs\:cu-m-7{margin:var(--canon-space-7)}.xs\:cu-m-8{margin:var(--canon-space-8)}.xs\:cu-m-9{margin:var(--canon-space-9)}.xs\:cu-m-10{margin:var(--canon-space-10)}.xs\:cu-m-11{margin:var(--canon-space-11)}.xs\:cu-m-12{margin:var(--canon-space-12)}.xs\:cu-m-13{margin:var(--canon-space-13)}.xs\:cu-m-14{margin:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-m{margin:var(--p-sm)}.sm\:cu-m-0\.5{margin:var(--canon-space-0_5)}.sm\:cu-m-1{margin:var(--canon-space-1)}.sm\:cu-m-1\.5{margin:var(--canon-space-1_5)}.sm\:cu-m-2{margin:var(--canon-space-2)}.sm\:cu-m-3{margin:var(--canon-space-3)}.sm\:cu-m-4{margin:var(--canon-space-4)}.sm\:cu-m-5{margin:var(--canon-space-5)}.sm\:cu-m-6{margin:var(--canon-space-6)}.sm\:cu-m-7{margin:var(--canon-space-7)}.sm\:cu-m-8{margin:var(--canon-space-8)}.sm\:cu-m-9{margin:var(--canon-space-9)}.sm\:cu-m-10{margin:var(--canon-space-10)}.sm\:cu-m-11{margin:var(--canon-space-11)}.sm\:cu-m-12{margin:var(--canon-space-12)}.sm\:cu-m-13{margin:var(--canon-space-13)}.sm\:cu-m-14{margin:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-m{margin:var(--p-md)}.md\:cu-m-0\.5{margin:var(--canon-space-0_5)}.md\:cu-m-1{margin:var(--canon-space-1)}.md\:cu-m-1\.5{margin:var(--canon-space-1_5)}.md\:cu-m-2{margin:var(--canon-space-2)}.md\:cu-m-3{margin:var(--canon-space-3)}.md\:cu-m-4{margin:var(--canon-space-4)}.md\:cu-m-5{margin:var(--canon-space-5)}.md\:cu-m-6{margin:var(--canon-space-6)}.md\:cu-m-7{margin:var(--canon-space-7)}.md\:cu-m-8{margin:var(--canon-space-8)}.md\:cu-m-9{margin:var(--canon-space-9)}.md\:cu-m-10{margin:var(--canon-space-10)}.md\:cu-m-11{margin:var(--canon-space-11)}.md\:cu-m-12{margin:var(--canon-space-12)}.md\:cu-m-13{margin:var(--canon-space-13)}.md\:cu-m-14{margin:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-m{margin:var(--p-lg)}.lg\:cu-m-0\.5{margin:var(--canon-space-0_5)}.lg\:cu-m-1{margin:var(--canon-space-1)}.lg\:cu-m-1\.5{margin:var(--canon-space-1_5)}.lg\:cu-m-2{margin:var(--canon-space-2)}.lg\:cu-m-3{margin:var(--canon-space-3)}.lg\:cu-m-4{margin:var(--canon-space-4)}.lg\:cu-m-5{margin:var(--canon-space-5)}.lg\:cu-m-6{margin:var(--canon-space-6)}.lg\:cu-m-7{margin:var(--canon-space-7)}.lg\:cu-m-8{margin:var(--canon-space-8)}.lg\:cu-m-9{margin:var(--canon-space-9)}.lg\:cu-m-10{margin:var(--canon-space-10)}.lg\:cu-m-11{margin:var(--canon-space-11)}.lg\:cu-m-12{margin:var(--canon-space-12)}.lg\:cu-m-13{margin:var(--canon-space-13)}.lg\:cu-m-14{margin:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-m{margin:var(--p-xl)}.xl\:cu-m-0\.5{margin:var(--canon-space-0_5)}.xl\:cu-m-1{margin:var(--canon-space-1)}.xl\:cu-m-1\.5{margin:var(--canon-space-1_5)}.xl\:cu-m-2{margin:var(--canon-space-2)}.xl\:cu-m-3{margin:var(--canon-space-3)}.xl\:cu-m-4{margin:var(--canon-space-4)}.xl\:cu-m-5{margin:var(--canon-space-5)}.xl\:cu-m-6{margin:var(--canon-space-6)}.xl\:cu-m-7{margin:var(--canon-space-7)}.xl\:cu-m-8{margin:var(--canon-space-8)}.xl\:cu-m-9{margin:var(--canon-space-9)}.xl\:cu-m-10{margin:var(--canon-space-10)}.xl\:cu-m-11{margin:var(--canon-space-11)}.xl\:cu-m-12{margin:var(--canon-space-12)}.xl\:cu-m-13{margin:var(--canon-space-13)}.xl\:cu-m-14{margin:var(--canon-space-14)}}.cu-ml{margin-left:var(--ml)}.cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.cu-ml-1{margin-left:var(--canon-space-1)}.cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.cu-ml-2{margin-left:var(--canon-space-2)}.cu-ml-3{margin-left:var(--canon-space-3)}.cu-ml-4{margin-left:var(--canon-space-4)}.cu-ml-5{margin-left:var(--canon-space-5)}.cu-ml-6{margin-left:var(--canon-space-6)}.cu-ml-7{margin-left:var(--canon-space-7)}.cu-ml-8{margin-left:var(--canon-space-8)}.cu-ml-9{margin-left:var(--canon-space-9)}.cu-ml-10{margin-left:var(--canon-space-10)}.cu-ml-11{margin-left:var(--canon-space-11)}.cu-ml-12{margin-left:var(--canon-space-12)}.cu-ml-13{margin-left:var(--canon-space-13)}.cu-ml-14{margin-left:var(--canon-space-14)}@media (width>=640px){.xs\:cu-ml{margin-left:var(--pl-xs)}.xs\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.xs\:cu-ml-1{margin-left:var(--canon-space-1)}.xs\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.xs\:cu-ml-2{margin-left:var(--canon-space-2)}.xs\:cu-ml-3{margin-left:var(--canon-space-3)}.xs\:cu-ml-4{margin-left:var(--canon-space-4)}.xs\:cu-ml-5{margin-left:var(--canon-space-5)}.xs\:cu-ml-6{margin-left:var(--canon-space-6)}.xs\:cu-ml-7{margin-left:var(--canon-space-7)}.xs\:cu-ml-8{margin-left:var(--canon-space-8)}.xs\:cu-ml-9{margin-left:var(--canon-space-9)}.xs\:cu-ml-10{margin-left:var(--canon-space-10)}.xs\:cu-ml-11{margin-left:var(--canon-space-11)}.xs\:cu-ml-12{margin-left:var(--canon-space-12)}.xs\:cu-ml-13{margin-left:var(--canon-space-13)}.xs\:cu-ml-14{margin-left:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-ml{margin-left:var(--pl-sm)}.sm\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.sm\:cu-ml-1{margin-left:var(--canon-space-1)}.sm\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.sm\:cu-ml-2{margin-left:var(--canon-space-2)}.sm\:cu-ml-3{margin-left:var(--canon-space-3)}.sm\:cu-ml-4{margin-left:var(--canon-space-4)}.sm\:cu-ml-5{margin-left:var(--canon-space-5)}.sm\:cu-ml-6{margin-left:var(--canon-space-6)}.sm\:cu-ml-7{margin-left:var(--canon-space-7)}.sm\:cu-ml-8{margin-left:var(--canon-space-8)}.sm\:cu-ml-9{margin-left:var(--canon-space-9)}.sm\:cu-ml-10{margin-left:var(--canon-space-10)}.sm\:cu-ml-11{margin-left:var(--canon-space-11)}.sm\:cu-ml-12{margin-left:var(--canon-space-12)}.sm\:cu-ml-13{margin-left:var(--canon-space-13)}.sm\:cu-ml-14{margin-left:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-ml{margin-left:var(--pl-md)}.md\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.md\:cu-ml-1{margin-left:var(--canon-space-1)}.md\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.md\:cu-ml-2{margin-left:var(--canon-space-2)}.md\:cu-ml-3{margin-left:var(--canon-space-3)}.md\:cu-ml-4{margin-left:var(--canon-space-4)}.md\:cu-ml-5{margin-left:var(--canon-space-5)}.md\:cu-ml-6{margin-left:var(--canon-space-6)}.md\:cu-ml-7{margin-left:var(--canon-space-7)}.md\:cu-ml-8{margin-left:var(--canon-space-8)}.md\:cu-ml-9{margin-left:var(--canon-space-9)}.md\:cu-ml-10{margin-left:var(--canon-space-10)}.md\:cu-ml-11{margin-left:var(--canon-space-11)}.md\:cu-ml-12{margin-left:var(--canon-space-12)}.md\:cu-ml-13{margin-left:var(--canon-space-13)}.md\:cu-ml-14{margin-left:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-ml{margin-left:var(--pl-lg)}.lg\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.lg\:cu-ml-1{margin-left:var(--canon-space-1)}.lg\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.lg\:cu-ml-2{margin-left:var(--canon-space-2)}.lg\:cu-ml-3{margin-left:var(--canon-space-3)}.lg\:cu-ml-4{margin-left:var(--canon-space-4)}.lg\:cu-ml-5{margin-left:var(--canon-space-5)}.lg\:cu-ml-6{margin-left:var(--canon-space-6)}.lg\:cu-ml-7{margin-left:var(--canon-space-7)}.lg\:cu-ml-8{margin-left:var(--canon-space-8)}.lg\:cu-ml-9{margin-left:var(--canon-space-9)}.lg\:cu-ml-10{margin-left:var(--canon-space-10)}.lg\:cu-ml-11{margin-left:var(--canon-space-11)}.lg\:cu-ml-12{margin-left:var(--canon-space-12)}.lg\:cu-ml-13{margin-left:var(--canon-space-13)}.lg\:cu-ml-14{margin-left:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-ml{margin-left:var(--pl-xl)}.xl\:cu-ml-0\.5{margin-left:var(--canon-space-0_5)}.xl\:cu-ml-1{margin-left:var(--canon-space-1)}.xl\:cu-ml-1\.5{margin-left:var(--canon-space-1_5)}.xl\:cu-ml-2{margin-left:var(--canon-space-2)}.xl\:cu-ml-3{margin-left:var(--canon-space-3)}.xl\:cu-ml-4{margin-left:var(--canon-space-4)}.xl\:cu-ml-5{margin-left:var(--canon-space-5)}.xl\:cu-ml-6{margin-left:var(--canon-space-6)}.xl\:cu-ml-7{margin-left:var(--canon-space-7)}.xl\:cu-ml-8{margin-left:var(--canon-space-8)}.xl\:cu-ml-9{margin-left:var(--canon-space-9)}.xl\:cu-ml-10{margin-left:var(--canon-space-10)}.xl\:cu-ml-11{margin-left:var(--canon-space-11)}.xl\:cu-ml-12{margin-left:var(--canon-space-12)}.xl\:cu-ml-13{margin-left:var(--canon-space-13)}.xl\:cu-ml-14{margin-left:var(--canon-space-14)}}.cu-mr{margin-right:var(--mr)}.cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.cu-mr-1{margin-right:var(--canon-space-1)}.cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.cu-mr-2{margin-right:var(--canon-space-2)}.cu-mr-3{margin-right:var(--canon-space-3)}.cu-mr-4{margin-right:var(--canon-space-4)}.cu-mr-5{margin-right:var(--canon-space-5)}.cu-mr-6{margin-right:var(--canon-space-6)}.cu-mr-7{margin-right:var(--canon-space-7)}.cu-mr-8{margin-right:var(--canon-space-8)}.cu-mr-9{margin-right:var(--canon-space-9)}.cu-mr-10{margin-right:var(--canon-space-10)}.cu-mr-11{margin-right:var(--canon-space-11)}.cu-mr-12{margin-right:var(--canon-space-12)}.cu-mr-13{margin-right:var(--canon-space-13)}.cu-mr-14{margin-right:var(--canon-space-14)}@media (width>=640px){.xs\:cu-mr{margin-right:var(--pr-xs)}.xs\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.xs\:cu-mr-1{margin-right:var(--canon-space-1)}.xs\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.xs\:cu-mr-2{margin-right:var(--canon-space-2)}.xs\:cu-mr-3{margin-right:var(--canon-space-3)}.xs\:cu-mr-4{margin-right:var(--canon-space-4)}.xs\:cu-mr-5{margin-right:var(--canon-space-5)}.xs\:cu-mr-6{margin-right:var(--canon-space-6)}.xs\:cu-mr-7{margin-right:var(--canon-space-7)}.xs\:cu-mr-8{margin-right:var(--canon-space-8)}.xs\:cu-mr-9{margin-right:var(--canon-space-9)}.xs\:cu-mr-10{margin-right:var(--canon-space-10)}.xs\:cu-mr-11{margin-right:var(--canon-space-11)}.xs\:cu-mr-12{margin-right:var(--canon-space-12)}.xs\:cu-mr-13{margin-right:var(--canon-space-13)}.xs\:cu-mr-14{margin-right:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-mr{margin-right:var(--pr-sm)}.sm\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.sm\:cu-mr-1{margin-right:var(--canon-space-1)}.sm\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.sm\:cu-mr-2{margin-right:var(--canon-space-2)}.sm\:cu-mr-3{margin-right:var(--canon-space-3)}.sm\:cu-mr-4{margin-right:var(--canon-space-4)}.sm\:cu-mr-5{margin-right:var(--canon-space-5)}.sm\:cu-mr-6{margin-right:var(--canon-space-6)}.sm\:cu-mr-7{margin-right:var(--canon-space-7)}.sm\:cu-mr-8{margin-right:var(--canon-space-8)}.sm\:cu-mr-9{margin-right:var(--canon-space-9)}.sm\:cu-mr-10{margin-right:var(--canon-space-10)}.sm\:cu-mr-11{margin-right:var(--canon-space-11)}.sm\:cu-mr-12{margin-right:var(--canon-space-12)}.sm\:cu-mr-13{margin-right:var(--canon-space-13)}.sm\:cu-mr-14{margin-right:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-mr{margin-right:var(--pr-md)}.md\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.md\:cu-mr-1{margin-right:var(--canon-space-1)}.md\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.md\:cu-mr-2{margin-right:var(--canon-space-2)}.md\:cu-mr-3{margin-right:var(--canon-space-3)}.md\:cu-mr-4{margin-right:var(--canon-space-4)}.md\:cu-mr-5{margin-right:var(--canon-space-5)}.md\:cu-mr-6{margin-right:var(--canon-space-6)}.md\:cu-mr-7{margin-right:var(--canon-space-7)}.md\:cu-mr-8{margin-right:var(--canon-space-8)}.md\:cu-mr-9{margin-right:var(--canon-space-9)}.md\:cu-mr-10{margin-right:var(--canon-space-10)}.md\:cu-mr-11{margin-right:var(--canon-space-11)}.md\:cu-mr-12{margin-right:var(--canon-space-12)}.md\:cu-mr-13{margin-right:var(--canon-space-13)}.md\:cu-mr-14{margin-right:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-mr{margin-right:var(--pr-lg)}.lg\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.lg\:cu-mr-1{margin-right:var(--canon-space-1)}.lg\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.lg\:cu-mr-2{margin-right:var(--canon-space-2)}.lg\:cu-mr-3{margin-right:var(--canon-space-3)}.lg\:cu-mr-4{margin-right:var(--canon-space-4)}.lg\:cu-mr-5{margin-right:var(--canon-space-5)}.lg\:cu-mr-6{margin-right:var(--canon-space-6)}.lg\:cu-mr-7{margin-right:var(--canon-space-7)}.lg\:cu-mr-8{margin-right:var(--canon-space-8)}.lg\:cu-mr-9{margin-right:var(--canon-space-9)}.lg\:cu-mr-10{margin-right:var(--canon-space-10)}.lg\:cu-mr-11{margin-right:var(--canon-space-11)}.lg\:cu-mr-12{margin-right:var(--canon-space-12)}.lg\:cu-mr-13{margin-right:var(--canon-space-13)}.lg\:cu-mr-14{margin-right:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-mr{margin-right:var(--pr-xl)}.xl\:cu-mr-0\.5{margin-right:var(--canon-space-0_5)}.xl\:cu-mr-1{margin-right:var(--canon-space-1)}.xl\:cu-mr-1\.5{margin-right:var(--canon-space-1_5)}.xl\:cu-mr-2{margin-right:var(--canon-space-2)}.xl\:cu-mr-3{margin-right:var(--canon-space-3)}.xl\:cu-mr-4{margin-right:var(--canon-space-4)}.xl\:cu-mr-5{margin-right:var(--canon-space-5)}.xl\:cu-mr-6{margin-right:var(--canon-space-6)}.xl\:cu-mr-7{margin-right:var(--canon-space-7)}.xl\:cu-mr-8{margin-right:var(--canon-space-8)}.xl\:cu-mr-9{margin-right:var(--canon-space-9)}.xl\:cu-mr-10{margin-right:var(--canon-space-10)}.xl\:cu-mr-11{margin-right:var(--canon-space-11)}.xl\:cu-mr-12{margin-right:var(--canon-space-12)}.xl\:cu-mr-13{margin-right:var(--canon-space-13)}.xl\:cu-mr-14{margin-right:var(--canon-space-14)}}.cu-mt{margin-top:var(--mt)}.cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.cu-mt-1{margin-top:var(--canon-space-1)}.cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.cu-mt-2{margin-top:var(--canon-space-2)}.cu-mt-3{margin-top:var(--canon-space-3)}.cu-mt-4{margin-top:var(--canon-space-4)}.cu-mt-5{margin-top:var(--canon-space-5)}.cu-mt-6{margin-top:var(--canon-space-6)}.cu-mt-7{margin-top:var(--canon-space-7)}.cu-mt-8{margin-top:var(--canon-space-8)}.cu-mt-9{margin-top:var(--canon-space-9)}.cu-mt-10{margin-top:var(--canon-space-10)}.cu-mt-11{margin-top:var(--canon-space-11)}.cu-mt-12{margin-top:var(--canon-space-12)}.cu-mt-13{margin-top:var(--canon-space-13)}.cu-mt-14{margin-top:var(--canon-space-14)}@media (width>=640px){.xs\:cu-mt{margin-top:var(--pt-xs)}.xs\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.xs\:cu-mt-1{margin-top:var(--canon-space-1)}.xs\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.xs\:cu-mt-2{margin-top:var(--canon-space-2)}.xs\:cu-mt-3{margin-top:var(--canon-space-3)}.xs\:cu-mt-4{margin-top:var(--canon-space-4)}.xs\:cu-mt-5{margin-top:var(--canon-space-5)}.xs\:cu-mt-6{margin-top:var(--canon-space-6)}.xs\:cu-mt-7{margin-top:var(--canon-space-7)}.xs\:cu-mt-8{margin-top:var(--canon-space-8)}.xs\:cu-mt-9{margin-top:var(--canon-space-9)}.xs\:cu-mt-10{margin-top:var(--canon-space-10)}.xs\:cu-mt-11{margin-top:var(--canon-space-11)}.xs\:cu-mt-12{margin-top:var(--canon-space-12)}.xs\:cu-mt-13{margin-top:var(--canon-space-13)}.xs\:cu-mt-14{margin-top:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-mt{margin-top:var(--pt-sm)}.sm\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.sm\:cu-mt-1{margin-top:var(--canon-space-1)}.sm\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.sm\:cu-mt-2{margin-top:var(--canon-space-2)}.sm\:cu-mt-3{margin-top:var(--canon-space-3)}.sm\:cu-mt-4{margin-top:var(--canon-space-4)}.sm\:cu-mt-5{margin-top:var(--canon-space-5)}.sm\:cu-mt-6{margin-top:var(--canon-space-6)}.sm\:cu-mt-7{margin-top:var(--canon-space-7)}.sm\:cu-mt-8{margin-top:var(--canon-space-8)}.sm\:cu-mt-9{margin-top:var(--canon-space-9)}.sm\:cu-mt-10{margin-top:var(--canon-space-10)}.sm\:cu-mt-11{margin-top:var(--canon-space-11)}.sm\:cu-mt-12{margin-top:var(--canon-space-12)}.sm\:cu-mt-13{margin-top:var(--canon-space-13)}.sm\:cu-mt-14{margin-top:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-mt{margin-top:var(--pt-md)}.md\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.md\:cu-mt-1{margin-top:var(--canon-space-1)}.md\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.md\:cu-mt-2{margin-top:var(--canon-space-2)}.md\:cu-mt-3{margin-top:var(--canon-space-3)}.md\:cu-mt-4{margin-top:var(--canon-space-4)}.md\:cu-mt-5{margin-top:var(--canon-space-5)}.md\:cu-mt-6{margin-top:var(--canon-space-6)}.md\:cu-mt-7{margin-top:var(--canon-space-7)}.md\:cu-mt-8{margin-top:var(--canon-space-8)}.md\:cu-mt-9{margin-top:var(--canon-space-9)}.md\:cu-mt-10{margin-top:var(--canon-space-10)}.md\:cu-mt-11{margin-top:var(--canon-space-11)}.md\:cu-mt-12{margin-top:var(--canon-space-12)}.md\:cu-mt-13{margin-top:var(--canon-space-13)}.md\:cu-mt-14{margin-top:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-mt{margin-top:var(--pt-lg)}.lg\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.lg\:cu-mt-1{margin-top:var(--canon-space-1)}.lg\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.lg\:cu-mt-2{margin-top:var(--canon-space-2)}.lg\:cu-mt-3{margin-top:var(--canon-space-3)}.lg\:cu-mt-4{margin-top:var(--canon-space-4)}.lg\:cu-mt-5{margin-top:var(--canon-space-5)}.lg\:cu-mt-6{margin-top:var(--canon-space-6)}.lg\:cu-mt-7{margin-top:var(--canon-space-7)}.lg\:cu-mt-8{margin-top:var(--canon-space-8)}.lg\:cu-mt-9{margin-top:var(--canon-space-9)}.lg\:cu-mt-10{margin-top:var(--canon-space-10)}.lg\:cu-mt-11{margin-top:var(--canon-space-11)}.lg\:cu-mt-12{margin-top:var(--canon-space-12)}.lg\:cu-mt-13{margin-top:var(--canon-space-13)}.lg\:cu-mt-14{margin-top:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-mt{margin-top:var(--pt-xl)}.xl\:cu-mt-0\.5{margin-top:var(--canon-space-0_5)}.xl\:cu-mt-1{margin-top:var(--canon-space-1)}.xl\:cu-mt-1\.5{margin-top:var(--canon-space-1_5)}.xl\:cu-mt-2{margin-top:var(--canon-space-2)}.xl\:cu-mt-3{margin-top:var(--canon-space-3)}.xl\:cu-mt-4{margin-top:var(--canon-space-4)}.xl\:cu-mt-5{margin-top:var(--canon-space-5)}.xl\:cu-mt-6{margin-top:var(--canon-space-6)}.xl\:cu-mt-7{margin-top:var(--canon-space-7)}.xl\:cu-mt-8{margin-top:var(--canon-space-8)}.xl\:cu-mt-9{margin-top:var(--canon-space-9)}.xl\:cu-mt-10{margin-top:var(--canon-space-10)}.xl\:cu-mt-11{margin-top:var(--canon-space-11)}.xl\:cu-mt-12{margin-top:var(--canon-space-12)}.xl\:cu-mt-13{margin-top:var(--canon-space-13)}.xl\:cu-mt-14{margin-top:var(--canon-space-14)}}.cu-mb{margin-bottom:var(--mb)}.cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.cu-mb-1{margin-bottom:var(--canon-space-1)}.cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.cu-mb-2{margin-bottom:var(--canon-space-2)}.cu-mb-3{margin-bottom:var(--canon-space-3)}.cu-mb-4{margin-bottom:var(--canon-space-4)}.cu-mb-5{margin-bottom:var(--canon-space-5)}.cu-mb-6{margin-bottom:var(--canon-space-6)}.cu-mb-7{margin-bottom:var(--canon-space-7)}.cu-mb-8{margin-bottom:var(--canon-space-8)}.cu-mb-9{margin-bottom:var(--canon-space-9)}.cu-mb-10{margin-bottom:var(--canon-space-10)}.cu-mb-11{margin-bottom:var(--canon-space-11)}.cu-mb-12{margin-bottom:var(--canon-space-12)}.cu-mb-13{margin-bottom:var(--canon-space-13)}.cu-mb-14{margin-bottom:var(--canon-space-14)}@media (width>=640px){.xs\:cu-mb{margin-bottom:var(--pb-xs)}.xs\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.xs\:cu-mb-1{margin-bottom:var(--canon-space-1)}.xs\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.xs\:cu-mb-2{margin-bottom:var(--canon-space-2)}.xs\:cu-mb-3{margin-bottom:var(--canon-space-3)}.xs\:cu-mb-4{margin-bottom:var(--canon-space-4)}.xs\:cu-mb-5{margin-bottom:var(--canon-space-5)}.xs\:cu-mb-6{margin-bottom:var(--canon-space-6)}.xs\:cu-mb-7{margin-bottom:var(--canon-space-7)}.xs\:cu-mb-8{margin-bottom:var(--canon-space-8)}.xs\:cu-mb-9{margin-bottom:var(--canon-space-9)}.xs\:cu-mb-10{margin-bottom:var(--canon-space-10)}.xs\:cu-mb-11{margin-bottom:var(--canon-space-11)}.xs\:cu-mb-12{margin-bottom:var(--canon-space-12)}.xs\:cu-mb-13{margin-bottom:var(--canon-space-13)}.xs\:cu-mb-14{margin-bottom:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-mb{margin-bottom:var(--pb-sm)}.sm\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.sm\:cu-mb-1{margin-bottom:var(--canon-space-1)}.sm\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.sm\:cu-mb-2{margin-bottom:var(--canon-space-2)}.sm\:cu-mb-3{margin-bottom:var(--canon-space-3)}.sm\:cu-mb-4{margin-bottom:var(--canon-space-4)}.sm\:cu-mb-5{margin-bottom:var(--canon-space-5)}.sm\:cu-mb-6{margin-bottom:var(--canon-space-6)}.sm\:cu-mb-7{margin-bottom:var(--canon-space-7)}.sm\:cu-mb-8{margin-bottom:var(--canon-space-8)}.sm\:cu-mb-9{margin-bottom:var(--canon-space-9)}.sm\:cu-mb-10{margin-bottom:var(--canon-space-10)}.sm\:cu-mb-11{margin-bottom:var(--canon-space-11)}.sm\:cu-mb-12{margin-bottom:var(--canon-space-12)}.sm\:cu-mb-13{margin-bottom:var(--canon-space-13)}.sm\:cu-mb-14{margin-bottom:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-mb{margin-bottom:var(--pb-md)}.md\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.md\:cu-mb-1{margin-bottom:var(--canon-space-1)}.md\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.md\:cu-mb-2{margin-bottom:var(--canon-space-2)}.md\:cu-mb-3{margin-bottom:var(--canon-space-3)}.md\:cu-mb-4{margin-bottom:var(--canon-space-4)}.md\:cu-mb-5{margin-bottom:var(--canon-space-5)}.md\:cu-mb-6{margin-bottom:var(--canon-space-6)}.md\:cu-mb-7{margin-bottom:var(--canon-space-7)}.md\:cu-mb-8{margin-bottom:var(--canon-space-8)}.md\:cu-mb-9{margin-bottom:var(--canon-space-9)}.md\:cu-mb-10{margin-bottom:var(--canon-space-10)}.md\:cu-mb-11{margin-bottom:var(--canon-space-11)}.md\:cu-mb-12{margin-bottom:var(--canon-space-12)}.md\:cu-mb-13{margin-bottom:var(--canon-space-13)}.md\:cu-mb-14{margin-bottom:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-mb{margin-bottom:var(--pb-lg)}.lg\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.lg\:cu-mb-1{margin-bottom:var(--canon-space-1)}.lg\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.lg\:cu-mb-2{margin-bottom:var(--canon-space-2)}.lg\:cu-mb-3{margin-bottom:var(--canon-space-3)}.lg\:cu-mb-4{margin-bottom:var(--canon-space-4)}.lg\:cu-mb-5{margin-bottom:var(--canon-space-5)}.lg\:cu-mb-6{margin-bottom:var(--canon-space-6)}.lg\:cu-mb-7{margin-bottom:var(--canon-space-7)}.lg\:cu-mb-8{margin-bottom:var(--canon-space-8)}.lg\:cu-mb-9{margin-bottom:var(--canon-space-9)}.lg\:cu-mb-10{margin-bottom:var(--canon-space-10)}.lg\:cu-mb-11{margin-bottom:var(--canon-space-11)}.lg\:cu-mb-12{margin-bottom:var(--canon-space-12)}.lg\:cu-mb-13{margin-bottom:var(--canon-space-13)}.lg\:cu-mb-14{margin-bottom:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-mb{margin-bottom:var(--pb-xl)}.xl\:cu-mb-0\.5{margin-bottom:var(--canon-space-0_5)}.xl\:cu-mb-1{margin-bottom:var(--canon-space-1)}.xl\:cu-mb-1\.5{margin-bottom:var(--canon-space-1_5)}.xl\:cu-mb-2{margin-bottom:var(--canon-space-2)}.xl\:cu-mb-3{margin-bottom:var(--canon-space-3)}.xl\:cu-mb-4{margin-bottom:var(--canon-space-4)}.xl\:cu-mb-5{margin-bottom:var(--canon-space-5)}.xl\:cu-mb-6{margin-bottom:var(--canon-space-6)}.xl\:cu-mb-7{margin-bottom:var(--canon-space-7)}.xl\:cu-mb-8{margin-bottom:var(--canon-space-8)}.xl\:cu-mb-9{margin-bottom:var(--canon-space-9)}.xl\:cu-mb-10{margin-bottom:var(--canon-space-10)}.xl\:cu-mb-11{margin-bottom:var(--canon-space-11)}.xl\:cu-mb-12{margin-bottom:var(--canon-space-12)}.xl\:cu-mb-13{margin-bottom:var(--canon-space-13)}.xl\:cu-mb-14{margin-bottom:var(--canon-space-14)}}.cu-my{margin-top:var(--my);margin-bottom:var(--my)}.cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}@media (width>=640px){.xs\:cu-my{margin-top:var(--py-xs);margin-bottom:var(--py-xs)}.xs\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.xs\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.xs\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.xs\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.xs\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.xs\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.xs\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.xs\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.xs\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.xs\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.xs\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.xs\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.xs\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.xs\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.xs\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.xs\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-my{margin-top:var(--py-sm);margin-bottom:var(--py-sm)}.sm\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.sm\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.sm\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.sm\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.sm\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.sm\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.sm\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.sm\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.sm\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.sm\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.sm\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.sm\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.sm\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.sm\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.sm\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.sm\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-my{margin-top:var(--py-md);margin-bottom:var(--py-md)}.md\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.md\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.md\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.md\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.md\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.md\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.md\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.md\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.md\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.md\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.md\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.md\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.md\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.md\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.md\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.md\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-my{margin-top:var(--py-lg);margin-bottom:var(--py-lg)}.lg\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.lg\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.lg\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.lg\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.lg\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.lg\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.lg\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.lg\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.lg\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.lg\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.lg\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.lg\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.lg\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.lg\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.lg\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.lg\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-my{margin-top:var(--py-xl);margin-bottom:var(--py-xl)}.xl\:cu-my-0\.5{margin-top:var(--canon-space-0_5);margin-bottom:var(--canon-space-0_5)}.xl\:cu-my-1{margin-top:var(--canon-space-1);margin-bottom:var(--canon-space-1)}.xl\:cu-my-1\.5{margin-top:var(--canon-space-1_5);margin-bottom:var(--canon-space-1_5)}.xl\:cu-my-2{margin-top:var(--canon-space-2);margin-bottom:var(--canon-space-2)}.xl\:cu-my-3{margin-top:var(--canon-space-3);margin-bottom:var(--canon-space-3)}.xl\:cu-my-4{margin-top:var(--canon-space-4);margin-bottom:var(--canon-space-4)}.xl\:cu-my-5{margin-top:var(--canon-space-5);margin-bottom:var(--canon-space-5)}.xl\:cu-my-6{margin-top:var(--canon-space-6);margin-bottom:var(--canon-space-6)}.xl\:cu-my-7{margin-top:var(--canon-space-7);margin-bottom:var(--canon-space-7)}.xl\:cu-my-8{margin-top:var(--canon-space-8);margin-bottom:var(--canon-space-8)}.xl\:cu-my-9{margin-top:var(--canon-space-9);margin-bottom:var(--canon-space-9)}.xl\:cu-my-10{margin-top:var(--canon-space-10);margin-bottom:var(--canon-space-10)}.xl\:cu-my-11{margin-top:var(--canon-space-11);margin-bottom:var(--canon-space-11)}.xl\:cu-my-12{margin-top:var(--canon-space-12);margin-bottom:var(--canon-space-12)}.xl\:cu-my-13{margin-top:var(--canon-space-13);margin-bottom:var(--canon-space-13)}.xl\:cu-my-14{margin-top:var(--canon-space-14);margin-bottom:var(--canon-space-14)}}.cu-mx{margin-left:var(--mx);margin-right:var(--mx)}.cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}@media (width>=640px){.xs\:cu-mx{margin-left:var(--px-xs);margin-right:var(--px-xs)}.xs\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.xs\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.xs\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.xs\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.xs\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.xs\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.xs\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.xs\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.xs\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.xs\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.xs\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.xs\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.xs\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.xs\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.xs\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.xs\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-mx{margin-left:var(--px-sm);margin-right:var(--px-sm)}.sm\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.sm\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.sm\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.sm\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.sm\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.sm\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.sm\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.sm\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.sm\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.sm\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.sm\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.sm\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.sm\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.sm\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.sm\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.sm\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-mx{margin-left:var(--px-md);margin-right:var(--px-md)}.md\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.md\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.md\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.md\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.md\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.md\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.md\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.md\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.md\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.md\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.md\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.md\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.md\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.md\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.md\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.md\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-mx{margin-left:var(--px-lg);margin-right:var(--px-lg)}.lg\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.lg\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.lg\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.lg\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.lg\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.lg\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.lg\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.lg\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.lg\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.lg\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.lg\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.lg\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.lg\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.lg\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.lg\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.lg\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-mx{margin-left:var(--px-xl);margin-right:var(--px-xl)}.xl\:cu-mx-0\.5{margin-left:var(--canon-space-0_5);margin-right:var(--canon-space-0_5)}.xl\:cu-mx-1{margin-left:var(--canon-space-1);margin-right:var(--canon-space-1)}.xl\:cu-mx-1\.5{margin-left:var(--canon-space-1_5);margin-right:var(--canon-space-1_5)}.xl\:cu-mx-2{margin-left:var(--canon-space-2);margin-right:var(--canon-space-2)}.xl\:cu-mx-3{margin-left:var(--canon-space-3);margin-right:var(--canon-space-3)}.xl\:cu-mx-4{margin-left:var(--canon-space-4);margin-right:var(--canon-space-4)}.xl\:cu-mx-5{margin-left:var(--canon-space-5);margin-right:var(--canon-space-5)}.xl\:cu-mx-6{margin-left:var(--canon-space-6);margin-right:var(--canon-space-6)}.xl\:cu-mx-7{margin-left:var(--canon-space-7);margin-right:var(--canon-space-7)}.xl\:cu-mx-8{margin-left:var(--canon-space-8);margin-right:var(--canon-space-8)}.xl\:cu-mx-9{margin-left:var(--canon-space-9);margin-right:var(--canon-space-9)}.xl\:cu-mx-10{margin-left:var(--canon-space-10);margin-right:var(--canon-space-10)}.xl\:cu-mx-11{margin-left:var(--canon-space-11);margin-right:var(--canon-space-11)}.xl\:cu-mx-12{margin-left:var(--canon-space-12);margin-right:var(--canon-space-12)}.xl\:cu-mx-13{margin-left:var(--canon-space-13);margin-right:var(--canon-space-13)}.xl\:cu-mx-14{margin-left:var(--canon-space-14);margin-right:var(--canon-space-14)}}.cu-display-none{display:none}.cu-display-inline{display:inline}.cu-display-inline-block{display:inline-block}.cu-display-block{display:block}@media (width>=640px){.xs\:cu-display-none{display:none}.xs\:cu-display-inline{display:inline}.xs\:cu-display-inline-block{display:inline-block}.xs\:cu-display-block{display:block}}@media (width>=768px){.sm\:cu-display-none{display:none}.sm\:cu-display-inline{display:inline}.sm\:cu-display-inline-block{display:inline-block}.sm\:cu-display-block{display:block}}@media (width>=1024px){.md\:cu-display-none{display:none}.md\:cu-display-inline{display:inline}.md\:cu-display-inline-block{display:inline-block}.md\:cu-display-block{display:block}}@media (width>=1280px){.lg\:cu-display-none{display:none}.lg\:cu-display-inline{display:inline}.lg\:cu-display-inline-block{display:inline-block}.lg\:cu-display-block{display:block}}@media (width>=1536px){.xl\:cu-display-none{display:none}.xl\:cu-display-inline{display:inline}.xl\:cu-display-inline-block{display:inline-block}.xl\:cu-display-block{display:block}}.cu-w{width:var(--width)}.cu-min-w{min-width:var(--min-width)}.cu-max-w{max-width:var(--max-width)}@media (width>=640px){.xs\:cu-w{width:var(--width)}.xs\:cu-min-w{min-width:var(--min-width)}.xs\:cu-max-w{max-width:var(--max-width)}}@media (width>=768px){.sm\:cu-w{width:var(--width)}.sm\:cu-min-w{min-width:var(--min-width)}.sm\:cu-max-w{max-width:var(--max-width)}}@media (width>=1024px){.md\:cu-w{width:var(--width)}.md\:cu-min-w{min-width:var(--min-width)}.md\:cu-max-w{max-width:var(--max-width)}}@media (width>=1280px){.lg\:cu-w{width:var(--width)}.lg\:cu-min-w{min-width:var(--min-width)}.lg\:cu-max-w{max-width:var(--max-width)}}@media (width>=1536px){.xl\:cu-w{width:var(--width)}.xl\:cu-min-w{min-width:var(--min-width)}.xl\:cu-max-w{max-width:var(--max-width)}}.cu-h{height:var(--height)}.cu-min-h{min-height:var(--min-height)}.cu-max-h{max-height:var(--max-height)}@media (width>=640px){.xs\:cu-h{height:var(--height)}.xs\:cu-min-h{min-height:var(--min-height)}.xs\:cu-max-h{max-height:var(--max-height)}}@media (width>=768px){.sm\:cu-h{height:var(--height)}.sm\:cu-min-h{min-height:var(--min-height)}.sm\:cu-max-h{max-height:var(--max-height)}}@media (width>=1024px){.md\:cu-h{height:var(--height)}.md\:cu-min-h{min-height:var(--min-height)}.md\:cu-max-h{max-height:var(--max-height)}}@media (width>=1280px){.lg\:cu-h{height:var(--height)}.lg\:cu-min-h{min-height:var(--min-height)}.lg\:cu-max-h{max-height:var(--max-height)}}@media (width>=1536px){.xl\:cu-h{height:var(--height)}.xl\:cu-min-h{min-height:var(--min-height)}.xl\:cu-max-h{max-height:var(--max-height)}}.cu-position-absolute{position:absolute}.cu-position-fixed{position:fixed}.cu-position-sticky{position:sticky}.cu-position-relative{position:relative}.cu-position-static{position:static}@media (width>=640px){.xs\:cu-position-absolute{position:absolute}.xs\:cu-position-fixed{position:fixed}.xs\:cu-position-sticky{position:sticky}.xs\:cu-position-relative{position:relative}.xs\:cu-position-static{position:static}}@media (width>=768px){.sm\:cu-position-absolute{position:absolute}.sm\:cu-position-fixed{position:fixed}.sm\:cu-position-sticky{position:sticky}.sm\:cu-position-relative{position:relative}.sm\:cu-position-static{position:static}}@media (width>=1024px){.md\:cu-position-absolute{position:absolute}.md\:cu-position-fixed{position:fixed}.md\:cu-position-sticky{position:sticky}.md\:cu-position-relative{position:relative}.md\:cu-position-static{position:static}}@media (width>=1280px){.lg\:cu-position-absolute{position:absolute}.lg\:cu-position-fixed{position:fixed}.lg\:cu-position-sticky{position:sticky}.lg\:cu-position-relative{position:relative}.lg\:cu-position-static{position:static}}@media (width>=1536px){.xl\:cu-position-absolute{position:absolute}.xl\:cu-position-fixed{position:fixed}.xl\:cu-position-sticky{position:sticky}.xl\:cu-position-relative{position:relative}.xl\:cu-position-static{position:static}}.cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.cu-col-span-1{grid-column:span 1/span 1}.cu-col-span-2{grid-column:span 2/span 2}.cu-col-span-3{grid-column:span 3/span 3}.cu-col-span-4{grid-column:span 4/span 4}.cu-col-span-5{grid-column:span 5/span 5}.cu-col-span-6{grid-column:span 6/span 6}.cu-col-span-7{grid-column:span 7/span 7}.cu-col-span-8{grid-column:span 8/span 8}.cu-col-span-9{grid-column:span 9/span 9}.cu-col-span-10{grid-column:span 10/span 10}.cu-col-span-11{grid-column:span 11/span 11}.cu-col-span-12{grid-column:span 12/span 12}.cu-col-span-auto{grid-column:span auto/span auto}.cu-col-start-1{grid-column-start:1}.cu-col-start-2{grid-column-start:2}.cu-col-start-3{grid-column-start:3}.cu-col-start-4{grid-column-start:4}.cu-col-start-5{grid-column-start:5}.cu-col-start-6{grid-column-start:6}.cu-col-start-7{grid-column-start:7}.cu-col-start-8{grid-column-start:8}.cu-col-start-9{grid-column-start:9}.cu-col-start-10{grid-column-start:10}.cu-col-start-11{grid-column-start:11}.cu-col-start-12{grid-column-start:12}.cu-col-start-13{grid-column-start:13}.cu-col-start-auto{grid-column-start:auto}.cu-col-end-1{grid-column-end:1}.cu-col-end-2{grid-column-end:2}.cu-col-end-3{grid-column-end:3}.cu-col-end-4{grid-column-end:4}.cu-col-end-5{grid-column-end:5}.cu-col-end-6{grid-column-end:6}.cu-col-end-7{grid-column-end:7}.cu-col-end-8{grid-column-end:8}.cu-col-end-9{grid-column-end:9}.cu-col-end-10{grid-column-end:10}.cu-col-end-11{grid-column-end:11}.cu-col-end-12{grid-column-end:12}.cu-col-end-13{grid-column-end:13}.cu-col-end-auto{grid-column-end:auto}.cu-row-span-1{grid-row:span 1/span 1}.cu-row-span-2{grid-row:span 2/span 2}.cu-row-span-3{grid-row:span 3/span 3}.cu-row-span-4{grid-row:span 4/span 4}.cu-row-span-5{grid-row:span 5/span 5}.cu-row-span-6{grid-row:span 6/span 6}.cu-row-span-7{grid-row:span 7/span 7}.cu-row-span-8{grid-row:span 8/span 8}.cu-row-span-9{grid-row:span 9/span 9}.cu-row-span-10{grid-row:span 10/span 10}.cu-row-span-11{grid-row:span 11/span 11}.cu-row-span-12{grid-row:span 12/span 12}.cu-row-span-auto{grid-row:span auto/span auto}@media (width>=640px){.xs\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xs\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xs\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xs\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xs\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xs\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xs\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xs\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xs\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xs\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xs\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xs\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xs\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.xs\:cu-col-span-1{grid-column:span 1/span 1}.xs\:cu-col-span-2{grid-column:span 2/span 2}.xs\:cu-col-span-3{grid-column:span 3/span 3}.xs\:cu-col-span-4{grid-column:span 4/span 4}.xs\:cu-col-span-5{grid-column:span 5/span 5}.xs\:cu-col-span-6{grid-column:span 6/span 6}.xs\:cu-col-span-7{grid-column:span 7/span 7}.xs\:cu-col-span-8{grid-column:span 8/span 8}.xs\:cu-col-span-9{grid-column:span 9/span 9}.xs\:cu-col-span-10{grid-column:span 10/span 10}.xs\:cu-col-span-11{grid-column:span 11/span 11}.xs\:cu-col-span-12{grid-column:span 12/span 12}.xs\:cu-col-span-auto{grid-column:span auto/span auto}.xs\:cu-col-start-1{grid-column-start:1}.xs\:cu-col-start-2{grid-column-start:2}.xs\:cu-col-start-3{grid-column-start:3}.xs\:cu-col-start-4{grid-column-start:4}.xs\:cu-col-start-5{grid-column-start:5}.xs\:cu-col-start-6{grid-column-start:6}.xs\:cu-col-start-7{grid-column-start:7}.xs\:cu-col-start-8{grid-column-start:8}.xs\:cu-col-start-9{grid-column-start:9}.xs\:cu-col-start-10{grid-column-start:10}.xs\:cu-col-start-11{grid-column-start:11}.xs\:cu-col-start-12{grid-column-start:12}.xs\:cu-col-start-13{grid-column-start:13}.xs\:cu-col-start-auto{grid-column-start:auto}.xs\:cu-col-end-1{grid-column-end:1}.xs\:cu-col-end-2{grid-column-end:2}.xs\:cu-col-end-3{grid-column-end:3}.xs\:cu-col-end-4{grid-column-end:4}.xs\:cu-col-end-5{grid-column-end:5}.xs\:cu-col-end-6{grid-column-end:6}.xs\:cu-col-end-7{grid-column-end:7}.xs\:cu-col-end-8{grid-column-end:8}.xs\:cu-col-end-9{grid-column-end:9}.xs\:cu-col-end-10{grid-column-end:10}.xs\:cu-col-end-11{grid-column-end:11}.xs\:cu-col-end-12{grid-column-end:12}.xs\:cu-col-end-13{grid-column-end:13}.xs\:cu-col-end-auto{grid-column-end:auto}.xs\:cu-row-span-1{grid-row:span 1/span 1}.xs\:cu-row-span-2{grid-row:span 2/span 2}.xs\:cu-row-span-3{grid-row:span 3/span 3}.xs\:cu-row-span-4{grid-row:span 4/span 4}.xs\:cu-row-span-5{grid-row:span 5/span 5}.xs\:cu-row-span-6{grid-row:span 6/span 6}.xs\:cu-row-span-7{grid-row:span 7/span 7}.xs\:cu-row-span-8{grid-row:span 8/span 8}.xs\:cu-row-span-9{grid-row:span 9/span 9}.xs\:cu-row-span-10{grid-row:span 10/span 10}.xs\:cu-row-span-11{grid-row:span 11/span 11}.xs\:cu-row-span-12{grid-row:span 12/span 12}.xs\:cu-row-span-auto{grid-row:span auto/span auto}}@media (width>=768px){.sm\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.sm\:cu-col-span-1{grid-column:span 1/span 1}.sm\:cu-col-span-2{grid-column:span 2/span 2}.sm\:cu-col-span-3{grid-column:span 3/span 3}.sm\:cu-col-span-4{grid-column:span 4/span 4}.sm\:cu-col-span-5{grid-column:span 5/span 5}.sm\:cu-col-span-6{grid-column:span 6/span 6}.sm\:cu-col-span-7{grid-column:span 7/span 7}.sm\:cu-col-span-8{grid-column:span 8/span 8}.sm\:cu-col-span-9{grid-column:span 9/span 9}.sm\:cu-col-span-10{grid-column:span 10/span 10}.sm\:cu-col-span-11{grid-column:span 11/span 11}.sm\:cu-col-span-12{grid-column:span 12/span 12}.sm\:cu-col-span-auto{grid-column:span auto/span auto}.sm\:cu-col-start-1{grid-column-start:1}.sm\:cu-col-start-2{grid-column-start:2}.sm\:cu-col-start-3{grid-column-start:3}.sm\:cu-col-start-4{grid-column-start:4}.sm\:cu-col-start-5{grid-column-start:5}.sm\:cu-col-start-6{grid-column-start:6}.sm\:cu-col-start-7{grid-column-start:7}.sm\:cu-col-start-8{grid-column-start:8}.sm\:cu-col-start-9{grid-column-start:9}.sm\:cu-col-start-10{grid-column-start:10}.sm\:cu-col-start-11{grid-column-start:11}.sm\:cu-col-start-12{grid-column-start:12}.sm\:cu-col-start-13{grid-column-start:13}.sm\:cu-col-start-auto{grid-column-start:auto}.sm\:cu-col-end-1{grid-column-end:1}.sm\:cu-col-end-2{grid-column-end:2}.sm\:cu-col-end-3{grid-column-end:3}.sm\:cu-col-end-4{grid-column-end:4}.sm\:cu-col-end-5{grid-column-end:5}.sm\:cu-col-end-6{grid-column-end:6}.sm\:cu-col-end-7{grid-column-end:7}.sm\:cu-col-end-8{grid-column-end:8}.sm\:cu-col-end-9{grid-column-end:9}.sm\:cu-col-end-10{grid-column-end:10}.sm\:cu-col-end-11{grid-column-end:11}.sm\:cu-col-end-12{grid-column-end:12}.sm\:cu-col-end-13{grid-column-end:13}.sm\:cu-col-end-auto{grid-column-end:auto}.sm\:cu-row-span-1{grid-row:span 1/span 1}.sm\:cu-row-span-2{grid-row:span 2/span 2}.sm\:cu-row-span-3{grid-row:span 3/span 3}.sm\:cu-row-span-4{grid-row:span 4/span 4}.sm\:cu-row-span-5{grid-row:span 5/span 5}.sm\:cu-row-span-6{grid-row:span 6/span 6}.sm\:cu-row-span-7{grid-row:span 7/span 7}.sm\:cu-row-span-8{grid-row:span 8/span 8}.sm\:cu-row-span-9{grid-row:span 9/span 9}.sm\:cu-row-span-10{grid-row:span 10/span 10}.sm\:cu-row-span-11{grid-row:span 11/span 11}.sm\:cu-row-span-12{grid-row:span 12/span 12}.sm\:cu-row-span-auto{grid-row:span auto/span auto}}@media (width>=1024px){.md\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.md\:cu-col-span-1{grid-column:span 1/span 1}.md\:cu-col-span-2{grid-column:span 2/span 2}.md\:cu-col-span-3{grid-column:span 3/span 3}.md\:cu-col-span-4{grid-column:span 4/span 4}.md\:cu-col-span-5{grid-column:span 5/span 5}.md\:cu-col-span-6{grid-column:span 6/span 6}.md\:cu-col-span-7{grid-column:span 7/span 7}.md\:cu-col-span-8{grid-column:span 8/span 8}.md\:cu-col-span-9{grid-column:span 9/span 9}.md\:cu-col-span-10{grid-column:span 10/span 10}.md\:cu-col-span-11{grid-column:span 11/span 11}.md\:cu-col-span-12{grid-column:span 12/span 12}.md\:cu-col-span-auto{grid-column:span auto/span auto}.md\:cu-col-start-1{grid-column-start:1}.md\:cu-col-start-2{grid-column-start:2}.md\:cu-col-start-3{grid-column-start:3}.md\:cu-col-start-4{grid-column-start:4}.md\:cu-col-start-5{grid-column-start:5}.md\:cu-col-start-6{grid-column-start:6}.md\:cu-col-start-7{grid-column-start:7}.md\:cu-col-start-8{grid-column-start:8}.md\:cu-col-start-9{grid-column-start:9}.md\:cu-col-start-10{grid-column-start:10}.md\:cu-col-start-11{grid-column-start:11}.md\:cu-col-start-12{grid-column-start:12}.md\:cu-col-start-13{grid-column-start:13}.md\:cu-col-start-auto{grid-column-start:auto}.md\:cu-col-end-1{grid-column-end:1}.md\:cu-col-end-2{grid-column-end:2}.md\:cu-col-end-3{grid-column-end:3}.md\:cu-col-end-4{grid-column-end:4}.md\:cu-col-end-5{grid-column-end:5}.md\:cu-col-end-6{grid-column-end:6}.md\:cu-col-end-7{grid-column-end:7}.md\:cu-col-end-8{grid-column-end:8}.md\:cu-col-end-9{grid-column-end:9}.md\:cu-col-end-10{grid-column-end:10}.md\:cu-col-end-11{grid-column-end:11}.md\:cu-col-end-12{grid-column-end:12}.md\:cu-col-end-13{grid-column-end:13}.md\:cu-col-end-auto{grid-column-end:auto}.md\:cu-row-span-1{grid-row:span 1/span 1}.md\:cu-row-span-2{grid-row:span 2/span 2}.md\:cu-row-span-3{grid-row:span 3/span 3}.md\:cu-row-span-4{grid-row:span 4/span 4}.md\:cu-row-span-5{grid-row:span 5/span 5}.md\:cu-row-span-6{grid-row:span 6/span 6}.md\:cu-row-span-7{grid-row:span 7/span 7}.md\:cu-row-span-8{grid-row:span 8/span 8}.md\:cu-row-span-9{grid-row:span 9/span 9}.md\:cu-row-span-10{grid-row:span 10/span 10}.md\:cu-row-span-11{grid-row:span 11/span 11}.md\:cu-row-span-12{grid-row:span 12/span 12}.md\:cu-row-span-auto{grid-row:span auto/span auto}}@media (width>=1280px){.lg\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.lg\:cu-col-span-1{grid-column:span 1/span 1}.lg\:cu-col-span-2{grid-column:span 2/span 2}.lg\:cu-col-span-3{grid-column:span 3/span 3}.lg\:cu-col-span-4{grid-column:span 4/span 4}.lg\:cu-col-span-5{grid-column:span 5/span 5}.lg\:cu-col-span-6{grid-column:span 6/span 6}.lg\:cu-col-span-7{grid-column:span 7/span 7}.lg\:cu-col-span-8{grid-column:span 8/span 8}.lg\:cu-col-span-9{grid-column:span 9/span 9}.lg\:cu-col-span-10{grid-column:span 10/span 10}.lg\:cu-col-span-11{grid-column:span 11/span 11}.lg\:cu-col-span-12{grid-column:span 12/span 12}.lg\:cu-col-span-auto{grid-column:span auto/span auto}.lg\:cu-col-start-1{grid-column-start:1}.lg\:cu-col-start-2{grid-column-start:2}.lg\:cu-col-start-3{grid-column-start:3}.lg\:cu-col-start-4{grid-column-start:4}.lg\:cu-col-start-5{grid-column-start:5}.lg\:cu-col-start-6{grid-column-start:6}.lg\:cu-col-start-7{grid-column-start:7}.lg\:cu-col-start-8{grid-column-start:8}.lg\:cu-col-start-9{grid-column-start:9}.lg\:cu-col-start-10{grid-column-start:10}.lg\:cu-col-start-11{grid-column-start:11}.lg\:cu-col-start-12{grid-column-start:12}.lg\:cu-col-start-13{grid-column-start:13}.lg\:cu-col-start-auto{grid-column-start:auto}.lg\:cu-col-end-1{grid-column-end:1}.lg\:cu-col-end-2{grid-column-end:2}.lg\:cu-col-end-3{grid-column-end:3}.lg\:cu-col-end-4{grid-column-end:4}.lg\:cu-col-end-5{grid-column-end:5}.lg\:cu-col-end-6{grid-column-end:6}.lg\:cu-col-end-7{grid-column-end:7}.lg\:cu-col-end-8{grid-column-end:8}.lg\:cu-col-end-9{grid-column-end:9}.lg\:cu-col-end-10{grid-column-end:10}.lg\:cu-col-end-11{grid-column-end:11}.lg\:cu-col-end-12{grid-column-end:12}.lg\:cu-col-end-13{grid-column-end:13}.lg\:cu-col-end-auto{grid-column-end:auto}.lg\:cu-row-span-1{grid-row:span 1/span 1}.lg\:cu-row-span-2{grid-row:span 2/span 2}.lg\:cu-row-span-3{grid-row:span 3/span 3}.lg\:cu-row-span-4{grid-row:span 4/span 4}.lg\:cu-row-span-5{grid-row:span 5/span 5}.lg\:cu-row-span-6{grid-row:span 6/span 6}.lg\:cu-row-span-7{grid-row:span 7/span 7}.lg\:cu-row-span-8{grid-row:span 8/span 8}.lg\:cu-row-span-9{grid-row:span 9/span 9}.lg\:cu-row-span-10{grid-row:span 10/span 10}.lg\:cu-row-span-11{grid-row:span 11/span 11}.lg\:cu-row-span-12{grid-row:span 12/span 12}.lg\:cu-row-span-auto{grid-row:span auto/span auto}}@media (width>=1536px){.xl\:cu-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:cu-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:cu-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:cu-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:cu-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:cu-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:cu-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:cu-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:cu-columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:cu-columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:cu-columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:cu-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:cu-columns-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.xl\:cu-col-span-1{grid-column:span 1/span 1}.xl\:cu-col-span-2{grid-column:span 2/span 2}.xl\:cu-col-span-3{grid-column:span 3/span 3}.xl\:cu-col-span-4{grid-column:span 4/span 4}.xl\:cu-col-span-5{grid-column:span 5/span 5}.xl\:cu-col-span-6{grid-column:span 6/span 6}.xl\:cu-col-span-7{grid-column:span 7/span 7}.xl\:cu-col-span-8{grid-column:span 8/span 8}.xl\:cu-col-span-9{grid-column:span 9/span 9}.xl\:cu-col-span-10{grid-column:span 10/span 10}.xl\:cu-col-span-11{grid-column:span 11/span 11}.xl\:cu-col-span-12{grid-column:span 12/span 12}.xl\:cu-col-span-auto{grid-column:span auto/span auto}.xl\:cu-col-start-1{grid-column-start:1}.xl\:cu-col-start-2{grid-column-start:2}.xl\:cu-col-start-3{grid-column-start:3}.xl\:cu-col-start-4{grid-column-start:4}.xl\:cu-col-start-5{grid-column-start:5}.xl\:cu-col-start-6{grid-column-start:6}.xl\:cu-col-start-7{grid-column-start:7}.xl\:cu-col-start-8{grid-column-start:8}.xl\:cu-col-start-9{grid-column-start:9}.xl\:cu-col-start-10{grid-column-start:10}.xl\:cu-col-start-11{grid-column-start:11}.xl\:cu-col-start-12{grid-column-start:12}.xl\:cu-col-start-13{grid-column-start:13}.xl\:cu-col-start-auto{grid-column-start:auto}.xl\:cu-col-end-1{grid-column-end:1}.xl\:cu-col-end-2{grid-column-end:2}.xl\:cu-col-end-3{grid-column-end:3}.xl\:cu-col-end-4{grid-column-end:4}.xl\:cu-col-end-5{grid-column-end:5}.xl\:cu-col-end-6{grid-column-end:6}.xl\:cu-col-end-7{grid-column-end:7}.xl\:cu-col-end-8{grid-column-end:8}.xl\:cu-col-end-9{grid-column-end:9}.xl\:cu-col-end-10{grid-column-end:10}.xl\:cu-col-end-11{grid-column-end:11}.xl\:cu-col-end-12{grid-column-end:12}.xl\:cu-col-end-13{grid-column-end:13}.xl\:cu-col-end-auto{grid-column-end:auto}.xl\:cu-row-span-1{grid-row:span 1/span 1}.xl\:cu-row-span-2{grid-row:span 2/span 2}.xl\:cu-row-span-3{grid-row:span 3/span 3}.xl\:cu-row-span-4{grid-row:span 4/span 4}.xl\:cu-row-span-5{grid-row:span 5/span 5}.xl\:cu-row-span-6{grid-row:span 6/span 6}.xl\:cu-row-span-7{grid-row:span 7/span 7}.xl\:cu-row-span-8{grid-row:span 8/span 8}.xl\:cu-row-span-9{grid-row:span 9/span 9}.xl\:cu-row-span-10{grid-row:span 10/span 10}.xl\:cu-row-span-11{grid-row:span 11/span 11}.xl\:cu-row-span-12{grid-row:span 12/span 12}.xl\:cu-row-span-auto{grid-row:span auto/span auto}}.cu-gap{gap:var(--gap)}.cu-gap-0\.5{gap:var(--canon-space-0_5)}.cu-gap-1{gap:var(--canon-space-1)}.cu-gap-1\.5{gap:var(--canon-space-1_5)}.cu-gap-2{gap:var(--canon-space-2)}.cu-gap-3{gap:var(--canon-space-3)}.cu-gap-4{gap:var(--canon-space-4)}.cu-gap-5{gap:var(--canon-space-5)}.cu-gap-6{gap:var(--canon-space-6)}.cu-gap-7{gap:var(--canon-space-7)}.cu-gap-8{gap:var(--canon-space-8)}.cu-gap-9{gap:var(--canon-space-9)}.cu-gap-10{gap:var(--canon-space-10)}.cu-gap-11{gap:var(--canon-space-11)}.cu-gap-12{gap:var(--canon-space-12)}.cu-gap-13{gap:var(--canon-space-13)}.cu-gap-14{gap:var(--canon-space-14)}@media (width>=640px){.xs\:cu-gap{gap:var(--gap-xs)}.xs\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.xs\:cu-gap-1{gap:var(--canon-space-1)}.xs\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.xs\:cu-gap-2{gap:var(--canon-space-2)}.xs\:cu-gap-3{gap:var(--canon-space-3)}.xs\:cu-gap-4{gap:var(--canon-space-4)}.xs\:cu-gap-5{gap:var(--canon-space-5)}.xs\:cu-gap-6{gap:var(--canon-space-6)}.xs\:cu-gap-7{gap:var(--canon-space-7)}.xs\:cu-gap-8{gap:var(--canon-space-8)}.xs\:cu-gap-9{gap:var(--canon-space-9)}.xs\:cu-gap-10{gap:var(--canon-space-10)}.xs\:cu-gap-11{gap:var(--canon-space-11)}.xs\:cu-gap-12{gap:var(--canon-space-12)}.xs\:cu-gap-13{gap:var(--canon-space-13)}.xs\:cu-gap-14{gap:var(--canon-space-14)}}@media (width>=768px){.sm\:cu-gap{gap:var(--gap-sm)}.sm\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.sm\:cu-gap-1{gap:var(--canon-space-1)}.sm\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.sm\:cu-gap-2{gap:var(--canon-space-2)}.sm\:cu-gap-3{gap:var(--canon-space-3)}.sm\:cu-gap-4{gap:var(--canon-space-4)}.sm\:cu-gap-5{gap:var(--canon-space-5)}.sm\:cu-gap-6{gap:var(--canon-space-6)}.sm\:cu-gap-7{gap:var(--canon-space-7)}.sm\:cu-gap-8{gap:var(--canon-space-8)}.sm\:cu-gap-9{gap:var(--canon-space-9)}.sm\:cu-gap-10{gap:var(--canon-space-10)}.sm\:cu-gap-11{gap:var(--canon-space-11)}.sm\:cu-gap-12{gap:var(--canon-space-12)}.sm\:cu-gap-13{gap:var(--canon-space-13)}.sm\:cu-gap-14{gap:var(--canon-space-14)}}@media (width>=1024px){.md\:cu-gap{gap:var(--gap-md)}.md\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.md\:cu-gap-1{gap:var(--canon-space-1)}.md\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.md\:cu-gap-2{gap:var(--canon-space-2)}.md\:cu-gap-3{gap:var(--canon-space-3)}.md\:cu-gap-4{gap:var(--canon-space-4)}.md\:cu-gap-5{gap:var(--canon-space-5)}.md\:cu-gap-6{gap:var(--canon-space-6)}.md\:cu-gap-7{gap:var(--canon-space-7)}.md\:cu-gap-8{gap:var(--canon-space-8)}.md\:cu-gap-9{gap:var(--canon-space-9)}.md\:cu-gap-10{gap:var(--canon-space-10)}.md\:cu-gap-11{gap:var(--canon-space-11)}.md\:cu-gap-12{gap:var(--canon-space-12)}.md\:cu-gap-13{gap:var(--canon-space-13)}.md\:cu-gap-14{gap:var(--canon-space-14)}}@media (width>=1280px){.lg\:cu-gap{gap:var(--gap-lg)}.lg\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.lg\:cu-gap-1{gap:var(--canon-space-1)}.lg\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.lg\:cu-gap-2{gap:var(--canon-space-2)}.lg\:cu-gap-3{gap:var(--canon-space-3)}.lg\:cu-gap-4{gap:var(--canon-space-4)}.lg\:cu-gap-5{gap:var(--canon-space-5)}.lg\:cu-gap-6{gap:var(--canon-space-6)}.lg\:cu-gap-7{gap:var(--canon-space-7)}.lg\:cu-gap-8{gap:var(--canon-space-8)}.lg\:cu-gap-9{gap:var(--canon-space-9)}.lg\:cu-gap-10{gap:var(--canon-space-10)}.lg\:cu-gap-11{gap:var(--canon-space-11)}.lg\:cu-gap-12{gap:var(--canon-space-12)}.lg\:cu-gap-13{gap:var(--canon-space-13)}.lg\:cu-gap-14{gap:var(--canon-space-14)}}@media (width>=1536px){.xl\:cu-gap{gap:var(--gap-xl)}.xl\:cu-gap-0\.5{gap:var(--canon-space-0_5)}.xl\:cu-gap-1{gap:var(--canon-space-1)}.xl\:cu-gap-1\.5{gap:var(--canon-space-1_5)}.xl\:cu-gap-2{gap:var(--canon-space-2)}.xl\:cu-gap-3{gap:var(--canon-space-3)}.xl\:cu-gap-4{gap:var(--canon-space-4)}.xl\:cu-gap-5{gap:var(--canon-space-5)}.xl\:cu-gap-6{gap:var(--canon-space-6)}.xl\:cu-gap-7{gap:var(--canon-space-7)}.xl\:cu-gap-8{gap:var(--canon-space-8)}.xl\:cu-gap-9{gap:var(--canon-space-9)}.xl\:cu-gap-10{gap:var(--canon-space-10)}.xl\:cu-gap-11{gap:var(--canon-space-11)}.xl\:cu-gap-12{gap:var(--canon-space-12)}.xl\:cu-gap-13{gap:var(--canon-space-13)}.xl\:cu-gap-14{gap:var(--canon-space-14)}}.cu-align-start{align-items:start}.cu-align-center{align-items:center}.cu-align-end{align-items:end}.cu-align-stretch{align-items:stretch}.cu-jc-start{justify-content:start}.cu-jc-center{justify-content:center}.cu-jc-end{justify-content:end}.cu-jc-between{justify-content:space-between}.cu-fd-row{flex-direction:row}.cu-fd-column{flex-direction:column}.cu-fd-row-reverse{flex-direction:row-reverse}.cu-fd-column-reverse{flex-direction:column-reverse}@media (width>=640px){.xs\:cu-align-start{align-items:start}.xs\:cu-align-center{align-items:center}.xs\:cu-align-end{align-items:end}.xs\:cu-align-stretch{align-items:stretch}.xs\:cu-jc-start{justify-content:start}.xs\:cu-jc-center{justify-content:center}.xs\:cu-jc-end{justify-content:end}.xs\:cu-jc-between{justify-content:space-between}.xs\:cu-fd-row{flex-direction:row}.xs\:cu-fd-column{flex-direction:column}.xs\:cu-fd-row-reverse{flex-direction:row-reverse}.xs\:cu-fd-column-reverse{flex-direction:column-reverse}}@media (width>=768px){.sm\:cu-align-start{align-items:start}.sm\:cu-align-center{align-items:center}.sm\:cu-align-end{align-items:end}.sm\:cu-align-stretch{align-items:stretch}.sm\:cu-jc-start{justify-content:start}.sm\:cu-jc-center{justify-content:center}.sm\:cu-jc-end{justify-content:end}.sm\:cu-jc-between{justify-content:space-between}.sm\:cu-fd-row{flex-direction:row}.sm\:cu-fd-column{flex-direction:column}.sm\:cu-fd-row-reverse{flex-direction:row-reverse}.sm\:cu-fd-column-reverse{flex-direction:column-reverse}}@media (width>=1024px){.md\:cu-align-start{align-items:start}.md\:cu-align-center{align-items:center}.md\:cu-align-end{align-items:end}.md\:cu-align-stretch{align-items:stretch}.md\:cu-jc-start{justify-content:start}.md\:cu-jc-center{justify-content:center}.md\:cu-jc-end{justify-content:end}.md\:cu-jc-between{justify-content:space-between}.md\:cu-fd-row{flex-direction:row}.md\:cu-fd-column{flex-direction:column}.md\:cu-fd-row-reverse{flex-direction:row-reverse}.md\:cu-fd-column-reverse{flex-direction:column-reverse}}@media (width>=1280px){.lg\:cu-align-start{align-items:start}.lg\:cu-align-center{align-items:center}.lg\:cu-align-end{align-items:end}.lg\:cu-align-stretch{align-items:stretch}.lg\:cu-jc-start{justify-content:start}.lg\:cu-jc-center{justify-content:center}.lg\:cu-jc-end{justify-content:end}.lg\:cu-jc-between{justify-content:space-between}.lg\:cu-fd-row{flex-direction:row}.lg\:cu-fd-column{flex-direction:column}.lg\:cu-fd-row-reverse{flex-direction:row-reverse}.lg\:cu-fd-column-reverse{flex-direction:column-reverse}}@media (width>=1536px){.xl\:cu-align-start{align-items:start}.xl\:cu-align-center{align-items:center}.xl\:cu-align-end{align-items:end}.xl\:cu-align-stretch{align-items:stretch}.xl\:cu-jc-start{justify-content:start}.xl\:cu-jc-center{justify-content:center}.xl\:cu-jc-end{justify-content:end}.xl\:cu-jc-between{justify-content:space-between}.xl\:cu-fd-row{flex-direction:row}.xl\:cu-fd-column{flex-direction:column}.xl\:cu-fd-row-reverse{flex-direction:row-reverse}.xl\:cu-fd-column-reverse{flex-direction:column-reverse}}:where(a){color:inherit;text-decoration:none}:root{--canon-font-regular:system-ui;--canon-font-monospace:ui-monospace,"Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace;--canon-font-weight-regular:400;--canon-font-weight-bold:600;--canon-font-size-1:.625rem;--canon-font-size-2:.75rem;--canon-font-size-3:.875rem;--canon-font-size-4:1rem;--canon-font-size-5:1.25rem;--canon-font-size-6:1.5rem;--canon-font-size-7:2rem;--canon-font-size-8:3rem;--canon-font-size-9:4rem;--canon-font-size-10:5.75rem;--canon-space:.25rem;--canon-space-0_5:calc(var(--canon-space)*.5);--canon-space-1:var(--canon-space);--canon-space-1_5:calc(var(--canon-space)*1.5);--canon-space-2:calc(var(--canon-space)*2);--canon-space-3:calc(var(--canon-space)*3);--canon-space-4:calc(var(--canon-space)*4);--canon-space-5:calc(var(--canon-space)*5);--canon-space-6:calc(var(--canon-space)*6);--canon-space-7:calc(var(--canon-space)*7);--canon-space-8:calc(var(--canon-space)*8);--canon-space-9:calc(var(--canon-space)*9);--canon-space-10:calc(var(--canon-space)*10);--canon-space-11:calc(var(--canon-space)*11);--canon-space-12:calc(var(--canon-space)*12);--canon-space-13:calc(var(--canon-space)*13);--canon-space-14:calc(var(--canon-space)*14);--canon-radius-1:calc(.125rem);--canon-radius-2:calc(.25rem);--canon-radius-3:calc(.5rem);--canon-radius-4:calc(.75rem);--canon-radius-5:calc(1rem);--canon-radius-6:calc(1.25rem);--canon-radius-full:9999px;--canon-black:#000;--canon-white:#fff;--canon-gray-1:#f8f8f8;--canon-gray-2:#ececec;--canon-gray-3:#d9d9d9;--canon-gray-4:#c1c1c1;--canon-gray-5:#9e9e9e;--canon-gray-6:#8c8c8c;--canon-gray-7:#757575;--canon-gray-8:#595959;--canon-bg:var(--canon-gray-1);--canon-bg-surface-1:var(--canon-white);--canon-bg-surface-2:var(--canon-gray-2);--canon-bg-solid:#1f5493;--canon-bg-solid-hover:#163a66;--canon-bg-solid-pressed:#0f2b4e;--canon-bg-solid-disabled:#ebebeb;--canon-bg-tint:transparent;--canon-bg-tint-hover:#1f549366;--canon-bg-tint-pressed:#1f549399;--canon-bg-tint-disabled:#ebebeb;--canon-bg-danger:#feebe7;--canon-bg-warning:#fff2b2;--canon-bg-success:#e6f6eb;--canon-fg-primary:var(--canon-black);--canon-fg-secondary:var(--canon-gray-7);--canon-fg-link:#1f5493;--canon-fg-link-hover:#1f2d5c;--canon-fg-disabled:#9e9e9e;--canon-fg-solid:var(--canon-white);--canon-fg-solid-disabled:#9c9c9c;--canon-fg-tint:#1f5493;--canon-fg-tint-disabled:var(--canon-gray-5);--canon-fg-danger:#e22b2b;--canon-fg-warning:#e36d05;--canon-fg-success:#1db954;--canon-border:#0000001a;--canon-border-hover:#0003;--canon-border-pressed:#0006;--canon-border-disabled:#0000001a;--canon-border-danger:#f87a7a;--canon-border-warning:#e36d05;--canon-border-success:#53db83;--canon-ring:#1f5493;--canon-scrollbar:#a0a0a03b;--canon-scrollbar-thumb:#a0a0a0}[data-theme=dark]{--canon-gray-1:#191919;--canon-gray-2:#242424;--canon-gray-3:#373737;--canon-gray-4:#464646;--canon-gray-5:#575757;--canon-gray-6:#7b7b7b;--canon-gray-7:#9e9e9e;--canon-gray-8:#b4b4b4;--canon-bg:var(--canon-black);--canon-bg-surface-1:var(--canon-gray-1);--canon-bg-surface-2:var(--canon-gray-2);--canon-bg-solid:#9cc9ff;--canon-bg-solid-hover:#83b9fd;--canon-bg-solid-pressed:#83b9fd;--canon-bg-solid-disabled:#222;--canon-bg-tint:transparent;--canon-bg-tint-hover:#9cc9ff1f;--canon-bg-tint-pressed:#9cc9ff29;--canon-bg-tint-disabled:transparent;--canon-bg-danger:#3b1219;--canon-bg-warning:#302008;--canon-bg-success:#132d21;--canon-fg-primary:var(--canon-white);--canon-fg-secondary:var(--canon-gray-7);--canon-fg-link:#9cc9ff;--canon-fg-link-hover:#7eb5f7;--canon-fg-disabled:var(--canon-gray-7);--canon-fg-solid:#101821;--canon-fg-solid-disabled:var(--canon-gray-5);--canon-fg-tint:#9cc9ff;--canon-fg-tint-disabled:var(--canon-gray-5);--canon-fg-danger:#e22b2b;--canon-fg-warning:#e36d05;--canon-fg-success:#1db954;--canon-border:#fff3;--canon-border-hover:#fff6;--canon-border-pressed:#ffffff80;--canon-border-disabled:#fff3;--canon-border-danger:#f87a7a;--canon-border-warning:#e36d05;--canon-border-success:#53db83;--canon-ring:#1f5493;--canon-scrollbar:#3636363a;--canon-scrollbar-thumb:#575757}.canon-AvatarRoot{vertical-align:middle;user-select:none;color:var(--canon-fg-primary);background-color:var(--canon-bg-surface-2);border-radius:100%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:500;line-height:1;display:inline-flex;overflow:hidden}.canon-AvatarRoot[data-size=small]{width:1.5rem;height:1.5rem}.canon-AvatarRoot[data-size=medium]{width:2rem;height:2rem}.canon-AvatarRoot[data-size=large]{width:3rem;height:3rem}.canon-AvatarImage{object-fit:cover;width:100%;height:100%}.canon-AvatarFallback{width:100%;height:100%;font-size:var(--canon-font-size-3);font-weight:var(--canon-font-weight-regular);box-shadow:inset 0 0 0 1px var(--canon-border);border-radius:var(--canon-radius-full);justify-content:center;align-items:center;display:flex}.canon-Box{font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary)}.canon-Button{user-select:none;font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-bold);cursor:pointer;border-radius:var(--canon-radius-2);justify-content:center;align-items:center;gap:var(--canon-space-1_5);border:none;padding:0;display:inline-flex;&:disabled{cursor:not-allowed}}.canon-Button[data-variant=primary]{background-color:var(--canon-bg-solid);color:var(--canon-fg-solid);transition:background-color .15s,box-shadow .15s;&:hover{background-color:var(--canon-bg-solid-hover)}&:active{background-color:var(--canon-bg-solid-pressed)}&:focus-visible{outline:2px solid var(--canon-ring);outline-offset:2px}&:disabled{background-color:var(--canon-bg-solid-disabled);color:var(--canon-fg-solid-disabled)}}.canon-Button[data-variant=secondary]{background-color:var(--canon-bg-surface-1);box-shadow:inset 0 0 0 1px var(--canon-border);color:var(--canon-fg-primary);transition:box-shadow .15s;&:hover{box-shadow:inset 0 0 0 1px var(--canon-border-hover)}&:active{box-shadow:inset 0 0 0 1px var(--canon-border-pressed)}&:focus-visible{box-shadow:inset 0 0 0 2px var(--canon-ring);outline:none;transition:none}&:disabled{box-shadow:inset 0 0 0 1px var(--canon-border-disabled);color:var(--canon-fg-disabled)}}.canon-Button[data-size=medium]{font-size:var(--canon-font-size-4);padding:0 var(--canon-space-3);height:2.5rem}.canon-Button[data-size=small]{font-size:var(--canon-font-size-3);padding:0 var(--canon-space-2);height:2rem}.canon-Button[data-size=small] svg{width:1rem;height:1rem}.canon-Button[data-size=medium] svg{width:1.25rem;height:1.25rem}.canon-ButtonIcon{justify-content:center;align-items:center}.canon-ButtonIcon[data-size=small]{width:2rem;padding:0}.canon-ButtonIcon[data-size=medium]{width:2.5rem;padding:0}.canon-CheckboxRoot{width:1rem;height:1rem;box-shadow:inset 0 0 0 1px var(--canon-border);cursor:pointer;background-color:var(--canon-bg-surface-1);border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s ease-in-out;display:flex}.canon-CheckboxRoot:focus-visible{outline:2px solid var(--canon-ring);outline-offset:2px;transition:none}.canon-CheckboxRoot[data-checked]{background-color:var(--canon-bg-solid);box-shadow:none;color:var(--canon-fg-solid)}.canon-CheckboxLabel{align-items:center;gap:var(--canon-space-2);font-size:var(--canon-font-size-3);font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary);user-select:none;flex-direction:row;display:flex;&:hover{& .canon-CheckboxRoot:not([data-checked]){box-shadow:inset 0 0 0 1px var(--canon-border-hover)}}}.canon-CheckboxIndicator{color:var(--canon-fg-solid);justify-content:center;align-items:center;display:flex}.canon-CollapsiblePanel{height:var(--collapsible-panel-height);transition:all .15s ease-out;display:flex;overflow:hidden;&[data-starting-style],&[data-ending-style]{height:0}}.canon-Container{max-width:120rem;padding-inline:var(--canon-space-4);margin-inline:auto;transition:padding .2s ease-in-out}@media (width>=640px){.canon-Container{padding-inline:var(--canon-space-8)}}@media (width>=1024px){.canon-Container{padding-inline:var(--canon-space-12)}}.canon-DataTableRoot{gap:var(--canon-space-3);flex-direction:column;display:flex}.canon-DataTablePagination{padding-top:var(--canon-space-5);justify-content:space-between;align-items:center;display:flex}.canon-DataTablePagination--left{justify-content:space-between;align-items:center;display:flex}.canon-DataTablePagination--right{justify-content:space-between;align-items:center;gap:var(--canon-space-2);display:flex}.canon-DataTablePagination--select{min-width:10.5rem}.canon-FieldError{color:var(--canon-fg-danger);font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);margin-top:var(--canon-space-2)}.canon-FieldLabelWrapper{margin-bottom:var(--canon-space-3);gap:var(--canon-space-1);flex-direction:column;display:flex}.canon-FieldLabel{color:var(--canon-fg-primary);cursor:pointer;font-weight:var(--canon-font-weight-regular);font-size:var(--canon-font-size-2);margin-right:auto}.canon-FieldSecondaryLabel{color:var(--canon-fg-secondary);font-weight:var(--canon-font-weight-regular);margin-left:var(--canon-space-1)}.canon-FieldDescription{font-weight:var(--canon-font-weight-regular);font-size:var(--canon-font-size-2);color:var(--canon-fg-secondary);margin:0}.canon-Flex{min-width:0;display:flex}.canon-Grid{display:grid}.canon-Heading{font-family:var(--canon-font-regular);color:var(--canon-fg-primary);margin:0;padding:0;line-height:100%}.canon-Heading[data-variant=display]{font-size:var(--canon-font-size-10);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title1]{font-size:var(--canon-font-size-9);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title2]{font-size:var(--canon-font-size-8);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title3]{font-size:var(--canon-font-size-7);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title4]{font-size:var(--canon-font-size-6);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-variant=title5]{font-size:var(--canon-font-size-5);font-weight:var(--canon-font-weight-bold)}.canon-Heading[data-color=primary]{color:var(--canon-fg-primary)}.canon-Heading[data-color=secondary]{color:var(--canon-fg-secondary)}.canon-Heading[data-truncate]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canon-Icon{width:1rem;height:1rem}.canon-Link{font-family:var(--canon-font-regular);color:var(--canon-fg-link);cursor:pointer;margin:0;padding:0;text-decoration-line:none;&:hover{color:var(--canon-fg-link-hover);text-underline-offset:calc(.025em + 2px);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:min(2px,max(1px,.05em));text-decoration-color:color-mix(in srgb,var(--canon-fg-link-hover)30%,transparent)}}.canon-Link[data-variant=body]{font-size:var(--canon-font-size-3);line-height:140%}.canon-Link[data-variant=subtitle]{font-size:var(--canon-font-size-4);line-height:140%}.canon-Link[data-variant=caption]{font-size:var(--canon-font-size-2);line-height:140%}.canon-Link[data-variant=label]{font-size:var(--canon-font-size-1);line-height:140%}.canon-Link[data-weight=regular]{font-weight:var(--canon-font-weight-regular)}.canon-Link[data-weight=bold]{font-weight:var(--canon-font-weight-bold)}.canon-MenuPositioner{outline:0}.canon-MenuPopup{background-color:var(--canon-bg-surface-1);border:1px solid var(--canon-border);color:var(--canon-fg-primary);transform-origin:var(--transform-origin);max-width:min(var(--available-width),340px);max-height:min(var(--available-height),500px);padding-bottom:var(--canon-space-1);border-radius:.375rem;outline:none;flex-direction:column;transition:transform .15s,opacity .15s;display:flex;position:relative;overflow:auto;&[data-starting-style],&[data-ending-style]{opacity:0;transform:scale(.9)}}.canon-MenuItem{user-select:none;align-items:center;gap:var(--canon-space-2);height:32px;color:var(--canon-fg-primary);border-radius:var(--canon-radius-2);margin-inline:var(--canon-space-1);padding-inline:var(--canon-space-2);font-size:var(--canon-font-size-3);cursor:pointer;outline:0;flex-shrink:0;text-decoration:none;display:flex;&:first-child{margin-top:var(--canon-space-1)}&[data-highlighted]{background-color:var(--canon-gray-3)}}.canon-MenuSubmenuTrigger{user-select:none;justify-content:space-between;align-items:center;gap:var(--canon-space-2);height:32px;color:var(--canon-fg-primary);border-radius:var(--canon-radius-2);margin-inline:var(--canon-space-1);padding-inline:var(--canon-space-2);font-size:var(--canon-font-size-3);cursor:pointer;outline:0;flex-shrink:0;text-decoration:none;display:flex;& .canon-Icon{color:var(--canon-fg-secondary)}&:first-child{margin-top:var(--canon-space-1)}&[data-popup-open],&[data-highlighted]{background-color:var(--canon-gray-3);& .canon-Icon{color:var(--canon-fg-primary)}}}.canon-MenuSeparator{background-color:var(--color-gray-200);height:1px;margin:.375rem 1rem}.canon-SubmenuComboboxSearch{padding-inline:var(--canon-space-3);border:none;border-bottom:1px solid var(--canon-border);background-color:var(--canon-bg-surface-1);width:100%;height:32px;color:var(--canon-fg-primary);line-height:140%;font-size:var(--canon-font-size-3);z-index:1;outline:none;position:sticky;top:0;&::placeholder{color:var(--canon-fg-secondary)}&:disabled{opacity:.6;cursor:not-allowed}}.canon-SubmenuComboboxItems{padding-top:var(--canon-space-2);outline:none;flex-direction:column;display:flex;overflow-y:auto}.canon-SubmenuComboboxNoResults{padding-inline:var(--canon-space-3);padding-top:var(--canon-space-2);padding-bottom:var(--canon-space-4);color:var(--canon-fg-secondary);font-size:var(--canon-font-size-3)}.canon-SubmenuComboboxItem{user-select:none;justify-content:space-between;align-items:center;gap:var(--canon-space-2);height:32px;color:var(--canon-fg-primary);border-radius:var(--canon-radius-2);margin-inline:var(--canon-space-1);padding-inline:var(--canon-space-2);font-size:var(--canon-font-size-3);cursor:pointer;outline:0;flex-shrink:0;text-decoration:none;display:flex;&[data-highlighted]{background-color:var(--canon-gray-3)}&[data-disabled]{opacity:.5;cursor:not-allowed}}.canon-SubmenuComboboxItemCheckbox{width:16px;height:16px;color:var(--canon-fg-primary);border-radius:var(--canon-radius-2);border:1px solid var(--canon-border);background:var(--canon-bg-surface-1);flex-shrink:0;justify-content:center;align-items:center;display:flex}.canon-SubmenuComboboxItemLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.canon-RadioGroup{color:var(--canon-fg-primary);flex-direction:column;display:flex}.canon-RadioGroup[data-orientation=horizontal] .canon-RadioGroupContent{gap:var(--canon-space-4);flex-direction:row}.canon-RadioGroupContent{gap:var(--canon-space-2);flex-direction:column;display:flex}.canon-Radio{align-items:center;gap:var(--canon-space-2);font-size:var(--canon-font-size-2);color:var(--canon-fg-primary);forced-color-adjust:none;display:flex;position:relative;&:before{content:"";box-sizing:border-box;border:.125rem solid var(--canon-border);background:var(--canon-gray-1);border-radius:var(--canon-radius-full);width:1rem;height:1rem;transition:all .2s;display:block}&[data-pressed]:before{border-color:var(--canon-border)}&[data-selected]{&:before{border-color:var(--canon-bg-solid);border-width:.25rem}&[data-pressed]:before{border-color:var(--canon-bg-solid)}}&[data-focus-visible]:before{outline:2px solid var(--canon-ring);outline-offset:2px}&[data-disabled]{cursor:not-allowed;color:var(--canon-fg-disabled);&:before{border-color:var(--canon-border-disabled);background:var(--canon-bg-disabled)}&[data-selected]:before{border-color:var(--canon-border-disabled)}}&[data-invalid]:before,&[data-invalid][data-selected]:before{border-color:var(--canon-border-danger)}&[data-disabled][data-invalid]{color:var(--canon-fg-disabled);&:before{border-color:var(--canon-border-disabled);background:var(--canon-bg-disabled)}&[data-selected]:before{border-color:var(--canon-border-disabled)}}}.canon-TableRoot{caption-side:bottom;border-collapse:collapse;width:100%}.canon-TableHead{text-align:left;padding:var(--canon-space-3);font-size:var(--canon-font-size-3);color:var(--canon-fg-primary)}.canon-TableBody{color:var(--canon-fg-primary)}.canon-TableRow{border-bottom:1px solid var(--canon-border);transition:color .2s ease-in-out}.canon-TableBody .canon-TableRow:hover{background-color:var(--canon-gray-2)}.canon-TableCell{padding:var(--canon-space-3);font-size:var(--canon-font-size-3)}.canon-TableCellText,.canon-TableCellLink{gap:var(--canon-space-0_5);flex-direction:column;display:flex}.canon-TableCellProfile{gap:var(--canon-space-2);flex-direction:row;align-items:center;display:flex}.canon-TableCellProfileAvatar{vertical-align:middle;user-select:none;color:var(--canon-fg-primary);background-color:var(--canon-bg-surface-2);border-radius:100%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:1rem;font-weight:500;line-height:1;display:inline-flex;overflow:hidden}.canon-TableCellProfileAvatarImage{object-fit:cover;width:100%;height:100%}.canon-TableCellProfileAvatarFallback{width:100%;height:100%;font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);box-shadow:inset 0 0 0 1px var(--canon-border);border-radius:var(--canon-radius-full);justify-content:center;align-items:center;display:flex}.canon-TabsRoot{border:1px solid var(--color-gray-200);border-radius:.375rem}.canon-TabsList{z-index:0;display:flex;position:relative}.canon-TabsTab{appearance:none;color:var(--canon-fg-secondary);user-select:none;padding-inline:var(--canon-space-3);height:2rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;font-size:var(--canon-font-size-2);cursor:pointer;background:0 0;border:0;outline:0;justify-content:center;align-items:center;margin:0;padding-block:0;transition:color .2s ease-in-out;display:flex;&[data-selected]{color:var(--canon-fg-primary)}@media (hover:hover){&:hover{color:var(--canon-fg-primary)}}&:focus-visible{position:relative;&:before{content:"";outline:1px solid var(--canon-ring);outline-offset:-1px;border-radius:.25rem;position:absolute;inset:.25rem 0}}}.canon-TabsIndicator{z-index:-1;translate:var(--active-tab-left)-50%;width:var(--active-tab-width);background-color:var(--canon-bg-solid);height:1px;transition-property:translate,width;transition-duration:.2s;transition-timing-function:ease-in-out;position:absolute;bottom:0;left:0}.canon-TabsPanel{&[hidden]{display:none}}.canon-Text{font-family:var(--canon-font-regular);margin:0;padding:0}.canon-Text[data-variant=body]{font-size:var(--canon-font-size-3);line-height:140%}.canon-Text[data-variant=subtitle]{font-size:var(--canon-font-size-4);line-height:140%}.canon-Text[data-variant=caption]{font-size:var(--canon-font-size-2);line-height:140%}.canon-Text[data-variant=label]{font-size:var(--canon-font-size-1);line-height:140%}.canon-Text[data-weight=regular]{font-weight:var(--canon-font-weight-regular)}.canon-Text[data-weight=bold]{font-weight:var(--canon-font-weight-bold)}.canon-Text[data-color=primary]{color:var(--canon-fg-primary)}.canon-Text[data-color=secondary]{color:var(--canon-fg-secondary)}.canon-Text[data-color=danger]{color:var(--canon-fg-danger)}.canon-Text[data-color=warning]{color:var(--canon-fg-warning)}.canon-Text[data-color=success]{color:var(--canon-fg-success)}.canon-Text[data-truncate]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canon-TextField{font-family:var(--canon-font-regular);flex-direction:column;width:100%;display:flex}.canon-InputWrapper{position:relative;&[data-size=small] .canon-Input{height:2rem}&[data-size=medium] .canon-Input{height:2.5rem}&[data-size=small] .canon-Input[data-icon]{padding-left:var(--canon-space-8)}&[data-size=medium] .canon-Input[data-icon]{padding-left:var(--canon-space-9)}}.canon-InputIcon{left:var(--canon-space-3);margin-right:var(--canon-space-1);color:var(--canon-fg-primary);flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%);&[data-size=small],&[data-size=small] svg{width:1rem;height:1rem}&[data-size=medium],&[data-size=medium] svg{width:1.25rem;height:1.25rem}}.canon-Input{padding:0 var(--canon-space-3);border-radius:var(--canon-radius-3);border:1px solid var(--canon-border);background-color:var(--canon-bg-surface-1);font-size:var(--canon-font-size-3);font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary);width:100%;height:100%;cursor:inherit;align-items:center;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out;display:flex;&::-webkit-search-cancel-button,&::-webkit-search-decoration{-webkit-appearance:none}&::placeholder{color:var(--canon-fg-secondary)}&[data-focused]{outline-color:var(--canon-border-pressed);outline-width:0}&[data-hovered]{border-color:var(--canon-border-hover)}&[data-focused]{border-color:var(--canon-border-pressed);outline-width:0}&[data-invalid]{border-color:var(--canon-fg-danger)}&[data-disabled]{opacity:.5;cursor:not-allowed;border:1px solid var(--canon-border-disabled)}}.canon-SearchField[data-empty] .canon-InputClear{display:none}.canon-InputClear{cursor:pointer;color:var(--canon-fg-secondary);background-color:#0000;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .2s ease-in-out;display:flex;position:absolute;top:0;bottom:0;right:0}.canon-InputClear:hover{color:var(--canon-fg-primary)}.canon-InputClear[data-size=small]{width:2rem;height:2rem}.canon-InputClear[data-size=medium]{width:2.5rem;height:2.5rem}.canon-InputClear svg{width:1rem;height:1rem}.canon-TooltipPopup{box-sizing:border-box;transform-origin:var(--transform-origin);background-color:canvas;background-color:var(--canon-bg-surface-1);color:var(--canon-fg-primary);outline:1px solid var(--canon-border);box-shadow:0 10px 15px -3px var(--canon-border),0 4px 6px -4px var(--canon-border);border-radius:.375rem;flex-direction:column;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;transition:transform .15s,opacity .15s;display:flex;&[data-starting-style],&[data-ending-style]{opacity:0;transform:scale(.9)}&[data-instant]{transition-duration:0s}}.canon-TooltipArrow{display:flex;&[data-side=top]{bottom:-8px;rotate:180deg}&[data-side=bottom]{top:-8px;rotate:none}&[data-side=left]{right:-13px;rotate:90deg}&[data-side=right]{left:-13px;rotate:-90deg}}.canon-TooltipArrow-fill{fill:var(--canon-bg-surface-1)}.canon-TooltipArrow-outer-stroke{@media (prefers-color-scheme:light){fill:var(--canon-border)}}.canon-ScrollAreaRoot{box-sizing:border-box;width:24rem;max-width:calc(100vw - 8rem);height:8.5rem}.canon-ScrollAreaViewport{overscroll-behavior:contain;height:100%}.canon-ScrollAreaContent{padding-block:.75rem;flex-direction:column;gap:1rem;padding-left:1rem;padding-right:1.5rem;display:flex}.canon-ScrollAreaScrollbar{background-color:var(--canon-scrollbar);opacity:0;border-radius:.375rem;justify-content:center;width:.25rem;margin:.5rem;transition:opacity .15s .3s;display:flex;&[data-hovering],&[data-scrolling]{opacity:1;transition-duration:75ms;transition-delay:0s}&:before{content:"";width:1.25rem;height:100%;position:absolute}}.canon-ScrollAreaThumb{border-radius:inherit;background-color:var(--canon-scrollbar-thumb);width:100%}.canon-Select{font-family:var(--canon-font-regular);flex-direction:column;width:100%;display:flex}.canon-SelectLabel{font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary);margin-bottom:var(--canon-space-1_5);cursor:pointer}.canon-SelectLabel[data-disabled]{cursor:default}.canon-SelectDescription{font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-secondary);padding-top:var(--canon-space-1_5);margin:0}.canon-SelectError{font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-danger);padding-top:var(--canon-space-1_5);margin:0}.canon-SelectTrigger{box-sizing:border-box;border-radius:var(--canon-radius-3);border:1px solid var(--canon-border);padding:0 var(--canon-space-4);background-color:var(--canon-bg-surface-1);font-size:var(--canon-font-size-3);font-family:var(--canon-font-regular);font-weight:var(--canon-font-weight-regular);color:var(--canon-fg-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--canon-space-2);width:100%;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out;display:flex}.canon-SelectTrigger::placeholder{color:var(--canon-fg-secondary)}.canon-SelectTrigger:hover{border-color:var(--canon-border-hover)}.canon-SelectTrigger:focus-visible{border-color:var(--canon-border-pressed);outline:0}.canon-SelectTrigger[data-invalid]{border-color:var(--canon-fg-danger)}.canon-SelectTrigger[data-invalid]:hover,.canon-SelectTrigger[data-invalid]:focus-visible{border-width:2px}.canon-SelectTrigger[data-disabled]{cursor:not-allowed;border-color:var(--canon-border-disabled);color:var(--canon-fg-disabled)}.canon-SelectTrigger[data-size=small]{height:2rem}.canon-SelectTrigger[data-size=medium]{height:3rem}.canon-SelectIcon{margin-left:var(--canon-space-5);transition:transform .2s}.canon-SelectTrigger[data-popup-open] .canon-SelectIcon{transform:rotate(180deg)}.canon-SelectPopup{box-sizing:border-box;max-height:var(--available-height);background-color:var(--canon-bg-surface-1);border:1px solid var(--canon-border);border-radius:var(--canon-radius-3);padding-block:var(--canon-space-1);z-index:1;transform-origin:var(--transform-origin);outline:0;transition:transform .15s,opacity .15s;overflow-y:auto;box-shadow:0 4px 12px #0003}.canon-SelectPopup[data-starting-style],.canon-SelectPopup[data-ending-style]{opacity:0;transform:scale(.9)}.canon-SelectItem{width:var(--anchor-width);padding-block:var(--canon-space-2);padding-inline:var(--canon-space-4);color:var(--canon-fg-primary);border-radius:var(--canon-radius-3);cursor:pointer;user-select:none;font-size:var(--canon-font-size-3);align-items:center;gap:var(--canon-space-2);outline:none;grid-template-columns:1rem 1fr;grid-template-areas:"icon text";display:grid;position:relative}.canon-SelectItem[data-highlighted]{z-index:0;color:var(--canon-fg-primary);position:relative}.canon-SelectItem[data-highlighted]:before{content:"";z-index:-1;background-color:var(--canon-bg-tint-hover);border-radius:.25rem;position:absolute;inset-block:0;inset-inline:.25rem}.canon-SelectItem[data-disabled]{cursor:not-allowed;color:var(--canon-fg-disabled)}.canon-SelectItemIndicator{grid-area:icon;justify-content:center;align-items:center;display:flex}.canon-SelectItemText{flex:1;grid-area:text}.canon-SelectRequired{color:var(--canon-fg-secondary);font-size:var(--canon-font-size-2);font-weight:var(--canon-font-weight-regular);margin-left:var(--canon-space-1)}.canon-SelectIcon{justify-content:center;align-items:center;display:flex}.canon-SelectValue{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.canon-Switch{align-items:center;gap:var(--canon-space-3);font-size:var(--canon-font-size-3);color:var(--canon-fg-primary);cursor:pointer;display:flex;position:relative;&[data-pressed] .canon-SwitchIndicator{&:before{background:var(--canon-fg-solid)}}&[data-selected]{& .canon-SwitchIndicator{background:var(--canon-bg-solid);&:before{background:var(--canon-fg-solid);transform:translate(100%)}}&[data-pressed]{& .indicator{background:var(--canon-gray-3)}}}&[data-focus-visible] .canon-SwitchIndicator{outline-offset:2px;outline:2px solid}}.canon-SwitchIndicator{background:var(--canon-gray-3);border:2px;border-radius:1.143rem;width:2rem;height:1.143rem;transition:all .2s;&:before{content:"";background:var(--canon-fg-solid);border-radius:16px;width:.857rem;height:.857rem;margin:.143rem;transition:all .2s;display:block}}
\ No newline at end of file

From 57d2d9eb64eccd0e35099e419d639ff392202d21 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 24 Jun 2025 10:54:25 +0100
Subject: [PATCH 9/9] Fix truncate

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/canon/src/components/Heading/Heading.tsx | 2 +-
 packages/canon/src/components/Text/Text.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/canon/src/components/Heading/Heading.tsx b/packages/canon/src/components/Heading/Heading.tsx
index 746d10ff1d..3d173e98ac 100644
--- a/packages/canon/src/components/Heading/Heading.tsx
+++ b/packages/canon/src/components/Heading/Heading.tsx
@@ -37,13 +37,13 @@ function HeadingComponent<T extends ElementType = 'h1'>(
   const { classNames, dataAttributes } = useStyles('Heading', {
     variant,
     color,
-    truncate,
   });
 
   return (
     <Component
       ref={ref}
       className={clsx(classNames.root, className)}
+      data-truncate={truncate}
       {...dataAttributes}
       style={style}
       {...restProps}
diff --git a/packages/canon/src/components/Text/Text.tsx b/packages/canon/src/components/Text/Text.tsx
index 47d819a79e..c37f0e4ce7 100644
--- a/packages/canon/src/components/Text/Text.tsx
+++ b/packages/canon/src/components/Text/Text.tsx
@@ -39,13 +39,13 @@ function TextComponent<T extends ElementType = 'p'>(
     variant,
     weight,
     color,
-    truncate,
   });
 
   return (
     <Component
       ref={ref}
       className={clsx(classNames.root, className)}
+      data-truncate={truncate}
       {...dataAttributes}
       style={style}
       {...restProps}