From 8923650f16f3f0f77eef17db757b64160f3cd253 Mon Sep 17 00:00:00 2001 From: CML90 Date: Fri, 13 Jun 2025 19:18:07 +0800 Subject: [PATCH 01/10] feat: implemented responsive features for medium and above breakpoints --- .../SaibThemeProvider/SaibThemeProvider.tsx | 1 + src/components/Section9/Section9.tsx | 145 ++++++++++++++++++ static/img/Section9/background_big.svg | 9 ++ static/img/Section9/background_medium.svg | 9 ++ static/img/Section9/background_small.svg | 9 ++ static/img/Section9/cardano.svg | 32 ++++ static/img/Section9/code.svg | 8 + static/img/Section9/futura.tsx | 23 +++ static/img/Section9/right_arrow.svg | 3 + 9 files changed, 239 insertions(+) create mode 100644 src/components/Section9/Section9.tsx create mode 100644 static/img/Section9/background_big.svg create mode 100644 static/img/Section9/background_medium.svg create mode 100644 static/img/Section9/background_small.svg create mode 100644 static/img/Section9/cardano.svg create mode 100644 static/img/Section9/code.svg create mode 100644 static/img/Section9/futura.tsx create mode 100644 static/img/Section9/right_arrow.svg diff --git a/src/components/SaibThemeProvider/SaibThemeProvider.tsx b/src/components/SaibThemeProvider/SaibThemeProvider.tsx index 447db68..d48de3e 100644 --- a/src/components/SaibThemeProvider/SaibThemeProvider.tsx +++ b/src/components/SaibThemeProvider/SaibThemeProvider.tsx @@ -59,6 +59,7 @@ export default function SaibThemeProvider({ children }: SaibThemeProviderProps): 800: '#1F2F4E', 900: '#1C3250', A100: colorMode === 'dark' ? '#151515' : '#E9F5FF', + A200: '#000000', }, action: { active: '#3A376A', diff --git a/src/components/Section9/Section9.tsx b/src/components/Section9/Section9.tsx new file mode 100644 index 0000000..31dc85c --- /dev/null +++ b/src/components/Section9/Section9.tsx @@ -0,0 +1,145 @@ +import { ReactNode, useRef } from "react"; +import BtnMore from "../Shared/Buttons/BtnMore/BtnMore"; +import Cardano from "../../../static/img/Section9/cardano.svg"; +import RightArrow from "../../../static/img/Section9/right_arrow.svg"; +import Code from "../../../static/img/Section9/code.svg"; +import { alpha, Button, IconButton, Paper, Tooltip, useTheme } from "@mui/material"; +import ContentCopyIcon from '@mui/icons-material/ContentCopy'; +import FuturaCodeBlock from "./FuturaCodeBlock"; +import Futura from "@site/static/img/Section9/futura"; + +export default function Section9(): ReactNode { + const theme = useTheme(); + const editorRef = useRef(null); + + const copyToClipboard = () => { + const editor = editorRef.current; + if (editor) { + const value = editor.getValue(); + navigator.clipboard.writeText(value) + .then(() => console.log('Copied!')) + .catch((err) => console.error('Copy failed', err)); + } + }; + return ( +
+
+
+ +
+ +
+
+ + +
+
+

+ Futura + - a domain-specific
language built on F# +

+ +
+
+
+
+ +
+ +
+
+ +

Interoperability

+

+ Futura integrates seamlessly with + other .NET languages, enabling smooth + interoperability with C# projects such as + Razor, Argus, and Chrysalis. +

+ + +

Compile to UPLC

+

+ Futura compiles F# code to UPLC, + unlocking the potential for Cardano + smart contract development within + the .NET ecosystem. +

+ +
+ +
+ +
+
+

Cardano Smart
Contracts

+
+ +
+ + + + +
+
+ +
+ + +
+ +
+
+ ) +}; \ No newline at end of file diff --git a/static/img/Section9/background_big.svg b/static/img/Section9/background_big.svg new file mode 100644 index 0000000..d4e3194 --- /dev/null +++ b/static/img/Section9/background_big.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/static/img/Section9/background_medium.svg b/static/img/Section9/background_medium.svg new file mode 100644 index 0000000..a37bd95 --- /dev/null +++ b/static/img/Section9/background_medium.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/static/img/Section9/background_small.svg b/static/img/Section9/background_small.svg new file mode 100644 index 0000000..28d4c19 --- /dev/null +++ b/static/img/Section9/background_small.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/static/img/Section9/cardano.svg b/static/img/Section9/cardano.svg new file mode 100644 index 0000000..69546ba --- /dev/null +++ b/static/img/Section9/cardano.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/Section9/code.svg b/static/img/Section9/code.svg new file mode 100644 index 0000000..c3f6b85 --- /dev/null +++ b/static/img/Section9/code.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/static/img/Section9/futura.tsx b/static/img/Section9/futura.tsx new file mode 100644 index 0000000..96bc3c3 --- /dev/null +++ b/static/img/Section9/futura.tsx @@ -0,0 +1,23 @@ +import { SvgIcon, SvgIconProps, useTheme } from "@mui/material"; + +const Futura = (props: SvgIconProps) => { + const { sx = {}, ...otherProps } = props; + const theme = useTheme(); + + return ( + + + + + + + ); +}; + +export default Futura; \ No newline at end of file diff --git a/static/img/Section9/right_arrow.svg b/static/img/Section9/right_arrow.svg new file mode 100644 index 0000000..d3287d5 --- /dev/null +++ b/static/img/Section9/right_arrow.svg @@ -0,0 +1,3 @@ + + + From 12e8635f124e1051336484f8b9cb582886438b51 Mon Sep 17 00:00:00 2001 From: CML90 Date: Fri, 13 Jun 2025 19:20:14 +0800 Subject: [PATCH 02/10] fix: improve layout and styling in Section9 component --- src/components/Section9/Section9.tsx | 86 +++++++++++++++++++++------- 1 file changed, 66 insertions(+), 20 deletions(-) diff --git a/src/components/Section9/Section9.tsx b/src/components/Section9/Section9.tsx index 31dc85c..36285db 100644 --- a/src/components/Section9/Section9.tsx +++ b/src/components/Section9/Section9.tsx @@ -2,11 +2,11 @@ import { ReactNode, useRef } from "react"; import BtnMore from "../Shared/Buttons/BtnMore/BtnMore"; import Cardano from "../../../static/img/Section9/cardano.svg"; import RightArrow from "../../../static/img/Section9/right_arrow.svg"; -import Code from "../../../static/img/Section9/code.svg"; import { alpha, Button, IconButton, Paper, Tooltip, useTheme } from "@mui/material"; import ContentCopyIcon from '@mui/icons-material/ContentCopy'; import FuturaCodeBlock from "./FuturaCodeBlock"; import Futura from "@site/static/img/Section9/futura"; +import Code from "../../../static/img/Section9/code.svg"; export default function Section9(): ReactNode { const theme = useTheme(); @@ -23,9 +23,10 @@ export default function Section9(): ReactNode { }; return (
-
-
+
+
-
- +
+
- - +
-

+

Futura - a domain-specific
language built on F#

- + + +
-
+
+
+
-
-
+
+
+ +
+
+

Cardano Smart Contracts

+ +
+
+ +
+
+ +
+ +
-

Interoperability

+

Interoperability

Futura integrates seamlessly with other .NET languages, enabling smooth @@ -80,7 +127,7 @@ export default function Section9(): ReactNode {

-

Compile to UPLC

+

Compile to UPLC

Futura compiles F# code to UPLC, unlocking the potential for Cardano @@ -100,7 +147,8 @@ export default function Section9(): ReactNode {

-
+
+
- -
From 4f1d7a8225acb771642cfd95fdc29405e958b2f6 Mon Sep 17 00:00:00 2001 From: CML90 Date: Fri, 13 Jun 2025 19:41:04 +0800 Subject: [PATCH 03/10] feat: refactor Cardano component to replace SVG file with inline definition --- src/components/Section9/Section9.tsx | 16 ++++----- static/img/Section9/cardano.svg | 32 ----------------- static/img/Section9/cardano.tsx | 52 ++++++++++++++++++++++++++++ 3 files changed, 60 insertions(+), 40 deletions(-) delete mode 100644 static/img/Section9/cardano.svg create mode 100644 static/img/Section9/cardano.tsx diff --git a/src/components/Section9/Section9.tsx b/src/components/Section9/Section9.tsx index 36285db..0b391cf 100644 --- a/src/components/Section9/Section9.tsx +++ b/src/components/Section9/Section9.tsx @@ -1,12 +1,12 @@ import { ReactNode, useRef } from "react"; import BtnMore from "../Shared/Buttons/BtnMore/BtnMore"; -import Cardano from "../../../static/img/Section9/cardano.svg"; import RightArrow from "../../../static/img/Section9/right_arrow.svg"; import { alpha, Button, IconButton, Paper, Tooltip, useTheme } from "@mui/material"; import ContentCopyIcon from '@mui/icons-material/ContentCopy'; import FuturaCodeBlock from "./FuturaCodeBlock"; import Futura from "@site/static/img/Section9/futura"; import Code from "../../../static/img/Section9/code.svg"; +import Cardano from "@site/static/img/Section9/cardano"; export default function Section9(): ReactNode { const theme = useTheme(); @@ -74,7 +74,7 @@ export default function Section9(): ReactNode {
-
+
-

Cardano Smart Contracts

+

Cardano Smart Contracts

- +
@@ -108,7 +108,7 @@ export default function Section9(): ReactNode {
-

Interoperability

+

Interoperability

Futura integrates seamlessly with other .NET languages, enabling smooth @@ -127,7 +127,7 @@ export default function Section9(): ReactNode {

-

Compile to UPLC

+

Compile to UPLC

Futura compiles F# code to UPLC, unlocking the potential for Cardano diff --git a/static/img/Section9/cardano.svg b/static/img/Section9/cardano.svg deleted file mode 100644 index 69546ba..0000000 --- a/static/img/Section9/cardano.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/img/Section9/cardano.tsx b/static/img/Section9/cardano.tsx new file mode 100644 index 0000000..a4c48dc --- /dev/null +++ b/static/img/Section9/cardano.tsx @@ -0,0 +1,52 @@ +import { SvgIcon, SvgIconProps, useTheme } from "@mui/material"; + +const Cardano = (props: SvgIconProps) => { + const { sx = {}, ...otherProps } = props; + const theme = useTheme(); + + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +export default Cardano; \ No newline at end of file From afe311de54a16e87d5042e16032b23b3703dc4b4 Mon Sep 17 00:00:00 2001 From: CML90 Date: Fri, 13 Jun 2025 20:45:27 +0800 Subject: [PATCH 04/10] feat: implement mobile layout --- src/components/Section9/Section9.tsx | 59 +++++++++++++++++---------- static/img/Section9/code_portrait.tsx | 27 ++++++++++++ 2 files changed, 64 insertions(+), 22 deletions(-) create mode 100644 static/img/Section9/code_portrait.tsx diff --git a/src/components/Section9/Section9.tsx b/src/components/Section9/Section9.tsx index 0b391cf..ea14da0 100644 --- a/src/components/Section9/Section9.tsx +++ b/src/components/Section9/Section9.tsx @@ -7,6 +7,7 @@ import FuturaCodeBlock from "./FuturaCodeBlock"; import Futura from "@site/static/img/Section9/futura"; import Code from "../../../static/img/Section9/code.svg"; import Cardano from "@site/static/img/Section9/cardano"; +import CodePortrait from "@site/static/img/Section9/code_portrait"; export default function Section9(): ReactNode { const theme = useTheme(); @@ -23,10 +24,10 @@ export default function Section9(): ReactNode { }; return (

-
-
+
+
- +
-
-

+
+

Futura - - a domain-specific
language built on F# + - a domain-specific
language built on F#

+
-
-
-
+
+
+

- -
+
+ +
+
-
-

Cardano Smart Contracts

+
+

Cardano Smart Contracts

-
+
-
+
-

Interoperability

+

Interoperability

Futura integrates seamlessly with other .NET languages, enabling smooth @@ -137,7 +154,7 @@ export default function Section9(): ReactNode { borderRadius: '24px', }} > -

Compile to UPLC

+

Compile to UPLC

Futura compiles F# code to UPLC, unlocking the potential for Cardano @@ -176,9 +193,7 @@ export default function Section9(): ReactNode { > Get Started - - - +

diff --git a/static/img/Section9/code_portrait.tsx b/static/img/Section9/code_portrait.tsx new file mode 100644 index 0000000..b41fd58 --- /dev/null +++ b/static/img/Section9/code_portrait.tsx @@ -0,0 +1,27 @@ +import { SvgIcon, SvgIconProps, useTheme } from "@mui/material"; + +const CodePortrait = (props: SvgIconProps) => { + const { sx = {}, ...otherProps } = props; + const theme = useTheme(); + + return ( + + + + + + + + + + + ); +}; + +export default CodePortrait; \ No newline at end of file From 5f710f5727a4c63be800288af60dc9afa5af42e8 Mon Sep 17 00:00:00 2001 From: CML90 Date: Mon, 16 Jun 2025 18:45:30 +0800 Subject: [PATCH 05/10] feat: replace futura code with a monaco code editor --- .../SaibThemeProvider/SaibThemeProvider.tsx | 7 ++ src/components/Section9/FuturaCodeBlock.tsx | 57 +++++++++++ src/components/Section9/Section9.tsx | 94 ++++++++++++++----- src/theme.d.ts | 21 +++++ static/img/Section9/code.svg | 8 -- static/img/Section9/code_portrait.tsx | 27 ------ 6 files changed, 154 insertions(+), 60 deletions(-) create mode 100644 src/components/Section9/FuturaCodeBlock.tsx create mode 100644 src/theme.d.ts delete mode 100644 static/img/Section9/code.svg delete mode 100644 static/img/Section9/code_portrait.tsx diff --git a/src/components/SaibThemeProvider/SaibThemeProvider.tsx b/src/components/SaibThemeProvider/SaibThemeProvider.tsx index d48de3e..8b88739 100644 --- a/src/components/SaibThemeProvider/SaibThemeProvider.tsx +++ b/src/components/SaibThemeProvider/SaibThemeProvider.tsx @@ -11,6 +11,7 @@ import '@fontsource/poppins/700.css'; import '@fontsource/space-mono/400.css'; import '@fontsource/space-mono/700.css'; import { useLocation } from "@docusaurus/router"; +import '../../theme.d.ts'; type SaibThemeProviderProps = { children: ReactNode; @@ -70,6 +71,12 @@ export default function SaibThemeProvider({ children }: SaibThemeProviderProps): shape: { borderRadius: 12, }, + futura: { + colors: { + primary: '#FFF8E0', + secondary: '#5F28A3' + } + } }) , [colorMode]); diff --git a/src/components/Section9/FuturaCodeBlock.tsx b/src/components/Section9/FuturaCodeBlock.tsx new file mode 100644 index 0000000..cbfa6dc --- /dev/null +++ b/src/components/Section9/FuturaCodeBlock.tsx @@ -0,0 +1,57 @@ +import { useColorMode } from '@docusaurus/theme-common'; +import Editor from '@monaco-editor/react'; + +export default function CodeBlock({ editorRef }) { + const { colorMode } = useColorMode(); + + return ( + { + if (editorRef) editorRef.current = editor; + + editor.updateOptions({ + bracketPairColorization: { + enabled: true, + independentColorPoolPerBracketType: true, + }, + }); + }} + options={{ + readOnly: true, + minimap: { enabled: false }, + scrollbar: { + }, + lineNumbers: 'on', + lineDecorationsWidth: 0, + lineNumbersMinChars: 0, + scrollBeyondLastLine: false, + wordWrap: 'off', + padding: { top: 10, bottom: 10 }, + }} + defaultValue={`module HelloWorld = + type Datum = { Owner: PubKeyHash } + + [] + let spend (datum: Option) (redeemer: string) (input: TxInput) (self: ScriptContext) = + match datum with + | Some { Owner = owner } -> + + // Check if redeemer is the expected greeting + let mustSayHello = + redeemer = "Hello, World!" + + // Check if transaction is signed by the owner + let mustBeSigned = + self.ExtraSignatories + |> List.contains owner + + // Both conditions must be satisfied + mustSayHello && mustBeSigned + + | None -> false`} + /> + ); +} diff --git a/src/components/Section9/Section9.tsx b/src/components/Section9/Section9.tsx index ea14da0..fcb29ee 100644 --- a/src/components/Section9/Section9.tsx +++ b/src/components/Section9/Section9.tsx @@ -7,7 +7,6 @@ import FuturaCodeBlock from "./FuturaCodeBlock"; import Futura from "@site/static/img/Section9/futura"; import Code from "../../../static/img/Section9/code.svg"; import Cardano from "@site/static/img/Section9/cardano"; -import CodePortrait from "@site/static/img/Section9/code_portrait"; export default function Section9(): ReactNode { const theme = useTheme(); @@ -23,17 +22,17 @@ export default function Section9(): ReactNode { } }; return ( -
-
+
+
- +
-
-

+
+

Futura - a domain-specific
language built on F#

- - - - + {/* Code */} +
+
+ + + + + +
+ +
-
+

@@ -91,7 +135,7 @@ export default function Section9(): ReactNode { }} />
-
+
-

Cardano Smart Contracts

+

Cardano Smart Contracts

-
+
-

Interoperability

-

+

Interoperability

+

Futura integrates seamlessly with other .NET languages, enabling smooth interoperability with C# projects such as @@ -150,12 +194,12 @@ export default function Section9(): ReactNode { backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', - backgroundColor: '#5F28A3', + backgroundColor: theme.futura?.colors.secondary, borderRadius: '24px', }} > -

Compile to UPLC

-

+

Compile to UPLC

+

Futura compiles F# code to UPLC, unlocking the potential for Cardano smart contract development within @@ -173,13 +217,13 @@ export default function Section9(): ReactNode { backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', - backgroundColor: '#5F28A3', + backgroundColor: theme.futura?.colors.secondary, borderRadius: '24px', }} >

-

Cardano Smart
Contracts

+

Cardano Smart
Contracts

diff --git a/src/theme.d.ts b/src/theme.d.ts new file mode 100644 index 0000000..01ed117 --- /dev/null +++ b/src/theme.d.ts @@ -0,0 +1,21 @@ +import { Theme, ThemeOptions } from '@mui/material/styles'; + +declare module '@mui/material/styles' { + interface Theme { + futura?: { + colors: { + primary: string; + secondary: string; + }; + }; + } + + interface ThemeOptions { + futura?: { + colors: { + primary: string; + secondary: string; + }; + }; + } +} \ No newline at end of file diff --git a/static/img/Section9/code.svg b/static/img/Section9/code.svg deleted file mode 100644 index c3f6b85..0000000 --- a/static/img/Section9/code.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/static/img/Section9/code_portrait.tsx b/static/img/Section9/code_portrait.tsx deleted file mode 100644 index b41fd58..0000000 --- a/static/img/Section9/code_portrait.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { SvgIcon, SvgIconProps, useTheme } from "@mui/material"; - -const CodePortrait = (props: SvgIconProps) => { - const { sx = {}, ...otherProps } = props; - const theme = useTheme(); - - return ( - - - - - - - - - - - ); -}; - -export default CodePortrait; \ No newline at end of file From 4df4594bc495238e5938d3ab0c0d01b56d4ef21c Mon Sep 17 00:00:00 2001 From: CML90 Date: Mon, 16 Jun 2025 18:55:10 +0800 Subject: [PATCH 06/10] fix: changed folder and file names to 'Futura' --- .../Section9.tsx => Futura/Futura.tsx} | 11 +- .../{Section9 => Futura}/FuturaCodeBlock.tsx | 2 +- src/pages/index.tsx | 5 +- src/styles/app.css | 3990 ++++++++++++++++- .../{Section9 => Futura}/background_big.svg | 0 .../background_medium.svg | 0 .../{Section9 => Futura}/background_small.svg | 0 static/img/{Section9 => Futura}/cardano.tsx | 0 static/img/{Section9 => Futura}/futura.tsx | 0 .../img/{Section9 => Futura}/right_arrow.svg | 0 10 files changed, 3998 insertions(+), 10 deletions(-) rename src/components/{Section9/Section9.tsx => Futura/Futura.tsx} (96%) rename src/components/{Section9 => Futura}/FuturaCodeBlock.tsx (97%) rename static/img/{Section9 => Futura}/background_big.svg (100%) rename static/img/{Section9 => Futura}/background_medium.svg (100%) rename static/img/{Section9 => Futura}/background_small.svg (100%) rename static/img/{Section9 => Futura}/cardano.tsx (100%) rename static/img/{Section9 => Futura}/futura.tsx (100%) rename static/img/{Section9 => Futura}/right_arrow.svg (100%) diff --git a/src/components/Section9/Section9.tsx b/src/components/Futura/Futura.tsx similarity index 96% rename from src/components/Section9/Section9.tsx rename to src/components/Futura/Futura.tsx index fcb29ee..be349f4 100644 --- a/src/components/Section9/Section9.tsx +++ b/src/components/Futura/Futura.tsx @@ -1,14 +1,13 @@ import { ReactNode, useRef } from "react"; import BtnMore from "../Shared/Buttons/BtnMore/BtnMore"; -import RightArrow from "../../../static/img/Section9/right_arrow.svg"; +import RightArrow from "../../../static/img/Futura/right_arrow.svg"; import { alpha, Button, IconButton, Paper, Tooltip, useTheme } from "@mui/material"; import ContentCopyIcon from '@mui/icons-material/ContentCopy'; import FuturaCodeBlock from "./FuturaCodeBlock"; -import Futura from "@site/static/img/Section9/futura"; -import Code from "../../../static/img/Section9/code.svg"; -import Cardano from "@site/static/img/Section9/cardano"; +import FuturaLogo from "@site/static/img/Futura/futura"; +import Cardano from "@site/static/img/Futura/cardano"; -export default function Section9(): ReactNode { +export default function Futura(): ReactNode { const theme = useTheme(); const editorRef = useRef(null); @@ -55,7 +54,7 @@ export default function Section9(): ReactNode { />
- +

diff --git a/src/components/Section9/FuturaCodeBlock.tsx b/src/components/Futura/FuturaCodeBlock.tsx similarity index 97% rename from src/components/Section9/FuturaCodeBlock.tsx rename to src/components/Futura/FuturaCodeBlock.tsx index cbfa6dc..f9bcec0 100644 --- a/src/components/Section9/FuturaCodeBlock.tsx +++ b/src/components/Futura/FuturaCodeBlock.tsx @@ -9,7 +9,7 @@ export default function CodeBlock({ editorRef }) { height="100%" defaultLanguage="csharp" theme={colorMode === 'dark' ? 'purple-cool-dark' : 'purple-cool-light'} - onMount={(editor, monacoInstance) => { + onMount={(editor) => { if (editorRef) editorRef.current = editor; editor.updateOptions({ diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 26aecef..e48ac10 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -4,7 +4,6 @@ import Link from '@docusaurus/Link'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import Layout from '@theme/Layout'; import HomepageFeatures from '@site/src/components/HomepageFeatures'; -import Heading from '@theme/Heading'; import Button from '@mui/material/Button'; import Section1 from '../components/Section1/Section1'; import Section3 from '../components/Section3/Section3'; @@ -14,6 +13,8 @@ import Section5 from '../components/Section5/Section5'; import Section6 from '../components/Section6/Section6'; import Section7 from '../components/Section7/Section7'; import Section8 from '../components/Section8/Section8'; +import Futura from '../components/Futura/Futura'; +'; // function HomepageHeader() { // const {siteConfig} = useDocusaurusContext(); @@ -40,6 +41,7 @@ export default function Home(): ReactNode { // const {siteConfig} = useDocusaurusContext(); return ( + @@ -47,6 +49,7 @@ export default function Home(): ReactNode { + ); diff --git a/src/styles/app.css b/src/styles/app.css index f6ced9c..7dd27df 100644 --- a/src/styles/app.css +++ b/src/styles/app.css @@ -1,2 +1,3988 @@ -/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */ -@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--breakpoint-xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-bounce:bounce 1s infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.container{width:100%;padding-left:var(--ifm-spacing-horizontal);padding-right:var(--ifm-spacing-horizontal)}@media (min-width:1280px){.container{max-width:var(--ifm-container-width)}}@media (min-width:1536px){.container{max-width:var(--ifm-container-width-xl)!important}}}@layer components;@layer utilities{.\!relative{position:relative!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.-top-44{top:calc(var(--spacing)*-44)}.-top-45{top:calc(var(--spacing)*-45)}.-top-48{top:calc(var(--spacing)*-48)}.-top-50{top:calc(var(--spacing)*-50)}.-top-52{top:calc(var(--spacing)*-52)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-2{top:calc(var(--spacing)*2)}.top-6{top:calc(var(--spacing)*6)}.top-\[-99\.14px\]{top:-99.14px}.top-\[-104px\]{top:-104px}.top-\[-138\.14px\]{top:-138.14px}.top-\[14px\]{top:14px}.top-\[17px\]{top:17px}.-right-2{right:calc(var(--spacing)*-2)}.-right-33{right:calc(var(--spacing)*-33)}.right-2{right:calc(var(--spacing)*2)}.right-7{right:calc(var(--spacing)*7)}.right-\[5\.5px\]{right:5.5px}.right-\[17\.5px\]{right:17.5px}.right-\[90px\]{right:90px}.right-\[92px\]{right:92px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-\[-4\.74px\]{bottom:-4.74px}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing)*6)}.left-16{left:calc(var(--spacing)*16)}.z-10{z-index:10}.z-40{z-index:40}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.\!mt-12{margin-top:calc(var(--spacing)*12)!important}.\!mt-\[30\.51px\]{margin-top:30.51px!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-18{margin-top:calc(var(--spacing)*18)}.mt-54{margin-top:calc(var(--spacing)*54)}.mt-\[2px\]{margin-top:2px}.mt-\[32px\]{margin-top:32px}.mt-\[34px\]{margin-top:34px}.mt-\[36px\]{margin-top:36px}.mt-\[40px\]{margin-top:40px}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-4{margin-right:calc(var(--spacing)*4)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.\!mb-6{margin-bottom:calc(var(--spacing)*6)!important}.\!mb-10{margin-bottom:calc(var(--spacing)*10)!important}.\!mb-20{margin-bottom:calc(var(--spacing)*20)!important}.\!mb-\[7\.63px\]{margin-bottom:7.63px!important}.\!mb-\[10\.17px\]{margin-bottom:10.17px!important}.\!mb-\[21\.83px\]{margin-bottom:21.83px!important}.\!mb-\[40px\]{margin-bottom:40px!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-28{margin-bottom:calc(var(--spacing)*28)}.mb-\[20\.06px\]{margin-bottom:20.06px}.mb-\[24px\]{margin-bottom:24px}.ml-\[9\.62px\]{margin-left:9.62px}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-22{width:calc(var(--spacing)*22);height:calc(var(--spacing)*22)}.\!h-max{height:max-content!important}.h-2{height:calc(var(--spacing)*2)}.h-16{height:calc(var(--spacing)*16)}.h-22{height:calc(var(--spacing)*22)}.h-75{height:calc(var(--spacing)*75)}.h-86{height:calc(var(--spacing)*86)}.h-\[57px\]{height:57px}.h-\[60px\]{height:60px}.h-\[108px\]{height:108px}.h-\[371px\]{height:371px}.h-full{height:100%}.min-h-18{min-height:calc(var(--spacing)*18)}.\!w-max{width:max-content!important}.w-1\/3{width:33.3333%}.w-9{width:calc(var(--spacing)*9)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-25{width:calc(var(--spacing)*25)}.w-27{width:calc(var(--spacing)*27)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-34{width:calc(var(--spacing)*34)}.w-36{width:calc(var(--spacing)*36)}.w-38{width:calc(var(--spacing)*38)}.w-42{width:calc(var(--spacing)*42)}.w-43{width:calc(var(--spacing)*43)}.w-48{width:calc(var(--spacing)*48)}.w-62{width:calc(var(--spacing)*62)}.w-65{width:calc(var(--spacing)*65)}.w-75{width:calc(var(--spacing)*75)}.w-78{width:calc(var(--spacing)*78)}.w-83{width:calc(var(--spacing)*83)}.w-\[10\%\]{width:10%}.w-\[14\%\]{width:14%}.w-\[20\%\]{width:20%}.w-\[80\%\]{width:80%}.w-\[86\%\]{width:86%}.w-\[90\%\]{width:90%}.w-\[100px\]{width:100px}.w-\[100vw\]{width:100vw}.w-\[305px\]{width:305px}.w-\[calc\(50\%-8px\)\]{width:calc(50% - 8px)}.w-auto{width:auto}.w-full{width:100%}.w-full\!{width:100%!important}.w-max{width:max-content}.w-max\!{width:max-content!important}.w-screen{width:100vw}.max-w-107{max-width:calc(var(--spacing)*107)}.max-w-110{max-width:calc(var(--spacing)*110)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-full{min-width:100%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-x-\[-1\]{--tw-scale-x:-1;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-between{place-content:space-between}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.\!justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3\!{gap:calc(var(--spacing)*3)!important}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-20{gap:calc(var(--spacing)*20)}.gap-\[16px\]{gap:16px}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-10{column-gap:calc(var(--spacing)*10)}.gap-x-20{column-gap:calc(var(--spacing)*20)}.gap-x-\[10px\]{column-gap:10px}.gap-x-\[12px\]{column-gap:12px}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-8{row-gap:calc(var(--spacing)*8)}.gap-y-\[7\.63px\]{row-gap:7.63px}.gap-y-\[10\.17px\]{row-gap:10.17px}.gap-y-\[10px\]{row-gap:10px}.gap-y-\[11px\]{row-gap:11px}.self-end{align-self:flex-end}.\!overflow-hidden{overflow:hidden!important}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-tl-2xl{border-top-left-radius:var(--radius-2xl)}.rounded-tl-3xl{border-top-left-radius:var(--radius-3xl)}.rounded-tr-3xl{border-top-right-radius:var(--radius-3xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-\[24px\]{border-bottom-right-radius:24px;border-bottom-left-radius:24px}.rounded-br-3xl{border-bottom-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r-8{border-right-style:var(--tw-border-style);border-right-width:8px}.border-b-8{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.bg-\[url\(\/img\/Footer\/background_dark\.webp\)\]{background-image:url(/img/Footer/background_dark.webp)}.bg-\[url\(\/img\/Footer\/background_light\.webp\)\]{background-image:url(/img/Footer/background_light.webp)}.bg-\[url\(\/img\/Section3\/background_dark\.webp\)\]{background-image:url(/img/Section3/background_dark.webp)}.bg-\[url\(\/img\/Section3\/background_light\.webp\)\]{background-image:url(/img/Section3/background_light.webp)}.bg-\[url\(\/img\/Section4\/purple_bg_mobile\.svg\)\]{background-image:url(/img/Section4/purple_bg_mobile.svg)}.bg-\[url\(\/img\/Section5\/fifth_background_dark\.webp\)\]{background-image:url(/img/Section5/fifth_background_dark.webp)}.bg-\[url\(\/img\/Section5\/fifth_background_light\.webp\)\]{background-image:url(/img/Section5/fifth_background_light.webp)}.bg-\[url\(\/img\/Section8\/eighth_background\.webp\)\]{background-image:url(/img/Section8/eighth_background.webp)}.bg-\[url\(\/img\/background_dark\.webp\)\]{background-image:url(/img/background_dark.webp)}.bg-\[url\(\/img\/background_light\.webp\)\]{background-image:url(/img/background_light.webp)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.\!p-4{padding:calc(var(--spacing)*4)!important}.\!p-6{padding:calc(var(--spacing)*6)!important}.p-0\!{padding:calc(var(--spacing)*0)!important}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.\!px-4{padding-inline:calc(var(--spacing)*4)!important}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-15{padding-top:calc(var(--spacing)*15)}.pt-20{padding-top:calc(var(--spacing)*20)}.pr-\[6px\]{padding-right:6px}.\!pb-0{padding-bottom:calc(var(--spacing)*0)!important}.\!pb-8{padding-bottom:calc(var(--spacing)*8)!important}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.text-center{text-align:center}.text-right{text-align:right}.\!text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\!text-\[11px\]{font-size:11px!important}.\!text-\[32px\]{font-size:32px!important}.\!text-\[48px\]{font-size:48px!important}.\!text-\[50px\]{font-size:50px!important}.\!text-\[56px\]{font-size:56px!important}.\!text-\[80px\]{font-size:80px!important}.\!text-\[110px\]{font-size:110px!important}.\!text-\[120px\]{font-size:120px!important}.\!text-\[124px\]{font-size:124px!important}.\!text-\[130px\]{font-size:130px!important}.\!text-\[140px\]{font-size:140px!important}.\!text-\[180px\]{font-size:180px!important}.\!text-\[192px\]{font-size:192px!important}.\!text-\[210\.14px\]{font-size:210.14px!important}.text-\[11px\]{font-size:11px}.text-\[12\.71px\]{font-size:12.71px}.text-\[12px\]{font-size:12px}.text-\[16px\]{font-size:16px}.text-\[25\.43px\]{font-size:25.43px}.text-\[26\.01px\]{font-size:26.01px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[56px\]{font-size:56px}.\!leading-\[32px\]{--tw-leading:32px!important;line-height:32px!important}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-12{--tw-leading:calc(var(--spacing)*12);line-height:calc(var(--spacing)*12)}.leading-\[-20px\]{--tw-leading:-20px;line-height:-20px}.leading-\[17\.794px\]{--tw-leading:17.794px;line-height:17.794px}.leading-\[20\.48px\]{--tw-leading:20.48px;line-height:20.48px}.leading-\[23\.04px\]{--tw-leading:23.04px;line-height:23.04px}.leading-\[28\.611px\]{--tw-leading:28.611px;line-height:28.611px}.leading-\[30\.516px\]{--tw-leading:30.516px;line-height:30.516px}.leading-\[34\.8px\]{--tw-leading:34.8px;line-height:34.8px}.leading-\[48px\]{--tw-leading:48px;line-height:48px}.\!font-normal{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!tracking-\[1\.17045px\]{--tw-tracking:1.17045px!important;letter-spacing:1.17045px!important}.tracking-\[-0\.2543px\]{--tw-tracking:-.2543px;letter-spacing:-.2543px}.tracking-\[-9\.62px\]{--tw-tracking:-9.62px;letter-spacing:-9.62px}.tracking-\[0\.56px\]{--tw-tracking:.56px;letter-spacing:.56px}.tracking-\[0\.5084px\]{--tw-tracking:.5084px;letter-spacing:.5084px}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-lg\!{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xl\!{--tw-backdrop-blur:blur(var(--blur-xl))!important;-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)!important;backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)!important}.\!transition-all{transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\!duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.duration-150{--tw-duration:.15s;transition-duration:.15s}.\!ease-in-out{--tw-ease:var(--ease-in-out)!important;transition-timing-function:var(--ease-in-out)!important}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:animate-bounce:hover{animation:var(--animate-bounce)}.hover\:text-\[\#049E96\]\!:hover{color:#049e96!important}.hover\:text-\[\#227CFF\]\!:hover{color:#227cff!important}.hover\:text-\[\#649DCA\]\!:hover{color:#649dca!important}.hover\:text-\[\#813ADF\]\!:hover{color:#813adf!important}.hover\:text-\[var\(--comp-color-primary\)\]\!:hover{color:var(--comp-color-primary)!important}.hover\:text-\[var\(--futura-color-primary\)\]\!:hover{color:var(--futura-color-primary)!important}.hover\:opacity-100:hover{opacity:1}}@media not all and (min-width:96rem){.max-2xl\:hidden{display:none}}@media not all and (min-width:48rem){.max-md\:hidden{display:none}}@media (min-width:345px){.min-\[345px\]\:\!text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}}@media (min-width:40rem){.sm\:-top-14{top:calc(var(--spacing)*-14)}.sm\:-top-48{top:calc(var(--spacing)*-48)}.sm\:-top-49{top:calc(var(--spacing)*-49)}.sm\:-top-50{top:calc(var(--spacing)*-50)}.sm\:-top-52{top:calc(var(--spacing)*-52)}.sm\:-right-7{right:calc(var(--spacing)*-7)}.sm\:left-15{left:calc(var(--spacing)*15)}.sm\:my-16{margin-block:calc(var(--spacing)*16)}.sm\:mt-6{margin-top:calc(var(--spacing)*6)}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:mb-\[64\.94px\]{margin-bottom:64.94px}.sm\:\!hidden{display:none!important}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.sm\:size-26{width:calc(var(--spacing)*26);height:calc(var(--spacing)*26)}.sm\:h-auto{height:auto}.sm\:w-22{width:calc(var(--spacing)*22)}.sm\:w-26{width:calc(var(--spacing)*26)}.sm\:w-30{width:calc(var(--spacing)*30)}.sm\:w-36{width:calc(var(--spacing)*36)}.sm\:w-38{width:calc(var(--spacing)*38)}.sm\:w-40{width:calc(var(--spacing)*40)}.sm\:w-45{width:calc(var(--spacing)*45)}.sm\:w-52{width:calc(var(--spacing)*52)}.sm\:w-72{width:calc(var(--spacing)*72)}.sm\:w-100{width:calc(var(--spacing)*100)}.sm\:w-130{width:calc(var(--spacing)*130)}.sm\:w-\[10\%\]{width:10%}.sm\:w-\[90\%\]{width:90%}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-full{max-width:100%}.sm\:-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:flex-row{flex-direction:row}.sm\:\!justify-start{justify-content:flex-start!important}.sm\:justify-start{justify-content:flex-start}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-14{gap:calc(var(--spacing)*14)}.sm\:bg-\[url\(\/img\/Section4\/purple_bg\.svg\)\]{background-image:url(/img/Section4/purple_bg.svg)}.sm\:pt-0{padding-top:calc(var(--spacing)*0)}.sm\:pb-20{padding-bottom:calc(var(--spacing)*20)}.sm\:\!text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.sm\:\!text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}.sm\:\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.sm\:\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:\!text-\[12\.71px\]{font-size:12.71px!important}.sm\:\!text-\[60px\]{font-size:60px!important}.sm\:\!text-\[70px\]{font-size:70px!important}.sm\:\!text-\[163px\]{font-size:163px!important}.sm\:text-\[35px\]{font-size:35px}.sm\:leading-14{--tw-leading:calc(var(--spacing)*14);line-height:calc(var(--spacing)*14)}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:static{position:static}.md\:-top-53{top:calc(var(--spacing)*-53)}.md\:-top-59{top:calc(var(--spacing)*-59)}.md\:-top-66{top:calc(var(--spacing)*-66)}.md\:-top-68{top:calc(var(--spacing)*-68)}.md\:-top-70{top:calc(var(--spacing)*-70)}.md\:-top-74{top:calc(var(--spacing)*-74)}.md\:top-6{top:calc(var(--spacing)*6)}.md\:top-20{top:calc(var(--spacing)*20)}.md\:right-0{right:calc(var(--spacing)*0)}.md\:\!mt-26{margin-top:calc(var(--spacing)*26)!important}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-8{margin-top:calc(var(--spacing)*8)}.md\:mt-10{margin-top:calc(var(--spacing)*10)}.md\:mt-77{margin-top:calc(var(--spacing)*77)}.md\:mt-\[38px\]{margin-top:38px}.md\:mt-\[65px\]{margin-top:65px}.md\:mt-\[72\.9px\]{margin-top:72.9px}.md\:mr-6{margin-right:calc(var(--spacing)*6)}.md\:mr-10{margin-right:calc(var(--spacing)*10)}.md\:\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.md\:\!mb-\[9\.10px\]{margin-bottom:9.1px!important}.md\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:mb-\[61\.02px\]{margin-bottom:61.02px}.md\:ml-4{margin-left:calc(var(--spacing)*4)}.md\:\!block{display:block!important}.md\:\!hidden{display:none!important}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.md\:\!h-68{height:calc(var(--spacing)*68)!important}.md\:\!h-97{height:calc(var(--spacing)*97)!important}.md\:h-28{height:calc(var(--spacing)*28)}.md\:h-60{height:calc(var(--spacing)*60)}.md\:h-100{height:calc(var(--spacing)*100)}.md\:h-\[1021px\]{height:1021px}.md\:h-\[1078px\]{height:1078px}.md\:h-\[1113px\]{height:1113px}.md\:h-\[1203px\]{height:1203px}.md\:h-\[calc\(100\%-25px\)\]{height:calc(100% - 25px)}.md\:h-\[calc\(100\%-48px\)\]{height:calc(100% - 48px)}.md\:h-screen{height:100vh}.md\:min-h-210{min-height:calc(var(--spacing)*210)}.md\:\!w-\[calc\(25\%-8px\)\]{width:calc(25% - 8px)!important}.md\:\!w-\[calc\(33\%-8px\)\]{width:calc(33% - 8px)!important}.md\:\!w-\[calc\(33\%-12px\)\]{width:calc(33% - 12px)!important}.md\:w-30{width:calc(var(--spacing)*30)}.md\:w-40{width:calc(var(--spacing)*40)}.md\:w-48{width:calc(var(--spacing)*48)}.md\:w-56{width:calc(var(--spacing)*56)}.md\:w-60{width:calc(var(--spacing)*60)}.md\:w-72{width:calc(var(--spacing)*72)}.md\:w-82{width:calc(var(--spacing)*82)}.md\:w-92{width:calc(var(--spacing)*92)}.md\:w-120{width:calc(var(--spacing)*120)}.md\:w-140{width:calc(var(--spacing)*140)}.md\:w-\[465px\]{width:465px}.md\:w-\[calc\(75\%-8px\)\]{width:calc(75% - 8px)}.md\:-translate-y-4{--tw-translate-y:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-start{justify-content:flex-start}.md\:gap-0{gap:calc(var(--spacing)*0)}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-x-15{column-gap:calc(var(--spacing)*15)}.md\:overflow-visible{overflow:visible}.md\:\!p-10{padding:calc(var(--spacing)*10)!important}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:\!pt-0{padding-top:calc(var(--spacing)*0)!important}.md\:\!pt-67{padding-top:calc(var(--spacing)*67)!important}.md\:\!pt-\[137px\]{padding-top:137px!important}.md\:\!pt-\[148px\]{padding-top:148px!important}.md\:\!pt-\[227px\]{padding-top:227px!important}.md\:\!pt-\[274\.77px\]{padding-top:274.77px!important}.md\:pt-0{padding-top:calc(var(--spacing)*0)}.md\:pt-40{padding-top:calc(var(--spacing)*40)}.md\:\!pb-0{padding-bottom:calc(var(--spacing)*0)!important}.md\:\!pb-15{padding-bottom:calc(var(--spacing)*15)!important}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}.md\:text-end{text-align:end}.md\:text-start{text-align:start}.md\:\!text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}.md\:\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.md\:\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:\!text-\[12\.71px\]{font-size:12.71px!important}.md\:\!text-\[14\.8px\]{font-size:14.8px!important}.md\:\!text-\[17\.8px\]{font-size:17.8px!important}.md\:\!text-\[34px\]{font-size:34px!important}.md\:\!text-\[35\.6px\]{font-size:35.6px!important}.md\:\!text-\[50\.85px\]{font-size:50.85px!important}.md\:\!text-\[56px\]{font-size:56px!important}.md\:\!text-\[80px\]{font-size:80px!important}.md\:text-\[46px\]{font-size:46px}.md\:leading-18{--tw-leading:calc(var(--spacing)*18);line-height:calc(var(--spacing)*18)}.md\:leading-\[17\.92px\]{--tw-leading:17.92px;line-height:17.92px}.md\:leading-\[42\.72px\]{--tw-leading:42.72px;line-height:42.72px}.md\:leading-\[53\.76px\]{--tw-leading:53.76px;line-height:53.76px}.md\:leading-\[54\.88px\]{--tw-leading:54.88px;line-height:54.88px}.md\:tracking-\[-0\.356px\]{--tw-tracking:-.356px;letter-spacing:-.356px}.md\:tracking-\[0\.56px\]{--tw-tracking:.56px;letter-spacing:.56px}}@media (min-width:64rem){.lg\:top-4{top:calc(var(--spacing)*4)}.lg\:top-50{top:calc(var(--spacing)*50)}.lg\:top-56{top:calc(var(--spacing)*56)}.lg\:top-58{top:calc(var(--spacing)*58)}.lg\:top-62{top:calc(var(--spacing)*62)}.lg\:top-76{top:calc(var(--spacing)*76)}.lg\:top-78{top:calc(var(--spacing)*78)}.lg\:top-\[-115px\]{top:-115px}.lg\:top-\[6px\]{top:6px}.lg\:left-4{left:calc(var(--spacing)*4)}.lg\:left-\[18\.5px\]{left:18.5px}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:mx-4{margin-inline:calc(var(--spacing)*4)}.lg\:\!mt-\[45px\]{margin-top:45px!important}.lg\:\!mt-\[102\.22px\]{margin-top:102.22px!important}.lg\:mt-0{margin-top:calc(var(--spacing)*0)}.lg\:mt-16{margin-top:calc(var(--spacing)*16)}.lg\:mt-\[43\.19px\]{margin-top:43.19px}.lg\:mr-10{margin-right:calc(var(--spacing)*10)}.lg\:\!mb-7{margin-bottom:calc(var(--spacing)*7)!important}.lg\:\!mb-\[21\.83px\]{margin-bottom:21.83px!important}.lg\:\!mb-\[24px\]{margin-bottom:24px!important}.lg\:\!mb-\[48px\]{margin-bottom:48px!important}.lg\:\!mb-\[160\.49px\]{margin-bottom:160.49px!important}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-10{margin-bottom:calc(var(--spacing)*10)}.lg\:mb-20{margin-bottom:calc(var(--spacing)*20)}.lg\:mb-\[60\.64px\]{margin-bottom:60.64px}.lg\:mb-\[178px\]{margin-bottom:178px}.lg\:ml-10{margin-left:calc(var(--spacing)*10)}.lg\:\!block{display:block!important}.lg\:\!hidden{display:none!important}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:\!h-88{height:calc(var(--spacing)*88)!important}.lg\:\!h-\[319px\]{height:319px!important}.lg\:\!h-\[391px\]{height:391px!important}.lg\:\!h-\[956px\]{height:956px!important}.lg\:\!h-auto{height:auto!important}.lg\:h-17{height:calc(var(--spacing)*17)}.lg\:h-242{height:calc(var(--spacing)*242)}.lg\:h-\[64px\]{height:64px}.lg\:h-\[300\.4px\]{height:300.4px}.lg\:h-\[498px\]{height:498px}.lg\:h-\[655px\]{height:655px}.lg\:h-\[952\.98px\]{height:952.98px}.lg\:h-\[1088\.02px\]{height:1088.02px}.lg\:h-\[calc\(100\%-80px\)\]{height:calc(100% - 80px)}.lg\:h-\[calc\(100\%-230px\)\]{height:calc(100% - 230px)}.lg\:h-auto{height:auto}.lg\:\!w-155{width:calc(var(--spacing)*155)!important}.lg\:\!w-\[636px\]{width:636px!important}.lg\:\!w-\[calc\(33\%-8px\)\]{width:calc(33% - 8px)!important}.lg\:w-12{width:calc(var(--spacing)*12)}.lg\:w-40{width:calc(var(--spacing)*40)}.lg\:w-50{width:calc(var(--spacing)*50)}.lg\:w-58{width:calc(var(--spacing)*58)}.lg\:w-62{width:calc(var(--spacing)*62)}.lg\:w-64{width:calc(var(--spacing)*64)}.lg\:w-74{width:calc(var(--spacing)*74)}.lg\:w-80{width:calc(var(--spacing)*80)}.lg\:w-108{width:calc(var(--spacing)*108)}.lg\:w-110{width:calc(var(--spacing)*110)}.lg\:w-120{width:calc(var(--spacing)*120)}.lg\:w-141{width:calc(var(--spacing)*141)}.lg\:w-\[20\%\]{width:20%}.lg\:w-\[80\%\]{width:80%}.lg\:w-\[441px\]{width:441px}.lg\:w-\[557px\]{width:557px}.lg\:w-\[661px\]{width:661px}.lg\:w-auto{width:auto}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.lg\:justify-start{justify-content:flex-start}.lg\:gap-0{gap:calc(var(--spacing)*0)}.lg\:gap-4{gap:calc(var(--spacing)*4)}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-x-0{column-gap:calc(var(--spacing)*0)}.lg\:gap-x-3{column-gap:calc(var(--spacing)*3)}.lg\:gap-x-4{column-gap:calc(var(--spacing)*4)}.lg\:gap-x-47{column-gap:calc(var(--spacing)*47)}.lg\:gap-y-6{row-gap:calc(var(--spacing)*6)}.lg\:gap-y-\[10px\]{row-gap:10px}.lg\:rounded-\[48px\]{border-radius:48px}.lg\:\!p-8{padding:calc(var(--spacing)*8)!important}.lg\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:\!pt-0{padding-top:calc(var(--spacing)*0)!important}.lg\:\!pt-20{padding-top:calc(var(--spacing)*20)!important}.lg\:pt-10{padding-top:calc(var(--spacing)*10)}.lg\:\!pr-10{padding-right:calc(var(--spacing)*10)!important}.lg\:pr-\[46px\]{padding-right:46px}.lg\:\!pb-10{padding-bottom:calc(var(--spacing)*10)!important}.lg\:\!pb-\[134px\]{padding-bottom:134px!important}.lg\:pb-0{padding-bottom:calc(var(--spacing)*0)}.lg\:\!pl-12{padding-left:calc(var(--spacing)*12)!important}.lg\:pl-8{padding-left:calc(var(--spacing)*8)}.lg\:text-start{text-align:start}.lg\:\!text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.lg\:\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.lg\:\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.lg\:\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lg\:\!text-\[18px\]{font-size:18px!important}.lg\:\!text-\[25\.43px\]{font-size:25.43px!important}.lg\:\!text-\[34px\]{font-size:34px!important}.lg\:\!text-\[40px\]{font-size:40px!important}.lg\:\!text-\[48px\]{font-size:48px!important}.lg\:\!text-\[64px\]{font-size:64px!important}.lg\:\!text-\[104px\]{font-size:104px!important}.lg\:\!text-\[111\.88px\]{font-size:111.88px!important}.lg\:text-\[52\.88px\]{font-size:52.88px}.lg\:text-\[55px\]{font-size:55px}.lg\:\!leading-\[24\.426px\]{--tw-leading:24.426px!important;line-height:24.426px!important}.lg\:\!leading-\[28px\]{--tw-leading:28px!important;line-height:28px!important}.lg\:\!leading-\[32px\]{--tw-leading:32px!important;line-height:32px!important}.lg\:\!leading-\[48px\]{--tw-leading:48px!important;line-height:48px!important}.lg\:\!leading-\[60px\]{--tw-leading:60px!important;line-height:60px!important}.lg\:\!leading-\[72px\]{--tw-leading:72px!important;line-height:72px!important}.lg\:leading-24{--tw-leading:calc(var(--spacing)*24);line-height:calc(var(--spacing)*24)}.lg\:leading-\[25\.6px\]{--tw-leading:25.6px;line-height:25.6px}.lg\:leading-\[33px\]{--tw-leading:33px;line-height:33px}.lg\:leading-\[34\.8px\]{--tw-leading:34.8px;line-height:34.8px}.lg\:leading-\[53\.76px\]{--tw-leading:53.76px;line-height:53.76px}.lg\:\!tracking-\[0\.4px\]{--tw-tracking:.4px!important;letter-spacing:.4px!important}.lg\:\!tracking-\[0\.9px\]{--tw-tracking:.9px!important;letter-spacing:.9px!important}.lg\:tracking-\[0\.64px\]{--tw-tracking:.64px;letter-spacing:.64px}}@media (min-width:80rem){.xl\:top-20{top:calc(var(--spacing)*20)}.xl\:top-26{top:calc(var(--spacing)*26)}.xl\:top-38{top:calc(var(--spacing)*38)}.xl\:top-44{top:calc(var(--spacing)*44)}.xl\:top-50{top:calc(var(--spacing)*50)}.xl\:top-60{top:calc(var(--spacing)*60)}.xl\:top-\[-100px\]{top:-100px}.xl\:left-\[70\.5px\]{left:70.5px}.xl\:mx-10{margin-inline:calc(var(--spacing)*10)}.xl\:mt-0{margin-top:calc(var(--spacing)*0)}.xl\:mt-30{margin-top:calc(var(--spacing)*30)}.xl\:mr-\[80px\]{margin-right:80px}.xl\:\!mb-\[38px\]{margin-bottom:38px!important}.xl\:ml-\[80px\]{margin-left:80px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:\!h-\[654px\]{height:654px!important}.xl\:h-\[1076px\]{height:1076px}.xl\:h-\[1080px\]{height:1080px}.xl\:h-\[calc\(100\%-382px\)\]{height:calc(100% - 382px)}.xl\:h-auto{height:auto}.xl\:\!w-\[646px\]{width:646px!important}.xl\:w-64{width:calc(var(--spacing)*64)}.xl\:w-72{width:calc(var(--spacing)*72)}.xl\:w-80{width:calc(var(--spacing)*80)}.xl\:w-\[286\.5px\]{width:286.5px}.xl\:w-auto{width:auto}.xl\:w-full{width:100%}.xl\:justify-start{justify-content:flex-start}.xl\:gap-6{gap:calc(var(--spacing)*6)}.xl\:gap-x-10{column-gap:calc(var(--spacing)*10)}.xl\:gap-x-\[31px\]{column-gap:31px}.xl\:gap-x-\[385px\]{column-gap:385px}.xl\:pt-\[57px\]{padding-top:57px}.xl\:\!pr-\[45\.74px\]{padding-right:45.74px!important}.xl\:pb-\[50px\]{padding-bottom:50px}.xl\:\!pl-\[49px\]{padding-left:49px!important}.xl\:\!text-\[26px\]{font-size:26px!important}.xl\:\!text-\[40px\]{font-size:40px!important}.xl\:\!text-\[56px\]{font-size:56px!important}.xl\:\!text-\[68px\]{font-size:68px!important}}@media (min-width:96rem){.\32 xl\:top-40{top:calc(var(--spacing)*40)}.\32 xl\:top-50{top:calc(var(--spacing)*50)}.\32 xl\:top-56{top:calc(var(--spacing)*56)}.\32 xl\:top-64{top:calc(var(--spacing)*64)}.\32 xl\:top-70{top:calc(var(--spacing)*70)}.\32 xl\:top-80{top:calc(var(--spacing)*80)}.\32 xl\:bottom-20{bottom:calc(var(--spacing)*20)}.\32 xl\:left-\[126\.5px\]{left:126.5px}.\32 xl\:block{display:block}.\32 xl\:\!h-89{height:calc(var(--spacing)*89)!important}.\32 xl\:h-\[304px\]{height:304px}.\32 xl\:h-\[calc\(100\%-300px\)\]{height:calc(100% - 300px)}.\32 xl\:\!w-134{width:calc(var(--spacing)*134)!important}.\32 xl\:w-96{width:calc(var(--spacing)*96)}.\32 xl\:w-110{width:calc(var(--spacing)*110)}.\32 xl\:w-\[75px\]{width:75px}.\32 xl\:w-auto{width:auto}.\32 xl\:gap-0{gap:calc(var(--spacing)*0)}.\32 xl\:gap-10{gap:calc(var(--spacing)*10)}.\32 xl\:gap-x-\[429px\]{column-gap:429px}.\32 xl\:\!text-\[30px\]{font-size:30px!important}.\32 xl\:\!text-\[40px\]{font-size:40px!important}}.\[\&_\.monaco-scrollable-element_\.decorationsOverviewRuler\]\:\!w-\[6px\] .monaco-scrollable-element .decorationsOverviewRuler{width:6px!important}.\[\&_\.monaco-scrollable-element_\.horizontal\]\:\!h-\[6px\] .monaco-scrollable-element .horizontal{height:6px!important}.\[\&_\.monaco-scrollable-element_\.vertical\]\:\!w-\[6px\] .monaco-scrollable-element .vertical{width:6px!important}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce3{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-blink{animation:1s step-end infinite blink}.animate-bounce2{animation:2s infinite bounce}.animate-bounce3{animation:3s ease-in-out infinite bounce3}}body,h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif!important}p{margin-bottom:0!important}.section4:after{content:"";background-color:#fff;border-radius:50%;width:200px;height:200px;margin-left:-100px;position:absolute;top:-100px;left:50%}.navbar__items.navbar__items--right{gap:12px}.breadcrumbs__item>a{height:19px}.monaco-editor .margin,.monaco-editor .monaco-editor-background,.monaco-editor .view-lines{outline:none!important}[data-theme-variant=home]{--ifm-color-primary:#5438dc;--ifm-color-primary-light:#c2b8ff;--ifm-color-primary-contrast:#fff}[data-theme-variant=chrysalis]{--ifm-color-primary:#049e96;--ifm-color-primary-light:#59ede0;--ifm-color-primary-contrast:#fff}[data-theme-variant=argus]{--ifm-color-primary:#813adf;--ifm-color-primary-light:#813adf;--ifm-color-primary-contrast:#fff}[data-theme-variant=razor]{--ifm-color-primary:#649dca;--ifm-color-primary-light:#649dca;--ifm-color-primary-contrast:#fff}[data-theme=dark][data-theme-variant=futura]{--ifm-color-primary:#936fb6;--ifm-color-primary-light:#fff8e0;--ifm-color-primary-contrast:#fff}[data-theme=light][data-theme-variant=futura]{--ifm-color-primary:indigo;--ifm-color-primary-light:#fff8e0;--ifm-color-primary-contrast:#fff}[data-theme=dark][data-theme-variant=comp]{--ifm-color-primary:#ff8f71;--ifm-color-primary-light:#ff8f71;--ifm-color-primary-contrast:#fff}[data-theme=light][data-theme-variant=comp]{--ifm-color-primary:#f83c01;--ifm-color-primary-light:#ff8f71;--ifm-color-primary-contrast:#fff}[data-theme=dark]{--futura-color-primary:#936fb6;--comp-color-primary:#ff8f71;background-color:#191919}[data-theme=light]{--futura-color-primary:indigo;--comp-color-primary:#f83c01;background-color:#fff}@media only screen and (max-width:997px){.navbar-icon{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}} \ No newline at end of file +/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */ +@layer properties; +@layer theme, base, components, utilities; +@layer theme { + :root, :host { + --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + "Courier New", monospace; + --spacing: 0.25rem; + --breakpoint-xl: 80rem; + --text-sm: 0.875rem; + --text-sm--line-height: calc(1.25 / 0.875); + --text-base: 1rem; + --text-base--line-height: calc(1.5 / 1); + --text-lg: 1.125rem; + --text-lg--line-height: calc(1.75 / 1.125); + --text-xl: 1.25rem; + --text-xl--line-height: calc(1.75 / 1.25); + --text-2xl: 1.5rem; + --text-2xl--line-height: calc(2 / 1.5); + --text-3xl: 1.875rem; + --text-3xl--line-height: calc(2.25 / 1.875); + --text-4xl: 2.25rem; + --text-4xl--line-height: calc(2.5 / 2.25); + --text-5xl: 3rem; + --text-5xl--line-height: 1; + --font-weight-light: 300; + --font-weight-normal: 400; + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --radius-xl: 0.75rem; + --radius-2xl: 1rem; + --radius-3xl: 1.5rem; + --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + --animate-bounce: bounce 1s infinite; + --blur-xl: 24px; + --default-transition-duration: 150ms; + --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + --default-font-family: var(--font-sans); + --default-mono-font-family: var(--font-mono); + } +} +@layer base { + *, ::after, ::before, ::backdrop, ::file-selector-button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0 solid; + } + html, :host { + line-height: 1.5; + -webkit-text-size-adjust: 100%; + tab-size: 4; + font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); + font-feature-settings: var(--default-font-feature-settings, normal); + font-variation-settings: var(--default-font-variation-settings, normal); + -webkit-tap-highlight-color: transparent; + } + hr { + height: 0; + color: inherit; + border-top-width: 1px; + } + abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + } + h1, h2, h3, h4, h5, h6 { + font-size: inherit; + font-weight: inherit; + } + a { + color: inherit; + -webkit-text-decoration: inherit; + text-decoration: inherit; + } + b, strong { + font-weight: bolder; + } + code, kbd, samp, pre { + font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); + font-feature-settings: var(--default-mono-font-feature-settings, normal); + font-variation-settings: var(--default-mono-font-variation-settings, normal); + font-size: 1em; + } + small { + font-size: 80%; + } + sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + sub { + bottom: -0.25em; + } + sup { + top: -0.5em; + } + table { + text-indent: 0; + border-color: inherit; + border-collapse: collapse; + } + :-moz-focusring { + outline: auto; + } + progress { + vertical-align: baseline; + } + summary { + display: list-item; + } + ol, ul, menu { + list-style: none; + } + img, svg, video, canvas, audio, iframe, embed, object { + display: block; + vertical-align: middle; + } + img, video { + max-width: 100%; + height: auto; + } + button, input, select, optgroup, textarea, ::file-selector-button { + font: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + letter-spacing: inherit; + color: inherit; + border-radius: 0; + background-color: transparent; + opacity: 1; + } + :where(select:is([multiple], [size])) optgroup { + font-weight: bolder; + } + :where(select:is([multiple], [size])) optgroup option { + padding-inline-start: 20px; + } + ::file-selector-button { + margin-inline-end: 4px; + } + ::placeholder { + opacity: 1; + } + @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { + ::placeholder { + color: currentcolor; + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, currentcolor 50%, transparent); + } + } + } + textarea { + resize: vertical; + } + ::-webkit-search-decoration { + -webkit-appearance: none; + } + ::-webkit-date-and-time-value { + min-height: 1lh; + text-align: inherit; + } + ::-webkit-datetime-edit { + display: inline-flex; + } + ::-webkit-datetime-edit-fields-wrapper { + padding: 0; + } + ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { + padding-block: 0; + } + :-moz-ui-invalid { + box-shadow: none; + } + button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { + appearance: button; + } + ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { + height: auto; + } + [hidden]:where(:not([hidden="until-found"])) { + display: none !important; + } +} +@layer utilities { + .\!absolute { + position: absolute !important; + } + .\!relative { + position: relative !important; + } + .absolute { + position: absolute; + } + .fixed { + position: fixed; + } + .relative { + position: relative; + } + .static { + position: static; + } + .inset-0 { + inset: calc(var(--spacing) * 0); + } + .inset-x-0 { + inset-inline: calc(var(--spacing) * 0); + } + .\!top-\[-4px\] { + top: -4px !important; + } + .-top-2 { + top: calc(var(--spacing) * -2); + } + .-top-44 { + top: calc(var(--spacing) * -44); + } + .-top-45 { + top: calc(var(--spacing) * -45); + } + .-top-48 { + top: calc(var(--spacing) * -48); + } + .-top-50 { + top: calc(var(--spacing) * -50); + } + .-top-52 { + top: calc(var(--spacing) * -52); + } + .top-0 { + top: calc(var(--spacing) * 0); + } + .top-1 { + top: calc(var(--spacing) * 1); + } + .top-2 { + top: calc(var(--spacing) * 2); + } + .top-6 { + top: calc(var(--spacing) * 6); + } + .top-60 { + top: calc(var(--spacing) * 60); + } + .top-\[-10px\] { + top: -10px; + } + .top-\[-48px\] { + top: -48px; + } + .top-\[-99\.14px\] { + top: -99.14px; + } + .top-\[-104px\] { + top: -104px; + } + .top-\[-138\.14px\] { + top: -138.14px; + } + .top-\[14px\] { + top: 14px; + } + .top-\[17px\] { + top: 17px; + } + .top-\[46px\] { + top: 46px; + } + .\!right-\[-4px\] { + right: -4px !important; + } + .-right-2 { + right: calc(var(--spacing) * -2); + } + .-right-33 { + right: calc(var(--spacing) * -33); + } + .right-2 { + right: calc(var(--spacing) * 2); + } + .right-7 { + right: calc(var(--spacing) * 7); + } + .right-20 { + right: calc(var(--spacing) * 20); + } + .right-\[-4px\] { + right: -4px; + } + .right-\[-8px\] { + right: -8px; + } + .right-\[5\.5px\] { + right: 5.5px; + } + .right-\[17\.5px\] { + right: 17.5px; + } + .right-\[90px\] { + right: 90px; + } + .right-\[92px\] { + right: 92px; + } + .right-\[161\.58px\] { + right: 161.58px; + } + .bottom-0 { + bottom: calc(var(--spacing) * 0); + } + .bottom-2 { + bottom: calc(var(--spacing) * 2); + } + .bottom-\[-4\.74px\] { + bottom: -4.74px; + } + .left-1\/2 { + left: calc(1/2 * 100%); + } + .left-6 { + left: calc(var(--spacing) * 6); + } + .left-16 { + left: calc(var(--spacing) * 16); + } + .z-1 { + z-index: 1; + } + .z-10 { + z-index: 10; + } + .z-40 { + z-index: 40; + } + .col-span-1 { + grid-column: span 1 / span 1; + } + .col-span-2 { + grid-column: span 2 / span 2; + } + .col-span-4 { + grid-column: span 4 / span 4; + } + .col-span-6 { + grid-column: span 6 / span 6; + } + .float-right { + float: right; + } + .container { + width: 100%; + @media (width >= 40rem) { + max-width: 40rem; + } + @media (width >= 48rem) { + max-width: 48rem; + } + @media (width >= 64rem) { + max-width: 64rem; + } + @media (width >= 80rem) { + max-width: 80rem; + } + @media (width >= 96rem) { + max-width: 96rem; + } + } + .\!m-0 { + margin: calc(var(--spacing) * 0) !important; + } + .\!mx-auto { + margin-inline: auto !important; + } + .mx-2 { + margin-inline: calc(var(--spacing) * 2); + } + .mx-auto { + margin-inline: auto; + } + .my-2 { + margin-block: calc(var(--spacing) * 2); + } + .\!mt-12 { + margin-top: calc(var(--spacing) * 12) !important; + } + .\!mt-\[30\.51px\] { + margin-top: 30.51px !important; + } + .mt-1 { + margin-top: calc(var(--spacing) * 1); + } + .mt-3 { + margin-top: calc(var(--spacing) * 3); + } + .mt-4 { + margin-top: calc(var(--spacing) * 4); + } + .mt-5 { + margin-top: calc(var(--spacing) * 5); + } + .mt-6 { + margin-top: calc(var(--spacing) * 6); + } + .mt-8 { + margin-top: calc(var(--spacing) * 8); + } + .mt-10 { + margin-top: calc(var(--spacing) * 10); + } + .mt-14 { + margin-top: calc(var(--spacing) * 14); + } + .mt-18 { + margin-top: calc(var(--spacing) * 18); + } + .mt-54 { + margin-top: calc(var(--spacing) * 54); + } + .mt-\[2px\] { + margin-top: 2px; + } + .mt-\[32px\] { + margin-top: 32px; + } + .mt-\[34px\] { + margin-top: 34px; + } + .mt-\[36px\] { + margin-top: 36px; + } + .mt-\[40px\] { + margin-top: 40px; + } + .mr-1 { + margin-right: calc(var(--spacing) * 1); + } + .mr-4 { + margin-right: calc(var(--spacing) * 4); + } + .\!mb-0 { + margin-bottom: calc(var(--spacing) * 0) !important; + } + .\!mb-4 { + margin-bottom: calc(var(--spacing) * 4) !important; + } + .\!mb-6 { + margin-bottom: calc(var(--spacing) * 6) !important; + } + .\!mb-8 { + margin-bottom: calc(var(--spacing) * 8) !important; + } + .\!mb-10 { + margin-bottom: calc(var(--spacing) * 10) !important; + } + .\!mb-20 { + margin-bottom: calc(var(--spacing) * 20) !important; + } + .\!mb-\[7\.63px\] { + margin-bottom: 7.63px !important; + } + .\!mb-\[10\.17px\] { + margin-bottom: 10.17px !important; + } + .\!mb-\[21\.83px\] { + margin-bottom: 21.83px !important; + } + .\!mb-\[40px\] { + margin-bottom: 40px !important; + } + .mb-0 { + margin-bottom: calc(var(--spacing) * 0); + } + .mb-2 { + margin-bottom: calc(var(--spacing) * 2); + } + .mb-4 { + margin-bottom: calc(var(--spacing) * 4); + } + .mb-10 { + margin-bottom: calc(var(--spacing) * 10); + } + .mb-12 { + margin-bottom: calc(var(--spacing) * 12); + } + .mb-28 { + margin-bottom: calc(var(--spacing) * 28); + } + .mb-\[20\.06px\] { + margin-bottom: 20.06px; + } + .mb-\[24px\] { + margin-bottom: 24px; + } + .mb-\[179px\] { + margin-bottom: 179px; + } + .ml-\[9\.62px\] { + margin-left: 9.62px; + } + .\!block { + display: block !important; + } + .block { + display: block; + } + .contents { + display: contents; + } + .flex { + display: flex; + } + .grid { + display: grid; + } + .hidden { + display: none; + } + .inline { + display: inline; + } + .inline-block { + display: inline-block; + } + .inline-flex { + display: inline-flex; + } + .table { + display: table; + } + .aspect-square { + aspect-ratio: 1 / 1; + } + .size-9 { + width: calc(var(--spacing) * 9); + height: calc(var(--spacing) * 9); + } + .size-22 { + width: calc(var(--spacing) * 22); + height: calc(var(--spacing) * 22); + } + .\!h-full { + height: 100% !important; + } + .\!h-max { + height: max-content !important; + } + .h-2 { + height: calc(var(--spacing) * 2); + } + .h-16 { + height: calc(var(--spacing) * 16); + } + .h-22 { + height: calc(var(--spacing) * 22); + } + .h-75 { + height: calc(var(--spacing) * 75); + } + .h-86 { + height: calc(var(--spacing) * 86); + } + .h-\[57px\] { + height: 57px; + } + .h-\[60px\] { + height: 60px; + } + .h-\[108px\] { + height: 108px; + } + .h-\[371px\] { + height: 371px; + } + .h-\[600px\] { + height: 600px; + } + .h-full { + height: 100%; + } + .min-h-18 { + min-height: calc(var(--spacing) * 18); + } + .\!w-max { + width: max-content !important; + } + .w-1\/3 { + width: calc(1/3 * 100%); + } + .w-9 { + width: calc(var(--spacing) * 9); + } + .w-14 { + width: calc(var(--spacing) * 14); + } + .w-16 { + width: calc(var(--spacing) * 16); + } + .w-25 { + width: calc(var(--spacing) * 25); + } + .w-27 { + width: calc(var(--spacing) * 27); + } + .w-28 { + width: calc(var(--spacing) * 28); + } + .w-32 { + width: calc(var(--spacing) * 32); + } + .w-34 { + width: calc(var(--spacing) * 34); + } + .w-36 { + width: calc(var(--spacing) * 36); + } + .w-38 { + width: calc(var(--spacing) * 38); + } + .w-42 { + width: calc(var(--spacing) * 42); + } + .w-43 { + width: calc(var(--spacing) * 43); + } + .w-48 { + width: calc(var(--spacing) * 48); + } + .w-62 { + width: calc(var(--spacing) * 62); + } + .w-65 { + width: calc(var(--spacing) * 65); + } + .w-75 { + width: calc(var(--spacing) * 75); + } + .w-78 { + width: calc(var(--spacing) * 78); + } + .w-83 { + width: calc(var(--spacing) * 83); + } + .w-\[10\%\] { + width: 10%; + } + .w-\[14\%\] { + width: 14%; + } + .w-\[20\%\] { + width: 20%; + } + .w-\[80\%\] { + width: 80%; + } + .w-\[86\%\] { + width: 86%; + } + .w-\[90\%\] { + width: 90%; + } + .w-\[100px\] { + width: 100px; + } + .w-\[100vw\] { + width: 100vw; + } + .w-\[305px\] { + width: 305px; + } + .w-\[calc\(50\%-8px\)\] { + width: calc(50% - 8px); + } + .w-auto { + width: auto; + } + .w-full { + width: 100%; + } + .w-full\! { + width: 100% !important; + } + .w-max { + width: max-content; + } + .w-max\! { + width: max-content !important; + } + .w-screen { + width: 100vw; + } + .max-w-107 { + max-width: calc(var(--spacing) * 107); + } + .max-w-110 { + max-width: calc(var(--spacing) * 110); + } + .max-w-screen-xl { + max-width: var(--breakpoint-xl); + } + .min-w-6 { + min-width: calc(var(--spacing) * 6); + } + .min-w-full { + min-width: 100%; + } + .flex-1 { + flex: 1; + } + .shrink-0 { + flex-shrink: 0; + } + .-translate-x-1\/2 { + --tw-translate-x: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-y-1 { + --tw-translate-y: calc(var(--spacing) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .scale-90 { + --tw-scale-x: 90%; + --tw-scale-y: 90%; + --tw-scale-z: 90%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + .scale-x-\[-1\] { + --tw-scale-x: -1; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + .transform { + transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); + } + .cursor-pointer { + cursor: pointer; + } + .grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + .grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); + } + .flex-col { + flex-direction: column; + } + .flex-col-reverse { + flex-direction: column-reverse; + } + .flex-row { + flex-direction: row; + } + .flex-row-reverse { + flex-direction: row-reverse; + } + .flex-wrap { + flex-wrap: wrap; + } + .place-content-between { + place-content: space-between; + } + .place-content-center { + place-content: center; + } + .place-items-center { + place-items: center; + } + .items-center { + align-items: center; + } + .items-end { + align-items: flex-end; + } + .\!justify-end { + justify-content: flex-end !important; + } + .justify-between { + justify-content: space-between; + } + .justify-center { + justify-content: center; + } + .justify-end { + justify-content: flex-end; + } + .gap-2 { + gap: calc(var(--spacing) * 2); + } + .gap-3\! { + gap: calc(var(--spacing) * 3) !important; + } + .gap-4 { + gap: calc(var(--spacing) * 4); + } + .gap-5 { + gap: calc(var(--spacing) * 5); + } + .gap-6 { + gap: calc(var(--spacing) * 6); + } + .gap-8 { + gap: calc(var(--spacing) * 8); + } + .gap-18 { + gap: calc(var(--spacing) * 18); + } + .gap-20 { + gap: calc(var(--spacing) * 20); + } + .gap-\[16px\] { + gap: 16px; + } + .gap-x-2 { + column-gap: calc(var(--spacing) * 2); + } + .gap-x-5 { + column-gap: calc(var(--spacing) * 5); + } + .gap-x-10 { + column-gap: calc(var(--spacing) * 10); + } + .gap-x-20 { + column-gap: calc(var(--spacing) * 20); + } + .gap-x-\[10px\] { + column-gap: 10px; + } + .gap-x-\[12px\] { + column-gap: 12px; + } + .gap-y-2 { + row-gap: calc(var(--spacing) * 2); + } + .gap-y-8 { + row-gap: calc(var(--spacing) * 8); + } + .gap-y-\[7\.63px\] { + row-gap: 7.63px; + } + .gap-y-\[10\.17px\] { + row-gap: 10.17px; + } + .gap-y-\[10px\] { + row-gap: 10px; + } + .gap-y-\[11px\] { + row-gap: 11px; + } + .self-end { + align-self: flex-end; + } + .\!overflow-hidden { + overflow: hidden !important; + } + .overflow-hidden { + overflow: hidden; + } + .overflow-x-hidden { + overflow-x: hidden; + } + .rounded-3xl { + border-radius: var(--radius-3xl); + } + .rounded-\[24px\] { + border-radius: 24px; + } + .rounded-full { + border-radius: calc(infinity * 1px); + } + .rounded-t-3xl { + border-top-left-radius: var(--radius-3xl); + border-top-right-radius: var(--radius-3xl); + } + .rounded-tl-2xl { + border-top-left-radius: var(--radius-2xl); + } + .rounded-tl-3xl { + border-top-left-radius: var(--radius-3xl); + } + .rounded-tr-3xl { + border-top-right-radius: var(--radius-3xl); + } + .rounded-b-2xl { + border-bottom-right-radius: var(--radius-2xl); + border-bottom-left-radius: var(--radius-2xl); + } + .rounded-b-\[24px\] { + border-bottom-right-radius: 24px; + border-bottom-left-radius: 24px; + } + .rounded-br-3xl { + border-bottom-right-radius: var(--radius-3xl); + } + .\!rounded-bl-xl { + border-bottom-left-radius: var(--radius-xl) !important; + } + .border { + border-style: var(--tw-border-style); + border-width: 1px; + } + .border-r-8 { + border-right-style: var(--tw-border-style); + border-right-width: 8px; + } + .border-b-8 { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 8px; + } + .bg-\[url\(\/img\/Footer\/background_dark\.webp\)\] { + background-image: url(/img/Footer/background_dark.webp); + } + .bg-\[url\(\/img\/Footer\/background_light\.webp\)\] { + background-image: url(/img/Footer/background_light.webp); + } + .bg-\[url\(\/img\/Section3\/background_dark\.webp\)\] { + background-image: url(/img/Section3/background_dark.webp); + } + .bg-\[url\(\/img\/Section3\/background_light\.webp\)\] { + background-image: url(/img/Section3/background_light.webp); + } + .bg-\[url\(\/img\/Section4\/purple_bg_mobile\.svg\)\] { + background-image: url(/img/Section4/purple_bg_mobile.svg); + } + .bg-\[url\(\/img\/Section5\/fifth_background_dark\.webp\)\] { + background-image: url(/img/Section5/fifth_background_dark.webp); + } + .bg-\[url\(\/img\/Section5\/fifth_background_light\.webp\)\] { + background-image: url(/img/Section5/fifth_background_light.webp); + } + .bg-\[url\(\/img\/Section8\/eighth_background\.webp\)\] { + background-image: url(/img/Section8/eighth_background.webp); + } + .bg-\[url\(\/img\/background_dark\.webp\)\] { + background-image: url(/img/background_dark.webp); + } + .bg-\[url\(\/img\/background_light\.webp\)\] { + background-image: url(/img/background_light.webp); + } + .bg-cover { + background-size: cover; + } + .bg-center { + background-position: center; + } + .bg-no-repeat { + background-repeat: no-repeat; + } + .object-cover { + object-fit: cover; + } + .\!p-0 { + padding: calc(var(--spacing) * 0) !important; + } + .\!p-4 { + padding: calc(var(--spacing) * 4) !important; + } + .\!p-6 { + padding: calc(var(--spacing) * 6) !important; + } + .p-0\! { + padding: calc(var(--spacing) * 0) !important; + } + .p-4 { + padding: calc(var(--spacing) * 4); + } + .p-6 { + padding: calc(var(--spacing) * 6); + } + .\!px-4 { + padding-inline: calc(var(--spacing) * 4) !important; + } + .px-4 { + padding-inline: calc(var(--spacing) * 4); + } + .px-6 { + padding-inline: calc(var(--spacing) * 6); + } + .px-10 { + padding-inline: calc(var(--spacing) * 10); + } + .py-2 { + padding-block: calc(var(--spacing) * 2); + } + .py-20 { + padding-block: calc(var(--spacing) * 20); + } + .\!pt-20 { + padding-top: calc(var(--spacing) * 20) !important; + } + .pt-1 { + padding-top: calc(var(--spacing) * 1); + } + .pt-2 { + padding-top: calc(var(--spacing) * 2); + } + .pt-5 { + padding-top: calc(var(--spacing) * 5); + } + .pt-6 { + padding-top: calc(var(--spacing) * 6); + } + .pt-12 { + padding-top: calc(var(--spacing) * 12); + } + .pt-15 { + padding-top: calc(var(--spacing) * 15); + } + .pt-20 { + padding-top: calc(var(--spacing) * 20); + } + .pr-1 { + padding-right: calc(var(--spacing) * 1); + } + .pr-\[6px\] { + padding-right: 6px; + } + .\!pb-0 { + padding-bottom: calc(var(--spacing) * 0) !important; + } + .\!pb-8 { + padding-bottom: calc(var(--spacing) * 8) !important; + } + .pb-4 { + padding-bottom: calc(var(--spacing) * 4); + } + .pb-10 { + padding-bottom: calc(var(--spacing) * 10); + } + .pb-15 { + padding-bottom: calc(var(--spacing) * 15); + } + .pb-20 { + padding-bottom: calc(var(--spacing) * 20); + } + .pl-4 { + padding-left: calc(var(--spacing) * 4); + } + .pl-5 { + padding-left: calc(var(--spacing) * 5); + } + .text-center { + text-align: center; + } + .text-right { + text-align: right; + } + .\!text-4xl { + font-size: var(--text-4xl) !important; + line-height: var(--tw-leading, var(--text-4xl--line-height)) !important; + } + .\!text-5xl { + font-size: var(--text-5xl) !important; + line-height: var(--tw-leading, var(--text-5xl--line-height)) !important; + } + .\!text-base { + font-size: var(--text-base) !important; + line-height: var(--tw-leading, var(--text-base--line-height)) !important; + } + .\!text-xl { + font-size: var(--text-xl) !important; + line-height: var(--tw-leading, var(--text-xl--line-height)) !important; + } + .text-2xl { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + .text-3xl { + font-size: var(--text-3xl); + line-height: var(--tw-leading, var(--text-3xl--line-height)); + } + .text-5xl { + font-size: var(--text-5xl); + line-height: var(--tw-leading, var(--text-5xl--line-height)); + } + .text-base { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + .text-sm { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + .\!text-\[11px\] { + font-size: 11px !important; + } + .\!text-\[32px\] { + font-size: 32px !important; + } + .\!text-\[48px\] { + font-size: 48px !important; + } + .\!text-\[50px\] { + font-size: 50px !important; + } + .\!text-\[56px\] { + font-size: 56px !important; + } + .\!text-\[80px\] { + font-size: 80px !important; + } + .\!text-\[93px\] { + font-size: 93px !important; + } + .\!text-\[110px\] { + font-size: 110px !important; + } + .\!text-\[120px\] { + font-size: 120px !important; + } + .\!text-\[124px\] { + font-size: 124px !important; + } + .\!text-\[130px\] { + font-size: 130px !important; + } + .\!text-\[140px\] { + font-size: 140px !important; + } + .\!text-\[180px\] { + font-size: 180px !important; + } + .\!text-\[192px\] { + font-size: 192px !important; + } + .\!text-\[210\.14px\] { + font-size: 210.14px !important; + } + .text-\[11px\] { + font-size: 11px; + } + .text-\[12\.71px\] { + font-size: 12.71px; + } + .text-\[12px\] { + font-size: 12px; + } + .text-\[16px\] { + font-size: 16px; + } + .text-\[25\.43px\] { + font-size: 25.43px; + } + .text-\[26\.01px\] { + font-size: 26.01px; + } + .text-\[30px\] { + font-size: 30px; + } + .text-\[32px\] { + font-size: 32px; + } + .text-\[40px\] { + font-size: 40px; + } + .text-\[56px\] { + font-size: 56px; + } + .\!leading-\[32px\] { + --tw-leading: 32px !important; + line-height: 32px !important; + } + .leading-5 { + --tw-leading: calc(var(--spacing) * 5); + line-height: calc(var(--spacing) * 5); + } + .leading-8 { + --tw-leading: calc(var(--spacing) * 8); + line-height: calc(var(--spacing) * 8); + } + .leading-12 { + --tw-leading: calc(var(--spacing) * 12); + line-height: calc(var(--spacing) * 12); + } + .leading-\[-20px\] { + --tw-leading: -20px; + line-height: -20px; + } + .leading-\[17\.794px\] { + --tw-leading: 17.794px; + line-height: 17.794px; + } + .leading-\[20\.48px\] { + --tw-leading: 20.48px; + line-height: 20.48px; + } + .leading-\[23\.04px\] { + --tw-leading: 23.04px; + line-height: 23.04px; + } + .leading-\[28\.611px\] { + --tw-leading: 28.611px; + line-height: 28.611px; + } + .leading-\[30\.516px\] { + --tw-leading: 30.516px; + line-height: 30.516px; + } + .leading-\[34\.8px\] { + --tw-leading: 34.8px; + line-height: 34.8px; + } + .leading-\[48px\] { + --tw-leading: 48px; + line-height: 48px; + } + .\!font-normal { + --tw-font-weight: var(--font-weight-normal) !important; + font-weight: var(--font-weight-normal) !important; + } + .\!font-semibold { + --tw-font-weight: var(--font-weight-semibold) !important; + font-weight: var(--font-weight-semibold) !important; + } + .font-bold { + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + } + .font-light { + --tw-font-weight: var(--font-weight-light); + font-weight: var(--font-weight-light); + } + .font-medium { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + .font-normal { + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + } + .font-semibold { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + } + .\!tracking-\[1\.17045px\] { + --tw-tracking: 1.17045px !important; + letter-spacing: 1.17045px !important; + } + .tracking-\[-0\.2543px\] { + --tw-tracking: -0.2543px; + letter-spacing: -0.2543px; + } + .tracking-\[-9\.62px\] { + --tw-tracking: -9.62px; + letter-spacing: -9.62px; + } + .tracking-\[0\.56px\] { + --tw-tracking: 0.56px; + letter-spacing: 0.56px; + } + .tracking-\[0\.5084px\] { + --tw-tracking: 0.5084px; + letter-spacing: 0.5084px; + } + .capitalize { + text-transform: capitalize; + } + .underline { + text-decoration-line: underline; + } + .opacity-0 { + opacity: 0%; + } + .opacity-60 { + opacity: 60%; + } + .opacity-100 { + opacity: 100%; + } + .shadow-lg\! { + --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + } + .filter { + filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); + } + .backdrop-blur-xl\! { + --tw-backdrop-blur: blur(var(--blur-xl)) !important; + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important; + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important; + } + .\!transition-all { + transition-property: all !important; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; + transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; + } + .transition { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-opacity { + transition-property: opacity; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .\!duration-300 { + --tw-duration: 300ms !important; + transition-duration: 300ms !important; + } + .duration-150 { + --tw-duration: 150ms; + transition-duration: 150ms; + } + .\!ease-in-out { + --tw-ease: var(--ease-in-out) !important; + transition-timing-function: var(--ease-in-out) !important; + } + .select-none { + -webkit-user-select: none; + user-select: none; + } + .hover\:animate-bounce { + &:hover { + @media (hover: hover) { + animation: var(--animate-bounce); + } + } + } + .hover\:text-\[\#049E96\]\! { + &:hover { + @media (hover: hover) { + color: #049E96 !important; + } + } + } + .hover\:text-\[\#227CFF\]\! { + &:hover { + @media (hover: hover) { + color: #227CFF !important; + } + } + } + .hover\:text-\[\#649DCA\]\! { + &:hover { + @media (hover: hover) { + color: #649DCA !important; + } + } + } + .hover\:text-\[\#813ADF\]\! { + &:hover { + @media (hover: hover) { + color: #813ADF !important; + } + } + } + .hover\:text-\[var\(--comp-color-primary\)\]\! { + &:hover { + @media (hover: hover) { + color: var(--comp-color-primary) !important; + } + } + } + .hover\:text-\[var\(--futura-color-primary\)\]\! { + &:hover { + @media (hover: hover) { + color: var(--futura-color-primary) !important; + } + } + } + .hover\:opacity-100 { + &:hover { + @media (hover: hover) { + opacity: 100%; + } + } + } + .max-2xl\:hidden { + @media (width < 96rem) { + display: none; + } + } + .max-md\:hidden { + @media (width < 48rem) { + display: none; + } + } + .min-\[345px\]\:\!text-5xl { + @media (width >= 345px) { + font-size: var(--text-5xl) !important; + line-height: var(--tw-leading, var(--text-5xl--line-height)) !important; + } + } + .sm\:-top-14 { + @media (width >= 40rem) { + top: calc(var(--spacing) * -14); + } + } + .sm\:-top-48 { + @media (width >= 40rem) { + top: calc(var(--spacing) * -48); + } + } + .sm\:-top-49 { + @media (width >= 40rem) { + top: calc(var(--spacing) * -49); + } + } + .sm\:-top-50 { + @media (width >= 40rem) { + top: calc(var(--spacing) * -50); + } + } + .sm\:-top-52 { + @media (width >= 40rem) { + top: calc(var(--spacing) * -52); + } + } + .sm\:-right-7 { + @media (width >= 40rem) { + right: calc(var(--spacing) * -7); + } + } + .sm\:left-15 { + @media (width >= 40rem) { + left: calc(var(--spacing) * 15); + } + } + .sm\:my-16 { + @media (width >= 40rem) { + margin-block: calc(var(--spacing) * 16); + } + } + .sm\:mt-6 { + @media (width >= 40rem) { + margin-top: calc(var(--spacing) * 6); + } + } + .sm\:mb-6 { + @media (width >= 40rem) { + margin-bottom: calc(var(--spacing) * 6); + } + } + .sm\:mb-\[64\.94px\] { + @media (width >= 40rem) { + margin-bottom: 64.94px; + } + } + .sm\:\!hidden { + @media (width >= 40rem) { + display: none !important; + } + } + .sm\:block { + @media (width >= 40rem) { + display: block; + } + } + .sm\:flex { + @media (width >= 40rem) { + display: flex; + } + } + .sm\:hidden { + @media (width >= 40rem) { + display: none; + } + } + .sm\:size-12 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 12); + height: calc(var(--spacing) * 12); + } + } + .sm\:size-26 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 26); + height: calc(var(--spacing) * 26); + } + } + .sm\:h-auto { + @media (width >= 40rem) { + height: auto; + } + } + .sm\:w-22 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 22); + } + } + .sm\:w-26 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 26); + } + } + .sm\:w-30 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 30); + } + } + .sm\:w-36 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 36); + } + } + .sm\:w-38 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 38); + } + } + .sm\:w-40 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 40); + } + } + .sm\:w-45 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 45); + } + } + .sm\:w-52 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 52); + } + } + .sm\:w-72 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 72); + } + } + .sm\:w-100 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 100); + } + } + .sm\:w-130 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 130); + } + } + .sm\:w-\[10\%\] { + @media (width >= 40rem) { + width: 10%; + } + } + .sm\:w-\[90\%\] { + @media (width >= 40rem) { + width: 90%; + } + } + .sm\:w-auto { + @media (width >= 40rem) { + width: auto; + } + } + .sm\:w-full { + @media (width >= 40rem) { + width: 100%; + } + } + .sm\:max-w-full { + @media (width >= 40rem) { + max-width: 100%; + } + } + .sm\:-translate-y-2 { + @media (width >= 40rem) { + --tw-translate-y: calc(var(--spacing) * -2); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .sm\:flex-row { + @media (width >= 40rem) { + flex-direction: row; + } + } + .sm\:\!justify-start { + @media (width >= 40rem) { + justify-content: flex-start !important; + } + } + .sm\:justify-start { + @media (width >= 40rem) { + justify-content: flex-start; + } + } + .sm\:gap-4 { + @media (width >= 40rem) { + gap: calc(var(--spacing) * 4); + } + } + .sm\:gap-14 { + @media (width >= 40rem) { + gap: calc(var(--spacing) * 14); + } + } + .sm\:bg-\[url\(\/img\/Section4\/purple_bg\.svg\)\] { + @media (width >= 40rem) { + background-image: url(/img/Section4/purple_bg.svg); + } + } + .sm\:pt-0 { + @media (width >= 40rem) { + padding-top: calc(var(--spacing) * 0); + } + } + .sm\:pb-20 { + @media (width >= 40rem) { + padding-bottom: calc(var(--spacing) * 20); + } + } + .sm\:\!text-3xl { + @media (width >= 40rem) { + font-size: var(--text-3xl) !important; + line-height: var(--tw-leading, var(--text-3xl--line-height)) !important; + } + } + .sm\:\!text-5xl { + @media (width >= 40rem) { + font-size: var(--text-5xl) !important; + line-height: var(--tw-leading, var(--text-5xl--line-height)) !important; + } + } + .sm\:\!text-base { + @media (width >= 40rem) { + font-size: var(--text-base) !important; + line-height: var(--tw-leading, var(--text-base--line-height)) !important; + } + } + .sm\:\!text-lg { + @media (width >= 40rem) { + font-size: var(--text-lg) !important; + line-height: var(--tw-leading, var(--text-lg--line-height)) !important; + } + } + .sm\:text-3xl { + @media (width >= 40rem) { + font-size: var(--text-3xl); + line-height: var(--tw-leading, var(--text-3xl--line-height)); + } + } + .sm\:text-base { + @media (width >= 40rem) { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + } + .sm\:\!text-\[12\.71px\] { + @media (width >= 40rem) { + font-size: 12.71px !important; + } + } + .sm\:\!text-\[32px\] { + @media (width >= 40rem) { + font-size: 32px !important; + } + } + .sm\:\!text-\[60px\] { + @media (width >= 40rem) { + font-size: 60px !important; + } + } + .sm\:\!text-\[70px\] { + @media (width >= 40rem) { + font-size: 70px !important; + } + } + .sm\:\!text-\[163px\] { + @media (width >= 40rem) { + font-size: 163px !important; + } + } + .sm\:text-\[32px\] { + @media (width >= 40rem) { + font-size: 32px; + } + } + .sm\:text-\[35px\] { + @media (width >= 40rem) { + font-size: 35px; + } + } + .sm\:leading-14 { + @media (width >= 40rem) { + --tw-leading: calc(var(--spacing) * 14); + line-height: calc(var(--spacing) * 14); + } + } + .md\:absolute { + @media (width >= 48rem) { + position: absolute; + } + } + .md\:static { + @media (width >= 48rem) { + position: static; + } + } + .md\:-top-53 { + @media (width >= 48rem) { + top: calc(var(--spacing) * -53); + } + } + .md\:-top-59 { + @media (width >= 48rem) { + top: calc(var(--spacing) * -59); + } + } + .md\:-top-66 { + @media (width >= 48rem) { + top: calc(var(--spacing) * -66); + } + } + .md\:-top-68 { + @media (width >= 48rem) { + top: calc(var(--spacing) * -68); + } + } + .md\:-top-70 { + @media (width >= 48rem) { + top: calc(var(--spacing) * -70); + } + } + .md\:-top-74 { + @media (width >= 48rem) { + top: calc(var(--spacing) * -74); + } + } + .md\:top-6 { + @media (width >= 48rem) { + top: calc(var(--spacing) * 6); + } + } + .md\:top-20 { + @media (width >= 48rem) { + top: calc(var(--spacing) * 20); + } + } + .md\:right-0 { + @media (width >= 48rem) { + right: calc(var(--spacing) * 0); + } + } + .md\:\!mt-26 { + @media (width >= 48rem) { + margin-top: calc(var(--spacing) * 26) !important; + } + } + .md\:mt-0 { + @media (width >= 48rem) { + margin-top: calc(var(--spacing) * 0); + } + } + .md\:mt-8 { + @media (width >= 48rem) { + margin-top: calc(var(--spacing) * 8); + } + } + .md\:mt-10 { + @media (width >= 48rem) { + margin-top: calc(var(--spacing) * 10); + } + } + .md\:mt-77 { + @media (width >= 48rem) { + margin-top: calc(var(--spacing) * 77); + } + } + .md\:mt-\[38px\] { + @media (width >= 48rem) { + margin-top: 38px; + } + } + .md\:mt-\[65px\] { + @media (width >= 48rem) { + margin-top: 65px; + } + } + .md\:mt-\[72\.9px\] { + @media (width >= 48rem) { + margin-top: 72.9px; + } + } + .md\:mr-6 { + @media (width >= 48rem) { + margin-right: calc(var(--spacing) * 6); + } + } + .md\:mr-10 { + @media (width >= 48rem) { + margin-right: calc(var(--spacing) * 10); + } + } + .md\:\!mb-0 { + @media (width >= 48rem) { + margin-bottom: calc(var(--spacing) * 0) !important; + } + } + .md\:\!mb-\[9\.10px\] { + @media (width >= 48rem) { + margin-bottom: 9.10px !important; + } + } + .md\:mb-0 { + @media (width >= 48rem) { + margin-bottom: calc(var(--spacing) * 0); + } + } + .md\:mb-5 { + @media (width >= 48rem) { + margin-bottom: calc(var(--spacing) * 5); + } + } + .md\:mb-8 { + @media (width >= 48rem) { + margin-bottom: calc(var(--spacing) * 8); + } + } + .md\:mb-10 { + @media (width >= 48rem) { + margin-bottom: calc(var(--spacing) * 10); + } + } + .md\:mb-\[61\.02px\] { + @media (width >= 48rem) { + margin-bottom: 61.02px; + } + } + .md\:ml-4 { + @media (width >= 48rem) { + margin-left: calc(var(--spacing) * 4); + } + } + .md\:\!block { + @media (width >= 48rem) { + display: block !important; + } + } + .md\:\!hidden { + @media (width >= 48rem) { + display: none !important; + } + } + .md\:block { + @media (width >= 48rem) { + display: block; + } + } + .md\:flex { + @media (width >= 48rem) { + display: flex; + } + } + .md\:grid { + @media (width >= 48rem) { + display: grid; + } + } + .md\:hidden { + @media (width >= 48rem) { + display: none; + } + } + .md\:size-10 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 10); + height: calc(var(--spacing) * 10); + } + } + .md\:\!h-68 { + @media (width >= 48rem) { + height: calc(var(--spacing) * 68) !important; + } + } + .md\:\!h-94 { + @media (width >= 48rem) { + height: calc(var(--spacing) * 94) !important; + } + } + .md\:\!h-97 { + @media (width >= 48rem) { + height: calc(var(--spacing) * 97) !important; + } + } + .md\:h-28 { + @media (width >= 48rem) { + height: calc(var(--spacing) * 28); + } + } + .md\:h-60 { + @media (width >= 48rem) { + height: calc(var(--spacing) * 60); + } + } + .md\:h-100 { + @media (width >= 48rem) { + height: calc(var(--spacing) * 100); + } + } + .md\:h-\[510px\] { + @media (width >= 48rem) { + height: 510px; + } + } + .md\:h-\[1021px\] { + @media (width >= 48rem) { + height: 1021px; + } + } + .md\:h-\[1078px\] { + @media (width >= 48rem) { + height: 1078px; + } + } + .md\:h-\[1113px\] { + @media (width >= 48rem) { + height: 1113px; + } + } + .md\:h-\[1203px\] { + @media (width >= 48rem) { + height: 1203px; + } + } + .md\:h-\[calc\(100\%-25px\)\] { + @media (width >= 48rem) { + height: calc(100% - 25px); + } + } + .md\:h-\[calc\(100\%-48px\)\] { + @media (width >= 48rem) { + height: calc(100% - 48px); + } + } + .md\:h-screen { + @media (width >= 48rem) { + height: 100vh; + } + } + .md\:min-h-210 { + @media (width >= 48rem) { + min-height: calc(var(--spacing) * 210); + } + } + .md\:\!w-\[calc\(25\%-8px\)\] { + @media (width >= 48rem) { + width: calc(25% - 8px) !important; + } + } + .md\:\!w-\[calc\(33\%-8px\)\] { + @media (width >= 48rem) { + width: calc(33% - 8px) !important; + } + } + .md\:\!w-\[calc\(33\%-12px\)\] { + @media (width >= 48rem) { + width: calc(33% - 12px) !important; + } + } + .md\:w-30 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 30); + } + } + .md\:w-40 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 40); + } + } + .md\:w-48 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 48); + } + } + .md\:w-56 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 56); + } + } + .md\:w-60 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 60); + } + } + .md\:w-72 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 72); + } + } + .md\:w-82 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 82); + } + } + .md\:w-92 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 92); + } + } + .md\:w-120 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 120); + } + } + .md\:w-140 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 140); + } + } + .md\:w-\[465px\] { + @media (width >= 48rem) { + width: 465px; + } + } + .md\:w-\[calc\(75\%-8px\)\] { + @media (width >= 48rem) { + width: calc(75% - 8px); + } + } + .md\:w-full { + @media (width >= 48rem) { + width: 100%; + } + } + .md\:-translate-y-4 { + @media (width >= 48rem) { + --tw-translate-y: calc(var(--spacing) * -4); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .md\:grid-cols-2 { + @media (width >= 48rem) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .md\:flex-col { + @media (width >= 48rem) { + flex-direction: column; + } + } + .md\:flex-row { + @media (width >= 48rem) { + flex-direction: row; + } + } + .md\:items-center { + @media (width >= 48rem) { + align-items: center; + } + } + .md\:items-end { + @media (width >= 48rem) { + align-items: flex-end; + } + } + .md\:justify-between { + @media (width >= 48rem) { + justify-content: space-between; + } + } + .md\:justify-start { + @media (width >= 48rem) { + justify-content: flex-start; + } + } + .md\:gap-0 { + @media (width >= 48rem) { + gap: calc(var(--spacing) * 0); + } + } + .md\:gap-2 { + @media (width >= 48rem) { + gap: calc(var(--spacing) * 2); + } + } + .md\:gap-4 { + @media (width >= 48rem) { + gap: calc(var(--spacing) * 4); + } + } + .md\:gap-12 { + @media (width >= 48rem) { + gap: calc(var(--spacing) * 12); + } + } + .md\:gap-x-15 { + @media (width >= 48rem) { + column-gap: calc(var(--spacing) * 15); + } + } + .md\:overflow-visible { + @media (width >= 48rem) { + overflow: visible; + } + } + .md\:\!rounded-bl-3xl { + @media (width >= 48rem) { + border-bottom-left-radius: var(--radius-3xl) !important; + } + } + .md\:\!p-10 { + @media (width >= 48rem) { + padding: calc(var(--spacing) * 10) !important; + } + } + .md\:p-0 { + @media (width >= 48rem) { + padding: calc(var(--spacing) * 0); + } + } + .md\:p-8 { + @media (width >= 48rem) { + padding: calc(var(--spacing) * 8); + } + } + .md\:p-10 { + @media (width >= 48rem) { + padding: calc(var(--spacing) * 10); + } + } + .md\:px-10 { + @media (width >= 48rem) { + padding-inline: calc(var(--spacing) * 10); + } + } + .md\:\!pt-0 { + @media (width >= 48rem) { + padding-top: calc(var(--spacing) * 0) !important; + } + } + .md\:\!pt-67 { + @media (width >= 48rem) { + padding-top: calc(var(--spacing) * 67) !important; + } + } + .md\:\!pt-\[137px\] { + @media (width >= 48rem) { + padding-top: 137px !important; + } + } + .md\:\!pt-\[148px\] { + @media (width >= 48rem) { + padding-top: 148px !important; + } + } + .md\:\!pt-\[227px\] { + @media (width >= 48rem) { + padding-top: 227px !important; + } + } + .md\:\!pt-\[274\.77px\] { + @media (width >= 48rem) { + padding-top: 274.77px !important; + } + } + .md\:pt-0 { + @media (width >= 48rem) { + padding-top: calc(var(--spacing) * 0); + } + } + .md\:pt-40 { + @media (width >= 48rem) { + padding-top: calc(var(--spacing) * 40); + } + } + .md\:pr-8 { + @media (width >= 48rem) { + padding-right: calc(var(--spacing) * 8); + } + } + .md\:\!pb-0 { + @media (width >= 48rem) { + padding-bottom: calc(var(--spacing) * 0) !important; + } + } + .md\:\!pb-15 { + @media (width >= 48rem) { + padding-bottom: calc(var(--spacing) * 15) !important; + } + } + .md\:pb-0 { + @media (width >= 48rem) { + padding-bottom: calc(var(--spacing) * 0); + } + } + .md\:text-end { + @media (width >= 48rem) { + text-align: end; + } + } + .md\:text-start { + @media (width >= 48rem) { + text-align: start; + } + } + .md\:\!text-5xl { + @media (width >= 48rem) { + font-size: var(--text-5xl) !important; + line-height: var(--tw-leading, var(--text-5xl--line-height)) !important; + } + } + .md\:\!text-sm { + @media (width >= 48rem) { + font-size: var(--text-sm) !important; + line-height: var(--tw-leading, var(--text-sm--line-height)) !important; + } + } + .md\:\!text-xl { + @media (width >= 48rem) { + font-size: var(--text-xl) !important; + line-height: var(--tw-leading, var(--text-xl--line-height)) !important; + } + } + .md\:text-3xl { + @media (width >= 48rem) { + font-size: var(--text-3xl); + line-height: var(--tw-leading, var(--text-3xl--line-height)); + } + } + .md\:text-4xl { + @media (width >= 48rem) { + font-size: var(--text-4xl); + line-height: var(--tw-leading, var(--text-4xl--line-height)); + } + } + .md\:text-base { + @media (width >= 48rem) { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + } + .md\:text-xl { + @media (width >= 48rem) { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + } + .md\:\!text-\[12\.71px\] { + @media (width >= 48rem) { + font-size: 12.71px !important; + } + } + .md\:\!text-\[14\.8px\] { + @media (width >= 48rem) { + font-size: 14.8px !important; + } + } + .md\:\!text-\[17\.8px\] { + @media (width >= 48rem) { + font-size: 17.8px !important; + } + } + .md\:\!text-\[34px\] { + @media (width >= 48rem) { + font-size: 34px !important; + } + } + .md\:\!text-\[35\.6px\] { + @media (width >= 48rem) { + font-size: 35.6px !important; + } + } + .md\:\!text-\[50\.85px\] { + @media (width >= 48rem) { + font-size: 50.85px !important; + } + } + .md\:\!text-\[56px\] { + @media (width >= 48rem) { + font-size: 56px !important; + } + } + .md\:\!text-\[80px\] { + @media (width >= 48rem) { + font-size: 80px !important; + } + } + .md\:\!text-\[174px\] { + @media (width >= 48rem) { + font-size: 174px !important; + } + } + .md\:text-\[46px\] { + @media (width >= 48rem) { + font-size: 46px; + } + } + .md\:leading-18 { + @media (width >= 48rem) { + --tw-leading: calc(var(--spacing) * 18); + line-height: calc(var(--spacing) * 18); + } + } + .md\:leading-\[17\.92px\] { + @media (width >= 48rem) { + --tw-leading: 17.92px; + line-height: 17.92px; + } + } + .md\:leading-\[42\.72px\] { + @media (width >= 48rem) { + --tw-leading: 42.72px; + line-height: 42.72px; + } + } + .md\:leading-\[53\.76px\] { + @media (width >= 48rem) { + --tw-leading: 53.76px; + line-height: 53.76px; + } + } + .md\:leading-\[54\.88px\] { + @media (width >= 48rem) { + --tw-leading: 54.88px; + line-height: 54.88px; + } + } + .md\:tracking-\[-0\.356px\] { + @media (width >= 48rem) { + --tw-tracking: -0.356px; + letter-spacing: -0.356px; + } + } + .md\:tracking-\[0\.56px\] { + @media (width >= 48rem) { + --tw-tracking: 0.56px; + letter-spacing: 0.56px; + } + } + .lg\:top-4 { + @media (width >= 64rem) { + top: calc(var(--spacing) * 4); + } + } + .lg\:top-50 { + @media (width >= 64rem) { + top: calc(var(--spacing) * 50); + } + } + .lg\:top-56 { + @media (width >= 64rem) { + top: calc(var(--spacing) * 56); + } + } + .lg\:top-58 { + @media (width >= 64rem) { + top: calc(var(--spacing) * 58); + } + } + .lg\:top-62 { + @media (width >= 64rem) { + top: calc(var(--spacing) * 62); + } + } + .lg\:top-76 { + @media (width >= 64rem) { + top: calc(var(--spacing) * 76); + } + } + .lg\:top-78 { + @media (width >= 64rem) { + top: calc(var(--spacing) * 78); + } + } + .lg\:top-\[-115px\] { + @media (width >= 64rem) { + top: -115px; + } + } + .lg\:top-\[-170px\] { + @media (width >= 64rem) { + top: -170px; + } + } + .lg\:top-\[6px\] { + @media (width >= 64rem) { + top: 6px; + } + } + .lg\:top-\[126px\] { + @media (width >= 64rem) { + top: 126px; + } + } + .lg\:right-5 { + @media (width >= 64rem) { + right: calc(var(--spacing) * 5); + } + } + .lg\:right-\[4px\] { + @media (width >= 64rem) { + right: 4px; + } + } + .lg\:right-\[333px\] { + @media (width >= 64rem) { + right: 333px; + } + } + .lg\:bottom-\[-14px\] { + @media (width >= 64rem) { + bottom: -14px; + } + } + .lg\:left-4 { + @media (width >= 64rem) { + left: calc(var(--spacing) * 4); + } + } + .lg\:left-\[18\.5px\] { + @media (width >= 64rem) { + left: 18.5px; + } + } + .lg\:col-span-1 { + @media (width >= 64rem) { + grid-column: span 1 / span 1; + } + } + .lg\:mx-4 { + @media (width >= 64rem) { + margin-inline: calc(var(--spacing) * 4); + } + } + .lg\:\!mt-\[45px\] { + @media (width >= 64rem) { + margin-top: 45px !important; + } + } + .lg\:\!mt-\[102\.22px\] { + @media (width >= 64rem) { + margin-top: 102.22px !important; + } + } + .lg\:mt-0 { + @media (width >= 64rem) { + margin-top: calc(var(--spacing) * 0); + } + } + .lg\:mt-16 { + @media (width >= 64rem) { + margin-top: calc(var(--spacing) * 16); + } + } + .lg\:mt-\[43\.19px\] { + @media (width >= 64rem) { + margin-top: 43.19px; + } + } + .lg\:mr-10 { + @media (width >= 64rem) { + margin-right: calc(var(--spacing) * 10); + } + } + .lg\:\!mb-5 { + @media (width >= 64rem) { + margin-bottom: calc(var(--spacing) * 5) !important; + } + } + .lg\:\!mb-7 { + @media (width >= 64rem) { + margin-bottom: calc(var(--spacing) * 7) !important; + } + } + .lg\:\!mb-\[21\.83px\] { + @media (width >= 64rem) { + margin-bottom: 21.83px !important; + } + } + .lg\:\!mb-\[24px\] { + @media (width >= 64rem) { + margin-bottom: 24px !important; + } + } + .lg\:\!mb-\[48px\] { + @media (width >= 64rem) { + margin-bottom: 48px !important; + } + } + .lg\:\!mb-\[160\.49px\] { + @media (width >= 64rem) { + margin-bottom: 160.49px !important; + } + } + .lg\:mb-0 { + @media (width >= 64rem) { + margin-bottom: calc(var(--spacing) * 0); + } + } + .lg\:mb-10 { + @media (width >= 64rem) { + margin-bottom: calc(var(--spacing) * 10); + } + } + .lg\:mb-20 { + @media (width >= 64rem) { + margin-bottom: calc(var(--spacing) * 20); + } + } + .lg\:mb-22 { + @media (width >= 64rem) { + margin-bottom: calc(var(--spacing) * 22); + } + } + .lg\:mb-\[60\.64px\] { + @media (width >= 64rem) { + margin-bottom: 60.64px; + } + } + .lg\:mb-\[178px\] { + @media (width >= 64rem) { + margin-bottom: 178px; + } + } + .lg\:ml-10 { + @media (width >= 64rem) { + margin-left: calc(var(--spacing) * 10); + } + } + .lg\:\!block { + @media (width >= 64rem) { + display: block !important; + } + } + .lg\:\!hidden { + @media (width >= 64rem) { + display: none !important; + } + } + .lg\:block { + @media (width >= 64rem) { + display: block; + } + } + .lg\:flex { + @media (width >= 64rem) { + display: flex; + } + } + .lg\:hidden { + @media (width >= 64rem) { + display: none; + } + } + .lg\:\!h-88 { + @media (width >= 64rem) { + height: calc(var(--spacing) * 88) !important; + } + } + .lg\:\!h-117 { + @media (width >= 64rem) { + height: calc(var(--spacing) * 117) !important; + } + } + .lg\:\!h-\[319px\] { + @media (width >= 64rem) { + height: 319px !important; + } + } + .lg\:\!h-\[391px\] { + @media (width >= 64rem) { + height: 391px !important; + } + } + .lg\:\!h-\[956px\] { + @media (width >= 64rem) { + height: 956px !important; + } + } + .lg\:\!h-auto { + @media (width >= 64rem) { + height: auto !important; + } + } + .lg\:h-17 { + @media (width >= 64rem) { + height: calc(var(--spacing) * 17); + } + } + .lg\:h-242 { + @media (width >= 64rem) { + height: calc(var(--spacing) * 242); + } + } + .lg\:h-\[64px\] { + @media (width >= 64rem) { + height: 64px; + } + } + .lg\:h-\[300\.4px\] { + @media (width >= 64rem) { + height: 300.4px; + } + } + .lg\:h-\[498px\] { + @media (width >= 64rem) { + height: 498px; + } + } + .lg\:h-\[619\.7px\] { + @media (width >= 64rem) { + height: 619.7px; + } + } + .lg\:h-\[655px\] { + @media (width >= 64rem) { + height: 655px; + } + } + .lg\:h-\[952\.98px\] { + @media (width >= 64rem) { + height: 952.98px; + } + } + .lg\:h-\[1088\.02px\] { + @media (width >= 64rem) { + height: 1088.02px; + } + } + .lg\:h-\[calc\(100\%-80px\)\] { + @media (width >= 64rem) { + height: calc(100% - 80px); + } + } + .lg\:h-\[calc\(100\%-230px\)\] { + @media (width >= 64rem) { + height: calc(100% - 230px); + } + } + .lg\:h-auto { + @media (width >= 64rem) { + height: auto; + } + } + .lg\:\!w-155 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 155) !important; + } + } + .lg\:\!w-\[63\%\] { + @media (width >= 64rem) { + width: 63% !important; + } + } + .lg\:\!w-\[350px\] { + @media (width >= 64rem) { + width: 350px !important; + } + } + .lg\:\!w-\[636px\] { + @media (width >= 64rem) { + width: 636px !important; + } + } + .lg\:\!w-\[calc\(33\%-8px\)\] { + @media (width >= 64rem) { + width: calc(33% - 8px) !important; + } + } + .lg\:w-12 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 12); + } + } + .lg\:w-13 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 13); + } + } + .lg\:w-40 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 40); + } + } + .lg\:w-50 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 50); + } + } + .lg\:w-58 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 58); + } + } + .lg\:w-62 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 62); + } + } + .lg\:w-64 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 64); + } + } + .lg\:w-74 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 74); + } + } + .lg\:w-80 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 80); + } + } + .lg\:w-108 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 108); + } + } + .lg\:w-110 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 110); + } + } + .lg\:w-120 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 120); + } + } + .lg\:w-141 { + @media (width >= 64rem) { + width: calc(var(--spacing) * 141); + } + } + .lg\:w-\[20\%\] { + @media (width >= 64rem) { + width: 20%; + } + } + .lg\:w-\[80\%\] { + @media (width >= 64rem) { + width: 80%; + } + } + .lg\:w-\[441px\] { + @media (width >= 64rem) { + width: 441px; + } + } + .lg\:w-\[557px\] { + @media (width >= 64rem) { + width: 557px; + } + } + .lg\:w-\[661px\] { + @media (width >= 64rem) { + width: 661px; + } + } + .lg\:w-\[calc\(100\%-350px\)\] { + @media (width >= 64rem) { + width: calc(100% - 350px); + } + } + .lg\:w-auto { + @media (width >= 64rem) { + width: auto; + } + } + .lg\:scale-80 { + @media (width >= 64rem) { + --tw-scale-x: 80%; + --tw-scale-y: 80%; + --tw-scale-z: 80%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + } + .lg\:grid-cols-3 { + @media (width >= 64rem) { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + } + .lg\:flex-col { + @media (width >= 64rem) { + flex-direction: column; + } + } + .lg\:flex-row { + @media (width >= 64rem) { + flex-direction: row; + } + } + .lg\:items-end { + @media (width >= 64rem) { + align-items: flex-end; + } + } + .lg\:justify-between { + @media (width >= 64rem) { + justify-content: space-between; + } + } + .lg\:justify-end { + @media (width >= 64rem) { + justify-content: flex-end; + } + } + .lg\:justify-start { + @media (width >= 64rem) { + justify-content: flex-start; + } + } + .lg\:gap-0 { + @media (width >= 64rem) { + gap: calc(var(--spacing) * 0); + } + } + .lg\:gap-4 { + @media (width >= 64rem) { + gap: calc(var(--spacing) * 4); + } + } + .lg\:gap-5 { + @media (width >= 64rem) { + gap: calc(var(--spacing) * 5); + } + } + .lg\:gap-6 { + @media (width >= 64rem) { + gap: calc(var(--spacing) * 6); + } + } + .lg\:gap-x-0 { + @media (width >= 64rem) { + column-gap: calc(var(--spacing) * 0); + } + } + .lg\:gap-x-3 { + @media (width >= 64rem) { + column-gap: calc(var(--spacing) * 3); + } + } + .lg\:gap-x-4 { + @media (width >= 64rem) { + column-gap: calc(var(--spacing) * 4); + } + } + .lg\:gap-x-47 { + @media (width >= 64rem) { + column-gap: calc(var(--spacing) * 47); + } + } + .lg\:gap-y-6 { + @media (width >= 64rem) { + row-gap: calc(var(--spacing) * 6); + } + } + .lg\:gap-y-\[10px\] { + @media (width >= 64rem) { + row-gap: 10px; + } + } + .lg\:rounded-\[48px\] { + @media (width >= 64rem) { + border-radius: 48px; + } + } + .lg\:border-r-7 { + @media (width >= 64rem) { + border-right-style: var(--tw-border-style); + border-right-width: 7px; + } + } + .lg\:border-b-7 { + @media (width >= 64rem) { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 7px; + } + } + .lg\:\!p-8 { + @media (width >= 64rem) { + padding: calc(var(--spacing) * 8) !important; + } + } + .lg\:px-6 { + @media (width >= 64rem) { + padding-inline: calc(var(--spacing) * 6); + } + } + .lg\:px-12 { + @media (width >= 64rem) { + padding-inline: calc(var(--spacing) * 12); + } + } + .lg\:\!pt-0 { + @media (width >= 64rem) { + padding-top: calc(var(--spacing) * 0) !important; + } + } + .lg\:\!pt-20 { + @media (width >= 64rem) { + padding-top: calc(var(--spacing) * 20) !important; + } + } + .lg\:pt-5 { + @media (width >= 64rem) { + padding-top: calc(var(--spacing) * 5); + } + } + .lg\:pt-10 { + @media (width >= 64rem) { + padding-top: calc(var(--spacing) * 10); + } + } + .lg\:\!pr-10 { + @media (width >= 64rem) { + padding-right: calc(var(--spacing) * 10) !important; + } + } + .lg\:pr-\[46px\] { + @media (width >= 64rem) { + padding-right: 46px; + } + } + .lg\:\!pb-10 { + @media (width >= 64rem) { + padding-bottom: calc(var(--spacing) * 10) !important; + } + } + .lg\:\!pb-\[134px\] { + @media (width >= 64rem) { + padding-bottom: 134px !important; + } + } + .lg\:pb-0 { + @media (width >= 64rem) { + padding-bottom: calc(var(--spacing) * 0); + } + } + .lg\:\!pl-12 { + @media (width >= 64rem) { + padding-left: calc(var(--spacing) * 12) !important; + } + } + .lg\:pl-8 { + @media (width >= 64rem) { + padding-left: calc(var(--spacing) * 8); + } + } + .lg\:text-start { + @media (width >= 64rem) { + text-align: start; + } + } + .lg\:\!text-2xl { + @media (width >= 64rem) { + font-size: var(--text-2xl) !important; + line-height: var(--tw-leading, var(--text-2xl--line-height)) !important; + } + } + .lg\:\!text-3xl { + @media (width >= 64rem) { + font-size: var(--text-3xl) !important; + line-height: var(--tw-leading, var(--text-3xl--line-height)) !important; + } + } + .lg\:\!text-base { + @media (width >= 64rem) { + font-size: var(--text-base) !important; + line-height: var(--tw-leading, var(--text-base--line-height)) !important; + } + } + .lg\:\!text-lg { + @media (width >= 64rem) { + font-size: var(--text-lg) !important; + line-height: var(--tw-leading, var(--text-lg--line-height)) !important; + } + } + .lg\:\!text-xl { + @media (width >= 64rem) { + font-size: var(--text-xl) !important; + line-height: var(--tw-leading, var(--text-xl--line-height)) !important; + } + } + .lg\:text-2xl { + @media (width >= 64rem) { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + } + .lg\:text-xl { + @media (width >= 64rem) { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + } + .lg\:\!text-\[18px\] { + @media (width >= 64rem) { + font-size: 18px !important; + } + } + .lg\:\!text-\[25\.43px\] { + @media (width >= 64rem) { + font-size: 25.43px !important; + } + } + .lg\:\!text-\[34px\] { + @media (width >= 64rem) { + font-size: 34px !important; + } + } + .lg\:\!text-\[40px\] { + @media (width >= 64rem) { + font-size: 40px !important; + } + } + .lg\:\!text-\[48px\] { + @media (width >= 64rem) { + font-size: 48px !important; + } + } + .lg\:\!text-\[64px\] { + @media (width >= 64rem) { + font-size: 64px !important; + } + } + .lg\:\!text-\[104px\] { + @media (width >= 64rem) { + font-size: 104px !important; + } + } + .lg\:\!text-\[111\.88px\] { + @media (width >= 64rem) { + font-size: 111.88px !important; + } + } + .lg\:\!text-\[140px\] { + @media (width >= 64rem) { + font-size: 140px !important; + } + } + .lg\:\!text-\[310px\] { + @media (width >= 64rem) { + font-size: 310px !important; + } + } + .lg\:text-\[52\.88px\] { + @media (width >= 64rem) { + font-size: 52.88px; + } + } + .lg\:text-\[55px\] { + @media (width >= 64rem) { + font-size: 55px; + } + } + .lg\:\!leading-\[24\.426px\] { + @media (width >= 64rem) { + --tw-leading: 24.426px !important; + line-height: 24.426px !important; + } + } + .lg\:\!leading-\[28px\] { + @media (width >= 64rem) { + --tw-leading: 28px !important; + line-height: 28px !important; + } + } + .lg\:\!leading-\[32px\] { + @media (width >= 64rem) { + --tw-leading: 32px !important; + line-height: 32px !important; + } + } + .lg\:\!leading-\[48px\] { + @media (width >= 64rem) { + --tw-leading: 48px !important; + line-height: 48px !important; + } + } + .lg\:\!leading-\[60px\] { + @media (width >= 64rem) { + --tw-leading: 60px !important; + line-height: 60px !important; + } + } + .lg\:\!leading-\[72px\] { + @media (width >= 64rem) { + --tw-leading: 72px !important; + line-height: 72px !important; + } + } + .lg\:leading-24 { + @media (width >= 64rem) { + --tw-leading: calc(var(--spacing) * 24); + line-height: calc(var(--spacing) * 24); + } + } + .lg\:leading-\[25\.6px\] { + @media (width >= 64rem) { + --tw-leading: 25.6px; + line-height: 25.6px; + } + } + .lg\:leading-\[33px\] { + @media (width >= 64rem) { + --tw-leading: 33px; + line-height: 33px; + } + } + .lg\:leading-\[34\.8px\] { + @media (width >= 64rem) { + --tw-leading: 34.8px; + line-height: 34.8px; + } + } + .lg\:leading-\[41\.6px\] { + @media (width >= 64rem) { + --tw-leading: 41.6px; + line-height: 41.6px; + } + } + .lg\:leading-\[53\.76px\] { + @media (width >= 64rem) { + --tw-leading: 53.76px; + line-height: 53.76px; + } + } + .lg\:\!tracking-\[0\.4px\] { + @media (width >= 64rem) { + --tw-tracking: 0.4px !important; + letter-spacing: 0.4px !important; + } + } + .lg\:\!tracking-\[0\.9px\] { + @media (width >= 64rem) { + --tw-tracking: 0.9px !important; + letter-spacing: 0.9px !important; + } + } + .lg\:tracking-\[0\.64px\] { + @media (width >= 64rem) { + --tw-tracking: 0.64px; + letter-spacing: 0.64px; + } + } + .xl\:top-20 { + @media (width >= 80rem) { + top: calc(var(--spacing) * 20); + } + } + .xl\:top-26 { + @media (width >= 80rem) { + top: calc(var(--spacing) * 26); + } + } + .xl\:top-38 { + @media (width >= 80rem) { + top: calc(var(--spacing) * 38); + } + } + .xl\:top-44 { + @media (width >= 80rem) { + top: calc(var(--spacing) * 44); + } + } + .xl\:top-50 { + @media (width >= 80rem) { + top: calc(var(--spacing) * 50); + } + } + .xl\:top-60 { + @media (width >= 80rem) { + top: calc(var(--spacing) * 60); + } + } + .xl\:top-\[-100px\] { + @media (width >= 80rem) { + top: -100px; + } + } + .xl\:top-\[-170px\] { + @media (width >= 80rem) { + top: -170px; + } + } + .xl\:right-10 { + @media (width >= 80rem) { + right: calc(var(--spacing) * 10); + } + } + .xl\:right-\[-18px\] { + @media (width >= 80rem) { + right: -18px; + } + } + .xl\:right-\[387px\] { + @media (width >= 80rem) { + right: 387px; + } + } + .xl\:bottom-\[-9px\] { + @media (width >= 80rem) { + bottom: -9px; + } + } + .xl\:left-\[70\.5px\] { + @media (width >= 80rem) { + left: 70.5px; + } + } + .xl\:mx-10 { + @media (width >= 80rem) { + margin-inline: calc(var(--spacing) * 10); + } + } + .xl\:mt-0 { + @media (width >= 80rem) { + margin-top: calc(var(--spacing) * 0); + } + } + .xl\:mt-30 { + @media (width >= 80rem) { + margin-top: calc(var(--spacing) * 30); + } + } + .xl\:mr-\[80px\] { + @media (width >= 80rem) { + margin-right: 80px; + } + } + .xl\:\!mb-\[38px\] { + @media (width >= 80rem) { + margin-bottom: 38px !important; + } + } + .xl\:ml-\[80px\] { + @media (width >= 80rem) { + margin-left: 80px; + } + } + .xl\:block { + @media (width >= 80rem) { + display: block; + } + } + .xl\:hidden { + @media (width >= 80rem) { + display: none; + } + } + .xl\:\!h-118 { + @media (width >= 80rem) { + height: calc(var(--spacing) * 118) !important; + } + } + .xl\:\!h-\[654px\] { + @media (width >= 80rem) { + height: 654px !important; + } + } + .xl\:h-\[1076px\] { + @media (width >= 80rem) { + height: 1076px; + } + } + .xl\:h-\[1080px\] { + @media (width >= 80rem) { + height: 1080px; + } + } + .xl\:h-\[calc\(100\%-382px\)\] { + @media (width >= 80rem) { + height: calc(100% - 382px); + } + } + .xl\:h-auto { + @media (width >= 80rem) { + height: auto; + } + } + .xl\:\!w-\[68\%\] { + @media (width >= 80rem) { + width: 68% !important; + } + } + .xl\:\!w-\[400px\] { + @media (width >= 80rem) { + width: 400px !important; + } + } + .xl\:\!w-\[646px\] { + @media (width >= 80rem) { + width: 646px !important; + } + } + .xl\:w-64 { + @media (width >= 80rem) { + width: calc(var(--spacing) * 64); + } + } + .xl\:w-72 { + @media (width >= 80rem) { + width: calc(var(--spacing) * 72); + } + } + .xl\:w-80 { + @media (width >= 80rem) { + width: calc(var(--spacing) * 80); + } + } + .xl\:w-\[286\.5px\] { + @media (width >= 80rem) { + width: 286.5px; + } + } + .xl\:w-\[calc\(100\%-400px\)\] { + @media (width >= 80rem) { + width: calc(100% - 400px); + } + } + .xl\:w-auto { + @media (width >= 80rem) { + width: auto; + } + } + .xl\:w-full { + @media (width >= 80rem) { + width: 100%; + } + } + .xl\:scale-100 { + @media (width >= 80rem) { + --tw-scale-x: 100%; + --tw-scale-y: 100%; + --tw-scale-z: 100%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + } + .xl\:justify-start { + @media (width >= 80rem) { + justify-content: flex-start; + } + } + .xl\:gap-6 { + @media (width >= 80rem) { + gap: calc(var(--spacing) * 6); + } + } + .xl\:gap-x-10 { + @media (width >= 80rem) { + column-gap: calc(var(--spacing) * 10); + } + } + .xl\:gap-x-\[31px\] { + @media (width >= 80rem) { + column-gap: 31px; + } + } + .xl\:gap-x-\[385px\] { + @media (width >= 80rem) { + column-gap: 385px; + } + } + .xl\:pt-\[57px\] { + @media (width >= 80rem) { + padding-top: 57px; + } + } + .xl\:\!pr-\[45\.74px\] { + @media (width >= 80rem) { + padding-right: 45.74px !important; + } + } + .xl\:pb-\[50px\] { + @media (width >= 80rem) { + padding-bottom: 50px; + } + } + .xl\:\!pl-\[49px\] { + @media (width >= 80rem) { + padding-left: 49px !important; + } + } + .xl\:\!text-\[26px\] { + @media (width >= 80rem) { + font-size: 26px !important; + } + } + .xl\:\!text-\[40px\] { + @media (width >= 80rem) { + font-size: 40px !important; + } + } + .xl\:\!text-\[56px\] { + @media (width >= 80rem) { + font-size: 56px !important; + } + } + .xl\:\!text-\[68px\] { + @media (width >= 80rem) { + font-size: 68px !important; + } + } + .\32 xl\:top-40 { + @media (width >= 96rem) { + top: calc(var(--spacing) * 40); + } + } + .\32 xl\:top-50 { + @media (width >= 96rem) { + top: calc(var(--spacing) * 50); + } + } + .\32 xl\:top-56 { + @media (width >= 96rem) { + top: calc(var(--spacing) * 56); + } + } + .\32 xl\:top-64 { + @media (width >= 96rem) { + top: calc(var(--spacing) * 64); + } + } + .\32 xl\:top-70 { + @media (width >= 96rem) { + top: calc(var(--spacing) * 70); + } + } + .\32 xl\:top-80 { + @media (width >= 96rem) { + top: calc(var(--spacing) * 80); + } + } + .\32 xl\:top-\[100px\] { + @media (width >= 96rem) { + top: 100px; + } + } + .\32 xl\:right-\[4px\] { + @media (width >= 96rem) { + right: 4px; + } + } + .\32 xl\:right-\[87px\] { + @media (width >= 96rem) { + right: 87px; + } + } + .\32 xl\:right-\[483px\] { + @media (width >= 96rem) { + right: 483px; + } + } + .\32 xl\:bottom-20 { + @media (width >= 96rem) { + bottom: calc(var(--spacing) * 20); + } + } + .\32 xl\:left-\[126\.5px\] { + @media (width >= 96rem) { + left: 126.5px; + } + } + .\32 xl\:block { + @media (width >= 96rem) { + display: block; + } + } + .\32 xl\:\!h-89 { + @media (width >= 96rem) { + height: calc(var(--spacing) * 89) !important; + } + } + .\32 xl\:\!h-125 { + @media (width >= 96rem) { + height: calc(var(--spacing) * 125) !important; + } + } + .\32 xl\:h-\[304px\] { + @media (width >= 96rem) { + height: 304px; + } + } + .\32 xl\:h-\[calc\(100\%-300px\)\] { + @media (width >= 96rem) { + height: calc(100% - 300px); + } + } + .\32 xl\:\!w-134 { + @media (width >= 96rem) { + width: calc(var(--spacing) * 134) !important; + } + } + .\32 xl\:\!w-\[61\%\] { + @media (width >= 96rem) { + width: 61% !important; + } + } + .\32 xl\:\!w-\[496px\] { + @media (width >= 96rem) { + width: 496px !important; + } + } + .\32 xl\:w-96 { + @media (width >= 96rem) { + width: calc(var(--spacing) * 96); + } + } + .\32 xl\:w-110 { + @media (width >= 96rem) { + width: calc(var(--spacing) * 110); + } + } + .\32 xl\:w-\[75px\] { + @media (width >= 96rem) { + width: 75px; + } + } + .\32 xl\:w-\[calc\(100\%-496px\)\] { + @media (width >= 96rem) { + width: calc(100% - 496px); + } + } + .\32 xl\:w-auto { + @media (width >= 96rem) { + width: auto; + } + } + .\32 xl\:gap-0 { + @media (width >= 96rem) { + gap: calc(var(--spacing) * 0); + } + } + .\32 xl\:gap-10 { + @media (width >= 96rem) { + gap: calc(var(--spacing) * 10); + } + } + .\32 xl\:gap-x-\[429px\] { + @media (width >= 96rem) { + column-gap: 429px; + } + } + .\32 xl\:\!text-\[30px\] { + @media (width >= 96rem) { + font-size: 30px !important; + } + } + .\32 xl\:\!text-\[40px\] { + @media (width >= 96rem) { + font-size: 40px !important; + } + } + .\[\&_\.monaco-scrollable-element_\.decorationsOverviewRuler\]\:\!w-\[6px\] { + & .monaco-scrollable-element .decorationsOverviewRuler { + width: 6px !important; + } + } + .\[\&_\.monaco-scrollable-element_\.horizontal\]\:\!h-\[6px\] { + & .monaco-scrollable-element .horizontal { + height: 6px !important; + } + } + .\[\&_\.monaco-scrollable-element_\.vertical\]\:\!w-\[6px\] { + & .monaco-scrollable-element .vertical { + width: 6px !important; + } + } +} +body { + font-family: "Poppins", sans-serif !important; +} +h1, h2, h3, h4, h5, h6 { + font-family: "Poppins", sans-serif !important; +} +p { + margin-bottom: 0px !important; +} +@layer base { + .container { + width: 100%; + padding-left: var(--ifm-spacing-horizontal); + padding-right: var(--ifm-spacing-horizontal); + } + @media (min-width: 1280px) { + .container { + max-width: var(--ifm-container-width); + } + } + @media (min-width: 1536px) { + .container { + max-width: var(--ifm-container-width-xl) !important; + } + } +} +@layer utilities { + @keyframes blink { + 0%, 100% { + opacity: 1; + } + 50% { + opacity: 0; + } + } + @keyframes bounce { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-10px); + } + } + @keyframes bounce3 { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-20px); + } + } + .animate-blink { + animation: blink 1s steps(1) infinite; + } + .animate-bounce2 { + animation: bounce 2s infinite; + } + .animate-bounce3 { + animation: bounce3 3s infinite ease-in-out; + } +} +.section4::after { + content: ""; + position: absolute; + width: 200px; + height: 200px; + left: 50%; + margin-left: -100px; + top: -100px; + border-radius: 50%; + background-color: white; +} +.navbar__items.navbar__items--right { + gap: 12px; +} +.breadcrumbs__item>a { + height: 19px; +} +.monaco-editor .margin, .monaco-editor .monaco-editor-background, .monaco-editor .view-lines { + outline: none !important; +} +[data-theme-variant='home'] { + --ifm-color-primary: #5438DC; + --ifm-color-primary-light: #C2B8FF; + --ifm-color-primary-contrast: #ffffff; +} +[data-theme-variant='chrysalis'] { + --ifm-color-primary: #049E96; + --ifm-color-primary-light: #59EDE0; + --ifm-color-primary-contrast: #ffffff; +} +[data-theme-variant='argus'] { + --ifm-color-primary: #813ADF; + --ifm-color-primary-light: #813ADF; + --ifm-color-primary-contrast: #ffffff; +} +[data-theme-variant='razor'] { + --ifm-color-primary: #649DCA; + --ifm-color-primary-light: #649DCA; + --ifm-color-primary-contrast: #ffffff; +} +[data-theme='dark'][data-theme-variant='futura'] { + --ifm-color-primary: #936FB6; + --ifm-color-primary-light: #FFF8E0; + --ifm-color-primary-contrast: #ffffff; +} +[data-theme='light'][data-theme-variant='futura'] { + --ifm-color-primary: #4B0082; + --ifm-color-primary-light: #FFF8E0; + --ifm-color-primary-contrast: #ffffff; +} +[data-theme='dark'][data-theme-variant='comp'] { + --ifm-color-primary: #FF8F71; + --ifm-color-primary-light: #FF8F71; + --ifm-color-primary-contrast: #ffffff; +} +[data-theme='light'][data-theme-variant='comp'] { + --ifm-color-primary: #F83C01; + --ifm-color-primary-light: #FF8F71; + --ifm-color-primary-contrast: #ffffff; +} +[data-theme='dark'] { + --futura-color-primary: #936FB6; + --comp-color-primary: #FF8F71; + background-color: #191919; +} +[data-theme='light'] { + --futura-color-primary: #4B0082; + --comp-color-primary: #F83C01; + background-color: #ffffff; +} +@media only screen and (max-width: 997px) { + .navbar-icon { + display: none; + } +} +@property --tw-translate-x { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-translate-y { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-translate-z { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-scale-x { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-scale-y { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-scale-z { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-rotate-x { + syntax: "*"; + inherits: false; +} +@property --tw-rotate-y { + syntax: "*"; + inherits: false; +} +@property --tw-rotate-z { + syntax: "*"; + inherits: false; +} +@property --tw-skew-x { + syntax: "*"; + inherits: false; +} +@property --tw-skew-y { + syntax: "*"; + inherits: false; +} +@property --tw-border-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} +@property --tw-leading { + syntax: "*"; + inherits: false; +} +@property --tw-font-weight { + syntax: "*"; + inherits: false; +} +@property --tw-tracking { + syntax: "*"; + inherits: false; +} +@property --tw-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-shadow-alpha { + syntax: ""; + inherits: false; + initial-value: 100%; +} +@property --tw-inset-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-inset-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-inset-shadow-alpha { + syntax: ""; + inherits: false; + initial-value: 100%; +} +@property --tw-ring-color { + syntax: "*"; + inherits: false; +} +@property --tw-ring-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-inset-ring-color { + syntax: "*"; + inherits: false; +} +@property --tw-inset-ring-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-ring-inset { + syntax: "*"; + inherits: false; +} +@property --tw-ring-offset-width { + syntax: ""; + inherits: false; + initial-value: 0px; +} +@property --tw-ring-offset-color { + syntax: "*"; + inherits: false; + initial-value: #fff; +} +@property --tw-ring-offset-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-blur { + syntax: "*"; + inherits: false; +} +@property --tw-brightness { + syntax: "*"; + inherits: false; +} +@property --tw-contrast { + syntax: "*"; + inherits: false; +} +@property --tw-grayscale { + syntax: "*"; + inherits: false; +} +@property --tw-hue-rotate { + syntax: "*"; + inherits: false; +} +@property --tw-invert { + syntax: "*"; + inherits: false; +} +@property --tw-opacity { + syntax: "*"; + inherits: false; +} +@property --tw-saturate { + syntax: "*"; + inherits: false; +} +@property --tw-sepia { + syntax: "*"; + inherits: false; +} +@property --tw-drop-shadow { + syntax: "*"; + inherits: false; +} +@property --tw-drop-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-drop-shadow-alpha { + syntax: ""; + inherits: false; + initial-value: 100%; +} +@property --tw-drop-shadow-size { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-blur { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-brightness { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-contrast { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-grayscale { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-hue-rotate { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-invert { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-opacity { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-saturate { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-sepia { + syntax: "*"; + inherits: false; +} +@property --tw-duration { + syntax: "*"; + inherits: false; +} +@property --tw-ease { + syntax: "*"; + inherits: false; +} +@keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + animation-timing-function: cubic-bezier(0.8, 0, 1, 1); + } + 50% { + transform: none; + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + } +} +@layer properties { + @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { + *, ::before, ::after, ::backdrop { + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-translate-z: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-scale-z: 1; + --tw-rotate-x: initial; + --tw-rotate-y: initial; + --tw-rotate-z: initial; + --tw-skew-x: initial; + --tw-skew-y: initial; + --tw-border-style: solid; + --tw-leading: initial; + --tw-font-weight: initial; + --tw-tracking: initial; + --tw-shadow: 0 0 #0000; + --tw-shadow-color: initial; + --tw-shadow-alpha: 100%; + --tw-inset-shadow: 0 0 #0000; + --tw-inset-shadow-color: initial; + --tw-inset-shadow-alpha: 100%; + --tw-ring-color: initial; + --tw-ring-shadow: 0 0 #0000; + --tw-inset-ring-color: initial; + --tw-inset-ring-shadow: 0 0 #0000; + --tw-ring-inset: initial; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-offset-shadow: 0 0 #0000; + --tw-blur: initial; + --tw-brightness: initial; + --tw-contrast: initial; + --tw-grayscale: initial; + --tw-hue-rotate: initial; + --tw-invert: initial; + --tw-opacity: initial; + --tw-saturate: initial; + --tw-sepia: initial; + --tw-drop-shadow: initial; + --tw-drop-shadow-color: initial; + --tw-drop-shadow-alpha: 100%; + --tw-drop-shadow-size: initial; + --tw-backdrop-blur: initial; + --tw-backdrop-brightness: initial; + --tw-backdrop-contrast: initial; + --tw-backdrop-grayscale: initial; + --tw-backdrop-hue-rotate: initial; + --tw-backdrop-invert: initial; + --tw-backdrop-opacity: initial; + --tw-backdrop-saturate: initial; + --tw-backdrop-sepia: initial; + --tw-duration: initial; + --tw-ease: initial; + } + } +} diff --git a/static/img/Section9/background_big.svg b/static/img/Futura/background_big.svg similarity index 100% rename from static/img/Section9/background_big.svg rename to static/img/Futura/background_big.svg diff --git a/static/img/Section9/background_medium.svg b/static/img/Futura/background_medium.svg similarity index 100% rename from static/img/Section9/background_medium.svg rename to static/img/Futura/background_medium.svg diff --git a/static/img/Section9/background_small.svg b/static/img/Futura/background_small.svg similarity index 100% rename from static/img/Section9/background_small.svg rename to static/img/Futura/background_small.svg diff --git a/static/img/Section9/cardano.tsx b/static/img/Futura/cardano.tsx similarity index 100% rename from static/img/Section9/cardano.tsx rename to static/img/Futura/cardano.tsx diff --git a/static/img/Section9/futura.tsx b/static/img/Futura/futura.tsx similarity index 100% rename from static/img/Section9/futura.tsx rename to static/img/Futura/futura.tsx diff --git a/static/img/Section9/right_arrow.svg b/static/img/Futura/right_arrow.svg similarity index 100% rename from static/img/Section9/right_arrow.svg rename to static/img/Futura/right_arrow.svg From e25722a5ff41a6c57348ae8c9661b9171f79ebeb Mon Sep 17 00:00:00 2001 From: CML90 Date: Mon, 16 Jun 2025 19:11:24 +0800 Subject: [PATCH 07/10] fix: added the build app.css instead of watch --- src/pages/index.tsx | 1 - src/styles/app.css | 3988 +------------------------------------------ 2 files changed, 1 insertion(+), 3988 deletions(-) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index e48ac10..c8c3d8c 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -14,7 +14,6 @@ import Section6 from '../components/Section6/Section6'; import Section7 from '../components/Section7/Section7'; import Section8 from '../components/Section8/Section8'; import Futura from '../components/Futura/Futura'; -'; // function HomepageHeader() { // const {siteConfig} = useDocusaurusContext(); diff --git a/src/styles/app.css b/src/styles/app.css index 7dd27df..0d0074c 100644 --- a/src/styles/app.css +++ b/src/styles/app.css @@ -1,3988 +1,2 @@ /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */ -@layer properties; -@layer theme, base, components, utilities; -@layer theme { - :root, :host { - --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", - "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", - "Courier New", monospace; - --spacing: 0.25rem; - --breakpoint-xl: 80rem; - --text-sm: 0.875rem; - --text-sm--line-height: calc(1.25 / 0.875); - --text-base: 1rem; - --text-base--line-height: calc(1.5 / 1); - --text-lg: 1.125rem; - --text-lg--line-height: calc(1.75 / 1.125); - --text-xl: 1.25rem; - --text-xl--line-height: calc(1.75 / 1.25); - --text-2xl: 1.5rem; - --text-2xl--line-height: calc(2 / 1.5); - --text-3xl: 1.875rem; - --text-3xl--line-height: calc(2.25 / 1.875); - --text-4xl: 2.25rem; - --text-4xl--line-height: calc(2.5 / 2.25); - --text-5xl: 3rem; - --text-5xl--line-height: 1; - --font-weight-light: 300; - --font-weight-normal: 400; - --font-weight-medium: 500; - --font-weight-semibold: 600; - --font-weight-bold: 700; - --radius-xl: 0.75rem; - --radius-2xl: 1rem; - --radius-3xl: 1.5rem; - --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); - --animate-bounce: bounce 1s infinite; - --blur-xl: 24px; - --default-transition-duration: 150ms; - --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - --default-font-family: var(--font-sans); - --default-mono-font-family: var(--font-mono); - } -} -@layer base { - *, ::after, ::before, ::backdrop, ::file-selector-button { - box-sizing: border-box; - margin: 0; - padding: 0; - border: 0 solid; - } - html, :host { - line-height: 1.5; - -webkit-text-size-adjust: 100%; - tab-size: 4; - font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); - font-feature-settings: var(--default-font-feature-settings, normal); - font-variation-settings: var(--default-font-variation-settings, normal); - -webkit-tap-highlight-color: transparent; - } - hr { - height: 0; - color: inherit; - border-top-width: 1px; - } - abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - } - h1, h2, h3, h4, h5, h6 { - font-size: inherit; - font-weight: inherit; - } - a { - color: inherit; - -webkit-text-decoration: inherit; - text-decoration: inherit; - } - b, strong { - font-weight: bolder; - } - code, kbd, samp, pre { - font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); - font-feature-settings: var(--default-mono-font-feature-settings, normal); - font-variation-settings: var(--default-mono-font-variation-settings, normal); - font-size: 1em; - } - small { - font-size: 80%; - } - sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - } - sub { - bottom: -0.25em; - } - sup { - top: -0.5em; - } - table { - text-indent: 0; - border-color: inherit; - border-collapse: collapse; - } - :-moz-focusring { - outline: auto; - } - progress { - vertical-align: baseline; - } - summary { - display: list-item; - } - ol, ul, menu { - list-style: none; - } - img, svg, video, canvas, audio, iframe, embed, object { - display: block; - vertical-align: middle; - } - img, video { - max-width: 100%; - height: auto; - } - button, input, select, optgroup, textarea, ::file-selector-button { - font: inherit; - font-feature-settings: inherit; - font-variation-settings: inherit; - letter-spacing: inherit; - color: inherit; - border-radius: 0; - background-color: transparent; - opacity: 1; - } - :where(select:is([multiple], [size])) optgroup { - font-weight: bolder; - } - :where(select:is([multiple], [size])) optgroup option { - padding-inline-start: 20px; - } - ::file-selector-button { - margin-inline-end: 4px; - } - ::placeholder { - opacity: 1; - } - @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { - ::placeholder { - color: currentcolor; - @supports (color: color-mix(in lab, red, red)) { - color: color-mix(in oklab, currentcolor 50%, transparent); - } - } - } - textarea { - resize: vertical; - } - ::-webkit-search-decoration { - -webkit-appearance: none; - } - ::-webkit-date-and-time-value { - min-height: 1lh; - text-align: inherit; - } - ::-webkit-datetime-edit { - display: inline-flex; - } - ::-webkit-datetime-edit-fields-wrapper { - padding: 0; - } - ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { - padding-block: 0; - } - :-moz-ui-invalid { - box-shadow: none; - } - button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { - appearance: button; - } - ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { - height: auto; - } - [hidden]:where(:not([hidden="until-found"])) { - display: none !important; - } -} -@layer utilities { - .\!absolute { - position: absolute !important; - } - .\!relative { - position: relative !important; - } - .absolute { - position: absolute; - } - .fixed { - position: fixed; - } - .relative { - position: relative; - } - .static { - position: static; - } - .inset-0 { - inset: calc(var(--spacing) * 0); - } - .inset-x-0 { - inset-inline: calc(var(--spacing) * 0); - } - .\!top-\[-4px\] { - top: -4px !important; - } - .-top-2 { - top: calc(var(--spacing) * -2); - } - .-top-44 { - top: calc(var(--spacing) * -44); - } - .-top-45 { - top: calc(var(--spacing) * -45); - } - .-top-48 { - top: calc(var(--spacing) * -48); - } - .-top-50 { - top: calc(var(--spacing) * -50); - } - .-top-52 { - top: calc(var(--spacing) * -52); - } - .top-0 { - top: calc(var(--spacing) * 0); - } - .top-1 { - top: calc(var(--spacing) * 1); - } - .top-2 { - top: calc(var(--spacing) * 2); - } - .top-6 { - top: calc(var(--spacing) * 6); - } - .top-60 { - top: calc(var(--spacing) * 60); - } - .top-\[-10px\] { - top: -10px; - } - .top-\[-48px\] { - top: -48px; - } - .top-\[-99\.14px\] { - top: -99.14px; - } - .top-\[-104px\] { - top: -104px; - } - .top-\[-138\.14px\] { - top: -138.14px; - } - .top-\[14px\] { - top: 14px; - } - .top-\[17px\] { - top: 17px; - } - .top-\[46px\] { - top: 46px; - } - .\!right-\[-4px\] { - right: -4px !important; - } - .-right-2 { - right: calc(var(--spacing) * -2); - } - .-right-33 { - right: calc(var(--spacing) * -33); - } - .right-2 { - right: calc(var(--spacing) * 2); - } - .right-7 { - right: calc(var(--spacing) * 7); - } - .right-20 { - right: calc(var(--spacing) * 20); - } - .right-\[-4px\] { - right: -4px; - } - .right-\[-8px\] { - right: -8px; - } - .right-\[5\.5px\] { - right: 5.5px; - } - .right-\[17\.5px\] { - right: 17.5px; - } - .right-\[90px\] { - right: 90px; - } - .right-\[92px\] { - right: 92px; - } - .right-\[161\.58px\] { - right: 161.58px; - } - .bottom-0 { - bottom: calc(var(--spacing) * 0); - } - .bottom-2 { - bottom: calc(var(--spacing) * 2); - } - .bottom-\[-4\.74px\] { - bottom: -4.74px; - } - .left-1\/2 { - left: calc(1/2 * 100%); - } - .left-6 { - left: calc(var(--spacing) * 6); - } - .left-16 { - left: calc(var(--spacing) * 16); - } - .z-1 { - z-index: 1; - } - .z-10 { - z-index: 10; - } - .z-40 { - z-index: 40; - } - .col-span-1 { - grid-column: span 1 / span 1; - } - .col-span-2 { - grid-column: span 2 / span 2; - } - .col-span-4 { - grid-column: span 4 / span 4; - } - .col-span-6 { - grid-column: span 6 / span 6; - } - .float-right { - float: right; - } - .container { - width: 100%; - @media (width >= 40rem) { - max-width: 40rem; - } - @media (width >= 48rem) { - max-width: 48rem; - } - @media (width >= 64rem) { - max-width: 64rem; - } - @media (width >= 80rem) { - max-width: 80rem; - } - @media (width >= 96rem) { - max-width: 96rem; - } - } - .\!m-0 { - margin: calc(var(--spacing) * 0) !important; - } - .\!mx-auto { - margin-inline: auto !important; - } - .mx-2 { - margin-inline: calc(var(--spacing) * 2); - } - .mx-auto { - margin-inline: auto; - } - .my-2 { - margin-block: calc(var(--spacing) * 2); - } - .\!mt-12 { - margin-top: calc(var(--spacing) * 12) !important; - } - .\!mt-\[30\.51px\] { - margin-top: 30.51px !important; - } - .mt-1 { - margin-top: calc(var(--spacing) * 1); - } - .mt-3 { - margin-top: calc(var(--spacing) * 3); - } - .mt-4 { - margin-top: calc(var(--spacing) * 4); - } - .mt-5 { - margin-top: calc(var(--spacing) * 5); - } - .mt-6 { - margin-top: calc(var(--spacing) * 6); - } - .mt-8 { - margin-top: calc(var(--spacing) * 8); - } - .mt-10 { - margin-top: calc(var(--spacing) * 10); - } - .mt-14 { - margin-top: calc(var(--spacing) * 14); - } - .mt-18 { - margin-top: calc(var(--spacing) * 18); - } - .mt-54 { - margin-top: calc(var(--spacing) * 54); - } - .mt-\[2px\] { - margin-top: 2px; - } - .mt-\[32px\] { - margin-top: 32px; - } - .mt-\[34px\] { - margin-top: 34px; - } - .mt-\[36px\] { - margin-top: 36px; - } - .mt-\[40px\] { - margin-top: 40px; - } - .mr-1 { - margin-right: calc(var(--spacing) * 1); - } - .mr-4 { - margin-right: calc(var(--spacing) * 4); - } - .\!mb-0 { - margin-bottom: calc(var(--spacing) * 0) !important; - } - .\!mb-4 { - margin-bottom: calc(var(--spacing) * 4) !important; - } - .\!mb-6 { - margin-bottom: calc(var(--spacing) * 6) !important; - } - .\!mb-8 { - margin-bottom: calc(var(--spacing) * 8) !important; - } - .\!mb-10 { - margin-bottom: calc(var(--spacing) * 10) !important; - } - .\!mb-20 { - margin-bottom: calc(var(--spacing) * 20) !important; - } - .\!mb-\[7\.63px\] { - margin-bottom: 7.63px !important; - } - .\!mb-\[10\.17px\] { - margin-bottom: 10.17px !important; - } - .\!mb-\[21\.83px\] { - margin-bottom: 21.83px !important; - } - .\!mb-\[40px\] { - margin-bottom: 40px !important; - } - .mb-0 { - margin-bottom: calc(var(--spacing) * 0); - } - .mb-2 { - margin-bottom: calc(var(--spacing) * 2); - } - .mb-4 { - margin-bottom: calc(var(--spacing) * 4); - } - .mb-10 { - margin-bottom: calc(var(--spacing) * 10); - } - .mb-12 { - margin-bottom: calc(var(--spacing) * 12); - } - .mb-28 { - margin-bottom: calc(var(--spacing) * 28); - } - .mb-\[20\.06px\] { - margin-bottom: 20.06px; - } - .mb-\[24px\] { - margin-bottom: 24px; - } - .mb-\[179px\] { - margin-bottom: 179px; - } - .ml-\[9\.62px\] { - margin-left: 9.62px; - } - .\!block { - display: block !important; - } - .block { - display: block; - } - .contents { - display: contents; - } - .flex { - display: flex; - } - .grid { - display: grid; - } - .hidden { - display: none; - } - .inline { - display: inline; - } - .inline-block { - display: inline-block; - } - .inline-flex { - display: inline-flex; - } - .table { - display: table; - } - .aspect-square { - aspect-ratio: 1 / 1; - } - .size-9 { - width: calc(var(--spacing) * 9); - height: calc(var(--spacing) * 9); - } - .size-22 { - width: calc(var(--spacing) * 22); - height: calc(var(--spacing) * 22); - } - .\!h-full { - height: 100% !important; - } - .\!h-max { - height: max-content !important; - } - .h-2 { - height: calc(var(--spacing) * 2); - } - .h-16 { - height: calc(var(--spacing) * 16); - } - .h-22 { - height: calc(var(--spacing) * 22); - } - .h-75 { - height: calc(var(--spacing) * 75); - } - .h-86 { - height: calc(var(--spacing) * 86); - } - .h-\[57px\] { - height: 57px; - } - .h-\[60px\] { - height: 60px; - } - .h-\[108px\] { - height: 108px; - } - .h-\[371px\] { - height: 371px; - } - .h-\[600px\] { - height: 600px; - } - .h-full { - height: 100%; - } - .min-h-18 { - min-height: calc(var(--spacing) * 18); - } - .\!w-max { - width: max-content !important; - } - .w-1\/3 { - width: calc(1/3 * 100%); - } - .w-9 { - width: calc(var(--spacing) * 9); - } - .w-14 { - width: calc(var(--spacing) * 14); - } - .w-16 { - width: calc(var(--spacing) * 16); - } - .w-25 { - width: calc(var(--spacing) * 25); - } - .w-27 { - width: calc(var(--spacing) * 27); - } - .w-28 { - width: calc(var(--spacing) * 28); - } - .w-32 { - width: calc(var(--spacing) * 32); - } - .w-34 { - width: calc(var(--spacing) * 34); - } - .w-36 { - width: calc(var(--spacing) * 36); - } - .w-38 { - width: calc(var(--spacing) * 38); - } - .w-42 { - width: calc(var(--spacing) * 42); - } - .w-43 { - width: calc(var(--spacing) * 43); - } - .w-48 { - width: calc(var(--spacing) * 48); - } - .w-62 { - width: calc(var(--spacing) * 62); - } - .w-65 { - width: calc(var(--spacing) * 65); - } - .w-75 { - width: calc(var(--spacing) * 75); - } - .w-78 { - width: calc(var(--spacing) * 78); - } - .w-83 { - width: calc(var(--spacing) * 83); - } - .w-\[10\%\] { - width: 10%; - } - .w-\[14\%\] { - width: 14%; - } - .w-\[20\%\] { - width: 20%; - } - .w-\[80\%\] { - width: 80%; - } - .w-\[86\%\] { - width: 86%; - } - .w-\[90\%\] { - width: 90%; - } - .w-\[100px\] { - width: 100px; - } - .w-\[100vw\] { - width: 100vw; - } - .w-\[305px\] { - width: 305px; - } - .w-\[calc\(50\%-8px\)\] { - width: calc(50% - 8px); - } - .w-auto { - width: auto; - } - .w-full { - width: 100%; - } - .w-full\! { - width: 100% !important; - } - .w-max { - width: max-content; - } - .w-max\! { - width: max-content !important; - } - .w-screen { - width: 100vw; - } - .max-w-107 { - max-width: calc(var(--spacing) * 107); - } - .max-w-110 { - max-width: calc(var(--spacing) * 110); - } - .max-w-screen-xl { - max-width: var(--breakpoint-xl); - } - .min-w-6 { - min-width: calc(var(--spacing) * 6); - } - .min-w-full { - min-width: 100%; - } - .flex-1 { - flex: 1; - } - .shrink-0 { - flex-shrink: 0; - } - .-translate-x-1\/2 { - --tw-translate-x: calc(calc(1/2 * 100%) * -1); - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .-translate-y-1 { - --tw-translate-y: calc(var(--spacing) * -1); - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .scale-90 { - --tw-scale-x: 90%; - --tw-scale-y: 90%; - --tw-scale-z: 90%; - scale: var(--tw-scale-x) var(--tw-scale-y); - } - .scale-x-\[-1\] { - --tw-scale-x: -1; - scale: var(--tw-scale-x) var(--tw-scale-y); - } - .transform { - transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); - } - .cursor-pointer { - cursor: pointer; - } - .grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); - } - .grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); - } - .flex-col { - flex-direction: column; - } - .flex-col-reverse { - flex-direction: column-reverse; - } - .flex-row { - flex-direction: row; - } - .flex-row-reverse { - flex-direction: row-reverse; - } - .flex-wrap { - flex-wrap: wrap; - } - .place-content-between { - place-content: space-between; - } - .place-content-center { - place-content: center; - } - .place-items-center { - place-items: center; - } - .items-center { - align-items: center; - } - .items-end { - align-items: flex-end; - } - .\!justify-end { - justify-content: flex-end !important; - } - .justify-between { - justify-content: space-between; - } - .justify-center { - justify-content: center; - } - .justify-end { - justify-content: flex-end; - } - .gap-2 { - gap: calc(var(--spacing) * 2); - } - .gap-3\! { - gap: calc(var(--spacing) * 3) !important; - } - .gap-4 { - gap: calc(var(--spacing) * 4); - } - .gap-5 { - gap: calc(var(--spacing) * 5); - } - .gap-6 { - gap: calc(var(--spacing) * 6); - } - .gap-8 { - gap: calc(var(--spacing) * 8); - } - .gap-18 { - gap: calc(var(--spacing) * 18); - } - .gap-20 { - gap: calc(var(--spacing) * 20); - } - .gap-\[16px\] { - gap: 16px; - } - .gap-x-2 { - column-gap: calc(var(--spacing) * 2); - } - .gap-x-5 { - column-gap: calc(var(--spacing) * 5); - } - .gap-x-10 { - column-gap: calc(var(--spacing) * 10); - } - .gap-x-20 { - column-gap: calc(var(--spacing) * 20); - } - .gap-x-\[10px\] { - column-gap: 10px; - } - .gap-x-\[12px\] { - column-gap: 12px; - } - .gap-y-2 { - row-gap: calc(var(--spacing) * 2); - } - .gap-y-8 { - row-gap: calc(var(--spacing) * 8); - } - .gap-y-\[7\.63px\] { - row-gap: 7.63px; - } - .gap-y-\[10\.17px\] { - row-gap: 10.17px; - } - .gap-y-\[10px\] { - row-gap: 10px; - } - .gap-y-\[11px\] { - row-gap: 11px; - } - .self-end { - align-self: flex-end; - } - .\!overflow-hidden { - overflow: hidden !important; - } - .overflow-hidden { - overflow: hidden; - } - .overflow-x-hidden { - overflow-x: hidden; - } - .rounded-3xl { - border-radius: var(--radius-3xl); - } - .rounded-\[24px\] { - border-radius: 24px; - } - .rounded-full { - border-radius: calc(infinity * 1px); - } - .rounded-t-3xl { - border-top-left-radius: var(--radius-3xl); - border-top-right-radius: var(--radius-3xl); - } - .rounded-tl-2xl { - border-top-left-radius: var(--radius-2xl); - } - .rounded-tl-3xl { - border-top-left-radius: var(--radius-3xl); - } - .rounded-tr-3xl { - border-top-right-radius: var(--radius-3xl); - } - .rounded-b-2xl { - border-bottom-right-radius: var(--radius-2xl); - border-bottom-left-radius: var(--radius-2xl); - } - .rounded-b-\[24px\] { - border-bottom-right-radius: 24px; - border-bottom-left-radius: 24px; - } - .rounded-br-3xl { - border-bottom-right-radius: var(--radius-3xl); - } - .\!rounded-bl-xl { - border-bottom-left-radius: var(--radius-xl) !important; - } - .border { - border-style: var(--tw-border-style); - border-width: 1px; - } - .border-r-8 { - border-right-style: var(--tw-border-style); - border-right-width: 8px; - } - .border-b-8 { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 8px; - } - .bg-\[url\(\/img\/Footer\/background_dark\.webp\)\] { - background-image: url(/img/Footer/background_dark.webp); - } - .bg-\[url\(\/img\/Footer\/background_light\.webp\)\] { - background-image: url(/img/Footer/background_light.webp); - } - .bg-\[url\(\/img\/Section3\/background_dark\.webp\)\] { - background-image: url(/img/Section3/background_dark.webp); - } - .bg-\[url\(\/img\/Section3\/background_light\.webp\)\] { - background-image: url(/img/Section3/background_light.webp); - } - .bg-\[url\(\/img\/Section4\/purple_bg_mobile\.svg\)\] { - background-image: url(/img/Section4/purple_bg_mobile.svg); - } - .bg-\[url\(\/img\/Section5\/fifth_background_dark\.webp\)\] { - background-image: url(/img/Section5/fifth_background_dark.webp); - } - .bg-\[url\(\/img\/Section5\/fifth_background_light\.webp\)\] { - background-image: url(/img/Section5/fifth_background_light.webp); - } - .bg-\[url\(\/img\/Section8\/eighth_background\.webp\)\] { - background-image: url(/img/Section8/eighth_background.webp); - } - .bg-\[url\(\/img\/background_dark\.webp\)\] { - background-image: url(/img/background_dark.webp); - } - .bg-\[url\(\/img\/background_light\.webp\)\] { - background-image: url(/img/background_light.webp); - } - .bg-cover { - background-size: cover; - } - .bg-center { - background-position: center; - } - .bg-no-repeat { - background-repeat: no-repeat; - } - .object-cover { - object-fit: cover; - } - .\!p-0 { - padding: calc(var(--spacing) * 0) !important; - } - .\!p-4 { - padding: calc(var(--spacing) * 4) !important; - } - .\!p-6 { - padding: calc(var(--spacing) * 6) !important; - } - .p-0\! { - padding: calc(var(--spacing) * 0) !important; - } - .p-4 { - padding: calc(var(--spacing) * 4); - } - .p-6 { - padding: calc(var(--spacing) * 6); - } - .\!px-4 { - padding-inline: calc(var(--spacing) * 4) !important; - } - .px-4 { - padding-inline: calc(var(--spacing) * 4); - } - .px-6 { - padding-inline: calc(var(--spacing) * 6); - } - .px-10 { - padding-inline: calc(var(--spacing) * 10); - } - .py-2 { - padding-block: calc(var(--spacing) * 2); - } - .py-20 { - padding-block: calc(var(--spacing) * 20); - } - .\!pt-20 { - padding-top: calc(var(--spacing) * 20) !important; - } - .pt-1 { - padding-top: calc(var(--spacing) * 1); - } - .pt-2 { - padding-top: calc(var(--spacing) * 2); - } - .pt-5 { - padding-top: calc(var(--spacing) * 5); - } - .pt-6 { - padding-top: calc(var(--spacing) * 6); - } - .pt-12 { - padding-top: calc(var(--spacing) * 12); - } - .pt-15 { - padding-top: calc(var(--spacing) * 15); - } - .pt-20 { - padding-top: calc(var(--spacing) * 20); - } - .pr-1 { - padding-right: calc(var(--spacing) * 1); - } - .pr-\[6px\] { - padding-right: 6px; - } - .\!pb-0 { - padding-bottom: calc(var(--spacing) * 0) !important; - } - .\!pb-8 { - padding-bottom: calc(var(--spacing) * 8) !important; - } - .pb-4 { - padding-bottom: calc(var(--spacing) * 4); - } - .pb-10 { - padding-bottom: calc(var(--spacing) * 10); - } - .pb-15 { - padding-bottom: calc(var(--spacing) * 15); - } - .pb-20 { - padding-bottom: calc(var(--spacing) * 20); - } - .pl-4 { - padding-left: calc(var(--spacing) * 4); - } - .pl-5 { - padding-left: calc(var(--spacing) * 5); - } - .text-center { - text-align: center; - } - .text-right { - text-align: right; - } - .\!text-4xl { - font-size: var(--text-4xl) !important; - line-height: var(--tw-leading, var(--text-4xl--line-height)) !important; - } - .\!text-5xl { - font-size: var(--text-5xl) !important; - line-height: var(--tw-leading, var(--text-5xl--line-height)) !important; - } - .\!text-base { - font-size: var(--text-base) !important; - line-height: var(--tw-leading, var(--text-base--line-height)) !important; - } - .\!text-xl { - font-size: var(--text-xl) !important; - line-height: var(--tw-leading, var(--text-xl--line-height)) !important; - } - .text-2xl { - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - } - .text-3xl { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - } - .text-5xl { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - .text-base { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - } - .text-sm { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - } - .\!text-\[11px\] { - font-size: 11px !important; - } - .\!text-\[32px\] { - font-size: 32px !important; - } - .\!text-\[48px\] { - font-size: 48px !important; - } - .\!text-\[50px\] { - font-size: 50px !important; - } - .\!text-\[56px\] { - font-size: 56px !important; - } - .\!text-\[80px\] { - font-size: 80px !important; - } - .\!text-\[93px\] { - font-size: 93px !important; - } - .\!text-\[110px\] { - font-size: 110px !important; - } - .\!text-\[120px\] { - font-size: 120px !important; - } - .\!text-\[124px\] { - font-size: 124px !important; - } - .\!text-\[130px\] { - font-size: 130px !important; - } - .\!text-\[140px\] { - font-size: 140px !important; - } - .\!text-\[180px\] { - font-size: 180px !important; - } - .\!text-\[192px\] { - font-size: 192px !important; - } - .\!text-\[210\.14px\] { - font-size: 210.14px !important; - } - .text-\[11px\] { - font-size: 11px; - } - .text-\[12\.71px\] { - font-size: 12.71px; - } - .text-\[12px\] { - font-size: 12px; - } - .text-\[16px\] { - font-size: 16px; - } - .text-\[25\.43px\] { - font-size: 25.43px; - } - .text-\[26\.01px\] { - font-size: 26.01px; - } - .text-\[30px\] { - font-size: 30px; - } - .text-\[32px\] { - font-size: 32px; - } - .text-\[40px\] { - font-size: 40px; - } - .text-\[56px\] { - font-size: 56px; - } - .\!leading-\[32px\] { - --tw-leading: 32px !important; - line-height: 32px !important; - } - .leading-5 { - --tw-leading: calc(var(--spacing) * 5); - line-height: calc(var(--spacing) * 5); - } - .leading-8 { - --tw-leading: calc(var(--spacing) * 8); - line-height: calc(var(--spacing) * 8); - } - .leading-12 { - --tw-leading: calc(var(--spacing) * 12); - line-height: calc(var(--spacing) * 12); - } - .leading-\[-20px\] { - --tw-leading: -20px; - line-height: -20px; - } - .leading-\[17\.794px\] { - --tw-leading: 17.794px; - line-height: 17.794px; - } - .leading-\[20\.48px\] { - --tw-leading: 20.48px; - line-height: 20.48px; - } - .leading-\[23\.04px\] { - --tw-leading: 23.04px; - line-height: 23.04px; - } - .leading-\[28\.611px\] { - --tw-leading: 28.611px; - line-height: 28.611px; - } - .leading-\[30\.516px\] { - --tw-leading: 30.516px; - line-height: 30.516px; - } - .leading-\[34\.8px\] { - --tw-leading: 34.8px; - line-height: 34.8px; - } - .leading-\[48px\] { - --tw-leading: 48px; - line-height: 48px; - } - .\!font-normal { - --tw-font-weight: var(--font-weight-normal) !important; - font-weight: var(--font-weight-normal) !important; - } - .\!font-semibold { - --tw-font-weight: var(--font-weight-semibold) !important; - font-weight: var(--font-weight-semibold) !important; - } - .font-bold { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - } - .font-light { - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light); - } - .font-medium { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - } - .font-normal { - --tw-font-weight: var(--font-weight-normal); - font-weight: var(--font-weight-normal); - } - .font-semibold { - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - } - .\!tracking-\[1\.17045px\] { - --tw-tracking: 1.17045px !important; - letter-spacing: 1.17045px !important; - } - .tracking-\[-0\.2543px\] { - --tw-tracking: -0.2543px; - letter-spacing: -0.2543px; - } - .tracking-\[-9\.62px\] { - --tw-tracking: -9.62px; - letter-spacing: -9.62px; - } - .tracking-\[0\.56px\] { - --tw-tracking: 0.56px; - letter-spacing: 0.56px; - } - .tracking-\[0\.5084px\] { - --tw-tracking: 0.5084px; - letter-spacing: 0.5084px; - } - .capitalize { - text-transform: capitalize; - } - .underline { - text-decoration-line: underline; - } - .opacity-0 { - opacity: 0%; - } - .opacity-60 { - opacity: 60%; - } - .opacity-100 { - opacity: 100%; - } - .shadow-lg\! { - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; - } - .filter { - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .backdrop-blur-xl\! { - --tw-backdrop-blur: blur(var(--blur-xl)) !important; - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important; - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important; - } - .\!transition-all { - transition-property: all !important; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; - transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; - } - .transition { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-opacity { - transition-property: opacity; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .\!duration-300 { - --tw-duration: 300ms !important; - transition-duration: 300ms !important; - } - .duration-150 { - --tw-duration: 150ms; - transition-duration: 150ms; - } - .\!ease-in-out { - --tw-ease: var(--ease-in-out) !important; - transition-timing-function: var(--ease-in-out) !important; - } - .select-none { - -webkit-user-select: none; - user-select: none; - } - .hover\:animate-bounce { - &:hover { - @media (hover: hover) { - animation: var(--animate-bounce); - } - } - } - .hover\:text-\[\#049E96\]\! { - &:hover { - @media (hover: hover) { - color: #049E96 !important; - } - } - } - .hover\:text-\[\#227CFF\]\! { - &:hover { - @media (hover: hover) { - color: #227CFF !important; - } - } - } - .hover\:text-\[\#649DCA\]\! { - &:hover { - @media (hover: hover) { - color: #649DCA !important; - } - } - } - .hover\:text-\[\#813ADF\]\! { - &:hover { - @media (hover: hover) { - color: #813ADF !important; - } - } - } - .hover\:text-\[var\(--comp-color-primary\)\]\! { - &:hover { - @media (hover: hover) { - color: var(--comp-color-primary) !important; - } - } - } - .hover\:text-\[var\(--futura-color-primary\)\]\! { - &:hover { - @media (hover: hover) { - color: var(--futura-color-primary) !important; - } - } - } - .hover\:opacity-100 { - &:hover { - @media (hover: hover) { - opacity: 100%; - } - } - } - .max-2xl\:hidden { - @media (width < 96rem) { - display: none; - } - } - .max-md\:hidden { - @media (width < 48rem) { - display: none; - } - } - .min-\[345px\]\:\!text-5xl { - @media (width >= 345px) { - font-size: var(--text-5xl) !important; - line-height: var(--tw-leading, var(--text-5xl--line-height)) !important; - } - } - .sm\:-top-14 { - @media (width >= 40rem) { - top: calc(var(--spacing) * -14); - } - } - .sm\:-top-48 { - @media (width >= 40rem) { - top: calc(var(--spacing) * -48); - } - } - .sm\:-top-49 { - @media (width >= 40rem) { - top: calc(var(--spacing) * -49); - } - } - .sm\:-top-50 { - @media (width >= 40rem) { - top: calc(var(--spacing) * -50); - } - } - .sm\:-top-52 { - @media (width >= 40rem) { - top: calc(var(--spacing) * -52); - } - } - .sm\:-right-7 { - @media (width >= 40rem) { - right: calc(var(--spacing) * -7); - } - } - .sm\:left-15 { - @media (width >= 40rem) { - left: calc(var(--spacing) * 15); - } - } - .sm\:my-16 { - @media (width >= 40rem) { - margin-block: calc(var(--spacing) * 16); - } - } - .sm\:mt-6 { - @media (width >= 40rem) { - margin-top: calc(var(--spacing) * 6); - } - } - .sm\:mb-6 { - @media (width >= 40rem) { - margin-bottom: calc(var(--spacing) * 6); - } - } - .sm\:mb-\[64\.94px\] { - @media (width >= 40rem) { - margin-bottom: 64.94px; - } - } - .sm\:\!hidden { - @media (width >= 40rem) { - display: none !important; - } - } - .sm\:block { - @media (width >= 40rem) { - display: block; - } - } - .sm\:flex { - @media (width >= 40rem) { - display: flex; - } - } - .sm\:hidden { - @media (width >= 40rem) { - display: none; - } - } - .sm\:size-12 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 12); - height: calc(var(--spacing) * 12); - } - } - .sm\:size-26 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 26); - height: calc(var(--spacing) * 26); - } - } - .sm\:h-auto { - @media (width >= 40rem) { - height: auto; - } - } - .sm\:w-22 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 22); - } - } - .sm\:w-26 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 26); - } - } - .sm\:w-30 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 30); - } - } - .sm\:w-36 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 36); - } - } - .sm\:w-38 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 38); - } - } - .sm\:w-40 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 40); - } - } - .sm\:w-45 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 45); - } - } - .sm\:w-52 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 52); - } - } - .sm\:w-72 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 72); - } - } - .sm\:w-100 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 100); - } - } - .sm\:w-130 { - @media (width >= 40rem) { - width: calc(var(--spacing) * 130); - } - } - .sm\:w-\[10\%\] { - @media (width >= 40rem) { - width: 10%; - } - } - .sm\:w-\[90\%\] { - @media (width >= 40rem) { - width: 90%; - } - } - .sm\:w-auto { - @media (width >= 40rem) { - width: auto; - } - } - .sm\:w-full { - @media (width >= 40rem) { - width: 100%; - } - } - .sm\:max-w-full { - @media (width >= 40rem) { - max-width: 100%; - } - } - .sm\:-translate-y-2 { - @media (width >= 40rem) { - --tw-translate-y: calc(var(--spacing) * -2); - translate: var(--tw-translate-x) var(--tw-translate-y); - } - } - .sm\:flex-row { - @media (width >= 40rem) { - flex-direction: row; - } - } - .sm\:\!justify-start { - @media (width >= 40rem) { - justify-content: flex-start !important; - } - } - .sm\:justify-start { - @media (width >= 40rem) { - justify-content: flex-start; - } - } - .sm\:gap-4 { - @media (width >= 40rem) { - gap: calc(var(--spacing) * 4); - } - } - .sm\:gap-14 { - @media (width >= 40rem) { - gap: calc(var(--spacing) * 14); - } - } - .sm\:bg-\[url\(\/img\/Section4\/purple_bg\.svg\)\] { - @media (width >= 40rem) { - background-image: url(/img/Section4/purple_bg.svg); - } - } - .sm\:pt-0 { - @media (width >= 40rem) { - padding-top: calc(var(--spacing) * 0); - } - } - .sm\:pb-20 { - @media (width >= 40rem) { - padding-bottom: calc(var(--spacing) * 20); - } - } - .sm\:\!text-3xl { - @media (width >= 40rem) { - font-size: var(--text-3xl) !important; - line-height: var(--tw-leading, var(--text-3xl--line-height)) !important; - } - } - .sm\:\!text-5xl { - @media (width >= 40rem) { - font-size: var(--text-5xl) !important; - line-height: var(--tw-leading, var(--text-5xl--line-height)) !important; - } - } - .sm\:\!text-base { - @media (width >= 40rem) { - font-size: var(--text-base) !important; - line-height: var(--tw-leading, var(--text-base--line-height)) !important; - } - } - .sm\:\!text-lg { - @media (width >= 40rem) { - font-size: var(--text-lg) !important; - line-height: var(--tw-leading, var(--text-lg--line-height)) !important; - } - } - .sm\:text-3xl { - @media (width >= 40rem) { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - } - } - .sm\:text-base { - @media (width >= 40rem) { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - } - } - .sm\:\!text-\[12\.71px\] { - @media (width >= 40rem) { - font-size: 12.71px !important; - } - } - .sm\:\!text-\[32px\] { - @media (width >= 40rem) { - font-size: 32px !important; - } - } - .sm\:\!text-\[60px\] { - @media (width >= 40rem) { - font-size: 60px !important; - } - } - .sm\:\!text-\[70px\] { - @media (width >= 40rem) { - font-size: 70px !important; - } - } - .sm\:\!text-\[163px\] { - @media (width >= 40rem) { - font-size: 163px !important; - } - } - .sm\:text-\[32px\] { - @media (width >= 40rem) { - font-size: 32px; - } - } - .sm\:text-\[35px\] { - @media (width >= 40rem) { - font-size: 35px; - } - } - .sm\:leading-14 { - @media (width >= 40rem) { - --tw-leading: calc(var(--spacing) * 14); - line-height: calc(var(--spacing) * 14); - } - } - .md\:absolute { - @media (width >= 48rem) { - position: absolute; - } - } - .md\:static { - @media (width >= 48rem) { - position: static; - } - } - .md\:-top-53 { - @media (width >= 48rem) { - top: calc(var(--spacing) * -53); - } - } - .md\:-top-59 { - @media (width >= 48rem) { - top: calc(var(--spacing) * -59); - } - } - .md\:-top-66 { - @media (width >= 48rem) { - top: calc(var(--spacing) * -66); - } - } - .md\:-top-68 { - @media (width >= 48rem) { - top: calc(var(--spacing) * -68); - } - } - .md\:-top-70 { - @media (width >= 48rem) { - top: calc(var(--spacing) * -70); - } - } - .md\:-top-74 { - @media (width >= 48rem) { - top: calc(var(--spacing) * -74); - } - } - .md\:top-6 { - @media (width >= 48rem) { - top: calc(var(--spacing) * 6); - } - } - .md\:top-20 { - @media (width >= 48rem) { - top: calc(var(--spacing) * 20); - } - } - .md\:right-0 { - @media (width >= 48rem) { - right: calc(var(--spacing) * 0); - } - } - .md\:\!mt-26 { - @media (width >= 48rem) { - margin-top: calc(var(--spacing) * 26) !important; - } - } - .md\:mt-0 { - @media (width >= 48rem) { - margin-top: calc(var(--spacing) * 0); - } - } - .md\:mt-8 { - @media (width >= 48rem) { - margin-top: calc(var(--spacing) * 8); - } - } - .md\:mt-10 { - @media (width >= 48rem) { - margin-top: calc(var(--spacing) * 10); - } - } - .md\:mt-77 { - @media (width >= 48rem) { - margin-top: calc(var(--spacing) * 77); - } - } - .md\:mt-\[38px\] { - @media (width >= 48rem) { - margin-top: 38px; - } - } - .md\:mt-\[65px\] { - @media (width >= 48rem) { - margin-top: 65px; - } - } - .md\:mt-\[72\.9px\] { - @media (width >= 48rem) { - margin-top: 72.9px; - } - } - .md\:mr-6 { - @media (width >= 48rem) { - margin-right: calc(var(--spacing) * 6); - } - } - .md\:mr-10 { - @media (width >= 48rem) { - margin-right: calc(var(--spacing) * 10); - } - } - .md\:\!mb-0 { - @media (width >= 48rem) { - margin-bottom: calc(var(--spacing) * 0) !important; - } - } - .md\:\!mb-\[9\.10px\] { - @media (width >= 48rem) { - margin-bottom: 9.10px !important; - } - } - .md\:mb-0 { - @media (width >= 48rem) { - margin-bottom: calc(var(--spacing) * 0); - } - } - .md\:mb-5 { - @media (width >= 48rem) { - margin-bottom: calc(var(--spacing) * 5); - } - } - .md\:mb-8 { - @media (width >= 48rem) { - margin-bottom: calc(var(--spacing) * 8); - } - } - .md\:mb-10 { - @media (width >= 48rem) { - margin-bottom: calc(var(--spacing) * 10); - } - } - .md\:mb-\[61\.02px\] { - @media (width >= 48rem) { - margin-bottom: 61.02px; - } - } - .md\:ml-4 { - @media (width >= 48rem) { - margin-left: calc(var(--spacing) * 4); - } - } - .md\:\!block { - @media (width >= 48rem) { - display: block !important; - } - } - .md\:\!hidden { - @media (width >= 48rem) { - display: none !important; - } - } - .md\:block { - @media (width >= 48rem) { - display: block; - } - } - .md\:flex { - @media (width >= 48rem) { - display: flex; - } - } - .md\:grid { - @media (width >= 48rem) { - display: grid; - } - } - .md\:hidden { - @media (width >= 48rem) { - display: none; - } - } - .md\:size-10 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 10); - height: calc(var(--spacing) * 10); - } - } - .md\:\!h-68 { - @media (width >= 48rem) { - height: calc(var(--spacing) * 68) !important; - } - } - .md\:\!h-94 { - @media (width >= 48rem) { - height: calc(var(--spacing) * 94) !important; - } - } - .md\:\!h-97 { - @media (width >= 48rem) { - height: calc(var(--spacing) * 97) !important; - } - } - .md\:h-28 { - @media (width >= 48rem) { - height: calc(var(--spacing) * 28); - } - } - .md\:h-60 { - @media (width >= 48rem) { - height: calc(var(--spacing) * 60); - } - } - .md\:h-100 { - @media (width >= 48rem) { - height: calc(var(--spacing) * 100); - } - } - .md\:h-\[510px\] { - @media (width >= 48rem) { - height: 510px; - } - } - .md\:h-\[1021px\] { - @media (width >= 48rem) { - height: 1021px; - } - } - .md\:h-\[1078px\] { - @media (width >= 48rem) { - height: 1078px; - } - } - .md\:h-\[1113px\] { - @media (width >= 48rem) { - height: 1113px; - } - } - .md\:h-\[1203px\] { - @media (width >= 48rem) { - height: 1203px; - } - } - .md\:h-\[calc\(100\%-25px\)\] { - @media (width >= 48rem) { - height: calc(100% - 25px); - } - } - .md\:h-\[calc\(100\%-48px\)\] { - @media (width >= 48rem) { - height: calc(100% - 48px); - } - } - .md\:h-screen { - @media (width >= 48rem) { - height: 100vh; - } - } - .md\:min-h-210 { - @media (width >= 48rem) { - min-height: calc(var(--spacing) * 210); - } - } - .md\:\!w-\[calc\(25\%-8px\)\] { - @media (width >= 48rem) { - width: calc(25% - 8px) !important; - } - } - .md\:\!w-\[calc\(33\%-8px\)\] { - @media (width >= 48rem) { - width: calc(33% - 8px) !important; - } - } - .md\:\!w-\[calc\(33\%-12px\)\] { - @media (width >= 48rem) { - width: calc(33% - 12px) !important; - } - } - .md\:w-30 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 30); - } - } - .md\:w-40 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 40); - } - } - .md\:w-48 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 48); - } - } - .md\:w-56 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 56); - } - } - .md\:w-60 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 60); - } - } - .md\:w-72 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 72); - } - } - .md\:w-82 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 82); - } - } - .md\:w-92 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 92); - } - } - .md\:w-120 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 120); - } - } - .md\:w-140 { - @media (width >= 48rem) { - width: calc(var(--spacing) * 140); - } - } - .md\:w-\[465px\] { - @media (width >= 48rem) { - width: 465px; - } - } - .md\:w-\[calc\(75\%-8px\)\] { - @media (width >= 48rem) { - width: calc(75% - 8px); - } - } - .md\:w-full { - @media (width >= 48rem) { - width: 100%; - } - } - .md\:-translate-y-4 { - @media (width >= 48rem) { - --tw-translate-y: calc(var(--spacing) * -4); - translate: var(--tw-translate-x) var(--tw-translate-y); - } - } - .md\:grid-cols-2 { - @media (width >= 48rem) { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - .md\:flex-col { - @media (width >= 48rem) { - flex-direction: column; - } - } - .md\:flex-row { - @media (width >= 48rem) { - flex-direction: row; - } - } - .md\:items-center { - @media (width >= 48rem) { - align-items: center; - } - } - .md\:items-end { - @media (width >= 48rem) { - align-items: flex-end; - } - } - .md\:justify-between { - @media (width >= 48rem) { - justify-content: space-between; - } - } - .md\:justify-start { - @media (width >= 48rem) { - justify-content: flex-start; - } - } - .md\:gap-0 { - @media (width >= 48rem) { - gap: calc(var(--spacing) * 0); - } - } - .md\:gap-2 { - @media (width >= 48rem) { - gap: calc(var(--spacing) * 2); - } - } - .md\:gap-4 { - @media (width >= 48rem) { - gap: calc(var(--spacing) * 4); - } - } - .md\:gap-12 { - @media (width >= 48rem) { - gap: calc(var(--spacing) * 12); - } - } - .md\:gap-x-15 { - @media (width >= 48rem) { - column-gap: calc(var(--spacing) * 15); - } - } - .md\:overflow-visible { - @media (width >= 48rem) { - overflow: visible; - } - } - .md\:\!rounded-bl-3xl { - @media (width >= 48rem) { - border-bottom-left-radius: var(--radius-3xl) !important; - } - } - .md\:\!p-10 { - @media (width >= 48rem) { - padding: calc(var(--spacing) * 10) !important; - } - } - .md\:p-0 { - @media (width >= 48rem) { - padding: calc(var(--spacing) * 0); - } - } - .md\:p-8 { - @media (width >= 48rem) { - padding: calc(var(--spacing) * 8); - } - } - .md\:p-10 { - @media (width >= 48rem) { - padding: calc(var(--spacing) * 10); - } - } - .md\:px-10 { - @media (width >= 48rem) { - padding-inline: calc(var(--spacing) * 10); - } - } - .md\:\!pt-0 { - @media (width >= 48rem) { - padding-top: calc(var(--spacing) * 0) !important; - } - } - .md\:\!pt-67 { - @media (width >= 48rem) { - padding-top: calc(var(--spacing) * 67) !important; - } - } - .md\:\!pt-\[137px\] { - @media (width >= 48rem) { - padding-top: 137px !important; - } - } - .md\:\!pt-\[148px\] { - @media (width >= 48rem) { - padding-top: 148px !important; - } - } - .md\:\!pt-\[227px\] { - @media (width >= 48rem) { - padding-top: 227px !important; - } - } - .md\:\!pt-\[274\.77px\] { - @media (width >= 48rem) { - padding-top: 274.77px !important; - } - } - .md\:pt-0 { - @media (width >= 48rem) { - padding-top: calc(var(--spacing) * 0); - } - } - .md\:pt-40 { - @media (width >= 48rem) { - padding-top: calc(var(--spacing) * 40); - } - } - .md\:pr-8 { - @media (width >= 48rem) { - padding-right: calc(var(--spacing) * 8); - } - } - .md\:\!pb-0 { - @media (width >= 48rem) { - padding-bottom: calc(var(--spacing) * 0) !important; - } - } - .md\:\!pb-15 { - @media (width >= 48rem) { - padding-bottom: calc(var(--spacing) * 15) !important; - } - } - .md\:pb-0 { - @media (width >= 48rem) { - padding-bottom: calc(var(--spacing) * 0); - } - } - .md\:text-end { - @media (width >= 48rem) { - text-align: end; - } - } - .md\:text-start { - @media (width >= 48rem) { - text-align: start; - } - } - .md\:\!text-5xl { - @media (width >= 48rem) { - font-size: var(--text-5xl) !important; - line-height: var(--tw-leading, var(--text-5xl--line-height)) !important; - } - } - .md\:\!text-sm { - @media (width >= 48rem) { - font-size: var(--text-sm) !important; - line-height: var(--tw-leading, var(--text-sm--line-height)) !important; - } - } - .md\:\!text-xl { - @media (width >= 48rem) { - font-size: var(--text-xl) !important; - line-height: var(--tw-leading, var(--text-xl--line-height)) !important; - } - } - .md\:text-3xl { - @media (width >= 48rem) { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - } - } - .md\:text-4xl { - @media (width >= 48rem) { - font-size: var(--text-4xl); - line-height: var(--tw-leading, var(--text-4xl--line-height)); - } - } - .md\:text-base { - @media (width >= 48rem) { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - } - } - .md\:text-xl { - @media (width >= 48rem) { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - } - } - .md\:\!text-\[12\.71px\] { - @media (width >= 48rem) { - font-size: 12.71px !important; - } - } - .md\:\!text-\[14\.8px\] { - @media (width >= 48rem) { - font-size: 14.8px !important; - } - } - .md\:\!text-\[17\.8px\] { - @media (width >= 48rem) { - font-size: 17.8px !important; - } - } - .md\:\!text-\[34px\] { - @media (width >= 48rem) { - font-size: 34px !important; - } - } - .md\:\!text-\[35\.6px\] { - @media (width >= 48rem) { - font-size: 35.6px !important; - } - } - .md\:\!text-\[50\.85px\] { - @media (width >= 48rem) { - font-size: 50.85px !important; - } - } - .md\:\!text-\[56px\] { - @media (width >= 48rem) { - font-size: 56px !important; - } - } - .md\:\!text-\[80px\] { - @media (width >= 48rem) { - font-size: 80px !important; - } - } - .md\:\!text-\[174px\] { - @media (width >= 48rem) { - font-size: 174px !important; - } - } - .md\:text-\[46px\] { - @media (width >= 48rem) { - font-size: 46px; - } - } - .md\:leading-18 { - @media (width >= 48rem) { - --tw-leading: calc(var(--spacing) * 18); - line-height: calc(var(--spacing) * 18); - } - } - .md\:leading-\[17\.92px\] { - @media (width >= 48rem) { - --tw-leading: 17.92px; - line-height: 17.92px; - } - } - .md\:leading-\[42\.72px\] { - @media (width >= 48rem) { - --tw-leading: 42.72px; - line-height: 42.72px; - } - } - .md\:leading-\[53\.76px\] { - @media (width >= 48rem) { - --tw-leading: 53.76px; - line-height: 53.76px; - } - } - .md\:leading-\[54\.88px\] { - @media (width >= 48rem) { - --tw-leading: 54.88px; - line-height: 54.88px; - } - } - .md\:tracking-\[-0\.356px\] { - @media (width >= 48rem) { - --tw-tracking: -0.356px; - letter-spacing: -0.356px; - } - } - .md\:tracking-\[0\.56px\] { - @media (width >= 48rem) { - --tw-tracking: 0.56px; - letter-spacing: 0.56px; - } - } - .lg\:top-4 { - @media (width >= 64rem) { - top: calc(var(--spacing) * 4); - } - } - .lg\:top-50 { - @media (width >= 64rem) { - top: calc(var(--spacing) * 50); - } - } - .lg\:top-56 { - @media (width >= 64rem) { - top: calc(var(--spacing) * 56); - } - } - .lg\:top-58 { - @media (width >= 64rem) { - top: calc(var(--spacing) * 58); - } - } - .lg\:top-62 { - @media (width >= 64rem) { - top: calc(var(--spacing) * 62); - } - } - .lg\:top-76 { - @media (width >= 64rem) { - top: calc(var(--spacing) * 76); - } - } - .lg\:top-78 { - @media (width >= 64rem) { - top: calc(var(--spacing) * 78); - } - } - .lg\:top-\[-115px\] { - @media (width >= 64rem) { - top: -115px; - } - } - .lg\:top-\[-170px\] { - @media (width >= 64rem) { - top: -170px; - } - } - .lg\:top-\[6px\] { - @media (width >= 64rem) { - top: 6px; - } - } - .lg\:top-\[126px\] { - @media (width >= 64rem) { - top: 126px; - } - } - .lg\:right-5 { - @media (width >= 64rem) { - right: calc(var(--spacing) * 5); - } - } - .lg\:right-\[4px\] { - @media (width >= 64rem) { - right: 4px; - } - } - .lg\:right-\[333px\] { - @media (width >= 64rem) { - right: 333px; - } - } - .lg\:bottom-\[-14px\] { - @media (width >= 64rem) { - bottom: -14px; - } - } - .lg\:left-4 { - @media (width >= 64rem) { - left: calc(var(--spacing) * 4); - } - } - .lg\:left-\[18\.5px\] { - @media (width >= 64rem) { - left: 18.5px; - } - } - .lg\:col-span-1 { - @media (width >= 64rem) { - grid-column: span 1 / span 1; - } - } - .lg\:mx-4 { - @media (width >= 64rem) { - margin-inline: calc(var(--spacing) * 4); - } - } - .lg\:\!mt-\[45px\] { - @media (width >= 64rem) { - margin-top: 45px !important; - } - } - .lg\:\!mt-\[102\.22px\] { - @media (width >= 64rem) { - margin-top: 102.22px !important; - } - } - .lg\:mt-0 { - @media (width >= 64rem) { - margin-top: calc(var(--spacing) * 0); - } - } - .lg\:mt-16 { - @media (width >= 64rem) { - margin-top: calc(var(--spacing) * 16); - } - } - .lg\:mt-\[43\.19px\] { - @media (width >= 64rem) { - margin-top: 43.19px; - } - } - .lg\:mr-10 { - @media (width >= 64rem) { - margin-right: calc(var(--spacing) * 10); - } - } - .lg\:\!mb-5 { - @media (width >= 64rem) { - margin-bottom: calc(var(--spacing) * 5) !important; - } - } - .lg\:\!mb-7 { - @media (width >= 64rem) { - margin-bottom: calc(var(--spacing) * 7) !important; - } - } - .lg\:\!mb-\[21\.83px\] { - @media (width >= 64rem) { - margin-bottom: 21.83px !important; - } - } - .lg\:\!mb-\[24px\] { - @media (width >= 64rem) { - margin-bottom: 24px !important; - } - } - .lg\:\!mb-\[48px\] { - @media (width >= 64rem) { - margin-bottom: 48px !important; - } - } - .lg\:\!mb-\[160\.49px\] { - @media (width >= 64rem) { - margin-bottom: 160.49px !important; - } - } - .lg\:mb-0 { - @media (width >= 64rem) { - margin-bottom: calc(var(--spacing) * 0); - } - } - .lg\:mb-10 { - @media (width >= 64rem) { - margin-bottom: calc(var(--spacing) * 10); - } - } - .lg\:mb-20 { - @media (width >= 64rem) { - margin-bottom: calc(var(--spacing) * 20); - } - } - .lg\:mb-22 { - @media (width >= 64rem) { - margin-bottom: calc(var(--spacing) * 22); - } - } - .lg\:mb-\[60\.64px\] { - @media (width >= 64rem) { - margin-bottom: 60.64px; - } - } - .lg\:mb-\[178px\] { - @media (width >= 64rem) { - margin-bottom: 178px; - } - } - .lg\:ml-10 { - @media (width >= 64rem) { - margin-left: calc(var(--spacing) * 10); - } - } - .lg\:\!block { - @media (width >= 64rem) { - display: block !important; - } - } - .lg\:\!hidden { - @media (width >= 64rem) { - display: none !important; - } - } - .lg\:block { - @media (width >= 64rem) { - display: block; - } - } - .lg\:flex { - @media (width >= 64rem) { - display: flex; - } - } - .lg\:hidden { - @media (width >= 64rem) { - display: none; - } - } - .lg\:\!h-88 { - @media (width >= 64rem) { - height: calc(var(--spacing) * 88) !important; - } - } - .lg\:\!h-117 { - @media (width >= 64rem) { - height: calc(var(--spacing) * 117) !important; - } - } - .lg\:\!h-\[319px\] { - @media (width >= 64rem) { - height: 319px !important; - } - } - .lg\:\!h-\[391px\] { - @media (width >= 64rem) { - height: 391px !important; - } - } - .lg\:\!h-\[956px\] { - @media (width >= 64rem) { - height: 956px !important; - } - } - .lg\:\!h-auto { - @media (width >= 64rem) { - height: auto !important; - } - } - .lg\:h-17 { - @media (width >= 64rem) { - height: calc(var(--spacing) * 17); - } - } - .lg\:h-242 { - @media (width >= 64rem) { - height: calc(var(--spacing) * 242); - } - } - .lg\:h-\[64px\] { - @media (width >= 64rem) { - height: 64px; - } - } - .lg\:h-\[300\.4px\] { - @media (width >= 64rem) { - height: 300.4px; - } - } - .lg\:h-\[498px\] { - @media (width >= 64rem) { - height: 498px; - } - } - .lg\:h-\[619\.7px\] { - @media (width >= 64rem) { - height: 619.7px; - } - } - .lg\:h-\[655px\] { - @media (width >= 64rem) { - height: 655px; - } - } - .lg\:h-\[952\.98px\] { - @media (width >= 64rem) { - height: 952.98px; - } - } - .lg\:h-\[1088\.02px\] { - @media (width >= 64rem) { - height: 1088.02px; - } - } - .lg\:h-\[calc\(100\%-80px\)\] { - @media (width >= 64rem) { - height: calc(100% - 80px); - } - } - .lg\:h-\[calc\(100\%-230px\)\] { - @media (width >= 64rem) { - height: calc(100% - 230px); - } - } - .lg\:h-auto { - @media (width >= 64rem) { - height: auto; - } - } - .lg\:\!w-155 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 155) !important; - } - } - .lg\:\!w-\[63\%\] { - @media (width >= 64rem) { - width: 63% !important; - } - } - .lg\:\!w-\[350px\] { - @media (width >= 64rem) { - width: 350px !important; - } - } - .lg\:\!w-\[636px\] { - @media (width >= 64rem) { - width: 636px !important; - } - } - .lg\:\!w-\[calc\(33\%-8px\)\] { - @media (width >= 64rem) { - width: calc(33% - 8px) !important; - } - } - .lg\:w-12 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 12); - } - } - .lg\:w-13 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 13); - } - } - .lg\:w-40 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 40); - } - } - .lg\:w-50 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 50); - } - } - .lg\:w-58 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 58); - } - } - .lg\:w-62 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 62); - } - } - .lg\:w-64 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 64); - } - } - .lg\:w-74 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 74); - } - } - .lg\:w-80 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 80); - } - } - .lg\:w-108 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 108); - } - } - .lg\:w-110 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 110); - } - } - .lg\:w-120 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 120); - } - } - .lg\:w-141 { - @media (width >= 64rem) { - width: calc(var(--spacing) * 141); - } - } - .lg\:w-\[20\%\] { - @media (width >= 64rem) { - width: 20%; - } - } - .lg\:w-\[80\%\] { - @media (width >= 64rem) { - width: 80%; - } - } - .lg\:w-\[441px\] { - @media (width >= 64rem) { - width: 441px; - } - } - .lg\:w-\[557px\] { - @media (width >= 64rem) { - width: 557px; - } - } - .lg\:w-\[661px\] { - @media (width >= 64rem) { - width: 661px; - } - } - .lg\:w-\[calc\(100\%-350px\)\] { - @media (width >= 64rem) { - width: calc(100% - 350px); - } - } - .lg\:w-auto { - @media (width >= 64rem) { - width: auto; - } - } - .lg\:scale-80 { - @media (width >= 64rem) { - --tw-scale-x: 80%; - --tw-scale-y: 80%; - --tw-scale-z: 80%; - scale: var(--tw-scale-x) var(--tw-scale-y); - } - } - .lg\:grid-cols-3 { - @media (width >= 64rem) { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - } - .lg\:flex-col { - @media (width >= 64rem) { - flex-direction: column; - } - } - .lg\:flex-row { - @media (width >= 64rem) { - flex-direction: row; - } - } - .lg\:items-end { - @media (width >= 64rem) { - align-items: flex-end; - } - } - .lg\:justify-between { - @media (width >= 64rem) { - justify-content: space-between; - } - } - .lg\:justify-end { - @media (width >= 64rem) { - justify-content: flex-end; - } - } - .lg\:justify-start { - @media (width >= 64rem) { - justify-content: flex-start; - } - } - .lg\:gap-0 { - @media (width >= 64rem) { - gap: calc(var(--spacing) * 0); - } - } - .lg\:gap-4 { - @media (width >= 64rem) { - gap: calc(var(--spacing) * 4); - } - } - .lg\:gap-5 { - @media (width >= 64rem) { - gap: calc(var(--spacing) * 5); - } - } - .lg\:gap-6 { - @media (width >= 64rem) { - gap: calc(var(--spacing) * 6); - } - } - .lg\:gap-x-0 { - @media (width >= 64rem) { - column-gap: calc(var(--spacing) * 0); - } - } - .lg\:gap-x-3 { - @media (width >= 64rem) { - column-gap: calc(var(--spacing) * 3); - } - } - .lg\:gap-x-4 { - @media (width >= 64rem) { - column-gap: calc(var(--spacing) * 4); - } - } - .lg\:gap-x-47 { - @media (width >= 64rem) { - column-gap: calc(var(--spacing) * 47); - } - } - .lg\:gap-y-6 { - @media (width >= 64rem) { - row-gap: calc(var(--spacing) * 6); - } - } - .lg\:gap-y-\[10px\] { - @media (width >= 64rem) { - row-gap: 10px; - } - } - .lg\:rounded-\[48px\] { - @media (width >= 64rem) { - border-radius: 48px; - } - } - .lg\:border-r-7 { - @media (width >= 64rem) { - border-right-style: var(--tw-border-style); - border-right-width: 7px; - } - } - .lg\:border-b-7 { - @media (width >= 64rem) { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 7px; - } - } - .lg\:\!p-8 { - @media (width >= 64rem) { - padding: calc(var(--spacing) * 8) !important; - } - } - .lg\:px-6 { - @media (width >= 64rem) { - padding-inline: calc(var(--spacing) * 6); - } - } - .lg\:px-12 { - @media (width >= 64rem) { - padding-inline: calc(var(--spacing) * 12); - } - } - .lg\:\!pt-0 { - @media (width >= 64rem) { - padding-top: calc(var(--spacing) * 0) !important; - } - } - .lg\:\!pt-20 { - @media (width >= 64rem) { - padding-top: calc(var(--spacing) * 20) !important; - } - } - .lg\:pt-5 { - @media (width >= 64rem) { - padding-top: calc(var(--spacing) * 5); - } - } - .lg\:pt-10 { - @media (width >= 64rem) { - padding-top: calc(var(--spacing) * 10); - } - } - .lg\:\!pr-10 { - @media (width >= 64rem) { - padding-right: calc(var(--spacing) * 10) !important; - } - } - .lg\:pr-\[46px\] { - @media (width >= 64rem) { - padding-right: 46px; - } - } - .lg\:\!pb-10 { - @media (width >= 64rem) { - padding-bottom: calc(var(--spacing) * 10) !important; - } - } - .lg\:\!pb-\[134px\] { - @media (width >= 64rem) { - padding-bottom: 134px !important; - } - } - .lg\:pb-0 { - @media (width >= 64rem) { - padding-bottom: calc(var(--spacing) * 0); - } - } - .lg\:\!pl-12 { - @media (width >= 64rem) { - padding-left: calc(var(--spacing) * 12) !important; - } - } - .lg\:pl-8 { - @media (width >= 64rem) { - padding-left: calc(var(--spacing) * 8); - } - } - .lg\:text-start { - @media (width >= 64rem) { - text-align: start; - } - } - .lg\:\!text-2xl { - @media (width >= 64rem) { - font-size: var(--text-2xl) !important; - line-height: var(--tw-leading, var(--text-2xl--line-height)) !important; - } - } - .lg\:\!text-3xl { - @media (width >= 64rem) { - font-size: var(--text-3xl) !important; - line-height: var(--tw-leading, var(--text-3xl--line-height)) !important; - } - } - .lg\:\!text-base { - @media (width >= 64rem) { - font-size: var(--text-base) !important; - line-height: var(--tw-leading, var(--text-base--line-height)) !important; - } - } - .lg\:\!text-lg { - @media (width >= 64rem) { - font-size: var(--text-lg) !important; - line-height: var(--tw-leading, var(--text-lg--line-height)) !important; - } - } - .lg\:\!text-xl { - @media (width >= 64rem) { - font-size: var(--text-xl) !important; - line-height: var(--tw-leading, var(--text-xl--line-height)) !important; - } - } - .lg\:text-2xl { - @media (width >= 64rem) { - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - } - } - .lg\:text-xl { - @media (width >= 64rem) { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - } - } - .lg\:\!text-\[18px\] { - @media (width >= 64rem) { - font-size: 18px !important; - } - } - .lg\:\!text-\[25\.43px\] { - @media (width >= 64rem) { - font-size: 25.43px !important; - } - } - .lg\:\!text-\[34px\] { - @media (width >= 64rem) { - font-size: 34px !important; - } - } - .lg\:\!text-\[40px\] { - @media (width >= 64rem) { - font-size: 40px !important; - } - } - .lg\:\!text-\[48px\] { - @media (width >= 64rem) { - font-size: 48px !important; - } - } - .lg\:\!text-\[64px\] { - @media (width >= 64rem) { - font-size: 64px !important; - } - } - .lg\:\!text-\[104px\] { - @media (width >= 64rem) { - font-size: 104px !important; - } - } - .lg\:\!text-\[111\.88px\] { - @media (width >= 64rem) { - font-size: 111.88px !important; - } - } - .lg\:\!text-\[140px\] { - @media (width >= 64rem) { - font-size: 140px !important; - } - } - .lg\:\!text-\[310px\] { - @media (width >= 64rem) { - font-size: 310px !important; - } - } - .lg\:text-\[52\.88px\] { - @media (width >= 64rem) { - font-size: 52.88px; - } - } - .lg\:text-\[55px\] { - @media (width >= 64rem) { - font-size: 55px; - } - } - .lg\:\!leading-\[24\.426px\] { - @media (width >= 64rem) { - --tw-leading: 24.426px !important; - line-height: 24.426px !important; - } - } - .lg\:\!leading-\[28px\] { - @media (width >= 64rem) { - --tw-leading: 28px !important; - line-height: 28px !important; - } - } - .lg\:\!leading-\[32px\] { - @media (width >= 64rem) { - --tw-leading: 32px !important; - line-height: 32px !important; - } - } - .lg\:\!leading-\[48px\] { - @media (width >= 64rem) { - --tw-leading: 48px !important; - line-height: 48px !important; - } - } - .lg\:\!leading-\[60px\] { - @media (width >= 64rem) { - --tw-leading: 60px !important; - line-height: 60px !important; - } - } - .lg\:\!leading-\[72px\] { - @media (width >= 64rem) { - --tw-leading: 72px !important; - line-height: 72px !important; - } - } - .lg\:leading-24 { - @media (width >= 64rem) { - --tw-leading: calc(var(--spacing) * 24); - line-height: calc(var(--spacing) * 24); - } - } - .lg\:leading-\[25\.6px\] { - @media (width >= 64rem) { - --tw-leading: 25.6px; - line-height: 25.6px; - } - } - .lg\:leading-\[33px\] { - @media (width >= 64rem) { - --tw-leading: 33px; - line-height: 33px; - } - } - .lg\:leading-\[34\.8px\] { - @media (width >= 64rem) { - --tw-leading: 34.8px; - line-height: 34.8px; - } - } - .lg\:leading-\[41\.6px\] { - @media (width >= 64rem) { - --tw-leading: 41.6px; - line-height: 41.6px; - } - } - .lg\:leading-\[53\.76px\] { - @media (width >= 64rem) { - --tw-leading: 53.76px; - line-height: 53.76px; - } - } - .lg\:\!tracking-\[0\.4px\] { - @media (width >= 64rem) { - --tw-tracking: 0.4px !important; - letter-spacing: 0.4px !important; - } - } - .lg\:\!tracking-\[0\.9px\] { - @media (width >= 64rem) { - --tw-tracking: 0.9px !important; - letter-spacing: 0.9px !important; - } - } - .lg\:tracking-\[0\.64px\] { - @media (width >= 64rem) { - --tw-tracking: 0.64px; - letter-spacing: 0.64px; - } - } - .xl\:top-20 { - @media (width >= 80rem) { - top: calc(var(--spacing) * 20); - } - } - .xl\:top-26 { - @media (width >= 80rem) { - top: calc(var(--spacing) * 26); - } - } - .xl\:top-38 { - @media (width >= 80rem) { - top: calc(var(--spacing) * 38); - } - } - .xl\:top-44 { - @media (width >= 80rem) { - top: calc(var(--spacing) * 44); - } - } - .xl\:top-50 { - @media (width >= 80rem) { - top: calc(var(--spacing) * 50); - } - } - .xl\:top-60 { - @media (width >= 80rem) { - top: calc(var(--spacing) * 60); - } - } - .xl\:top-\[-100px\] { - @media (width >= 80rem) { - top: -100px; - } - } - .xl\:top-\[-170px\] { - @media (width >= 80rem) { - top: -170px; - } - } - .xl\:right-10 { - @media (width >= 80rem) { - right: calc(var(--spacing) * 10); - } - } - .xl\:right-\[-18px\] { - @media (width >= 80rem) { - right: -18px; - } - } - .xl\:right-\[387px\] { - @media (width >= 80rem) { - right: 387px; - } - } - .xl\:bottom-\[-9px\] { - @media (width >= 80rem) { - bottom: -9px; - } - } - .xl\:left-\[70\.5px\] { - @media (width >= 80rem) { - left: 70.5px; - } - } - .xl\:mx-10 { - @media (width >= 80rem) { - margin-inline: calc(var(--spacing) * 10); - } - } - .xl\:mt-0 { - @media (width >= 80rem) { - margin-top: calc(var(--spacing) * 0); - } - } - .xl\:mt-30 { - @media (width >= 80rem) { - margin-top: calc(var(--spacing) * 30); - } - } - .xl\:mr-\[80px\] { - @media (width >= 80rem) { - margin-right: 80px; - } - } - .xl\:\!mb-\[38px\] { - @media (width >= 80rem) { - margin-bottom: 38px !important; - } - } - .xl\:ml-\[80px\] { - @media (width >= 80rem) { - margin-left: 80px; - } - } - .xl\:block { - @media (width >= 80rem) { - display: block; - } - } - .xl\:hidden { - @media (width >= 80rem) { - display: none; - } - } - .xl\:\!h-118 { - @media (width >= 80rem) { - height: calc(var(--spacing) * 118) !important; - } - } - .xl\:\!h-\[654px\] { - @media (width >= 80rem) { - height: 654px !important; - } - } - .xl\:h-\[1076px\] { - @media (width >= 80rem) { - height: 1076px; - } - } - .xl\:h-\[1080px\] { - @media (width >= 80rem) { - height: 1080px; - } - } - .xl\:h-\[calc\(100\%-382px\)\] { - @media (width >= 80rem) { - height: calc(100% - 382px); - } - } - .xl\:h-auto { - @media (width >= 80rem) { - height: auto; - } - } - .xl\:\!w-\[68\%\] { - @media (width >= 80rem) { - width: 68% !important; - } - } - .xl\:\!w-\[400px\] { - @media (width >= 80rem) { - width: 400px !important; - } - } - .xl\:\!w-\[646px\] { - @media (width >= 80rem) { - width: 646px !important; - } - } - .xl\:w-64 { - @media (width >= 80rem) { - width: calc(var(--spacing) * 64); - } - } - .xl\:w-72 { - @media (width >= 80rem) { - width: calc(var(--spacing) * 72); - } - } - .xl\:w-80 { - @media (width >= 80rem) { - width: calc(var(--spacing) * 80); - } - } - .xl\:w-\[286\.5px\] { - @media (width >= 80rem) { - width: 286.5px; - } - } - .xl\:w-\[calc\(100\%-400px\)\] { - @media (width >= 80rem) { - width: calc(100% - 400px); - } - } - .xl\:w-auto { - @media (width >= 80rem) { - width: auto; - } - } - .xl\:w-full { - @media (width >= 80rem) { - width: 100%; - } - } - .xl\:scale-100 { - @media (width >= 80rem) { - --tw-scale-x: 100%; - --tw-scale-y: 100%; - --tw-scale-z: 100%; - scale: var(--tw-scale-x) var(--tw-scale-y); - } - } - .xl\:justify-start { - @media (width >= 80rem) { - justify-content: flex-start; - } - } - .xl\:gap-6 { - @media (width >= 80rem) { - gap: calc(var(--spacing) * 6); - } - } - .xl\:gap-x-10 { - @media (width >= 80rem) { - column-gap: calc(var(--spacing) * 10); - } - } - .xl\:gap-x-\[31px\] { - @media (width >= 80rem) { - column-gap: 31px; - } - } - .xl\:gap-x-\[385px\] { - @media (width >= 80rem) { - column-gap: 385px; - } - } - .xl\:pt-\[57px\] { - @media (width >= 80rem) { - padding-top: 57px; - } - } - .xl\:\!pr-\[45\.74px\] { - @media (width >= 80rem) { - padding-right: 45.74px !important; - } - } - .xl\:pb-\[50px\] { - @media (width >= 80rem) { - padding-bottom: 50px; - } - } - .xl\:\!pl-\[49px\] { - @media (width >= 80rem) { - padding-left: 49px !important; - } - } - .xl\:\!text-\[26px\] { - @media (width >= 80rem) { - font-size: 26px !important; - } - } - .xl\:\!text-\[40px\] { - @media (width >= 80rem) { - font-size: 40px !important; - } - } - .xl\:\!text-\[56px\] { - @media (width >= 80rem) { - font-size: 56px !important; - } - } - .xl\:\!text-\[68px\] { - @media (width >= 80rem) { - font-size: 68px !important; - } - } - .\32 xl\:top-40 { - @media (width >= 96rem) { - top: calc(var(--spacing) * 40); - } - } - .\32 xl\:top-50 { - @media (width >= 96rem) { - top: calc(var(--spacing) * 50); - } - } - .\32 xl\:top-56 { - @media (width >= 96rem) { - top: calc(var(--spacing) * 56); - } - } - .\32 xl\:top-64 { - @media (width >= 96rem) { - top: calc(var(--spacing) * 64); - } - } - .\32 xl\:top-70 { - @media (width >= 96rem) { - top: calc(var(--spacing) * 70); - } - } - .\32 xl\:top-80 { - @media (width >= 96rem) { - top: calc(var(--spacing) * 80); - } - } - .\32 xl\:top-\[100px\] { - @media (width >= 96rem) { - top: 100px; - } - } - .\32 xl\:right-\[4px\] { - @media (width >= 96rem) { - right: 4px; - } - } - .\32 xl\:right-\[87px\] { - @media (width >= 96rem) { - right: 87px; - } - } - .\32 xl\:right-\[483px\] { - @media (width >= 96rem) { - right: 483px; - } - } - .\32 xl\:bottom-20 { - @media (width >= 96rem) { - bottom: calc(var(--spacing) * 20); - } - } - .\32 xl\:left-\[126\.5px\] { - @media (width >= 96rem) { - left: 126.5px; - } - } - .\32 xl\:block { - @media (width >= 96rem) { - display: block; - } - } - .\32 xl\:\!h-89 { - @media (width >= 96rem) { - height: calc(var(--spacing) * 89) !important; - } - } - .\32 xl\:\!h-125 { - @media (width >= 96rem) { - height: calc(var(--spacing) * 125) !important; - } - } - .\32 xl\:h-\[304px\] { - @media (width >= 96rem) { - height: 304px; - } - } - .\32 xl\:h-\[calc\(100\%-300px\)\] { - @media (width >= 96rem) { - height: calc(100% - 300px); - } - } - .\32 xl\:\!w-134 { - @media (width >= 96rem) { - width: calc(var(--spacing) * 134) !important; - } - } - .\32 xl\:\!w-\[61\%\] { - @media (width >= 96rem) { - width: 61% !important; - } - } - .\32 xl\:\!w-\[496px\] { - @media (width >= 96rem) { - width: 496px !important; - } - } - .\32 xl\:w-96 { - @media (width >= 96rem) { - width: calc(var(--spacing) * 96); - } - } - .\32 xl\:w-110 { - @media (width >= 96rem) { - width: calc(var(--spacing) * 110); - } - } - .\32 xl\:w-\[75px\] { - @media (width >= 96rem) { - width: 75px; - } - } - .\32 xl\:w-\[calc\(100\%-496px\)\] { - @media (width >= 96rem) { - width: calc(100% - 496px); - } - } - .\32 xl\:w-auto { - @media (width >= 96rem) { - width: auto; - } - } - .\32 xl\:gap-0 { - @media (width >= 96rem) { - gap: calc(var(--spacing) * 0); - } - } - .\32 xl\:gap-10 { - @media (width >= 96rem) { - gap: calc(var(--spacing) * 10); - } - } - .\32 xl\:gap-x-\[429px\] { - @media (width >= 96rem) { - column-gap: 429px; - } - } - .\32 xl\:\!text-\[30px\] { - @media (width >= 96rem) { - font-size: 30px !important; - } - } - .\32 xl\:\!text-\[40px\] { - @media (width >= 96rem) { - font-size: 40px !important; - } - } - .\[\&_\.monaco-scrollable-element_\.decorationsOverviewRuler\]\:\!w-\[6px\] { - & .monaco-scrollable-element .decorationsOverviewRuler { - width: 6px !important; - } - } - .\[\&_\.monaco-scrollable-element_\.horizontal\]\:\!h-\[6px\] { - & .monaco-scrollable-element .horizontal { - height: 6px !important; - } - } - .\[\&_\.monaco-scrollable-element_\.vertical\]\:\!w-\[6px\] { - & .monaco-scrollable-element .vertical { - width: 6px !important; - } - } -} -body { - font-family: "Poppins", sans-serif !important; -} -h1, h2, h3, h4, h5, h6 { - font-family: "Poppins", sans-serif !important; -} -p { - margin-bottom: 0px !important; -} -@layer base { - .container { - width: 100%; - padding-left: var(--ifm-spacing-horizontal); - padding-right: var(--ifm-spacing-horizontal); - } - @media (min-width: 1280px) { - .container { - max-width: var(--ifm-container-width); - } - } - @media (min-width: 1536px) { - .container { - max-width: var(--ifm-container-width-xl) !important; - } - } -} -@layer utilities { - @keyframes blink { - 0%, 100% { - opacity: 1; - } - 50% { - opacity: 0; - } - } - @keyframes bounce { - 0%, 100% { - transform: translateY(0); - } - 50% { - transform: translateY(-10px); - } - } - @keyframes bounce3 { - 0%, 100% { - transform: translateY(0); - } - 50% { - transform: translateY(-20px); - } - } - .animate-blink { - animation: blink 1s steps(1) infinite; - } - .animate-bounce2 { - animation: bounce 2s infinite; - } - .animate-bounce3 { - animation: bounce3 3s infinite ease-in-out; - } -} -.section4::after { - content: ""; - position: absolute; - width: 200px; - height: 200px; - left: 50%; - margin-left: -100px; - top: -100px; - border-radius: 50%; - background-color: white; -} -.navbar__items.navbar__items--right { - gap: 12px; -} -.breadcrumbs__item>a { - height: 19px; -} -.monaco-editor .margin, .monaco-editor .monaco-editor-background, .monaco-editor .view-lines { - outline: none !important; -} -[data-theme-variant='home'] { - --ifm-color-primary: #5438DC; - --ifm-color-primary-light: #C2B8FF; - --ifm-color-primary-contrast: #ffffff; -} -[data-theme-variant='chrysalis'] { - --ifm-color-primary: #049E96; - --ifm-color-primary-light: #59EDE0; - --ifm-color-primary-contrast: #ffffff; -} -[data-theme-variant='argus'] { - --ifm-color-primary: #813ADF; - --ifm-color-primary-light: #813ADF; - --ifm-color-primary-contrast: #ffffff; -} -[data-theme-variant='razor'] { - --ifm-color-primary: #649DCA; - --ifm-color-primary-light: #649DCA; - --ifm-color-primary-contrast: #ffffff; -} -[data-theme='dark'][data-theme-variant='futura'] { - --ifm-color-primary: #936FB6; - --ifm-color-primary-light: #FFF8E0; - --ifm-color-primary-contrast: #ffffff; -} -[data-theme='light'][data-theme-variant='futura'] { - --ifm-color-primary: #4B0082; - --ifm-color-primary-light: #FFF8E0; - --ifm-color-primary-contrast: #ffffff; -} -[data-theme='dark'][data-theme-variant='comp'] { - --ifm-color-primary: #FF8F71; - --ifm-color-primary-light: #FF8F71; - --ifm-color-primary-contrast: #ffffff; -} -[data-theme='light'][data-theme-variant='comp'] { - --ifm-color-primary: #F83C01; - --ifm-color-primary-light: #FF8F71; - --ifm-color-primary-contrast: #ffffff; -} -[data-theme='dark'] { - --futura-color-primary: #936FB6; - --comp-color-primary: #FF8F71; - background-color: #191919; -} -[data-theme='light'] { - --futura-color-primary: #4B0082; - --comp-color-primary: #F83C01; - background-color: #ffffff; -} -@media only screen and (max-width: 997px) { - .navbar-icon { - display: none; - } -} -@property --tw-translate-x { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-translate-y { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-translate-z { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-scale-x { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-scale-y { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-scale-z { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-rotate-x { - syntax: "*"; - inherits: false; -} -@property --tw-rotate-y { - syntax: "*"; - inherits: false; -} -@property --tw-rotate-z { - syntax: "*"; - inherits: false; -} -@property --tw-skew-x { - syntax: "*"; - inherits: false; -} -@property --tw-skew-y { - syntax: "*"; - inherits: false; -} -@property --tw-border-style { - syntax: "*"; - inherits: false; - initial-value: solid; -} -@property --tw-leading { - syntax: "*"; - inherits: false; -} -@property --tw-font-weight { - syntax: "*"; - inherits: false; -} -@property --tw-tracking { - syntax: "*"; - inherits: false; -} -@property --tw-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-shadow-color { - syntax: "*"; - inherits: false; -} -@property --tw-shadow-alpha { - syntax: ""; - inherits: false; - initial-value: 100%; -} -@property --tw-inset-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-inset-shadow-color { - syntax: "*"; - inherits: false; -} -@property --tw-inset-shadow-alpha { - syntax: ""; - inherits: false; - initial-value: 100%; -} -@property --tw-ring-color { - syntax: "*"; - inherits: false; -} -@property --tw-ring-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-inset-ring-color { - syntax: "*"; - inherits: false; -} -@property --tw-inset-ring-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-ring-inset { - syntax: "*"; - inherits: false; -} -@property --tw-ring-offset-width { - syntax: ""; - inherits: false; - initial-value: 0px; -} -@property --tw-ring-offset-color { - syntax: "*"; - inherits: false; - initial-value: #fff; -} -@property --tw-ring-offset-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-blur { - syntax: "*"; - inherits: false; -} -@property --tw-brightness { - syntax: "*"; - inherits: false; -} -@property --tw-contrast { - syntax: "*"; - inherits: false; -} -@property --tw-grayscale { - syntax: "*"; - inherits: false; -} -@property --tw-hue-rotate { - syntax: "*"; - inherits: false; -} -@property --tw-invert { - syntax: "*"; - inherits: false; -} -@property --tw-opacity { - syntax: "*"; - inherits: false; -} -@property --tw-saturate { - syntax: "*"; - inherits: false; -} -@property --tw-sepia { - syntax: "*"; - inherits: false; -} -@property --tw-drop-shadow { - syntax: "*"; - inherits: false; -} -@property --tw-drop-shadow-color { - syntax: "*"; - inherits: false; -} -@property --tw-drop-shadow-alpha { - syntax: ""; - inherits: false; - initial-value: 100%; -} -@property --tw-drop-shadow-size { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-blur { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-brightness { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-contrast { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-grayscale { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-hue-rotate { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-invert { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-opacity { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-saturate { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-sepia { - syntax: "*"; - inherits: false; -} -@property --tw-duration { - syntax: "*"; - inherits: false; -} -@property --tw-ease { - syntax: "*"; - inherits: false; -} -@keyframes bounce { - 0%, 100% { - transform: translateY(-25%); - animation-timing-function: cubic-bezier(0.8, 0, 1, 1); - } - 50% { - transform: none; - animation-timing-function: cubic-bezier(0, 0, 0.2, 1); - } -} -@layer properties { - @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { - *, ::before, ::after, ::backdrop { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-translate-z: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-scale-z: 1; - --tw-rotate-x: initial; - --tw-rotate-y: initial; - --tw-rotate-z: initial; - --tw-skew-x: initial; - --tw-skew-y: initial; - --tw-border-style: solid; - --tw-leading: initial; - --tw-font-weight: initial; - --tw-tracking: initial; - --tw-shadow: 0 0 #0000; - --tw-shadow-color: initial; - --tw-shadow-alpha: 100%; - --tw-inset-shadow: 0 0 #0000; - --tw-inset-shadow-color: initial; - --tw-inset-shadow-alpha: 100%; - --tw-ring-color: initial; - --tw-ring-shadow: 0 0 #0000; - --tw-inset-ring-color: initial; - --tw-inset-ring-shadow: 0 0 #0000; - --tw-ring-inset: initial; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-offset-shadow: 0 0 #0000; - --tw-blur: initial; - --tw-brightness: initial; - --tw-contrast: initial; - --tw-grayscale: initial; - --tw-hue-rotate: initial; - --tw-invert: initial; - --tw-opacity: initial; - --tw-saturate: initial; - --tw-sepia: initial; - --tw-drop-shadow: initial; - --tw-drop-shadow-color: initial; - --tw-drop-shadow-alpha: 100%; - --tw-drop-shadow-size: initial; - --tw-backdrop-blur: initial; - --tw-backdrop-brightness: initial; - --tw-backdrop-contrast: initial; - --tw-backdrop-grayscale: initial; - --tw-backdrop-hue-rotate: initial; - --tw-backdrop-invert: initial; - --tw-backdrop-opacity: initial; - --tw-backdrop-saturate: initial; - --tw-backdrop-sepia: initial; - --tw-duration: initial; - --tw-ease: initial; - } - } -} +@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--breakpoint-xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-bounce:bounce 1s infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.container{width:100%;padding-left:var(--ifm-spacing-horizontal);padding-right:var(--ifm-spacing-horizontal)}@media (min-width:1280px){.container{max-width:var(--ifm-container-width)}}@media (min-width:1536px){.container{max-width:var(--ifm-container-width-xl)!important}}}@layer components;@layer utilities{.\!absolute{position:absolute!important}.\!relative{position:relative!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.\!top-\[-4px\]{top:-4px!important}.-top-2{top:calc(var(--spacing)*-2)}.-top-44{top:calc(var(--spacing)*-44)}.-top-45{top:calc(var(--spacing)*-45)}.-top-48{top:calc(var(--spacing)*-48)}.-top-50{top:calc(var(--spacing)*-50)}.-top-52{top:calc(var(--spacing)*-52)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-2{top:calc(var(--spacing)*2)}.top-6{top:calc(var(--spacing)*6)}.top-60{top:calc(var(--spacing)*60)}.top-\[-10px\]{top:-10px}.top-\[-48px\]{top:-48px}.top-\[-99\.14px\]{top:-99.14px}.top-\[-104px\]{top:-104px}.top-\[-138\.14px\]{top:-138.14px}.top-\[14px\]{top:14px}.top-\[17px\]{top:17px}.top-\[46px\]{top:46px}.\!right-\[-4px\]{right:-4px!important}.-right-2{right:calc(var(--spacing)*-2)}.-right-33{right:calc(var(--spacing)*-33)}.right-2{right:calc(var(--spacing)*2)}.right-7{right:calc(var(--spacing)*7)}.right-20{right:calc(var(--spacing)*20)}.right-\[-4px\]{right:-4px}.right-\[-8px\]{right:-8px}.right-\[5\.5px\]{right:5.5px}.right-\[17\.5px\]{right:17.5px}.right-\[90px\]{right:90px}.right-\[92px\]{right:92px}.right-\[161\.58px\]{right:161.58px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-\[-4\.74px\]{bottom:-4.74px}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing)*6)}.left-16{left:calc(var(--spacing)*16)}.z-1{z-index:1}.z-10{z-index:10}.z-40{z-index:40}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.\!mx-auto{margin-inline:auto!important}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.\!mt-12{margin-top:calc(var(--spacing)*12)!important}.\!mt-\[30\.51px\]{margin-top:30.51px!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-18{margin-top:calc(var(--spacing)*18)}.mt-54{margin-top:calc(var(--spacing)*54)}.mt-\[2px\]{margin-top:2px}.mt-\[32px\]{margin-top:32px}.mt-\[34px\]{margin-top:34px}.mt-\[36px\]{margin-top:36px}.mt-\[40px\]{margin-top:40px}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-4{margin-right:calc(var(--spacing)*4)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.\!mb-6{margin-bottom:calc(var(--spacing)*6)!important}.\!mb-8{margin-bottom:calc(var(--spacing)*8)!important}.\!mb-10{margin-bottom:calc(var(--spacing)*10)!important}.\!mb-20{margin-bottom:calc(var(--spacing)*20)!important}.\!mb-\[7\.63px\]{margin-bottom:7.63px!important}.\!mb-\[10\.17px\]{margin-bottom:10.17px!important}.\!mb-\[21\.83px\]{margin-bottom:21.83px!important}.\!mb-\[40px\]{margin-bottom:40px!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-28{margin-bottom:calc(var(--spacing)*28)}.mb-\[20\.06px\]{margin-bottom:20.06px}.mb-\[24px\]{margin-bottom:24px}.mb-\[179px\]{margin-bottom:179px}.ml-\[9\.62px\]{margin-left:9.62px}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-22{width:calc(var(--spacing)*22);height:calc(var(--spacing)*22)}.\!h-full{height:100%!important}.\!h-max{height:max-content!important}.h-2{height:calc(var(--spacing)*2)}.h-16{height:calc(var(--spacing)*16)}.h-22{height:calc(var(--spacing)*22)}.h-75{height:calc(var(--spacing)*75)}.h-86{height:calc(var(--spacing)*86)}.h-\[57px\]{height:57px}.h-\[60px\]{height:60px}.h-\[108px\]{height:108px}.h-\[371px\]{height:371px}.h-\[600px\]{height:600px}.h-full{height:100%}.min-h-18{min-height:calc(var(--spacing)*18)}.\!w-max{width:max-content!important}.w-1\/3{width:33.3333%}.w-9{width:calc(var(--spacing)*9)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-25{width:calc(var(--spacing)*25)}.w-27{width:calc(var(--spacing)*27)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-34{width:calc(var(--spacing)*34)}.w-36{width:calc(var(--spacing)*36)}.w-38{width:calc(var(--spacing)*38)}.w-42{width:calc(var(--spacing)*42)}.w-43{width:calc(var(--spacing)*43)}.w-48{width:calc(var(--spacing)*48)}.w-62{width:calc(var(--spacing)*62)}.w-65{width:calc(var(--spacing)*65)}.w-75{width:calc(var(--spacing)*75)}.w-78{width:calc(var(--spacing)*78)}.w-83{width:calc(var(--spacing)*83)}.w-\[10\%\]{width:10%}.w-\[14\%\]{width:14%}.w-\[20\%\]{width:20%}.w-\[80\%\]{width:80%}.w-\[86\%\]{width:86%}.w-\[90\%\]{width:90%}.w-\[100px\]{width:100px}.w-\[100vw\]{width:100vw}.w-\[305px\]{width:305px}.w-\[calc\(50\%-8px\)\]{width:calc(50% - 8px)}.w-auto{width:auto}.w-full{width:100%}.w-full\!{width:100%!important}.w-max{width:max-content}.w-max\!{width:max-content!important}.w-screen{width:100vw}.max-w-107{max-width:calc(var(--spacing)*107)}.max-w-110{max-width:calc(var(--spacing)*110)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-\[-1\]{--tw-scale-x:-1;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-between{place-content:space-between}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.\!justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3\!{gap:calc(var(--spacing)*3)!important}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-18{gap:calc(var(--spacing)*18)}.gap-20{gap:calc(var(--spacing)*20)}.gap-\[16px\]{gap:16px}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-10{column-gap:calc(var(--spacing)*10)}.gap-x-20{column-gap:calc(var(--spacing)*20)}.gap-x-\[10px\]{column-gap:10px}.gap-x-\[12px\]{column-gap:12px}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-8{row-gap:calc(var(--spacing)*8)}.gap-y-\[7\.63px\]{row-gap:7.63px}.gap-y-\[10\.17px\]{row-gap:10.17px}.gap-y-\[10px\]{row-gap:10px}.gap-y-\[11px\]{row-gap:11px}.self-end{align-self:flex-end}.\!overflow-hidden{overflow:hidden!important}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-tl-2xl{border-top-left-radius:var(--radius-2xl)}.rounded-tl-3xl{border-top-left-radius:var(--radius-3xl)}.rounded-tr-3xl{border-top-right-radius:var(--radius-3xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-\[24px\]{border-bottom-right-radius:24px;border-bottom-left-radius:24px}.rounded-br-3xl{border-bottom-right-radius:var(--radius-3xl)}.\!rounded-bl-xl{border-bottom-left-radius:var(--radius-xl)!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-r-8{border-right-style:var(--tw-border-style);border-right-width:8px}.border-b-8{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.bg-\[url\(\/img\/Footer\/background_dark\.webp\)\]{background-image:url(/img/Footer/background_dark.webp)}.bg-\[url\(\/img\/Footer\/background_light\.webp\)\]{background-image:url(/img/Footer/background_light.webp)}.bg-\[url\(\/img\/Section3\/background_dark\.webp\)\]{background-image:url(/img/Section3/background_dark.webp)}.bg-\[url\(\/img\/Section3\/background_light\.webp\)\]{background-image:url(/img/Section3/background_light.webp)}.bg-\[url\(\/img\/Section4\/purple_bg_mobile\.svg\)\]{background-image:url(/img/Section4/purple_bg_mobile.svg)}.bg-\[url\(\/img\/Section5\/fifth_background_dark\.webp\)\]{background-image:url(/img/Section5/fifth_background_dark.webp)}.bg-\[url\(\/img\/Section5\/fifth_background_light\.webp\)\]{background-image:url(/img/Section5/fifth_background_light.webp)}.bg-\[url\(\/img\/Section8\/eighth_background\.webp\)\]{background-image:url(/img/Section8/eighth_background.webp)}.bg-\[url\(\/img\/background_dark\.webp\)\]{background-image:url(/img/background_dark.webp)}.bg-\[url\(\/img\/background_light\.webp\)\]{background-image:url(/img/background_light.webp)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.\!p-4{padding:calc(var(--spacing)*4)!important}.\!p-6{padding:calc(var(--spacing)*6)!important}.p-0\!{padding:calc(var(--spacing)*0)!important}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.\!px-4{padding-inline:calc(var(--spacing)*4)!important}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-2{padding-block:calc(var(--spacing)*2)}.py-20{padding-block:calc(var(--spacing)*20)}.\!pt-20{padding-top:calc(var(--spacing)*20)!important}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-15{padding-top:calc(var(--spacing)*15)}.pt-20{padding-top:calc(var(--spacing)*20)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-\[6px\]{padding-right:6px}.\!pb-0{padding-bottom:calc(var(--spacing)*0)!important}.\!pb-8{padding-bottom:calc(var(--spacing)*8)!important}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-right{text-align:right}.\!text-4xl{font-size:var(--text-4xl)!important;line-height:var(--tw-leading,var(--text-4xl--line-height))!important}.\!text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\!text-\[11px\]{font-size:11px!important}.\!text-\[32px\]{font-size:32px!important}.\!text-\[48px\]{font-size:48px!important}.\!text-\[50px\]{font-size:50px!important}.\!text-\[56px\]{font-size:56px!important}.\!text-\[80px\]{font-size:80px!important}.\!text-\[93px\]{font-size:93px!important}.\!text-\[110px\]{font-size:110px!important}.\!text-\[120px\]{font-size:120px!important}.\!text-\[124px\]{font-size:124px!important}.\!text-\[130px\]{font-size:130px!important}.\!text-\[140px\]{font-size:140px!important}.\!text-\[180px\]{font-size:180px!important}.\!text-\[192px\]{font-size:192px!important}.\!text-\[210\.14px\]{font-size:210.14px!important}.text-\[11px\]{font-size:11px}.text-\[12\.71px\]{font-size:12.71px}.text-\[12px\]{font-size:12px}.text-\[16px\]{font-size:16px}.text-\[25\.43px\]{font-size:25.43px}.text-\[26\.01px\]{font-size:26.01px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[56px\]{font-size:56px}.\!leading-\[32px\]{--tw-leading:32px!important;line-height:32px!important}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-12{--tw-leading:calc(var(--spacing)*12);line-height:calc(var(--spacing)*12)}.leading-\[-20px\]{--tw-leading:-20px;line-height:-20px}.leading-\[17\.794px\]{--tw-leading:17.794px;line-height:17.794px}.leading-\[20\.48px\]{--tw-leading:20.48px;line-height:20.48px}.leading-\[23\.04px\]{--tw-leading:23.04px;line-height:23.04px}.leading-\[28\.611px\]{--tw-leading:28.611px;line-height:28.611px}.leading-\[30\.516px\]{--tw-leading:30.516px;line-height:30.516px}.leading-\[34\.8px\]{--tw-leading:34.8px;line-height:34.8px}.leading-\[48px\]{--tw-leading:48px;line-height:48px}.\!font-normal{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!tracking-\[1\.17045px\]{--tw-tracking:1.17045px!important;letter-spacing:1.17045px!important}.tracking-\[-0\.2543px\]{--tw-tracking:-.2543px;letter-spacing:-.2543px}.tracking-\[-9\.62px\]{--tw-tracking:-9.62px;letter-spacing:-9.62px}.tracking-\[0\.56px\]{--tw-tracking:.56px;letter-spacing:.56px}.tracking-\[0\.5084px\]{--tw-tracking:.5084px;letter-spacing:.5084px}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-lg\!{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xl\!{--tw-backdrop-blur:blur(var(--blur-xl))!important;-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)!important;backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)!important}.\!transition-all{transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\!duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.duration-150{--tw-duration:.15s;transition-duration:.15s}.\!ease-in-out{--tw-ease:var(--ease-in-out)!important;transition-timing-function:var(--ease-in-out)!important}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:animate-bounce:hover{animation:var(--animate-bounce)}.hover\:text-\[\#049E96\]\!:hover{color:#049e96!important}.hover\:text-\[\#227CFF\]\!:hover{color:#227cff!important}.hover\:text-\[\#649DCA\]\!:hover{color:#649dca!important}.hover\:text-\[\#813ADF\]\!:hover{color:#813adf!important}.hover\:text-\[var\(--comp-color-primary\)\]\!:hover{color:var(--comp-color-primary)!important}.hover\:text-\[var\(--futura-color-primary\)\]\!:hover{color:var(--futura-color-primary)!important}.hover\:opacity-100:hover{opacity:1}}@media not all and (min-width:96rem){.max-2xl\:hidden{display:none}}@media not all and (min-width:48rem){.max-md\:hidden{display:none}}@media (min-width:345px){.min-\[345px\]\:\!text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}}@media (min-width:40rem){.sm\:-top-14{top:calc(var(--spacing)*-14)}.sm\:-top-48{top:calc(var(--spacing)*-48)}.sm\:-top-49{top:calc(var(--spacing)*-49)}.sm\:-top-50{top:calc(var(--spacing)*-50)}.sm\:-top-52{top:calc(var(--spacing)*-52)}.sm\:-right-7{right:calc(var(--spacing)*-7)}.sm\:left-15{left:calc(var(--spacing)*15)}.sm\:my-16{margin-block:calc(var(--spacing)*16)}.sm\:mt-6{margin-top:calc(var(--spacing)*6)}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:mb-\[64\.94px\]{margin-bottom:64.94px}.sm\:\!hidden{display:none!important}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.sm\:size-26{width:calc(var(--spacing)*26);height:calc(var(--spacing)*26)}.sm\:h-auto{height:auto}.sm\:w-22{width:calc(var(--spacing)*22)}.sm\:w-26{width:calc(var(--spacing)*26)}.sm\:w-30{width:calc(var(--spacing)*30)}.sm\:w-36{width:calc(var(--spacing)*36)}.sm\:w-38{width:calc(var(--spacing)*38)}.sm\:w-40{width:calc(var(--spacing)*40)}.sm\:w-45{width:calc(var(--spacing)*45)}.sm\:w-52{width:calc(var(--spacing)*52)}.sm\:w-72{width:calc(var(--spacing)*72)}.sm\:w-100{width:calc(var(--spacing)*100)}.sm\:w-130{width:calc(var(--spacing)*130)}.sm\:w-\[10\%\]{width:10%}.sm\:w-\[90\%\]{width:90%}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-full{max-width:100%}.sm\:-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:flex-row{flex-direction:row}.sm\:\!justify-start{justify-content:flex-start!important}.sm\:justify-start{justify-content:flex-start}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-14{gap:calc(var(--spacing)*14)}.sm\:bg-\[url\(\/img\/Section4\/purple_bg\.svg\)\]{background-image:url(/img/Section4/purple_bg.svg)}.sm\:pt-0{padding-top:calc(var(--spacing)*0)}.sm\:pb-20{padding-bottom:calc(var(--spacing)*20)}.sm\:\!text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.sm\:\!text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}.sm\:\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.sm\:\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:\!text-\[12\.71px\]{font-size:12.71px!important}.sm\:\!text-\[32px\]{font-size:32px!important}.sm\:\!text-\[60px\]{font-size:60px!important}.sm\:\!text-\[70px\]{font-size:70px!important}.sm\:\!text-\[163px\]{font-size:163px!important}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[35px\]{font-size:35px}.sm\:leading-14{--tw-leading:calc(var(--spacing)*14);line-height:calc(var(--spacing)*14)}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:static{position:static}.md\:-top-53{top:calc(var(--spacing)*-53)}.md\:-top-59{top:calc(var(--spacing)*-59)}.md\:-top-66{top:calc(var(--spacing)*-66)}.md\:-top-68{top:calc(var(--spacing)*-68)}.md\:-top-70{top:calc(var(--spacing)*-70)}.md\:-top-74{top:calc(var(--spacing)*-74)}.md\:top-6{top:calc(var(--spacing)*6)}.md\:top-20{top:calc(var(--spacing)*20)}.md\:right-0{right:calc(var(--spacing)*0)}.md\:\!mt-26{margin-top:calc(var(--spacing)*26)!important}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-8{margin-top:calc(var(--spacing)*8)}.md\:mt-10{margin-top:calc(var(--spacing)*10)}.md\:mt-77{margin-top:calc(var(--spacing)*77)}.md\:mt-\[38px\]{margin-top:38px}.md\:mt-\[65px\]{margin-top:65px}.md\:mt-\[72\.9px\]{margin-top:72.9px}.md\:mr-6{margin-right:calc(var(--spacing)*6)}.md\:mr-10{margin-right:calc(var(--spacing)*10)}.md\:\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.md\:\!mb-\[9\.10px\]{margin-bottom:9.1px!important}.md\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\:mb-5{margin-bottom:calc(var(--spacing)*5)}.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:mb-\[61\.02px\]{margin-bottom:61.02px}.md\:ml-4{margin-left:calc(var(--spacing)*4)}.md\:\!block{display:block!important}.md\:\!hidden{display:none!important}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.md\:\!h-68{height:calc(var(--spacing)*68)!important}.md\:\!h-94{height:calc(var(--spacing)*94)!important}.md\:\!h-97{height:calc(var(--spacing)*97)!important}.md\:h-28{height:calc(var(--spacing)*28)}.md\:h-60{height:calc(var(--spacing)*60)}.md\:h-100{height:calc(var(--spacing)*100)}.md\:h-\[510px\]{height:510px}.md\:h-\[1021px\]{height:1021px}.md\:h-\[1078px\]{height:1078px}.md\:h-\[1113px\]{height:1113px}.md\:h-\[1203px\]{height:1203px}.md\:h-\[calc\(100\%-25px\)\]{height:calc(100% - 25px)}.md\:h-\[calc\(100\%-48px\)\]{height:calc(100% - 48px)}.md\:h-screen{height:100vh}.md\:min-h-210{min-height:calc(var(--spacing)*210)}.md\:\!w-\[calc\(25\%-8px\)\]{width:calc(25% - 8px)!important}.md\:\!w-\[calc\(33\%-8px\)\]{width:calc(33% - 8px)!important}.md\:\!w-\[calc\(33\%-12px\)\]{width:calc(33% - 12px)!important}.md\:w-30{width:calc(var(--spacing)*30)}.md\:w-40{width:calc(var(--spacing)*40)}.md\:w-48{width:calc(var(--spacing)*48)}.md\:w-56{width:calc(var(--spacing)*56)}.md\:w-60{width:calc(var(--spacing)*60)}.md\:w-72{width:calc(var(--spacing)*72)}.md\:w-82{width:calc(var(--spacing)*82)}.md\:w-92{width:calc(var(--spacing)*92)}.md\:w-120{width:calc(var(--spacing)*120)}.md\:w-140{width:calc(var(--spacing)*140)}.md\:w-\[465px\]{width:465px}.md\:w-\[calc\(75\%-8px\)\]{width:calc(75% - 8px)}.md\:w-full{width:100%}.md\:-translate-y-4{--tw-translate-y:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-start{justify-content:flex-start}.md\:gap-0{gap:calc(var(--spacing)*0)}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-12{gap:calc(var(--spacing)*12)}.md\:gap-x-15{column-gap:calc(var(--spacing)*15)}.md\:overflow-visible{overflow:visible}.md\:\!rounded-bl-3xl{border-bottom-left-radius:var(--radius-3xl)!important}.md\:\!p-10{padding:calc(var(--spacing)*10)!important}.md\:p-0{padding:calc(var(--spacing)*0)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:\!pt-0{padding-top:calc(var(--spacing)*0)!important}.md\:\!pt-67{padding-top:calc(var(--spacing)*67)!important}.md\:\!pt-\[137px\]{padding-top:137px!important}.md\:\!pt-\[148px\]{padding-top:148px!important}.md\:\!pt-\[227px\]{padding-top:227px!important}.md\:\!pt-\[274\.77px\]{padding-top:274.77px!important}.md\:pt-0{padding-top:calc(var(--spacing)*0)}.md\:pt-40{padding-top:calc(var(--spacing)*40)}.md\:pr-8{padding-right:calc(var(--spacing)*8)}.md\:\!pb-0{padding-bottom:calc(var(--spacing)*0)!important}.md\:\!pb-15{padding-bottom:calc(var(--spacing)*15)!important}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}.md\:text-end{text-align:end}.md\:text-start{text-align:start}.md\:\!text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}.md\:\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.md\:\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:\!text-\[12\.71px\]{font-size:12.71px!important}.md\:\!text-\[14\.8px\]{font-size:14.8px!important}.md\:\!text-\[17\.8px\]{font-size:17.8px!important}.md\:\!text-\[34px\]{font-size:34px!important}.md\:\!text-\[35\.6px\]{font-size:35.6px!important}.md\:\!text-\[50\.85px\]{font-size:50.85px!important}.md\:\!text-\[56px\]{font-size:56px!important}.md\:\!text-\[80px\]{font-size:80px!important}.md\:\!text-\[174px\]{font-size:174px!important}.md\:text-\[46px\]{font-size:46px}.md\:leading-18{--tw-leading:calc(var(--spacing)*18);line-height:calc(var(--spacing)*18)}.md\:leading-\[17\.92px\]{--tw-leading:17.92px;line-height:17.92px}.md\:leading-\[42\.72px\]{--tw-leading:42.72px;line-height:42.72px}.md\:leading-\[53\.76px\]{--tw-leading:53.76px;line-height:53.76px}.md\:leading-\[54\.88px\]{--tw-leading:54.88px;line-height:54.88px}.md\:tracking-\[-0\.356px\]{--tw-tracking:-.356px;letter-spacing:-.356px}.md\:tracking-\[0\.56px\]{--tw-tracking:.56px;letter-spacing:.56px}}@media (min-width:64rem){.lg\:top-4{top:calc(var(--spacing)*4)}.lg\:top-50{top:calc(var(--spacing)*50)}.lg\:top-56{top:calc(var(--spacing)*56)}.lg\:top-58{top:calc(var(--spacing)*58)}.lg\:top-62{top:calc(var(--spacing)*62)}.lg\:top-76{top:calc(var(--spacing)*76)}.lg\:top-78{top:calc(var(--spacing)*78)}.lg\:top-\[-115px\]{top:-115px}.lg\:top-\[-170px\]{top:-170px}.lg\:top-\[6px\]{top:6px}.lg\:top-\[126px\]{top:126px}.lg\:right-5{right:calc(var(--spacing)*5)}.lg\:right-\[4px\]{right:4px}.lg\:right-\[333px\]{right:333px}.lg\:bottom-\[-14px\]{bottom:-14px}.lg\:left-4{left:calc(var(--spacing)*4)}.lg\:left-\[18\.5px\]{left:18.5px}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:mx-4{margin-inline:calc(var(--spacing)*4)}.lg\:\!mt-\[45px\]{margin-top:45px!important}.lg\:\!mt-\[102\.22px\]{margin-top:102.22px!important}.lg\:mt-0{margin-top:calc(var(--spacing)*0)}.lg\:mt-16{margin-top:calc(var(--spacing)*16)}.lg\:mt-\[43\.19px\]{margin-top:43.19px}.lg\:mr-10{margin-right:calc(var(--spacing)*10)}.lg\:\!mb-5{margin-bottom:calc(var(--spacing)*5)!important}.lg\:\!mb-7{margin-bottom:calc(var(--spacing)*7)!important}.lg\:\!mb-\[21\.83px\]{margin-bottom:21.83px!important}.lg\:\!mb-\[24px\]{margin-bottom:24px!important}.lg\:\!mb-\[48px\]{margin-bottom:48px!important}.lg\:\!mb-\[160\.49px\]{margin-bottom:160.49px!important}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-10{margin-bottom:calc(var(--spacing)*10)}.lg\:mb-20{margin-bottom:calc(var(--spacing)*20)}.lg\:mb-22{margin-bottom:calc(var(--spacing)*22)}.lg\:mb-\[60\.64px\]{margin-bottom:60.64px}.lg\:mb-\[178px\]{margin-bottom:178px}.lg\:ml-10{margin-left:calc(var(--spacing)*10)}.lg\:\!block{display:block!important}.lg\:\!hidden{display:none!important}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:\!h-88{height:calc(var(--spacing)*88)!important}.lg\:\!h-117{height:calc(var(--spacing)*117)!important}.lg\:\!h-\[319px\]{height:319px!important}.lg\:\!h-\[391px\]{height:391px!important}.lg\:\!h-\[956px\]{height:956px!important}.lg\:\!h-auto{height:auto!important}.lg\:h-17{height:calc(var(--spacing)*17)}.lg\:h-242{height:calc(var(--spacing)*242)}.lg\:h-\[64px\]{height:64px}.lg\:h-\[300\.4px\]{height:300.4px}.lg\:h-\[498px\]{height:498px}.lg\:h-\[619\.7px\]{height:619.7px}.lg\:h-\[655px\]{height:655px}.lg\:h-\[952\.98px\]{height:952.98px}.lg\:h-\[1088\.02px\]{height:1088.02px}.lg\:h-\[calc\(100\%-80px\)\]{height:calc(100% - 80px)}.lg\:h-\[calc\(100\%-230px\)\]{height:calc(100% - 230px)}.lg\:h-auto{height:auto}.lg\:\!w-155{width:calc(var(--spacing)*155)!important}.lg\:\!w-\[63\%\]{width:63%!important}.lg\:\!w-\[350px\]{width:350px!important}.lg\:\!w-\[636px\]{width:636px!important}.lg\:\!w-\[calc\(33\%-8px\)\]{width:calc(33% - 8px)!important}.lg\:w-12{width:calc(var(--spacing)*12)}.lg\:w-13{width:calc(var(--spacing)*13)}.lg\:w-40{width:calc(var(--spacing)*40)}.lg\:w-50{width:calc(var(--spacing)*50)}.lg\:w-58{width:calc(var(--spacing)*58)}.lg\:w-62{width:calc(var(--spacing)*62)}.lg\:w-64{width:calc(var(--spacing)*64)}.lg\:w-74{width:calc(var(--spacing)*74)}.lg\:w-80{width:calc(var(--spacing)*80)}.lg\:w-108{width:calc(var(--spacing)*108)}.lg\:w-110{width:calc(var(--spacing)*110)}.lg\:w-120{width:calc(var(--spacing)*120)}.lg\:w-141{width:calc(var(--spacing)*141)}.lg\:w-\[20\%\]{width:20%}.lg\:w-\[80\%\]{width:80%}.lg\:w-\[441px\]{width:441px}.lg\:w-\[557px\]{width:557px}.lg\:w-\[661px\]{width:661px}.lg\:w-\[calc\(100\%-350px\)\]{width:calc(100% - 350px)}.lg\:w-auto{width:auto}.lg\:scale-80{--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.lg\:justify-start{justify-content:flex-start}.lg\:gap-0{gap:calc(var(--spacing)*0)}.lg\:gap-4{gap:calc(var(--spacing)*4)}.lg\:gap-5{gap:calc(var(--spacing)*5)}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-x-0{column-gap:calc(var(--spacing)*0)}.lg\:gap-x-3{column-gap:calc(var(--spacing)*3)}.lg\:gap-x-4{column-gap:calc(var(--spacing)*4)}.lg\:gap-x-47{column-gap:calc(var(--spacing)*47)}.lg\:gap-y-6{row-gap:calc(var(--spacing)*6)}.lg\:gap-y-\[10px\]{row-gap:10px}.lg\:rounded-\[48px\]{border-radius:48px}.lg\:border-r-7{border-right-style:var(--tw-border-style);border-right-width:7px}.lg\:border-b-7{border-bottom-style:var(--tw-border-style);border-bottom-width:7px}.lg\:\!p-8{padding:calc(var(--spacing)*8)!important}.lg\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:\!pt-0{padding-top:calc(var(--spacing)*0)!important}.lg\:\!pt-20{padding-top:calc(var(--spacing)*20)!important}.lg\:pt-5{padding-top:calc(var(--spacing)*5)}.lg\:pt-10{padding-top:calc(var(--spacing)*10)}.lg\:\!pr-10{padding-right:calc(var(--spacing)*10)!important}.lg\:pr-\[46px\]{padding-right:46px}.lg\:\!pb-10{padding-bottom:calc(var(--spacing)*10)!important}.lg\:\!pb-\[134px\]{padding-bottom:134px!important}.lg\:pb-0{padding-bottom:calc(var(--spacing)*0)}.lg\:\!pl-12{padding-left:calc(var(--spacing)*12)!important}.lg\:pl-8{padding-left:calc(var(--spacing)*8)}.lg\:text-start{text-align:start}.lg\:\!text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.lg\:\!text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.lg\:\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.lg\:\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.lg\:\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lg\:\!text-\[18px\]{font-size:18px!important}.lg\:\!text-\[25\.43px\]{font-size:25.43px!important}.lg\:\!text-\[34px\]{font-size:34px!important}.lg\:\!text-\[40px\]{font-size:40px!important}.lg\:\!text-\[48px\]{font-size:48px!important}.lg\:\!text-\[64px\]{font-size:64px!important}.lg\:\!text-\[104px\]{font-size:104px!important}.lg\:\!text-\[111\.88px\]{font-size:111.88px!important}.lg\:\!text-\[140px\]{font-size:140px!important}.lg\:\!text-\[310px\]{font-size:310px!important}.lg\:text-\[52\.88px\]{font-size:52.88px}.lg\:text-\[55px\]{font-size:55px}.lg\:\!leading-\[24\.426px\]{--tw-leading:24.426px!important;line-height:24.426px!important}.lg\:\!leading-\[28px\]{--tw-leading:28px!important;line-height:28px!important}.lg\:\!leading-\[32px\]{--tw-leading:32px!important;line-height:32px!important}.lg\:\!leading-\[48px\]{--tw-leading:48px!important;line-height:48px!important}.lg\:\!leading-\[60px\]{--tw-leading:60px!important;line-height:60px!important}.lg\:\!leading-\[72px\]{--tw-leading:72px!important;line-height:72px!important}.lg\:leading-24{--tw-leading:calc(var(--spacing)*24);line-height:calc(var(--spacing)*24)}.lg\:leading-\[25\.6px\]{--tw-leading:25.6px;line-height:25.6px}.lg\:leading-\[33px\]{--tw-leading:33px;line-height:33px}.lg\:leading-\[34\.8px\]{--tw-leading:34.8px;line-height:34.8px}.lg\:leading-\[41\.6px\]{--tw-leading:41.6px;line-height:41.6px}.lg\:leading-\[53\.76px\]{--tw-leading:53.76px;line-height:53.76px}.lg\:\!tracking-\[0\.4px\]{--tw-tracking:.4px!important;letter-spacing:.4px!important}.lg\:\!tracking-\[0\.9px\]{--tw-tracking:.9px!important;letter-spacing:.9px!important}.lg\:tracking-\[0\.64px\]{--tw-tracking:.64px;letter-spacing:.64px}}@media (min-width:80rem){.xl\:top-20{top:calc(var(--spacing)*20)}.xl\:top-26{top:calc(var(--spacing)*26)}.xl\:top-38{top:calc(var(--spacing)*38)}.xl\:top-44{top:calc(var(--spacing)*44)}.xl\:top-50{top:calc(var(--spacing)*50)}.xl\:top-60{top:calc(var(--spacing)*60)}.xl\:top-\[-100px\]{top:-100px}.xl\:top-\[-170px\]{top:-170px}.xl\:right-10{right:calc(var(--spacing)*10)}.xl\:right-\[-18px\]{right:-18px}.xl\:right-\[387px\]{right:387px}.xl\:bottom-\[-9px\]{bottom:-9px}.xl\:left-\[70\.5px\]{left:70.5px}.xl\:mx-10{margin-inline:calc(var(--spacing)*10)}.xl\:mt-0{margin-top:calc(var(--spacing)*0)}.xl\:mt-30{margin-top:calc(var(--spacing)*30)}.xl\:mr-\[80px\]{margin-right:80px}.xl\:\!mb-\[38px\]{margin-bottom:38px!important}.xl\:ml-\[80px\]{margin-left:80px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:\!h-118{height:calc(var(--spacing)*118)!important}.xl\:\!h-\[654px\]{height:654px!important}.xl\:h-\[1076px\]{height:1076px}.xl\:h-\[1080px\]{height:1080px}.xl\:h-\[calc\(100\%-382px\)\]{height:calc(100% - 382px)}.xl\:h-auto{height:auto}.xl\:\!w-\[68\%\]{width:68%!important}.xl\:\!w-\[400px\]{width:400px!important}.xl\:\!w-\[646px\]{width:646px!important}.xl\:w-64{width:calc(var(--spacing)*64)}.xl\:w-72{width:calc(var(--spacing)*72)}.xl\:w-80{width:calc(var(--spacing)*80)}.xl\:w-\[286\.5px\]{width:286.5px}.xl\:w-\[calc\(100\%-400px\)\]{width:calc(100% - 400px)}.xl\:w-auto{width:auto}.xl\:w-full{width:100%}.xl\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.xl\:justify-start{justify-content:flex-start}.xl\:gap-6{gap:calc(var(--spacing)*6)}.xl\:gap-x-10{column-gap:calc(var(--spacing)*10)}.xl\:gap-x-\[31px\]{column-gap:31px}.xl\:gap-x-\[385px\]{column-gap:385px}.xl\:pt-\[57px\]{padding-top:57px}.xl\:\!pr-\[45\.74px\]{padding-right:45.74px!important}.xl\:pb-\[50px\]{padding-bottom:50px}.xl\:\!pl-\[49px\]{padding-left:49px!important}.xl\:\!text-\[26px\]{font-size:26px!important}.xl\:\!text-\[40px\]{font-size:40px!important}.xl\:\!text-\[56px\]{font-size:56px!important}.xl\:\!text-\[68px\]{font-size:68px!important}}@media (min-width:96rem){.\32 xl\:top-40{top:calc(var(--spacing)*40)}.\32 xl\:top-50{top:calc(var(--spacing)*50)}.\32 xl\:top-56{top:calc(var(--spacing)*56)}.\32 xl\:top-64{top:calc(var(--spacing)*64)}.\32 xl\:top-70{top:calc(var(--spacing)*70)}.\32 xl\:top-80{top:calc(var(--spacing)*80)}.\32 xl\:top-\[100px\]{top:100px}.\32 xl\:right-\[4px\]{right:4px}.\32 xl\:right-\[87px\]{right:87px}.\32 xl\:right-\[483px\]{right:483px}.\32 xl\:bottom-20{bottom:calc(var(--spacing)*20)}.\32 xl\:left-\[126\.5px\]{left:126.5px}.\32 xl\:block{display:block}.\32 xl\:\!h-89{height:calc(var(--spacing)*89)!important}.\32 xl\:\!h-125{height:calc(var(--spacing)*125)!important}.\32 xl\:h-\[304px\]{height:304px}.\32 xl\:h-\[calc\(100\%-300px\)\]{height:calc(100% - 300px)}.\32 xl\:\!w-134{width:calc(var(--spacing)*134)!important}.\32 xl\:\!w-\[61\%\]{width:61%!important}.\32 xl\:\!w-\[496px\]{width:496px!important}.\32 xl\:w-96{width:calc(var(--spacing)*96)}.\32 xl\:w-110{width:calc(var(--spacing)*110)}.\32 xl\:w-\[75px\]{width:75px}.\32 xl\:w-\[calc\(100\%-496px\)\]{width:calc(100% - 496px)}.\32 xl\:w-auto{width:auto}.\32 xl\:gap-0{gap:calc(var(--spacing)*0)}.\32 xl\:gap-10{gap:calc(var(--spacing)*10)}.\32 xl\:gap-x-\[429px\]{column-gap:429px}.\32 xl\:\!text-\[30px\]{font-size:30px!important}.\32 xl\:\!text-\[40px\]{font-size:40px!important}}.\[\&_\.monaco-scrollable-element_\.decorationsOverviewRuler\]\:\!w-\[6px\] .monaco-scrollable-element .decorationsOverviewRuler{width:6px!important}.\[\&_\.monaco-scrollable-element_\.horizontal\]\:\!h-\[6px\] .monaco-scrollable-element .horizontal{height:6px!important}.\[\&_\.monaco-scrollable-element_\.vertical\]\:\!w-\[6px\] .monaco-scrollable-element .vertical{width:6px!important}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce3{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-blink{animation:1s step-end infinite blink}.animate-bounce2{animation:2s infinite bounce}.animate-bounce3{animation:3s ease-in-out infinite bounce3}}body,h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif!important}p{margin-bottom:0!important}.section4:after{content:"";background-color:#fff;border-radius:50%;width:200px;height:200px;margin-left:-100px;position:absolute;top:-100px;left:50%}.navbar__items.navbar__items--right{gap:12px}.breadcrumbs__item>a{height:19px}.monaco-editor .margin,.monaco-editor .monaco-editor-background,.monaco-editor .view-lines{outline:none!important}[data-theme-variant=home]{--ifm-color-primary:#5438dc;--ifm-color-primary-light:#c2b8ff;--ifm-color-primary-contrast:#fff}[data-theme-variant=chrysalis]{--ifm-color-primary:#049e96;--ifm-color-primary-light:#59ede0;--ifm-color-primary-contrast:#fff}[data-theme-variant=argus]{--ifm-color-primary:#813adf;--ifm-color-primary-light:#813adf;--ifm-color-primary-contrast:#fff}[data-theme-variant=razor]{--ifm-color-primary:#649dca;--ifm-color-primary-light:#649dca;--ifm-color-primary-contrast:#fff}[data-theme=dark][data-theme-variant=futura]{--ifm-color-primary:#936fb6;--ifm-color-primary-light:#fff8e0;--ifm-color-primary-contrast:#fff}[data-theme=light][data-theme-variant=futura]{--ifm-color-primary:indigo;--ifm-color-primary-light:#fff8e0;--ifm-color-primary-contrast:#fff}[data-theme=dark][data-theme-variant=comp]{--ifm-color-primary:#ff8f71;--ifm-color-primary-light:#ff8f71;--ifm-color-primary-contrast:#fff}[data-theme=light][data-theme-variant=comp]{--ifm-color-primary:#f83c01;--ifm-color-primary-light:#ff8f71;--ifm-color-primary-contrast:#fff}[data-theme=dark]{--futura-color-primary:#936fb6;--comp-color-primary:#ff8f71;background-color:#191919}[data-theme=light]{--futura-color-primary:indigo;--comp-color-primary:#f83c01;background-color:#fff}@media only screen and (max-width:997px){.navbar-icon{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}} \ No newline at end of file From b936a8d69ccfe84d59cf0b310a054d305173fc62 Mon Sep 17 00:00:00 2001 From: CML90 Date: Mon, 16 Jun 2025 19:48:12 +0800 Subject: [PATCH 08/10] fix: adjust positioning of Cardano logo --- src/components/Futura/Futura.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/Futura/Futura.tsx b/src/components/Futura/Futura.tsx index be349f4..ff7e484 100644 --- a/src/components/Futura/Futura.tsx +++ b/src/components/Futura/Futura.tsx @@ -53,8 +53,8 @@ export default function Futura(): ReactNode { }} />

-
- +
+

@@ -149,7 +149,7 @@ export default function Futura(): ReactNode { >
-

Cardano Smart Contracts

+

Cardano Smart Contracts

- +
From d88d2b7082a6df22287e17d42fbdcae8261cc8b1 Mon Sep 17 00:00:00 2001 From: CML90 Date: Mon, 16 Jun 2025 19:50:11 +0800 Subject: [PATCH 09/10] fix: remove commented code in Futura component --- src/components/Futura/Futura.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/Futura/Futura.tsx b/src/components/Futura/Futura.tsx index ff7e484..497039f 100644 --- a/src/components/Futura/Futura.tsx +++ b/src/components/Futura/Futura.tsx @@ -61,7 +61,6 @@ export default function Futura(): ReactNode { Futura - a domain-specific
language built on F#

- {/* Code */}
Date: Mon, 16 Jun 2025 19:55:52 +0800 Subject: [PATCH 10/10] fix: update padding and heading styles in Futura component --- src/components/Futura/Futura.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Futura/Futura.tsx b/src/components/Futura/Futura.tsx index 497039f..ba1baf5 100644 --- a/src/components/Futura/Futura.tsx +++ b/src/components/Futura/Futura.tsx @@ -209,7 +209,7 @@ export default function Futura(): ReactNode {
-

Cardano Smart
Contracts

+

Cardano Smart Contracts