[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_396":397},"routes/$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18},"pageData",{"_19":20,"_21":22,"_23":24,"_25":-5,"_26":27,"_28":29,"_30":31,"_32":33},"query",{},"anonymousId","328a810e-b400-41a4-83f8-e2f78e8ad702","url","http://rotech.funnel.metaforma.io/checkout-starter","lang","en","google_fonts",{"_90":91,"_92":93},"funnel_step_version",{"_34":36,"_37":38,"_39":40,"_41":42,"_43":24,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":-5,"_52":-5,"_53":-5,"_54":-5,"_55":-5,"_56":57,"_58":-5},"payment_type","","currency","payment_mode","live","organization_id",2727,"organization",{"_34":29,"_35":18},"plan_slug","freemium","id","language",14697,"funnel_step_id",18063,"name","Checkout Page 1790683986","url_path","0f994ab8cad0ab3a5003614a212b37d0","image","assets",[],"components","css","@layer mf-builder;\n@layer mf-builder {\n:root{--mf-space-2xs:4px;--mf-space-xs:8px;--mf-space-sm:16px;--mf-space-md:24px;--mf-space-lg:48px;--mf-space-xl:72px;--mf-space-2xl:96px;--mf-space-3xl:128px;--mf-space-neg-sm:-16px;--mf-space-neg-md:-24px;--mf-space-neg-lg:-48px;--mf-space-neg-xl:-72px;--mf-pad-inline:clamp(16px,6%,96px);}@media(max-width:1024px){:root{--mf-space-lg:36px;--mf-space-xl:56px;--mf-space-2xl:72px;--mf-space-3xl:96px;--mf-space-neg-lg:-36px;--mf-space-neg-xl:-56px;}}@media(max-width:640px){:root{--mf-space-lg:24px;--mf-space-xl:40px;--mf-space-2xl:56px;--mf-space-3xl:72px;--mf-space-neg-lg:-24px;--mf-space-neg-xl:-40px;}}/* Body Settings */\n.editor-canvas-body-step-18063 {\n position: relative;\n background-color: #FFFFFF;\n background-image: none;\n background-size: auto;\n background-position: center;\n background-repeat: no-repeat;\n background-attachment: scroll;\n --mf-body-font-family: 'Work Sans';\n font-family: 'Work Sans';\n color: #000000;\n}\n\n/* Base Styles (Desktop) */\n.mf-page-content [ctt=\"text\"] span:not([cid]),\n .mf-page-content [ctt=\"text\"] u:not([cid]),\n .mf-page-content [ctt=\"text\"] s:not([cid]),\n .mf-page-content [ctt=\"text\"] strike:not([cid]),\n .mf-page-content [ctt=\"text\"] a:not([cid]),\n .mf-page-content input:not([cid]),\n .mf-page-content textarea:not([cid]) {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n font-weight: inherit;\n font-style: inherit;\n}\n.mf-page-content [ctt=\"text\"] b:not([cid]),\n .mf-page-content [ctt=\"text\"] strong:not([cid]) {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n font-style: inherit;\n}\n.mf-page-content [ctt=\"text\"] i:not([cid]),\n .mf-page-content [ctt=\"text\"] em:not([cid]) {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n font-weight: inherit;\n}\n@layer base {\n .mf-page-content input::placeholder,\n .mf-page-content textarea::placeholder {\n color: revert;\n }\n}\n@layer base {\n .mf-page-content input[type='checkbox'],\n .mf-page-content input[type='radio'],\n .mf-page-content input[type='range'],\n .mf-page-content input[type='color'],\n .mf-page-content input[type='file'],\n .mf-page-content input[type='image'],\n .mf-page-content input[type='button'],\n .mf-page-content input[type='submit'],\n .mf-page-content input[type='reset'] {\n background-color: revert;\n border: revert;\n padding: revert;\n }\n}\n.mf-page-content .comp-dsr6u3 {\n width: 100% !important;\n height: 0 !important;\n overflow: hidden !important;\n margin-top: 0 !important;\n margin-left: 0 !important;\n padding-top: 0 !important;\n margin-right: 0 !important;\n padding-left: 0 !important;\n margin-bottom: 0 !important;\n padding-right: 0 !important;\n padding-bottom: 0 !important;\n}\n.mf-page-content .comp-ssoux4 {\n display: inline-flex !important;\n align-items: center !important;\n flex-shrink: 0 !important;\n justify-content: center !important;\n}\n.mf-page-content .comp-vjfv55 {\n display: inline-flex !important;\n align-items: center !important;\n flex-shrink: 0 !important;\n justify-content: center !important;\n}\n.mf-page-content .comp-xds4dd [data-button-icon] {\n line-height: 1;\n display: flex;\n align-items: center;\n align-self: center;\n}\n.mf-page-content .comp-xds4dd [data-button-text] {\n display: flex;\n flex-direction: column;\n align-items: inherit;\n align-self: center;\n}\n\n/* Tablet Styles */\n@media (max-width: 1024px) {\n}\n\n/* Mobile Styles */\n@media (max-width: 768px) {\n}\n\n}\n\n/* Clone palette — authoritative (unlayered, beats @layer mf-builder) */\n:root { --radius: .75rem; --background: oklch(18.2% .031 265.5); --foreground: oklch(100% 0 0); --surface: oklch(27.9% .041 260.03); --surface-2: oklch(32.3% .043 259); --card: oklch(27.9% .041 260.03); --card-foreground: oklch(100% 0 0); --popover: oklch(27.9% .041 260.03); --popover-foreground: oklch(100% 0 0); --primary: oklch(76.2% .129 223.1); --primary-foreground: oklch(18.2% .031 265.5); --secondary: oklch(32.3% .043 259); --secondary-foreground: oklch(100% 0 0); --muted: oklch(27.9% .041 260.03); --muted-foreground: oklch(71.1% .035 256.79); --accent: oklch(32.3% .043 259); --accent-foreground: oklch(100% 0 0); --highlight: oklch(90.6% .176 99.3); --highlight-foreground: oklch(18.2% .031 265.5); --success: oklch(77% .19 148); --brand: oklch(64% .17 255); --brand-foreground: oklch(100% 0 0); --brand-soft: oklch(78% .12 245); --navy: oklch(20% .06 262); --navy-foreground: oklch(100% 0 0); --soft: oklch(96.5% .012 250); --card-light: oklch(100% 0 0); --card-light-foreground: oklch(20% .04 262); --shadow-brand: 0 0 34px -6px oklch(64% .17 255/.65); --destructive: oklch(63.7% .208 25.3); --destructive-foreground: oklch(100% 0 0); --border: oklch(76.2% .129 223.1/.2); --input: oklch(76.2% .129 223.1/.25); --ring: oklch(76.2% .129 223.1); --chart-1: oklch(76.2% .129 223.1); --chart-2: oklch(90.6% .176 99.3); --chart-3: oklch(71.1% .035 256.79); --chart-4: oklch(62.7% .265 303.9); --chart-5: oklch(77% .19 148); --sidebar: oklch(27.9% .041 260.03); --sidebar-foreground: oklch(100% 0 0); --sidebar-primary: oklch(76.2% .129 223.1); --sidebar-primary-foreground: oklch(18.2% .031 265.5); --sidebar-accent: oklch(32.3% .043 259); --sidebar-accent-foreground: oklch(100% 0 0); --sidebar-border: oklch(76.2% .129 223.1/.2); --sidebar-ring: oklch(76.2% .129 223.1); --gradient-glow: radial-gradient(60% 60% at 50% 0%, oklch(76.2% .129 223.1/.22) 0%, transparent 70%); --gradient-border: linear-gradient(120deg, oklch(76.2% .129 223.1/.6), oklch(90.6% .176 99.3/.45)); --shadow-glow: 0 0 40px -10px oklch(76.2% .129 223.1/.45); --shadow-yellow: 0 0 34px -8px oklch(90.6% .176 99.3/.55); --band-deep: oklch(14.5% .026 264); --band-slate: oklch(24.3% .034 259); --band-warm: oklch(21.4% .021 62); --band-mist: oklch(26.2% .03 236) } @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {\n :where(.mf-clone-root) *, :where(.mf-clone-root) ::before, :where(.mf-clone-root) ::after, :where(.mf-clone-root) ::backdrop{ --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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-outline-style: solid; --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; --tw-content: \"\"; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; }\n} .mf-clone-root, :where(.mf-clone-root) :host{ --font-sans: \"Plus Jakarta Sans\", ui-sans-serif, system-ui, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; --color-black: #000; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --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; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -.025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-xl: calc(var(--radius) + 4px); --radius-2xl: calc(var(--radius) + 8px); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-xl: 24px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: \"Plus Jakarta Sans\", ui-sans-serif, system-ui, sans-serif; --default-mono-font-family: var(--font-mono); --color-foreground: var(--foreground); --color-border: var(--border); } :where(.mf-clone-root) *, :where(.mf-clone-root) ::after, :where(.mf-clone-root) ::before, :where(.mf-clone-root) ::backdrop{ box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } :where(.mf-clone-root) ::file-selector-button{ box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } .mf-clone-root, :where(.mf-clone-root) :host{ text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, 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; } :where(.mf-clone-root) hr{ height: 0px; color: inherit; border-top-width: 1px; } :where(.mf-clone-root) abbr:where([title]){ text-decoration: underline dotted; } :where(.mf-clone-root) h1, :where(.mf-clone-root) h2, :where(.mf-clone-root) h3, :where(.mf-clone-root) h4, :where(.mf-clone-root) h5, :where(.mf-clone-root) h6{ font-size: inherit; font-weight: inherit; } :where(.mf-clone-root) a{ color: inherit; text-decoration: inherit; } :where(.mf-clone-root) b, :where(.mf-clone-root) strong{ font-weight: bolder; } :where(.mf-clone-root) code, :where(.mf-clone-root) kbd, :where(.mf-clone-root) samp, :where(.mf-clone-root) 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; } :where(.mf-clone-root) small{ font-size: 80%; } :where(.mf-clone-root) sub, :where(.mf-clone-root) sup{ vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } :where(.mf-clone-root) sub{ bottom: -0.25em; } :where(.mf-clone-root) sup{ top: -0.5em; } :where(.mf-clone-root) table{ text-indent: 0px; border-color: inherit; border-collapse: collapse; } :where(.mf-clone-root) progress{ vertical-align: baseline; } :where(.mf-clone-root) summary{ display: list-item; } :where(.mf-clone-root) ol, :where(.mf-clone-root) ul, :where(.mf-clone-root) menu{ list-style: none; } :where(.mf-clone-root) img, :where(.mf-clone-root) svg, :where(.mf-clone-root) video, :where(.mf-clone-root) canvas, :where(.mf-clone-root) audio, :where(.mf-clone-root) iframe, :where(.mf-clone-root) embed, :where(.mf-clone-root) object{ vertical-align: middle; display: block; } :where(.mf-clone-root) img, :where(.mf-clone-root) video{ max-width: 100%; height: auto; } :where(.mf-clone-root) button, :where(.mf-clone-root) input, :where(.mf-clone-root) select, :where(.mf-clone-root) optgroup, :where(.mf-clone-root) textarea{ font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } :where(.mf-clone-root) ::file-selector-button{ font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } :where(.mf-clone-root) :where(select:is([multiple], [size])) optgroup{ font-weight: bolder; } :where(.mf-clone-root) :where(select:is([multiple], [size])) optgroup option{ padding-inline-start: 20px; } :where(.mf-clone-root) ::file-selector-button{ margin-inline-end: 4px; } :where(.mf-clone-root) ::placeholder{ opacity: 1; } @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {\n :where(.mf-clone-root) ::placeholder{ color: currentcolor; }\n @supports (color:color-mix(in lab, red, red)) {\n :where(.mf-clone-root) ::placeholder{ color: color-mix(currentcolor, transparent); }\n}\n} :where(.mf-clone-root) textarea{ resize: vertical; } :where(.mf-clone-root) ::-webkit-search-decoration{ appearance: none; } :where(.mf-clone-root) ::-webkit-date-and-time-value{ min-height: 1lh; text-align: inherit; } :where(.mf-clone-root) ::-webkit-datetime-edit{ display: inline-flex; } :where(.mf-clone-root) ::-webkit-datetime-edit-fields-wrapper{ padding: 0px; } :where(.mf-clone-root) ::-webkit-datetime-edit{ padding-block: 0px; } :where(.mf-clone-root) ::-webkit-datetime-edit-year-field{ padding-block: 0px; } :where(.mf-clone-root) ::-webkit-datetime-edit-month-field{ padding-block: 0px; } :where(.mf-clone-root) ::-webkit-datetime-edit-day-field{ padding-block: 0px; } :where(.mf-clone-root) ::-webkit-datetime-edit-hour-field{ padding-block: 0px; } :where(.mf-clone-root) ::-webkit-datetime-edit-minute-field{ padding-block: 0px; } :where(.mf-clone-root) ::-webkit-datetime-edit-second-field{ padding-block: 0px; } :where(.mf-clone-root) ::-webkit-datetime-edit-millisecond-field{ padding-block: 0px; } :where(.mf-clone-root) ::-webkit-datetime-edit-meridiem-field{ padding-block: 0px; } :where(.mf-clone-root) ::-webkit-calendar-picker-indicator{ line-height: 1; } :where(.mf-clone-root) button, :where(.mf-clone-root) input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]){ appearance: button; } :where(.mf-clone-root) ::file-selector-button{ appearance: button; } :where(.mf-clone-root) ::-webkit-inner-spin-button{ height: auto; } :where(.mf-clone-root) ::-webkit-outer-spin-button{ height: auto; } :where(.mf-clone-root) [hidden]:where(:not([hidden=\"until-found\"])){ display: none !important; } :where(.mf-clone-root) *{ border-color: var(--color-border); } .mf-clone-root{ background-color: var(--soft); color: var(--color-foreground); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; } :where(.mf-clone-root) h1, :where(.mf-clone-root) h2, :where(.mf-clone-root) h3, :where(.mf-clone-root) h4{ letter-spacing: -0.025em; } .mf-clone-root .texture-grain{ position: relative; } .mf-clone-root .texture-grain::before{ content: \"\"; pointer-events: none; opacity: 0.5; background-image: repeating-linear-gradient(135deg, var(--foreground) 0px, var(--foreground) 1px, transparent 1px, transparent 7px); position: absolute; inset: 0px; } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .texture-grain::before{ background-image: repeating-linear-gradient(135deg, color-mix(in oklab, var(--foreground) 3%, transparent) 0px, color-mix(in oklab, var(--foreground) 3%, transparent) 1px, transparent 1px, transparent 7px); }\n} .mf-clone-root .pointer-events-none{ pointer-events: none; } .mf-clone-root .invisible{ visibility: hidden; } .mf-clone-root .sr-only{ clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } .mf-clone-root .gradient-frame{ border-radius: var(--radius-2xl); background: linear-gradient(var(--surface), var(--surface)) padding-box, var(--gradient-border) border-box; border: 1px solid rgba(0, 0, 0, 0); position: relative; } .mf-clone-root .absolute{ position: absolute; } .mf-clone-root .fixed{ position: fixed; } .mf-clone-root .relative{ position: relative; } .mf-clone-root .sticky{ position: sticky; } .mf-clone-root .inset-0{ inset: 0px; } .mf-clone-root .inset-x-0{ inset-inline: 0px; } .mf-clone-root .inset-y-0{ inset-block: 0px; } .mf-clone-root .-top-3{ top: calc(var(--spacing) * -3); } .mf-clone-root .-top-12{ top: calc(var(--spacing) * -12); } .mf-clone-root .top-0{ top: 0px; } .mf-clone-root .top-1\\.5{ top: calc(var(--spacing) * 1.5); } .mf-clone-root .top-1\\/2{ top: 50%; } .mf-clone-root .top-3\\.5{ top: calc(var(--spacing) * 3.5); } .mf-clone-root .top-4{ top: calc(var(--spacing) * 4); } .mf-clone-root .top-8{ top: calc(var(--spacing) * 8); } .mf-clone-root .top-\\[1px\\]{ top: 1px; } .mf-clone-root .top-\\[50\\%\\]{ top: 50%; } .mf-clone-root .top-\\[60\\%\\]{ top: 60%; } .mf-clone-root .top-full{ top: 100%; } .mf-clone-root .-right-3{ right: calc(var(--spacing) * -3); } .mf-clone-root .-right-12{ right: calc(var(--spacing) * -12); } .mf-clone-root .right-0{ right: 0px; } .mf-clone-root .right-1{ right: var(--spacing); } .mf-clone-root .right-2{ right: calc(var(--spacing) * 2); } .mf-clone-root .right-3{ right: calc(var(--spacing) * 3); } .mf-clone-root .right-4{ right: calc(var(--spacing) * 4); } .mf-clone-root .right-6{ right: calc(var(--spacing) * 6); } .mf-clone-root .-bottom-6{ bottom: calc(var(--spacing) * -6); } .mf-clone-root .-bottom-10{ bottom: calc(var(--spacing) * -10); } .mf-clone-root .-bottom-12{ bottom: calc(var(--spacing) * -12); } .mf-clone-root .bottom-0{ bottom: 0px; } .mf-clone-root .bottom-10{ bottom: calc(var(--spacing) * 10); } .mf-clone-root .-left-6{ left: calc(var(--spacing) * -6); } .mf-clone-root .-left-12{ left: calc(var(--spacing) * -12); } .mf-clone-root .left-0{ left: 0px; } .mf-clone-root .left-1\\/2{ left: 50%; } .mf-clone-root .left-2{ left: calc(var(--spacing) * 2); } .mf-clone-root .left-\\[50\\%\\]{ left: 50%; } .mf-clone-root .z-10{ z-index: 10; } .mf-clone-root .z-20{ z-index: 20; } .mf-clone-root .z-50{ z-index: 50; } .mf-clone-root .z-\\[1\\]{ z-index: 1; } .mf-clone-root .-mx-1{ margin-inline: calc(var(--spacing) * -1); } .mf-clone-root .mx-2{ margin-inline: calc(var(--spacing) * 2); } .mf-clone-root .mx-3\\.5{ margin-inline: calc(var(--spacing) * 3.5); } .mf-clone-root .mx-auto{ margin-inline: auto; } .mf-clone-root .my-0\\.5{ margin-block: calc(var(--spacing) * .5); } .mf-clone-root .my-1{ margin-block: var(--spacing); } .mf-clone-root .-mt-4{ margin-top: calc(var(--spacing) * -4); } .mf-clone-root .mt-0\\.5{ margin-top: calc(var(--spacing) * .5); } .mf-clone-root .mt-1{ margin-top: var(--spacing); } .mf-clone-root .mt-1\\.5{ margin-top: calc(var(--spacing) * 1.5); } .mf-clone-root .mt-2{ margin-top: calc(var(--spacing) * 2); } .mf-clone-root .mt-3{ margin-top: calc(var(--spacing) * 3); } .mf-clone-root .mt-4{ margin-top: calc(var(--spacing) * 4); } .mf-clone-root .mt-5{ margin-top: calc(var(--spacing) * 5); } .mf-clone-root .mt-6{ margin-top: calc(var(--spacing) * 6); } .mf-clone-root .mt-7{ margin-top: calc(var(--spacing) * 7); } .mf-clone-root .mt-8{ margin-top: calc(var(--spacing) * 8); } .mf-clone-root .mt-9{ margin-top: calc(var(--spacing) * 9); } .mf-clone-root .mt-10{ margin-top: calc(var(--spacing) * 10); } .mf-clone-root .mt-12{ margin-top: calc(var(--spacing) * 12); } .mf-clone-root .mt-14{ margin-top: calc(var(--spacing) * 14); } .mf-clone-root .mt-24{ margin-top: calc(var(--spacing) * 24); } .mf-clone-root .mt-auto{ margin-top: auto; } .mf-clone-root .mr-2{ margin-right: calc(var(--spacing) * 2); } .mf-clone-root .mb-1{ margin-bottom: var(--spacing); } .mf-clone-root .mb-2{ margin-bottom: calc(var(--spacing) * 2); } .mf-clone-root .mb-4{ margin-bottom: calc(var(--spacing) * 4); } .mf-clone-root .mb-5{ margin-bottom: calc(var(--spacing) * 5); } .mf-clone-root .mb-6{ margin-bottom: calc(var(--spacing) * 6); } .mf-clone-root .-ml-4{ margin-left: calc(var(--spacing) * -4); } .mf-clone-root .ml-1{ margin-left: var(--spacing); } .mf-clone-root .ml-2{ margin-left: calc(var(--spacing) * 2); } .mf-clone-root .ml-auto{ margin-left: auto; } .mf-clone-root .marquee-track{ width: max-content; animation: 32s linear 0s infinite normal none running rc-marquee; display: flex; } .mf-clone-root .block{ display: block; } .mf-clone-root .flex{ display: flex; } .mf-clone-root .grid{ display: grid; } .mf-clone-root .hidden{ display: none; } .mf-clone-root .inline-flex{ display: inline-flex; } .mf-clone-root .table{ display: table; } .mf-clone-root .aspect-\\[4\\/5\\]{ aspect-ratio: 4 / 5; } .mf-clone-root .aspect-square{ aspect-ratio: 1 / 1; } .mf-clone-root .aspect-video{ aspect-ratio: var(--aspect-video); } .mf-clone-root .size-\$--cell-size\${ width: var(--cell-size); height: var(--cell-size); } .mf-clone-root .size-4{ width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .mf-clone-root .h-\$--cell-size\${ height: var(--cell-size); } .mf-clone-root .h-1\\.5{ height: calc(var(--spacing) * 1.5); } .mf-clone-root .h-2{ height: calc(var(--spacing) * 2); } .mf-clone-root .h-2\\.5{ height: calc(var(--spacing) * 2.5); } .mf-clone-root .h-3{ height: calc(var(--spacing) * 3); } .mf-clone-root .h-3\\.5{ height: calc(var(--spacing) * 3.5); } .mf-clone-root .h-4{ height: calc(var(--spacing) * 4); } .mf-clone-root .h-5{ height: calc(var(--spacing) * 5); } .mf-clone-root .h-6{ height: calc(var(--spacing) * 6); } .mf-clone-root .h-7{ height: calc(var(--spacing) * 7); } .mf-clone-root .h-8{ height: calc(var(--spacing) * 8); } .mf-clone-root .h-9{ height: calc(var(--spacing) * 9); } .mf-clone-root .h-10{ height: calc(var(--spacing) * 10); } .mf-clone-root .h-12{ height: calc(var(--spacing) * 12); } .mf-clone-root .h-16{ height: calc(var(--spacing) * 16); } .mf-clone-root .h-20{ height: calc(var(--spacing) * 20); } .mf-clone-root .h-32{ height: calc(var(--spacing) * 32); } .mf-clone-root .h-\\[1px\\]{ height: 1px; } .mf-clone-root .h-\\[var\$--radix-navigation-menu-viewport-height\$\\]{ height: var(--radix-navigation-menu-viewport-height); } .mf-clone-root .h-\\[var\$--radix-select-trigger-height\$\\]{ height: var(--radix-select-trigger-height); } .mf-clone-root .h-auto{ height: auto; } .mf-clone-root .h-fit{ height: fit-content; } .mf-clone-root .h-full{ height: 100%; } .mf-clone-root .h-px{ height: 1px; } .mf-clone-root .h-svh{ height: 100svh; } .mf-clone-root .max-h-\$--radix-context-menu-content-available-height\${ max-height: var(--radix-context-menu-content-available-height); } .mf-clone-root .max-h-\$--radix-select-content-available-height\${ max-height: var(--radix-select-content-available-height); } .mf-clone-root .max-h-\\[300px\\]{ max-height: 300px; } .mf-clone-root .max-h-\\[var\$--radix-dropdown-menu-content-available-height\$\\]{ max-height: var(--radix-dropdown-menu-content-available-height); } .mf-clone-root .min-h-0{ min-height: 0px; } .mf-clone-root .min-h-\\[60px\\]{ min-height: 60px; } .mf-clone-root .min-h-\\[70vh\\]{ min-height: 70vh; } .mf-clone-root .min-h-screen{ min-height: 100vh; } .mf-clone-root .min-h-svh{ min-height: 100svh; } .mf-clone-root .w-\$--cell-size\${ width: var(--cell-size); } .mf-clone-root .w-\$--sidebar-width\${ width: var(--sidebar-width); } .mf-clone-root .w-0{ width: 0px; } .mf-clone-root .w-1{ width: var(--spacing); } .mf-clone-root .w-1\\.5{ width: calc(var(--spacing) * 1.5); } .mf-clone-root .w-2{ width: calc(var(--spacing) * 2); } .mf-clone-root .w-2\\.5{ width: calc(var(--spacing) * 2.5); } .mf-clone-root .w-3{ width: calc(var(--spacing) * 3); } .mf-clone-root .w-3\\.5{ width: calc(var(--spacing) * 3.5); } .mf-clone-root .w-3\\/4{ width: 75%; } .mf-clone-root .w-3\\/5{ width: 60%; } .mf-clone-root .w-4{ width: calc(var(--spacing) * 4); } .mf-clone-root .w-5{ width: calc(var(--spacing) * 5); } .mf-clone-root .w-6{ width: calc(var(--spacing) * 6); } .mf-clone-root .w-7{ width: calc(var(--spacing) * 7); } .mf-clone-root .w-8{ width: calc(var(--spacing) * 8); } .mf-clone-root .w-9{ width: calc(var(--spacing) * 9); } .mf-clone-root .w-10{ width: calc(var(--spacing) * 10); } .mf-clone-root .w-12{ width: calc(var(--spacing) * 12); } .mf-clone-root .w-16{ width: calc(var(--spacing) * 16); } .mf-clone-root .w-20{ width: calc(var(--spacing) * 20); } .mf-clone-root .w-64{ width: calc(var(--spacing) * 64); } .mf-clone-root .w-72{ width: calc(var(--spacing) * 72); } .mf-clone-root .w-80{ width: calc(var(--spacing) * 80); } .mf-clone-root .w-\\[1px\\]{ width: 1px; } .mf-clone-root .w-\\[100px\\]{ width: 100px; } .mf-clone-root .w-auto{ width: auto; } .mf-clone-root .w-fit{ width: fit-content; } .mf-clone-root .w-full{ width: 100%; } .mf-clone-root .w-max{ width: max-content; } .mf-clone-root .w-px{ width: 1px; } .mf-clone-root .max-w-\$--skeleton-width\${ max-width: var(--skeleton-width); } .mf-clone-root .max-w-2xl{ max-width: var(--container-2xl); } .mf-clone-root .max-w-3xl{ max-width: var(--container-3xl); } .mf-clone-root .max-w-4xl{ max-width: var(--container-4xl); } .mf-clone-root .max-w-5xl{ max-width: var(--container-5xl); } .mf-clone-root .max-w-7xl{ max-width: var(--container-7xl); } .mf-clone-root .max-w-\\[420px\\]{ max-width: 420px; } .mf-clone-root .max-w-lg{ max-width: var(--container-lg); } .mf-clone-root .max-w-max{ max-width: max-content; } .mf-clone-root .max-w-md{ max-width: var(--container-md); } .mf-clone-root .max-w-sm{ max-width: var(--container-sm); } .mf-clone-root .max-w-xl{ max-width: var(--container-xl); } .mf-clone-root .max-w-xs{ max-width: var(--container-xs); } .mf-clone-root .min-w-\$--cell-size\${ min-width: var(--cell-size); } .mf-clone-root .min-w-0{ min-width: 0px; } .mf-clone-root .min-w-5{ min-width: calc(var(--spacing) * 5); } .mf-clone-root .min-w-8{ min-width: calc(var(--spacing) * 8); } .mf-clone-root .min-w-9{ min-width: calc(var(--spacing) * 9); } .mf-clone-root .min-w-10{ min-width: calc(var(--spacing) * 10); } .mf-clone-root .min-w-\\[8rem\\]{ min-width: 8rem; } .mf-clone-root .min-w-\\[12rem\\]{ min-width: 12rem; } .mf-clone-root .min-w-\\[var\$--radix-select-trigger-width\$\\]{ min-width: var(--radix-select-trigger-width); } .mf-clone-root .flex-1{ flex: 1 1 0%; } .mf-clone-root .shrink-0{ flex-shrink: 0; } .mf-clone-root .grow{ flex-grow: 1; } .mf-clone-root .grow-0{ flex-grow: 0; } .mf-clone-root .basis-full{ flex-basis: 100%; } .mf-clone-root .caption-bottom{ caption-side: bottom; } .mf-clone-root .border-collapse{ border-collapse: collapse; } .mf-clone-root .origin-\$--radix-context-menu-content-transform-origin\${ transform-origin: var(--radix-context-menu-content-transform-origin); } .mf-clone-root .origin-\$--radix-dropdown-menu-content-transform-origin\${ transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .mf-clone-root .origin-\$--radix-hover-card-content-transform-origin\${ transform-origin: var(--radix-hover-card-content-transform-origin); } .mf-clone-root .origin-\$--radix-menubar-content-transform-origin\${ transform-origin: var(--radix-menubar-content-transform-origin); } .mf-clone-root .origin-\$--radix-popover-content-transform-origin\${ transform-origin: var(--radix-popover-content-transform-origin); } .mf-clone-root .origin-\$--radix-select-content-transform-origin\${ transform-origin: var(--radix-select-content-transform-origin); } .mf-clone-root .origin-\$--radix-tooltip-content-transform-origin\${ transform-origin: var(--radix-tooltip-content-transform-origin); } .mf-clone-root .-translate-x-1\\/2{ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .-translate-x-px{ --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .translate-x-\\[-50\\%\\]{ --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .translate-x-px{ --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .-translate-y-1\\/2{ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .translate-y-\\[-50\\%\\]{ --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .rotate-45{ rotate: 45deg; } .mf-clone-root .rotate-90{ rotate: 90deg; } .mf-clone-root .transform{ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .mf-clone-root .animate-caret-blink{ animation: 1.25s ease-out 0s infinite normal none running caret-blink; } .mf-clone-root .animate-in{ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .mf-clone-root .animate-ping{ animation: var(--animate-ping); } .mf-clone-root .animate-pulse{ animation: var(--animate-pulse); } .mf-clone-root .float-slow{ animation: 5s ease-in-out 0s infinite normal none running rc-float; } .mf-clone-root .pulse-glow{ animation: 3.2s ease-in-out 0s infinite normal none running rc-pulse-glow; } .mf-clone-root .reveal-in{ animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running rc-fade-up; } .mf-clone-root .cursor-default{ cursor: default; } .mf-clone-root .cursor-pointer{ cursor: pointer; } .mf-clone-root .touch-none{ touch-action: none; } .mf-clone-root .list-none{ list-style-type: none; } .mf-clone-root .grid-cols-3{ grid-template-columns: repeat(3, minmax(0px, 1fr)); } .mf-clone-root .flex-col{ flex-direction: column; } .mf-clone-root .flex-col-reverse{ flex-direction: column-reverse; } .mf-clone-root .flex-row{ flex-direction: row; } .mf-clone-root .flex-wrap{ flex-wrap: wrap; } .mf-clone-root .place-content-center{ place-content: center; } .mf-clone-root .items-center{ align-items: center; } .mf-clone-root .items-end{ align-items: flex-end; } .mf-clone-root .items-start{ align-items: flex-start; } .mf-clone-root .items-stretch{ align-items: stretch; } .mf-clone-root .justify-between{ justify-content: space-between; } .mf-clone-root .justify-center{ justify-content: center; } .mf-clone-root .gap-1{ gap: var(--spacing); } .mf-clone-root .gap-1\\.5{ gap: calc(var(--spacing) * 1.5); } .mf-clone-root .gap-2{ gap: calc(var(--spacing) * 2); } .mf-clone-root .gap-2\\.5{ gap: calc(var(--spacing) * 2.5); } .mf-clone-root .gap-3{ gap: calc(var(--spacing) * 3); } .mf-clone-root .gap-4{ gap: calc(var(--spacing) * 4); } .mf-clone-root .gap-5{ gap: calc(var(--spacing) * 5); } .mf-clone-root .gap-6{ gap: calc(var(--spacing) * 6); } .mf-clone-root .gap-8{ gap: calc(var(--spacing) * 8); } .mf-clone-root .gap-10{ gap: calc(var(--spacing) * 10); } .mf-clone-root .gap-12{ gap: calc(var(--spacing) * 12); } .mf-clone-root .gap-14{ gap: calc(var(--spacing) * 14); } :where(.mf-clone-root) :where(.space-y-1\\.5 > :not(:last-child)){ --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.mf-clone-root) :where(.space-y-2 > :not(:last-child)){ --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.mf-clone-root) :where(.space-y-2\\.5 > :not(:last-child)){ --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.mf-clone-root) :where(.space-y-3 > :not(:last-child)){ --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.mf-clone-root) :where(.space-y-4 > :not(:last-child)){ --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.mf-clone-root) :where(.space-y-5 > :not(:last-child)){ --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.mf-clone-root) :where(.space-y-6 > :not(:last-child)){ --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } .mf-clone-root .gap-x-12{ column-gap: calc(var(--spacing) * 12); } :where(.mf-clone-root) :where(.space-x-1 > :not(:last-child)){ --tw-space-x-reverse: 0; margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse)); margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse))); } .mf-clone-root .gap-y-4{ row-gap: calc(var(--spacing) * 4); } :where(.mf-clone-root) :where(.divide-y > :not(:last-child)){ --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.mf-clone-root) :where(.divide-border > :not(:last-child)){ border-color: var(--border); } .mf-clone-root .overflow-auto{ overflow: auto; } .mf-clone-root .overflow-hidden{ overflow: hidden; } .mf-clone-root .overflow-x-hidden{ overflow-x: hidden; } .mf-clone-root .overflow-y-auto{ overflow-y: auto; } .mf-clone-root .glass-panel{ background-color: var(--surface); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .glass-panel{ background-color: color-mix(in oklab, var(--surface) 65%, transparent); }\n} .mf-clone-root .glass-panel{ backdrop-filter: blur(14px); border: 1px solid var(--border); border-radius: var(--radius-2xl); } .mf-clone-root .surface-card{ background-color: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); } .mf-clone-root .rounded-2xl{ border-radius: calc(var(--radius) + 8px); } .mf-clone-root .rounded-3xl{ border-radius: calc(var(--radius) + 12px); } .mf-clone-root .rounded-\\[2px\\]{ border-radius: 2px; } .mf-clone-root .rounded-\\[2rem\\]{ border-radius: 2rem; } .mf-clone-root .rounded-\\[inherit\\]{ border-radius: inherit; } .mf-clone-root .rounded-full{ border-radius: 2.14748e+09px; } .mf-clone-root .rounded-lg{ border-radius: var(--radius); } .mf-clone-root .rounded-md{ border-radius: calc(var(--radius) - 2px); } .mf-clone-root .rounded-none{ border-radius: 0px; } .mf-clone-root .rounded-sm{ border-radius: calc(var(--radius) - 4px); } .mf-clone-root .rounded-xl{ border-radius: calc(var(--radius) + 4px); } .mf-clone-root .rounded-t-\\[10px\\]{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .mf-clone-root .rounded-t-\\[10rem\\]{ border-top-left-radius: 10rem; border-top-right-radius: 10rem; } .mf-clone-root .rounded-l-md{ border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .mf-clone-root .rounded-tl-sm{ border-top-left-radius: calc(var(--radius) - 4px); } .mf-clone-root .rounded-r-md{ border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .mf-clone-root .rounded-b-3xl{ border-bottom-right-radius: calc(var(--radius) + 12px); border-bottom-left-radius: calc(var(--radius) + 12px); } .mf-clone-root .border{ border-style: var(--tw-border-style); border-width: 1px; } .mf-clone-root .border-2{ border-style: var(--tw-border-style); border-width: 2px; } .mf-clone-root .border-\\[1\\.5px\\]{ border-style: var(--tw-border-style); border-width: 1.5px; } .mf-clone-root .border-y{ border-block-style: var(--tw-border-style); border-block-width: 1px; } .mf-clone-root .border-t{ border-top-style: var(--tw-border-style); border-top-width: 1px; } .mf-clone-root .border-r{ border-right-style: var(--tw-border-style); border-right-width: 1px; } .mf-clone-root .border-b{ border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .mf-clone-root .border-l{ border-left-style: var(--tw-border-style); border-left-width: 1px; } .mf-clone-root .border-dashed{ --tw-border-style: dashed; border-style: dashed; } .mf-clone-root .border-\$--color-border\${ border-color: var(--color-border); } .mf-clone-root .border-border, .mf-clone-root .border-border\\/50{ border-color: var(--border); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-border\\/50{ border-color: color-mix(in oklab, var(--border) 50%, transparent); }\n} .mf-clone-root .border-border\\/60{ border-color: var(--border); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-border\\/60{ border-color: color-mix(in oklab, var(--border) 60%, transparent); }\n} .mf-clone-root .border-brand{ border-color: var(--brand); } .mf-clone-root .border-brand-foreground\\/50{ border-color: var(--brand-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-brand-foreground\\/50{ border-color: color-mix(in oklab, var(--brand-foreground) 50%, transparent); }\n} .mf-clone-root .border-brand\\/40{ border-color: var(--brand); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-brand\\/40{ border-color: color-mix(in oklab, var(--brand) 40%, transparent); }\n} .mf-clone-root .border-destructive\\/50{ border-color: var(--destructive); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-destructive\\/50{ border-color: color-mix(in oklab, var(--destructive) 50%, transparent); }\n} .mf-clone-root .border-foreground\\/10{ border-color: var(--foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-foreground\\/10{ border-color: color-mix(in oklab, var(--foreground) 10%, transparent); }\n} .mf-clone-root .border-input{ border-color: var(--input); } .mf-clone-root .border-navy-foreground\\/10{ border-color: var(--navy-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-navy-foreground\\/10{ border-color: color-mix(in oklab, var(--navy-foreground) 10%, transparent); }\n} .mf-clone-root .border-navy-foreground\\/15{ border-color: var(--navy-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-navy-foreground\\/15{ border-color: color-mix(in oklab, var(--navy-foreground) 15%, transparent); }\n} .mf-clone-root .border-navy-foreground\\/25{ border-color: var(--navy-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-navy-foreground\\/25{ border-color: color-mix(in oklab, var(--navy-foreground) 25%, transparent); }\n} .mf-clone-root .border-primary, .mf-clone-root .border-primary\\/40{ border-color: var(--primary); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-primary\\/40{ border-color: color-mix(in oklab, var(--primary) 40%, transparent); }\n} .mf-clone-root .border-primary\\/50{ border-color: var(--primary); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-primary\\/50{ border-color: color-mix(in oklab, var(--primary) 50%, transparent); }\n} .mf-clone-root .border-primary\\/60{ border-color: var(--primary); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .border-primary\\/60{ border-color: color-mix(in oklab, var(--primary) 60%, transparent); }\n} .mf-clone-root .border-sidebar-border{ border-color: var(--sidebar-border); } .mf-clone-root .border-transparent{ border-color: rgba(0, 0, 0, 0); } .mf-clone-root .border-t-transparent{ border-top-color: rgba(0, 0, 0, 0); } .mf-clone-root .border-l-transparent{ border-left-color: rgba(0, 0, 0, 0); } .mf-clone-root .band-light{ --background: oklch(100% 0 0); --foreground: oklch(16% .012 264); --surface: oklch(97.5% .003 264); --surface-2: oklch(94% .005 264); --card: oklch(100% 0 0); --muted-foreground: oklch(47% .017 259); --primary: oklch(58% .17 255); --primary-foreground: oklch(100% 0 0); --secondary: oklch(95.5% .004 264); --accent: oklch(95.5% .004 264); --highlight: oklch(64% .17 255); --highlight-foreground: oklch(100% 0 0); --border: oklch(16% .012 264/.12); --input: oklch(16% .012 264/.18); color: var(--foreground); background-color: oklch(1 0 0); border-top: 1px solid oklch(0.16 0.012 264 / 0.1); border-bottom: 1px solid oklch(0.16 0.012 264 / 0.1); } .mf-clone-root .band-dark{ --background: oklch(20% .06 262); --foreground: oklch(100% 0 0); --surface: oklch(26% .06 262); --surface-2: oklch(30% .06 262); --card: oklch(26% .06 262); --muted-foreground: oklch(80% .03 255); --border: oklch(100% 0 0/.14); color: var(--foreground); background-color: oklch(0.2 0.06 262); border-top: 1px solid oklch(1 0 0 / 0.12); border-bottom: 1px solid oklch(1 0 0 / 0.12); } .mf-clone-root .band-soft{ --background: oklch(96.5% .012 250); --foreground: oklch(20% .04 262); --surface: oklch(100% 0 0); --card: oklch(100% 0 0); --muted-foreground: oklch(47% .03 259); --primary: oklch(58% .17 255); --border: oklch(20% .04 262/.1); --soft: oklch(100% 0 0); color: var(--foreground); background-color: oklch(0.965 0.012 250); } .mf-clone-root .bg-\$--color-bg\${ background-color: var(--color-bg); } .mf-clone-root .bg-accent{ background-color: var(--accent); } .mf-clone-root .bg-background, .mf-clone-root .bg-background\\/60{ background-color: var(--background); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-background\\/60{ background-color: color-mix(in oklab, var(--background) 60%, transparent); }\n} .mf-clone-root .bg-black\\/80{ background-color: rgba(0, 0, 0, 0.8); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-black\\/80{ background-color: color-mix(in oklab, var(--color-black) 80%, transparent); }\n} .mf-clone-root .bg-border{ background-color: var(--border); } .mf-clone-root .bg-brand{ background-color: var(--brand); } .mf-clone-root .bg-brand-foreground, .mf-clone-root .bg-brand-foreground\\/20{ background-color: var(--brand-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-brand-foreground\\/20{ background-color: color-mix(in oklab, var(--brand-foreground) 20%, transparent); }\n} .mf-clone-root .bg-brand\\/5{ background-color: var(--brand); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-brand\\/5{ background-color: color-mix(in oklab, var(--brand) 5%, transparent); }\n} .mf-clone-root .bg-brand\\/10{ background-color: var(--brand); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-brand\\/10{ background-color: color-mix(in oklab, var(--brand) 10%, transparent); }\n} .mf-clone-root .bg-brand\\/15{ background-color: var(--brand); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-brand\\/15{ background-color: color-mix(in oklab, var(--brand) 15%, transparent); }\n} .mf-clone-root .bg-brand\\/20{ background-color: var(--brand); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-brand\\/20{ background-color: color-mix(in oklab, var(--brand) 20%, transparent); }\n} .mf-clone-root .bg-card{ background-color: var(--card); } .mf-clone-root .bg-card-light{ background-color: var(--card-light); } .mf-clone-root .bg-destructive, .mf-clone-root .bg-destructive\\/10{ background-color: var(--destructive); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-destructive\\/10{ background-color: color-mix(in oklab, var(--destructive) 10%, transparent); }\n} .mf-clone-root .bg-foreground, .mf-clone-root .bg-foreground\\/5{ background-color: var(--foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-foreground\\/5{ background-color: color-mix(in oklab, var(--foreground) 5%, transparent); }\n} .mf-clone-root .bg-muted, .mf-clone-root .bg-muted\\/50{ background-color: var(--muted); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-muted\\/50{ background-color: color-mix(in oklab, var(--muted) 50%, transparent); }\n} .mf-clone-root .bg-navy{ background-color: var(--navy); } .mf-clone-root .bg-navy-foreground\\/5{ background-color: var(--navy-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-navy-foreground\\/5{ background-color: color-mix(in oklab, var(--navy-foreground) 5%, transparent); }\n} .mf-clone-root .bg-navy\\/90{ background-color: var(--navy); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-navy\\/90{ background-color: color-mix(in oklab, var(--navy) 90%, transparent); }\n} .mf-clone-root .bg-popover{ background-color: var(--popover); } .mf-clone-root .bg-primary, .mf-clone-root .bg-primary\\/10{ background-color: var(--primary); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-primary\\/10{ background-color: color-mix(in oklab, var(--primary) 10%, transparent); }\n} .mf-clone-root .bg-primary\\/20{ background-color: var(--primary); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-primary\\/20{ background-color: color-mix(in oklab, var(--primary) 20%, transparent); }\n} .mf-clone-root .bg-secondary{ background-color: var(--secondary); } .mf-clone-root .bg-sidebar{ background-color: var(--sidebar); } .mf-clone-root .bg-sidebar-border{ background-color: var(--sidebar-border); } .mf-clone-root .bg-soft{ background-color: var(--soft); } .mf-clone-root .bg-success{ background-color: var(--success); } .mf-clone-root .bg-surface, .mf-clone-root .bg-surface\\/60{ background-color: var(--surface); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .bg-surface\\/60{ background-color: color-mix(in oklab, var(--surface) 60%, transparent); }\n} .mf-clone-root .bg-transparent{ background-color: rgba(0, 0, 0, 0); } .mf-clone-root .bg-gradient-to-r{ --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .mf-clone-root .bg-gradient-to-t{ --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .mf-clone-root .from-navy{ --tw-gradient-from: var(--navy); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mf-clone-root .via-navy\\/85{ --tw-gradient-via: var(--navy); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .via-navy\\/85{ --tw-gradient-via: color-mix(in oklab, var(--navy) 85%, transparent); }\n} .mf-clone-root .via-navy\\/85{ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .mf-clone-root .to-navy\\/40{ --tw-gradient-to: var(--navy); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .to-navy\\/40{ --tw-gradient-to: color-mix(in oklab, var(--navy) 40%, transparent); }\n} .mf-clone-root .to-navy\\/40{ --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mf-clone-root .to-transparent{ --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mf-clone-root .fill-brand{ fill: var(--brand); } .mf-clone-root .fill-current{ fill: currentcolor; } .mf-clone-root .fill-primary{ fill: var(--primary); } .mf-clone-root .object-cover{ object-fit: cover; } .mf-clone-root .p-0{ padding: 0px; } .mf-clone-root .p-1{ padding: var(--spacing); } .mf-clone-root .p-2{ padding: calc(var(--spacing) * 2); } .mf-clone-root .p-3{ padding: calc(var(--spacing) * 3); } .mf-clone-root .p-4{ padding: calc(var(--spacing) * 4); } .mf-clone-root .p-5{ padding: calc(var(--spacing) * 5); } .mf-clone-root .p-6{ padding: calc(var(--spacing) * 6); } .mf-clone-root .p-7{ padding: calc(var(--spacing) * 7); } .mf-clone-root .p-8{ padding: calc(var(--spacing) * 8); } .mf-clone-root .p-9{ padding: calc(var(--spacing) * 9); } .mf-clone-root .p-10{ padding: calc(var(--spacing) * 10); } .mf-clone-root .p-\\[1px\\]{ padding: 1px; } .mf-clone-root .px-\$--cell-size\${ padding-inline: var(--cell-size); } .mf-clone-root .px-1{ padding-inline: var(--spacing); } .mf-clone-root .px-1\\.5{ padding-inline: calc(var(--spacing) * 1.5); } .mf-clone-root .px-2{ padding-inline: calc(var(--spacing) * 2); } .mf-clone-root .px-2\\.5{ padding-inline: calc(var(--spacing) * 2.5); } .mf-clone-root .px-3{ padding-inline: calc(var(--spacing) * 3); } .mf-clone-root .px-4{ padding-inline: calc(var(--spacing) * 4); } .mf-clone-root .px-5{ padding-inline: calc(var(--spacing) * 5); } .mf-clone-root .px-6{ padding-inline: calc(var(--spacing) * 6); } .mf-clone-root .px-7{ padding-inline: calc(var(--spacing) * 7); } .mf-clone-root .px-8{ padding-inline: calc(var(--spacing) * 8); } .mf-clone-root .py-0\\.5{ padding-block: calc(var(--spacing) * .5); } .mf-clone-root .py-1{ padding-block: var(--spacing); } .mf-clone-root .py-1\\.5{ padding-block: calc(var(--spacing) * 1.5); } .mf-clone-root .py-2{ padding-block: calc(var(--spacing) * 2); } .mf-clone-root .py-2\\.5{ padding-block: calc(var(--spacing) * 2.5); } .mf-clone-root .py-3{ padding-block: calc(var(--spacing) * 3); } .mf-clone-root .py-3\\.5{ padding-block: calc(var(--spacing) * 3.5); } .mf-clone-root .py-4{ padding-block: calc(var(--spacing) * 4); } .mf-clone-root .py-5{ padding-block: calc(var(--spacing) * 5); } .mf-clone-root .py-6{ padding-block: calc(var(--spacing) * 6); } .mf-clone-root .py-10{ padding-block: calc(var(--spacing) * 10); } .mf-clone-root .py-14{ padding-block: calc(var(--spacing) * 14); } .mf-clone-root .py-16{ padding-block: calc(var(--spacing) * 16); } .mf-clone-root .py-20{ padding-block: calc(var(--spacing) * 20); } .mf-clone-root .py-24{ padding-block: calc(var(--spacing) * 24); } .mf-clone-root .pt-0{ padding-top: 0px; } .mf-clone-root .pt-3{ padding-top: calc(var(--spacing) * 3); } .mf-clone-root .pt-4{ padding-top: calc(var(--spacing) * 4); } .mf-clone-root .pt-8{ padding-top: calc(var(--spacing) * 8); } .mf-clone-root .pt-16{ padding-top: calc(var(--spacing) * 16); } .mf-clone-root .pt-20{ padding-top: calc(var(--spacing) * 20); } .mf-clone-root .pr-1{ padding-right: var(--spacing); } .mf-clone-root .pr-2{ padding-right: calc(var(--spacing) * 2); } .mf-clone-root .pr-2\\.5{ padding-right: calc(var(--spacing) * 2.5); } .mf-clone-root .pr-8{ padding-right: calc(var(--spacing) * 8); } .mf-clone-root .pr-10{ padding-right: calc(var(--spacing) * 10); } .mf-clone-root .pb-2{ padding-bottom: calc(var(--spacing) * 2); } .mf-clone-root .pb-3{ padding-bottom: calc(var(--spacing) * 3); } .mf-clone-root .pb-4{ padding-bottom: calc(var(--spacing) * 4); } .mf-clone-root .pb-16{ padding-bottom: calc(var(--spacing) * 16); } .mf-clone-root .pb-20{ padding-bottom: calc(var(--spacing) * 20); } .mf-clone-root .pl-2{ padding-left: calc(var(--spacing) * 2); } .mf-clone-root .pl-2\\.5{ padding-left: calc(var(--spacing) * 2.5); } .mf-clone-root .pl-4{ padding-left: calc(var(--spacing) * 4); } .mf-clone-root .pl-8{ padding-left: calc(var(--spacing) * 8); } .mf-clone-root .text-center{ text-align: center; } .mf-clone-root .text-left{ text-align: left; } .mf-clone-root .align-middle{ vertical-align: middle; } .mf-clone-root .font-mono{ font-family: var(--font-mono); } .mf-clone-root .text-2xl{ font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); } .mf-clone-root .text-3xl{ font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); } .mf-clone-root .text-4xl{ font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); } .mf-clone-root .text-5xl{ font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); } .mf-clone-root .text-7xl{ font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height)); } .mf-clone-root .text-base{ font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); } .mf-clone-root .text-lg{ font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); } .mf-clone-root .text-sm{ font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); } .mf-clone-root .text-xl{ font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); } .mf-clone-root .text-xs{ font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); } .mf-clone-root .text-\\[0\\.8rem\\]{ font-size: 0.8rem; } .mf-clone-root .text-\\[2\\.5rem\\]{ font-size: 2.5rem; } .mf-clone-root .text-\\[10px\\]{ font-size: 10px; } .mf-clone-root .leading-\\[1\\.07\\]{ --tw-leading: 1.07; line-height: 1.07; } .mf-clone-root .leading-\\[1\\.08\\]{ --tw-leading: 1.08; line-height: 1.08; } .mf-clone-root .leading-none{ --tw-leading: 1; line-height: 1; } .mf-clone-root .leading-relaxed{ --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .mf-clone-root .leading-snug{ --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .mf-clone-root .leading-tight{ --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .mf-clone-root .font-bold{ --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .mf-clone-root .font-extrabold{ --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .mf-clone-root .font-medium{ --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .mf-clone-root .font-normal{ --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .mf-clone-root .font-semibold{ --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .mf-clone-root .tracking-\\[0\\.2em\\]{ --tw-tracking: .2em; letter-spacing: 0.2em; } .mf-clone-root .tracking-\\[0\\.12em\\]{ --tw-tracking: .12em; letter-spacing: 0.12em; } .mf-clone-root .tracking-\\[0\\.14em\\]{ --tw-tracking: .14em; letter-spacing: 0.14em; } .mf-clone-root .tracking-\\[0\\.16em\\]{ --tw-tracking: .16em; letter-spacing: 0.16em; } .mf-clone-root .tracking-\\[0\\.24em\\]{ --tw-tracking: .24em; letter-spacing: 0.24em; } .mf-clone-root .tracking-tight{ --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .mf-clone-root .tracking-widest{ --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .mf-clone-root .break-words{ overflow-wrap: break-word; } .mf-clone-root .whitespace-nowrap{ white-space: nowrap; } .mf-clone-root .hero-navy{ --background: oklch(20% .06 262); --foreground: oklch(100% 0 0); --muted-foreground: oklch(82% .03 255); --border: oklch(100% 0 0/.14); color: var(--foreground); background: radial-gradient(60% 70% at 85% 30%, oklch(0.64 0.17 255 / 0.45), rgba(0, 0, 0, 0) 65%), radial-gradient(50% 60% at 0px 100%, oklch(0.55 0.2 280 / 0.3), rgba(0, 0, 0, 0) 70%), linear-gradient(160deg, oklch(0.24 0.08 262), oklch(0.17 0.05 262)); } .mf-clone-root .text-accent-foreground{ color: var(--accent-foreground); } .mf-clone-root .text-brand{ color: var(--brand); } .mf-clone-root .text-brand-foreground{ color: var(--brand-foreground); } .mf-clone-root .text-brand-soft{ color: var(--brand-soft); } .mf-clone-root .text-card-foreground{ color: var(--card-foreground); } .mf-clone-root .text-card-light-foreground{ color: var(--card-light-foreground); } .mf-clone-root .text-current{ color: currentcolor; } .mf-clone-root .text-destructive{ color: var(--destructive); } .mf-clone-root .text-destructive-foreground{ color: var(--destructive-foreground); } .mf-clone-root .text-foreground, .mf-clone-root .text-foreground\\/45{ color: var(--foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .text-foreground\\/45{ color: color-mix(in oklab, var(--foreground) 45%, transparent); }\n} .mf-clone-root .text-highlight{ color: var(--highlight); } .mf-clone-root .text-muted-foreground{ color: var(--muted-foreground); } .mf-clone-root .text-navy-foreground, .mf-clone-root .text-navy-foreground\\/60{ color: var(--navy-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .text-navy-foreground\\/60{ color: color-mix(in oklab, var(--navy-foreground) 60%, transparent); }\n} .mf-clone-root .text-navy-foreground\\/70{ color: var(--navy-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .text-navy-foreground\\/70{ color: color-mix(in oklab, var(--navy-foreground) 70%, transparent); }\n} .mf-clone-root .text-navy-foreground\\/80{ color: var(--navy-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .text-navy-foreground\\/80{ color: color-mix(in oklab, var(--navy-foreground) 80%, transparent); }\n} .mf-clone-root .text-popover-foreground{ color: var(--popover-foreground); } .mf-clone-root .text-primary{ color: var(--primary); } .mf-clone-root .text-primary-foreground{ color: var(--primary-foreground); } .mf-clone-root .text-secondary-foreground{ color: var(--secondary-foreground); } .mf-clone-root .text-sidebar-foreground, .mf-clone-root .text-sidebar-foreground\\/70{ color: var(--sidebar-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .text-sidebar-foreground\\/70{ color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent); }\n} .mf-clone-root .uppercase{ text-transform: uppercase; } .mf-clone-root .tabular-nums{ --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .mf-clone-root .underline{ text-decoration-line: underline; } .mf-clone-root .underline-offset-4{ text-underline-offset: 4px; } .mf-clone-root .accent-\\[var\$--brand\$\\]{ accent-color: var(--brand); } .mf-clone-root .opacity-0{ opacity: 0; } .mf-clone-root .opacity-50{ opacity: 0.5; } .mf-clone-root .opacity-60{ opacity: 0.6; } .mf-clone-root .opacity-70{ opacity: 0.7; } .mf-clone-root .opacity-75{ opacity: 0.75; } .mf-clone-root .opacity-80{ opacity: 0.8; } .mf-clone-root .opacity-85{ opacity: 0.85; } .mf-clone-root .opacity-90{ opacity: 0.9; } .mf-clone-root .opacity-100{ opacity: 1; } .mf-clone-root .reveal{ opacity: 0; } .mf-clone-root .shadow{ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-2xl{ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-\\[0_0_0_1px_var\$--sidebar-border\$\\]{ --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--sidebar-border)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-\\[var\$--shadow-brand\$\\]{ --tw-shadow: var(--shadow-brand); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-\\[var\$--shadow-glow\$\\]{ --tw-shadow: var(--shadow-glow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-lg{ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-md{ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-none{ --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-sm{ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-xl{ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .shadow-xs{ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .ring-0{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .ring-1{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .ring-2{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .ring-border{ --tw-ring-color: var(--border); } .mf-clone-root .ring-brand{ --tw-ring-color: var(--brand); } .mf-clone-root .ring-foreground\\/10{ --tw-ring-color: var(--foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .ring-foreground\\/10{ --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent); }\n} .mf-clone-root .ring-navy{ --tw-ring-color: var(--navy); } .mf-clone-root .ring-ring{ --tw-ring-color: var(--ring); } .mf-clone-root .ring-sidebar-ring{ --tw-ring-color: var(--sidebar-ring); } .mf-clone-root .ring-offset-background{ --tw-ring-offset-color: var(--background); } .mf-clone-root .outline{ outline-style: var(--tw-outline-style); outline-width: 1px; } .mf-clone-root .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,); } .mf-clone-root .backdrop-blur-xl{ --tw-backdrop-blur: blur(var(--blur-xl)); 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,); } .mf-clone-root .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, 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)); } .mf-clone-root .transition-\\[left\\,right\\,width\\]{ transition-property: left, right, width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .mf-clone-root .transition-\\[margin\\,opacity\\]{ transition-property: margin, opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .mf-clone-root .transition-\\[width\\,height\\,padding\\]{ transition-property: width, height, padding; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .mf-clone-root .transition-\\[width\\]{ transition-property: width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .mf-clone-root .transition-all{ transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .mf-clone-root .transition-colors{ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .mf-clone-root .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)); } .mf-clone-root .transition-shadow{ transition-property: box-shadow; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .mf-clone-root .transition-transform{ transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .mf-clone-root .duration-200{ --tw-duration: .2s; transition-duration: 0.2s; } .mf-clone-root .duration-300{ --tw-duration: .3s; transition-duration: 0.3s; } .mf-clone-root .duration-1000{ --tw-duration: 1s; transition-duration: 1s; } .mf-clone-root .ease-in-out{ --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .mf-clone-root .ease-linear{ --tw-ease: linear; transition-timing-function: linear; } .mf-clone-root .fade-in-0{ --tw-enter-opacity: 0; } .mf-clone-root .outline-none{ --tw-outline-style: none; outline-style: none; } .mf-clone-root .select-none{ user-select: none; } .mf-clone-root .zoom-in-95{ --tw-enter-scale: .95; } .mf-clone-root .\\[--cell-size\\:2rem\\]{ --cell-size: 2rem; } .mf-clone-root .group-open\\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *){ rotate: 45deg; } .mf-clone-root .group-focus-within\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):focus-within *){ opacity: 1; } @media (hover: hover) {\n .mf-clone-root .group-hover\\:translate-x-1:is(:where(.group):hover *){ --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }\n .mf-clone-root .group-hover\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):hover *){ opacity: 1; }\n} .mf-clone-root .group-has-\\[\\[data-sidebar\\=menu-action\\]\\]\\/menu-item\\:pr-8:is(:where(.group\\/menu-item):has([data-sidebar=\"menu-action\"]) *){ padding-right: calc(var(--spacing) * 8); } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:-mt-8:is(:where(.group)[data-collapsible=\"icon\"] *){ margin-top: calc(var(--spacing) * -8); } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:hidden:is(:where(.group)[data-collapsible=\"icon\"] *){ display: none; } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:\\!size-8:is(:where(.group)[data-collapsible=\"icon\"] *){ width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:w-\$--sidebar-width-icon\$:is(:where(.group)[data-collapsible=\"icon\"] *){ width: var(--sidebar-width-icon); } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\$var\\(--sidebar-width-icon\$_\\+_theme\$spacing\\.4\$\\)\\]:is(:where(.group)[data-collapsible=\"icon\"] *){ width: calc(var(--sidebar-width-icon) + 1rem); } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\$var\\(--sidebar-width-icon\$_\\+_theme\$spacing\\.4\$_\\+2px\\)\\]:is(:where(.group)[data-collapsible=\"icon\"] *){ width: calc(var(--sidebar-width-icon) + 1rem + 2px); } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden:is(:where(.group)[data-collapsible=\"icon\"] *){ overflow: hidden; } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:\\!p-0:is(:where(.group)[data-collapsible=\"icon\"] *){ padding: 0px !important; } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:\\!p-2:is(:where(.group)[data-collapsible=\"icon\"] *){ padding: calc(var(--spacing) * 2) !important; } .mf-clone-root .group-data-\\[collapsible\\=icon\\]\\:opacity-0:is(:where(.group)[data-collapsible=\"icon\"] *){ opacity: 0; } .mf-clone-root .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\$var\\(--sidebar-width\$\\*-1\\)\\]:is(:where(.group)[data-collapsible=\"offcanvas\"] *){ right: calc(var(--sidebar-width) * -1); } .mf-clone-root .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\$var\\(--sidebar-width\$\\*-1\\)\\]:is(:where(.group)[data-collapsible=\"offcanvas\"] *){ left: calc(var(--sidebar-width) * -1); } .mf-clone-root .group-data-\\[collapsible\\=offcanvas\\]\\:w-0:is(:where(.group)[data-collapsible=\"offcanvas\"] *){ width: 0px; } .mf-clone-root .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0:is(:where(.group)[data-collapsible=\"offcanvas\"] *){ --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .group-data-\\[focused\\=true\\]\\/day\\:relative:is(:where(.group\\/day)[data-focused=\"true\"] *){ position: relative; } .mf-clone-root .group-data-\\[focused\\=true\\]\\/day\\:z-10:is(:where(.group\\/day)[data-focused=\"true\"] *){ z-index: 10; } .mf-clone-root .group-data-\\[focused\\=true\\]\\/day\\:border-ring:is(:where(.group\\/day)[data-focused=\"true\"] *){ border-color: var(--ring); } .mf-clone-root .group-data-\\[focused\\=true\\]\\/day\\:ring-\\[3px\\]:is(:where(.group\\/day)[data-focused=\"true\"] *){ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=\"true\"] *){ --tw-ring-color: var(--ring); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=\"true\"] *){ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); }\n} .mf-clone-root .group-data-\\[side\\=left\\]\\:-right-4:is(:where(.group)[data-side=\"left\"] *){ right: calc(var(--spacing) * -4); } .mf-clone-root .group-data-\\[side\\=left\\]\\:border-r:is(:where(.group)[data-side=\"left\"] *){ border-right-style: var(--tw-border-style); border-right-width: 1px; } .mf-clone-root .group-data-\\[side\\=right\\]\\:left-0:is(:where(.group)[data-side=\"right\"] *){ left: 0px; } .mf-clone-root .group-data-\\[side\\=right\\]\\:rotate-180:is(:where(.group)[data-side=\"right\"] *){ rotate: 180deg; } .mf-clone-root .group-data-\\[side\\=right\\]\\:border-l:is(:where(.group)[data-side=\"right\"] *){ border-left-style: var(--tw-border-style); border-left-width: 1px; } .mf-clone-root .group-data-\\[state\\=open\\]\\:rotate-180:is(:where(.group)[data-state=\"open\"] *){ rotate: 180deg; } .mf-clone-root .group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant=\"floating\"] *){ border-radius: var(--radius); } .mf-clone-root .group-data-\\[variant\\=floating\\]\\:border:is(:where(.group)[data-variant=\"floating\"] *){ border-style: var(--tw-border-style); border-width: 1px; } .mf-clone-root .group-data-\\[variant\\=floating\\]\\:border-sidebar-border:is(:where(.group)[data-variant=\"floating\"] *){ border-color: var(--sidebar-border); } .mf-clone-root .group-data-\\[variant\\=floating\\]\\:shadow:is(:where(.group)[data-variant=\"floating\"] *){ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .group-\\[\\.toast\\]\\:bg-muted:is(:where(.group).toast *){ background-color: var(--muted); } .mf-clone-root .group-\\[\\.toast\\]\\:bg-primary:is(:where(.group).toast *){ background-color: var(--primary); } .mf-clone-root .group-\\[\\.toast\\]\\:text-muted-foreground:is(:where(.group).toast *){ color: var(--muted-foreground); } .mf-clone-root .group-\\[\\.toast\\]\\:text-primary-foreground:is(:where(.group).toast *){ color: var(--primary-foreground); } .mf-clone-root .group-\\[\\.toaster\\]\\:border-border:is(:where(.group).toaster *){ border-color: var(--border); } .mf-clone-root .group-\\[\\.toaster\\]\\:bg-background:is(:where(.group).toaster *){ background-color: var(--background); } .mf-clone-root .group-\\[\\.toaster\\]\\:text-foreground:is(:where(.group).toaster *){ color: var(--foreground); } .mf-clone-root .group-\\[\\.toaster\\]\\:shadow-lg:is(:where(.group).toaster *){ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) {\n .mf-clone-root .peer-hover\\/menu-button\\:text-sidebar-accent-foreground:is(:where(.peer\\/menu-button):hover ~ *){ color: var(--sidebar-accent-foreground); }\n} .mf-clone-root .peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled ~ *){ cursor: not-allowed; } .mf-clone-root .peer-disabled\\:opacity-70:is(:where(.peer):disabled ~ *){ opacity: 0.7; } .mf-clone-root .peer-data-\\[active\\=true\\]\\/menu-button\\:text-sidebar-accent-foreground:is(:where(.peer\\/menu-button)[data-active=\"true\"] ~ *){ color: var(--sidebar-accent-foreground); } .mf-clone-root .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *){ top: calc(var(--spacing) * 1.5); } .mf-clone-root .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *){ top: calc(var(--spacing) * 2.5); } .mf-clone-root .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *){ top: var(--spacing); } .mf-clone-root .file\\:border-0::file-selector-button{ border-style: var(--tw-border-style); border-width: 0px; } .mf-clone-root .file\\:bg-transparent::file-selector-button{ background-color: rgba(0, 0, 0, 0); } .mf-clone-root .file\\:text-sm::file-selector-button{ font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); } .mf-clone-root .file\\:font-medium::file-selector-button{ --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .mf-clone-root .file\\:text-foreground::file-selector-button{ color: var(--foreground); } .mf-clone-root .placeholder\\:text-muted-foreground::placeholder, .mf-clone-root .placeholder\\:text-muted-foreground\\/70::placeholder{ color: var(--muted-foreground); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .placeholder\\:text-muted-foreground\\/70::placeholder{ color: color-mix(in oklab, var(--muted-foreground) 70%, transparent); }\n} .mf-clone-root .after\\:absolute::after{ content: var(--tw-content); position: absolute; } .mf-clone-root .after\\:-inset-2::after{ content: var(--tw-content); inset: calc(var(--spacing) * -2); } .mf-clone-root .after\\:inset-y-0::after{ content: var(--tw-content); inset-block: 0px; } .mf-clone-root .after\\:left-1\\/2::after{ content: var(--tw-content); left: 50%; } .mf-clone-root .after\\:w-1::after{ content: var(--tw-content); width: var(--spacing); } .mf-clone-root .after\\:w-\\[2px\\]::after{ content: var(--tw-content); width: 2px; } .mf-clone-root .after\\:-translate-x-1\\/2::after{ content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:is(:where(.group)[data-collapsible=\"offcanvas\"] *)::after{ content: var(--tw-content); left: 100%; } .mf-clone-root .first\\:rounded-l-md:first-child{ border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .mf-clone-root .first\\:border-l:first-child{ border-left-style: var(--tw-border-style); border-left-width: 1px; } .mf-clone-root .last\\:rounded-r-md:last-child{ border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } @media (hover: hover) {\n .mf-clone-root .hover\\:-translate-y-0\\.5:hover{ --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); }\n .mf-clone-root .hover\\:-translate-y-1:hover{ --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }\n .mf-clone-root .hover\\:-translate-y-1\\.5:hover{ --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); }\n .mf-clone-root .hover\\:border-brand:hover, .mf-clone-root .hover\\:border-brand\\/60:hover{ border-color: var(--brand); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:border-brand\\/60:hover{ border-color: color-mix(in oklab, var(--brand) 60%, transparent); }\n}\n .mf-clone-root .hover\\:border-navy-foreground:hover{ border-color: var(--navy-foreground); }\n .mf-clone-root .hover\\:border-primary\\/60:hover{ border-color: var(--primary); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:border-primary\\/60:hover{ border-color: color-mix(in oklab, var(--primary) 60%, transparent); }\n}\n .mf-clone-root .hover\\:bg-accent:hover{ background-color: var(--accent); }\n .mf-clone-root .hover\\:bg-brand-foreground\\/10:hover{ background-color: var(--brand-foreground); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:bg-brand-foreground\\/10:hover{ background-color: color-mix(in oklab, var(--brand-foreground) 10%, transparent); }\n}\n .mf-clone-root .hover\\:bg-brand\\/10:hover{ background-color: var(--brand); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:bg-brand\\/10:hover{ background-color: color-mix(in oklab, var(--brand) 10%, transparent); }\n}\n .mf-clone-root .hover\\:bg-destructive\\/80:hover{ background-color: var(--destructive); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:bg-destructive\\/80:hover{ background-color: color-mix(in oklab, var(--destructive) 80%, transparent); }\n}\n .mf-clone-root .hover\\:bg-destructive\\/90:hover{ background-color: var(--destructive); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:bg-destructive\\/90:hover{ background-color: color-mix(in oklab, var(--destructive) 90%, transparent); }\n}\n .mf-clone-root .hover\\:bg-muted:hover, .mf-clone-root .hover\\:bg-muted\\/50:hover{ background-color: var(--muted); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:bg-muted\\/50:hover{ background-color: color-mix(in oklab, var(--muted) 50%, transparent); }\n}\n .mf-clone-root .hover\\:bg-primary\\/80:hover{ background-color: var(--primary); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:bg-primary\\/80:hover{ background-color: color-mix(in oklab, var(--primary) 80%, transparent); }\n}\n .mf-clone-root .hover\\:bg-primary\\/90:hover{ background-color: var(--primary); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:bg-primary\\/90:hover{ background-color: color-mix(in oklab, var(--primary) 90%, transparent); }\n}\n .mf-clone-root .hover\\:bg-secondary:hover, .mf-clone-root .hover\\:bg-secondary\\/80:hover{ background-color: var(--secondary); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:bg-secondary\\/80:hover{ background-color: color-mix(in oklab, var(--secondary) 80%, transparent); }\n}\n .mf-clone-root .hover\\:bg-sidebar-accent:hover{ background-color: var(--sidebar-accent); }\n .mf-clone-root .hover\\:text-accent-foreground:hover{ color: var(--accent-foreground); }\n .mf-clone-root .hover\\:text-brand:hover{ color: var(--brand); }\n .mf-clone-root .hover\\:text-foreground:hover{ color: var(--foreground); }\n .mf-clone-root .hover\\:text-muted-foreground:hover{ color: var(--muted-foreground); }\n .mf-clone-root .hover\\:text-primary:hover{ color: var(--primary); }\n .mf-clone-root .hover\\:text-sidebar-accent-foreground:hover{ color: var(--sidebar-accent-foreground); }\n .mf-clone-root .hover\\:underline:hover{ text-decoration-line: underline; }\n .mf-clone-root .hover\\:opacity-100:hover{ opacity: 1; }\n .mf-clone-root .hover\\:shadow-2xl:hover{ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }\n .mf-clone-root .hover\\:shadow-\\[0_0_0_1px_var\$--sidebar-accent\$\\]:hover{ --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }\n .mf-clone-root .hover\\:shadow-\\[var\$--shadow-brand\$\\]:hover{ --tw-shadow: var(--shadow-brand); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }\n .mf-clone-root .hover\\:shadow-xl:hover{ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }\n .mf-clone-root .hover\\:ring-brand\\/50:hover{ --tw-ring-color: var(--brand); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:ring-brand\\/50:hover{ --tw-ring-color: color-mix(in oklab, var(--brand) 50%, transparent); }\n}\n .mf-clone-root .hover\\:ring-primary\\/40:hover{ --tw-ring-color: var(--primary); }\n @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .hover\\:ring-primary\\/40:hover{ --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent); }\n}\n .mf-clone-root .hover\\:brightness-110:hover{ --tw-brightness: brightness(110%); 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,); }\n .mf-clone-root .group-data-\\[collapsible\\=offcanvas\\]\\:hover\\:bg-sidebar:is(:where(.group)[data-collapsible=\"offcanvas\"] *):hover{ background-color: var(--sidebar); }\n .mf-clone-root .hover\\:after\\:bg-sidebar-border:hover::after{ content: var(--tw-content); background-color: var(--sidebar-border); }\n} .mf-clone-root .focus\\:border-brand:focus{ border-color: var(--brand); } .mf-clone-root .focus\\:border-primary:focus{ border-color: var(--primary); } .mf-clone-root .focus\\:bg-accent:focus{ background-color: var(--accent); } .mf-clone-root .focus\\:text-accent-foreground:focus{ color: var(--accent-foreground); } .mf-clone-root .focus\\:ring-1:focus{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .focus\\:ring-2:focus{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .focus\\:ring-ring:focus{ --tw-ring-color: var(--ring); } .mf-clone-root .focus\\:ring-offset-2:focus{ --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .mf-clone-root .focus\\:outline-none:focus{ --tw-outline-style: none; outline-style: none; } .mf-clone-root .focus-visible\\:ring-1:focus-visible{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .focus-visible\\:ring-2:focus-visible{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .focus-visible\\:ring-ring:focus-visible{ --tw-ring-color: var(--ring); } .mf-clone-root .focus-visible\\:ring-sidebar-ring:focus-visible{ --tw-ring-color: var(--sidebar-ring); } .mf-clone-root .focus-visible\\:ring-offset-1:focus-visible{ --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .mf-clone-root .focus-visible\\:ring-offset-2:focus-visible{ --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .mf-clone-root .focus-visible\\:ring-offset-background:focus-visible{ --tw-ring-offset-color: var(--background); } .mf-clone-root .focus-visible\\:outline-none:focus-visible{ --tw-outline-style: none; outline-style: none; } .mf-clone-root .active\\:bg-sidebar-accent:active{ background-color: var(--sidebar-accent); } .mf-clone-root .active\\:text-sidebar-accent-foreground:active{ color: var(--sidebar-accent-foreground); } .mf-clone-root .disabled\\:pointer-events-none:disabled{ pointer-events: none; } .mf-clone-root .disabled\\:cursor-not-allowed:disabled{ cursor: not-allowed; } .mf-clone-root .disabled\\:opacity-50:disabled{ opacity: 0.5; } .mf-clone-root .has-focus\\:border-ring:has(:focus){ border-color: var(--ring); } .mf-clone-root .has-focus\\:ring-\\[3px\\]:has(:focus){ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .has-focus\\:ring-ring\\/50:has(:focus){ --tw-ring-color: var(--ring); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .has-focus\\:ring-ring\\/50:has(:focus){ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); }\n} .mf-clone-root .has-\\[\\:disabled\\]\\:opacity-50:has(:disabled){ opacity: 0.5; } .mf-clone-root .has-\\[\\[data-variant\\=inset\\]\\]\\:bg-sidebar:has([data-variant=\"inset\"]){ background-color: var(--sidebar); } .mf-clone-root .aria-disabled\\:pointer-events-none[aria-disabled=\"true\"]{ pointer-events: none; } .mf-clone-root .aria-disabled\\:opacity-50[aria-disabled=\"true\"]{ opacity: 0.5; } .mf-clone-root .aria-selected\\:text-muted-foreground[aria-selected=\"true\"]{ color: var(--muted-foreground); } .mf-clone-root .data-\\[active\\=true\\]\\:bg-sidebar-accent[data-active=\"true\"]{ background-color: var(--sidebar-accent); } .mf-clone-root .data-\\[active\\=true\\]\\:font-medium[data-active=\"true\"]{ --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .mf-clone-root .data-\\[active\\=true\\]\\:text-sidebar-accent-foreground[data-active=\"true\"]{ color: var(--sidebar-accent-foreground); } .mf-clone-root .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{ pointer-events: none; } .mf-clone-root .data-\\[disabled\\]\\:opacity-50[data-disabled]{ opacity: 0.5; } .mf-clone-root .data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=\"true\"]{ pointer-events: none; } .mf-clone-root .data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=\"true\"]{ opacity: 0.5; } .mf-clone-root .data-\\[motion\\=from-end\\]\\:slide-in-from-right-52[data-motion=\"from-end\"]{ --tw-enter-translate-x: calc(52*var(--spacing)); } .mf-clone-root .data-\\[motion\\=from-start\\]\\:slide-in-from-left-52[data-motion=\"from-start\"]{ --tw-enter-translate-x: calc(52*var(--spacing)*-1); } .mf-clone-root .data-\\[motion\\=to-end\\]\\:slide-out-to-right-52[data-motion=\"to-end\"]{ --tw-exit-translate-x: calc(52*var(--spacing)); } .mf-clone-root .data-\\[motion\\=to-start\\]\\:slide-out-to-left-52[data-motion=\"to-start\"]{ --tw-exit-translate-x: calc(52*var(--spacing)*-1); } .mf-clone-root .data-\\[motion\\^\\=from-\\]\\:animate-in[data-motion^=\"from-\"]{ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .mf-clone-root .data-\\[motion\\^\\=from-\\]\\:fade-in[data-motion^=\"from-\"]{ --tw-enter-opacity: 0; } .mf-clone-root .data-\\[motion\\^\\=to-\\]\\:animate-out[data-motion^=\"to-\"]{ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .mf-clone-root .data-\\[motion\\^\\=to-\\]\\:fade-out[data-motion^=\"to-\"]{ --tw-exit-opacity: 0; } .mf-clone-root .data-\\[panel-group-direction\\=vertical\\]\\:h-px[data-panel-group-direction=\"vertical\"]{ height: 1px; } .mf-clone-root .data-\\[panel-group-direction\\=vertical\\]\\:w-full[data-panel-group-direction=\"vertical\"]{ width: 100%; } .mf-clone-root .data-\\[panel-group-direction\\=vertical\\]\\:flex-col[data-panel-group-direction=\"vertical\"]{ flex-direction: column; } .mf-clone-root .data-\\[panel-group-direction\\=vertical\\]\\:after\\:left-0[data-panel-group-direction=\"vertical\"]::after{ content: var(--tw-content); left: 0px; } .mf-clone-root .data-\\[panel-group-direction\\=vertical\\]\\:after\\:h-1[data-panel-group-direction=\"vertical\"]::after{ content: var(--tw-content); height: var(--spacing); } .mf-clone-root .data-\\[panel-group-direction\\=vertical\\]\\:after\\:w-full[data-panel-group-direction=\"vertical\"]::after{ content: var(--tw-content); width: 100%; } .mf-clone-root .data-\\[panel-group-direction\\=vertical\\]\\:after\\:translate-x-0[data-panel-group-direction=\"vertical\"]::after{ content: var(--tw-content); --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .data-\\[panel-group-direction\\=vertical\\]\\:after\\:-translate-y-1\\/2[data-panel-group-direction=\"vertical\"]::after{ content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .data-\\[placeholder\\]\\:text-muted-foreground[data-placeholder]{ color: var(--muted-foreground); } .mf-clone-root .data-\\[range-end\\=true\\]\\:rounded-md[data-range-end=\"true\"]{ border-radius: calc(var(--radius) - 2px); } .mf-clone-root .data-\\[range-end\\=true\\]\\:bg-primary[data-range-end=\"true\"]{ background-color: var(--primary); } .mf-clone-root .data-\\[range-end\\=true\\]\\:text-primary-foreground[data-range-end=\"true\"]{ color: var(--primary-foreground); } .mf-clone-root .data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle=\"true\"]{ border-radius: 0px; } .mf-clone-root .data-\\[range-middle\\=true\\]\\:bg-accent[data-range-middle=\"true\"]{ background-color: var(--accent); } .mf-clone-root .data-\\[range-middle\\=true\\]\\:text-accent-foreground[data-range-middle=\"true\"]{ color: var(--accent-foreground); } .mf-clone-root .data-\\[range-start\\=true\\]\\:rounded-md[data-range-start=\"true\"]{ border-radius: calc(var(--radius) - 2px); } .mf-clone-root .data-\\[range-start\\=true\\]\\:bg-primary[data-range-start=\"true\"]{ background-color: var(--primary); } .mf-clone-root .data-\\[range-start\\=true\\]\\:text-primary-foreground[data-range-start=\"true\"]{ color: var(--primary-foreground); } .mf-clone-root .data-\\[selected-single\\=true\\]\\:bg-primary[data-selected-single=\"true\"]{ background-color: var(--primary); } .mf-clone-root .data-\\[selected-single\\=true\\]\\:text-primary-foreground[data-selected-single=\"true\"]{ color: var(--primary-foreground); } .mf-clone-root .data-\\[selected\\=true\\]\\:rounded-none[data-selected=\"true\"]{ border-radius: 0px; } .mf-clone-root .data-\\[selected\\=true\\]\\:bg-accent[data-selected=\"true\"]{ background-color: var(--accent); } .mf-clone-root .data-\\[selected\\=true\\]\\:text-accent-foreground[data-selected=\"true\"]{ color: var(--accent-foreground); } .mf-clone-root .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=\"bottom\"]{ --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"]{ --tw-enter-translate-y: calc(2*var(--spacing)*-1); } .mf-clone-root .data-\\[side\\=left\\]\\:-translate-x-1[data-side=\"left\"]{ --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"]{ --tw-enter-translate-x: calc(2*var(--spacing)); } .mf-clone-root .data-\\[side\\=right\\]\\:translate-x-1[data-side=\"right\"]{ --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"]{ --tw-enter-translate-x: calc(2*var(--spacing)*-1); } .mf-clone-root .data-\\[side\\=top\\]\\:-translate-y-1[data-side=\"top\"]{ --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"]{ --tw-enter-translate-y: calc(2*var(--spacing)); } .mf-clone-root .data-\\[state\\=active\\]\\:bg-background[data-state=\"active\"]{ background-color: var(--background); } .mf-clone-root .data-\\[state\\=active\\]\\:text-foreground[data-state=\"active\"]{ color: var(--foreground); } .mf-clone-root .data-\\[state\\=active\\]\\:shadow[data-state=\"active\"]{ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .mf-clone-root .data-\\[state\\=checked\\]\\:translate-x-4[data-state=\"checked\"]{ --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .data-\\[state\\=checked\\]\\:bg-primary[data-state=\"checked\"]{ background-color: var(--primary); } .mf-clone-root .data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=\"checked\"]{ color: var(--primary-foreground); } .mf-clone-root .data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=\"closed\"]{ animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .mf-clone-root .data-\\[state\\=closed\\]\\:animate-out[data-state=\"closed\"]{ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .mf-clone-root .data-\\[state\\=closed\\]\\:duration-300[data-state=\"closed\"]{ --tw-duration: .3s; transition-duration: 0.3s; } .mf-clone-root .data-\\[state\\=closed\\]\\:fade-out-0[data-state=\"closed\"]{ --tw-exit-opacity: 0; } .mf-clone-root .data-\\[state\\=closed\\]\\:zoom-out-95[data-state=\"closed\"]{ --tw-exit-scale: .95; } .mf-clone-root .data-\\[state\\=closed\\]\\:slide-out-to-bottom[data-state=\"closed\"]{ --tw-exit-translate-y: 100%; } .mf-clone-root .data-\\[state\\=closed\\]\\:slide-out-to-left[data-state=\"closed\"]{ --tw-exit-translate-x: -100%; } .mf-clone-root .data-\\[state\\=closed\\]\\:slide-out-to-right[data-state=\"closed\"]{ --tw-exit-translate-x: 100%; } .mf-clone-root .data-\\[state\\=closed\\]\\:slide-out-to-top[data-state=\"closed\"]{ --tw-exit-translate-y: -100%; } .mf-clone-root .data-\\[state\\=hidden\\]\\:animate-out[data-state=\"hidden\"]{ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .mf-clone-root .data-\\[state\\=hidden\\]\\:fade-out[data-state=\"hidden\"]{ --tw-exit-opacity: 0; } .mf-clone-root .data-\\[state\\=on\\]\\:bg-accent[data-state=\"on\"]{ background-color: var(--accent); } .mf-clone-root .data-\\[state\\=on\\]\\:text-accent-foreground[data-state=\"on\"]{ color: var(--accent-foreground); } .mf-clone-root .data-\\[state\\=open\\]\\:animate-accordion-down[data-state=\"open\"]{ animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .mf-clone-root .data-\\[state\\=open\\]\\:animate-in[data-state=\"open\"]{ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .mf-clone-root .data-\\[state\\=open\\]\\:bg-accent[data-state=\"open\"], .mf-clone-root .data-\\[state\\=open\\]\\:bg-accent\\/50[data-state=\"open\"]{ background-color: var(--accent); } @supports (color:color-mix(in lab, red, red)) {\n .mf-clone-root .data-\\[state\\=open\\]\\:bg-accent\\/50[data-state=\"open\"]{ background-color: color-mix(in oklab, var(--accent) 50%, transparent); }\n} .mf-clone-root .data-\\[state\\=open\\]\\:bg-secondary[data-state=\"open\"]{ background-color: var(--secondary); } .mf-clone-root .data-\\[state\\=open\\]\\:text-accent-foreground[data-state=\"open\"]{ color: var(--accent-foreground); } .mf-clone-root .data-\\[state\\=open\\]\\:text-muted-foreground[data-state=\"open\"]{ color: var(--muted-foreground); } .mf-clone-root .data-\\[state\\=open\\]\\:opacity-100[data-state=\"open\"]{ opacity: 1; } .mf-clone-root .data-\\[state\\=open\\]\\:duration-500[data-state=\"open\"]{ --tw-duration: .5s; transition-duration: 0.5s; } .mf-clone-root .data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"]{ --tw-enter-opacity: 0; } .mf-clone-root .data-\\[state\\=open\\]\\:zoom-in-90[data-state=\"open\"]{ --tw-enter-scale: .9; } .mf-clone-root .data-\\[state\\=open\\]\\:zoom-in-95[data-state=\"open\"]{ --tw-enter-scale: .95; } .mf-clone-root .data-\\[state\\=open\\]\\:slide-in-from-bottom[data-state=\"open\"]{ --tw-enter-translate-y: 100%; } .mf-clone-root .data-\\[state\\=open\\]\\:slide-in-from-left[data-state=\"open\"]{ --tw-enter-translate-x: -100%; } .mf-clone-root .data-\\[state\\=open\\]\\:slide-in-from-right[data-state=\"open\"]{ --tw-enter-translate-x: 100%; } .mf-clone-root .data-\\[state\\=open\\]\\:slide-in-from-top[data-state=\"open\"]{ --tw-enter-translate-y: -100%; } @media (hover: hover) {\n .mf-clone-root .data-\\[state\\=open\\]\\:hover\\:bg-accent[data-state=\"open\"]:hover{ background-color: var(--accent); }\n .mf-clone-root .data-\\[state\\=open\\]\\:hover\\:bg-sidebar-accent[data-state=\"open\"]:hover{ background-color: var(--sidebar-accent); }\n .mf-clone-root .data-\\[state\\=open\\]\\:hover\\:text-sidebar-accent-foreground[data-state=\"open\"]:hover{ color: var(--sidebar-accent-foreground); }\n} .mf-clone-root .data-\\[state\\=open\\]\\:focus\\:bg-accent[data-state=\"open\"]:focus{ background-color: var(--accent); } .mf-clone-root .data-\\[state\\=selected\\]\\:bg-muted[data-state=\"selected\"]{ background-color: var(--muted); } .mf-clone-root .data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=\"unchecked\"]{ --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .mf-clone-root .data-\\[state\\=unchecked\\]\\:bg-input[data-state=\"unchecked\"]{ background-color: var(--input); } .mf-clone-root .data-\\[state\\=visible\\]\\:animate-in[data-state=\"visible\"]{ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .mf-clone-root .data-\\[state\\=visible\\]\\:fade-in[data-state=\"visible\"]{ --tw-enter-opacity: 0; } @media (width >= 40rem) {\n .mf-clone-root .sm\\:col-span-2{ grid-column: span 2 / span 2; }\n .mf-clone-root .sm\\:mt-0{ margin-top: 0px; }\n .mf-clone-root .sm\\:flex{ display: flex; }\n .mf-clone-root .sm\\:inline-flex{ display: inline-flex; }\n .mf-clone-root .sm\\:max-w-sm{ max-width: var(--container-sm); }\n .mf-clone-root .sm\\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n .mf-clone-root .sm\\:flex-row{ flex-direction: row; }\n .mf-clone-root .sm\\:justify-end{ justify-content: flex-end; }\n .mf-clone-root .sm\\:gap-2\\.5{ gap: calc(var(--spacing) * 2.5); }\n :where(.mf-clone-root) :where(.sm\\:space-x-2 > :not(:last-child)){ --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); }\n .mf-clone-root .sm\\:rounded-lg{ border-radius: var(--radius); }\n .mf-clone-root .sm\\:text-left{ text-align: left; }\n} @media (width >= 48rem) {\n .mf-clone-root .md\\:absolute{ position: absolute; }\n .mf-clone-root .md\\:block{ display: block; }\n .mf-clone-root .md\\:flex{ display: flex; }\n .mf-clone-root .md\\:hidden{ display: none; }\n .mf-clone-root .md\\:h-10{ height: calc(var(--spacing) * 10); }\n .mf-clone-root .md\\:w-\\[var\$--radix-navigation-menu-viewport-width\$\\]{ width: var(--radix-navigation-menu-viewport-width); }\n .mf-clone-root .md\\:w-auto{ width: auto; }\n .mf-clone-root .md\\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n .mf-clone-root .md\\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n .mf-clone-root .md\\:grid-cols-\\[1\\.3fr_0\\.7fr\\]{ grid-template-columns: 1.3fr 0.7fr; }\n .mf-clone-root .md\\:flex-row{ flex-direction: row; }\n .mf-clone-root .md\\:p-9{ padding: calc(var(--spacing) * 9); }\n .mf-clone-root .md\\:p-14{ padding: calc(var(--spacing) * 14); }\n .mf-clone-root .md\\:py-24{ padding-block: calc(var(--spacing) * 24); }\n .mf-clone-root .md\\:pt-20{ padding-top: calc(var(--spacing) * 20); }\n .mf-clone-root .md\\:pt-24{ padding-top: calc(var(--spacing) * 24); }\n .mf-clone-root .md\\:pb-20{ padding-bottom: calc(var(--spacing) * 20); }\n .mf-clone-root .md\\:pb-28{ padding-bottom: calc(var(--spacing) * 28); }\n .mf-clone-root .md\\:text-left{ text-align: left; }\n .mf-clone-root .md\\:text-3xl{ font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }\n .mf-clone-root .md\\:text-4xl{ font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }\n .mf-clone-root .md\\:text-5xl{ font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); }\n .mf-clone-root .md\\:text-6xl{ font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height)); }\n .mf-clone-root .md\\:text-lg{ font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }\n .mf-clone-root .md\\:text-sm{ font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }\n .mf-clone-root .md\\:text-\\[2\\.6rem\\]{ font-size: 2.6rem; }\n .mf-clone-root .md\\:text-\\[3\\.75rem\\]{ font-size: 3.75rem; }\n .mf-clone-root .md\\:opacity-0{ opacity: 0; }\n .mf-clone-root .md\\:peer-data-\\[variant\\=inset\\]\\:m-2:is(:where(.peer)[data-variant=\"inset\"] ~ *){ margin: calc(var(--spacing) * 2); }\n .mf-clone-root .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0:is(:where(.peer)[data-variant=\"inset\"] ~ *){ margin-left: 0px; }\n .mf-clone-root .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl:is(:where(.peer)[data-variant=\"inset\"] ~ *){ border-radius: calc(var(--radius) + 4px); }\n .mf-clone-root .md\\:peer-data-\\[variant\\=inset\\]\\:shadow:is(:where(.peer)[data-variant=\"inset\"] ~ *){ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }\n .mf-clone-root .md\\:peer-data-\\[state\\=collapsed\\]\\:peer-data-\\[variant\\=inset\\]\\:ml-2:is(:where(.peer)[data-state=\"collapsed\"] ~ *):is(:where(.peer)[data-variant=\"inset\"] ~ *){ margin-left: calc(var(--spacing) * 2); }\n} .mf-clone-root .after\\:md\\:hidden::after{ content: var(--tw-content); } @media (width >= 48rem) {\n .mf-clone-root .after\\:md\\:hidden::after{ display: none; }\n} @media (width >= 64rem) {\n .mf-clone-root .lg\\:-translate-y-3{ --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); }\n .mf-clone-root .lg\\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n .mf-clone-root .lg\\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n .mf-clone-root .lg\\:grid-cols-\\[0\\.85fr_1\\.15fr\\]{ grid-template-columns: 0.85fr 1.15fr; }\n .mf-clone-root .lg\\:grid-cols-\\[1\\.1fr_0\\.9fr\\]{ grid-template-columns: 1.1fr 0.9fr; }\n .mf-clone-root .lg\\:grid-cols-\\[1\\.2fr_0\\.8fr\\]{ grid-template-columns: 1.2fr 0.8fr; }\n .mf-clone-root .lg\\:grid-cols-\\[1\\.3fr_1fr\\]{ grid-template-columns: 1.3fr 1fr; }\n .mf-clone-root .lg\\:grid-cols-\\[1\\.4fr_1fr_1fr_1fr_1fr\\]{ grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; }\n .mf-clone-root .lg\\:grid-cols-\\[1\\.15fr_0\\.85fr\\]{ grid-template-columns: 1.15fr 0.85fr; }\n} .mf-clone-root .dark\\:border-destructive:is(.dark *){ border-color: var(--destructive); } .mf-clone-root .\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text{ fill: var(--muted-foreground); } .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] { stroke: var(--border); } @supports (color:color-mix(in lab, red, red)) {\n .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] { stroke: color-mix(in oklab, var(--border) 50%, transparent); }\n} .\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: var(--border); } .\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke=\"#fff\"] { stroke: rgba(0, 0, 0, 0); } .\\[\\&_\\.recharts-layer\\]\\:outline-none .recharts-layer { --tw-outline-style: none; outline-style: none; } .\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke=\"#ccc\"] { stroke: var(--border); } .\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector, .\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: var(--muted); } .\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke=\"#ccc\"] { stroke: var(--border); } .\\[\\&_\\.recharts-sector\\]\\:outline-none .recharts-sector { --tw-outline-style: none; outline-style: none; } .\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke=\"#fff\"] { stroke: rgba(0, 0, 0, 0); } .\\[\\&_\\.recharts-surface\\]\\:outline-none .recharts-surface { --tw-outline-style: none; outline-style: none; } .\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } .\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); } .\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading] { color: var(--muted-foreground); } .\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group] { padding-inline: calc(var(--spacing) * 2); } .\\[\\&_\\[cmdk-group\\]\\:not\$\\[hidden\\]\$_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: 0px; } .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } .\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input] { height: calc(var(--spacing) * 12); } .\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } .\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item] { padding-block: calc(var(--spacing) * 3); } .\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg { height: calc(var(--spacing) * 5); } .\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg { width: calc(var(--spacing) * 5); } .\\[\\&_p\\]\\:leading-relaxed p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .\\[\\&_svg\\]\\:pointer-events-none svg { pointer-events: none; } .\\[\\&_svg\\]\\:size-4 svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\\[\\&_svg\\]\\:shrink-0 svg { flex-shrink: 0; } .\\[\\&_tr\\]\\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0px; } .\\[\\&\\:first-child\\[data-selected\\=true\\]_button\\]\\:rounded-l-md:first-child[data-selected=\"true\"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .\\[\\&\\:has\$\\[role\\=checkbox\\]\$\\]\\:pr-0:has([role=\"checkbox\"]) { padding-right: 0px; } :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_next\\>svg\\]\\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=\"rtl\"], [dir=\"rtl\"] *) *):is(.rdp-button_next > svg), :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_previous\\>svg\\]\\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=\"rtl\"], [dir=\"rtl\"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; } .\\[\\&\\:last-child\\[data-selected\\=true\\]_button\\]\\:rounded-r-md:last-child[data-selected=\"true\"] button { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=\"checkbox\"] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } .\\[\\&\\>button\\]\\:hidden > button { display: none; } .\\[\\&\\>span\\]\\:line-clamp-1 > span { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .\\[\\&\\>span\\]\\:text-xs > span { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); } .\\[\\&\\>span\\]\\:opacity-70 > span { opacity: 0.7; } .\\[\\&\\>span\\:last-child\\]\\:truncate > span:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .\\[\\&\\>svg\\]\\:absolute > svg { position: absolute; } .\\[\\&\\>svg\\]\\:top-4 > svg { top: calc(var(--spacing) * 4); } .\\[\\&\\>svg\\]\\:left-4 > svg { left: calc(var(--spacing) * 4); } .\\[\\&\\>svg\\]\\:size-3\\.5 > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .\\[\\&\\>svg\\]\\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\\[\\&\\>svg\\]\\:h-2\\.5 > svg { height: calc(var(--spacing) * 2.5); } .\\[\\&\\>svg\\]\\:h-3 > svg { height: calc(var(--spacing) * 3); } .\\[\\&\\>svg\\]\\:h-3\\.5 > svg { height: calc(var(--spacing) * 3.5); } .\\[\\&\\>svg\\]\\:w-2\\.5 > svg { width: calc(var(--spacing) * 2.5); } .\\[\\&\\>svg\\]\\:w-3 > svg { width: calc(var(--spacing) * 3); } .\\[\\&\\>svg\\]\\:w-3\\.5 > svg { width: calc(var(--spacing) * 3.5); } .\\[\\&\\>svg\\]\\:shrink-0 > svg { flex-shrink: 0; } .\\[\\&\\>svg\\]\\:text-destructive > svg { color: var(--destructive); } .\\[\\&\\>svg\\]\\:text-foreground > svg { color: var(--foreground); } .\\[\\&\\>svg\\]\\:text-muted-foreground > svg { color: var(--muted-foreground); } .\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground > svg { color: var(--sidebar-accent-foreground); } .\\[\\&\\>svg\\+div\\]\\:translate-y-\\[-3px\\] > svg + div { --tw-translate-y: -3px; translate: var(--tw-translate-x) var(--tw-translate-y); } .\\[\\&\\>svg\\~\\*\\]\\:pl-7 > svg ~ * { padding-left: calc(var(--spacing) * 7); } .\\[\\&\\>tr\\]\\:last\\:border-b-0 > tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .\\[\\&\\[data-panel-group-direction\\=vertical\\]\\>div\\]\\:rotate-90[data-panel-group-direction=\"vertical\"] > div { rotate: 90deg; } .\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180[data-state=\"open\"] > svg { rotate: 180deg; } [data-side=\"left\"] .\\[\\[data-side\\=left\\]_\\&\\]\\:cursor-w-resize { cursor: w-resize; } [data-side=\"left\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 { right: calc(var(--spacing) * -2); } [data-side=\"left\"][data-state=\"collapsed\"] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize, [data-side=\"right\"] .\\[\\[data-side\\=right\\]_\\&\\]\\:cursor-e-resize { cursor: e-resize; } [data-side=\"right\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 { left: calc(var(--spacing) * -2); } [data-side=\"right\"][data-state=\"collapsed\"] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize { cursor: w-resize; } [data-slot=\"card-content\"] .\\[\\[data-slot\\=card-content\\]_\\&\\]\\:bg-transparent, [data-slot=\"popover-content\"] .\\[\\[data-slot\\=popover-content\\]_\\&\\]\\:bg-transparent { background-color: rgba(0, 0, 0, 0); } }\n@property --tw-animation-delay { syntax: \"*\"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: \"*\"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: \"*\"; inherits: false; } @property --tw-animation-fill-mode { syntax: \"*\"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: \"*\"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: \"*\"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: \"*\"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: \"*\"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: \"*\"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: \"*\"; inherits: false; initial-value: 0; } @keyframes rc-fade-up { \n 0% { opacity: 0; transform: translateY(18px); }\n 100% { opacity: 1; transform: none; }\n} @keyframes rc-marquee { \n 0% { transform: translate(0px); }\n 100% { transform: translate(-50%); }\n} @keyframes rc-pulse-glow { \n 0%, 100% { opacity: 0.55; }\n 50% { opacity: 1; }\n} @keyframes rc-float { \n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n} @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-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-space-y-reverse { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: \"*\"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: \"*\"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: \"*\"; inherits: false; } @property --tw-gradient-from { syntax: \"\"; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: \"\"; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: \"\"; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: \"*\"; inherits: false; } @property --tw-gradient-via-stops { syntax: \"*\"; inherits: false; } @property --tw-gradient-from-position { syntax: \"\"; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: \"\"; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: \"\"; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: \"*\"; inherits: false; } @property --tw-font-weight { syntax: \"*\"; inherits: false; } @property --tw-tracking { syntax: \"*\"; inherits: false; } @property --tw-ordinal { syntax: \"*\"; inherits: false; } @property --tw-slashed-zero { syntax: \"*\"; inherits: false; } @property --tw-numeric-figure { syntax: \"*\"; inherits: false; } @property --tw-numeric-spacing { syntax: \"*\"; inherits: false; } @property --tw-numeric-fraction { 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-outline-style { syntax: \"*\"; inherits: false; initial-value: solid; } @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; } @property --tw-content { syntax: \"*\"; inherits: false; initial-value: \"\"; } @keyframes ping { \n 75%, 100% { opacity: 0; transform: scale(2); }\n} @keyframes pulse { \n 50% { opacity: 0.5; }\n} @keyframes enter { \n 0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }\n} @keyframes exit { \n 100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }\n} @keyframes accordion-down { \n 0% { height: 0px; }\n 100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }\n} @keyframes accordion-up { \n 0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }\n 100% { height: 0px; }\n} @keyframes caret-blink { \n 0%, 70%, 100% { opacity: 1; }\n 20%, 50% { opacity: 0; }\n} @font-face { font-family: CameraPlainVariable; src: url(\"https://metaforma-v2-prod-bucket.s3.eu-west-3.amazonaws.com/organizations/2727/rehosted-assets/01a0ed17-1bc8-77ea-b7ce-572b9107cc5b.woff\") format(\"woff2\"); font-weight: 100 900; font-style: normal; font-display: swap; } #lovable-badge { --badge-bg: #1b1b1b; --badge-text: #c5c1b9; --badge-text-hover: #dcdad5; --badge-radius: 6px; --badge-padding: 8px; --badge-gap: 6px; --badge-shadow: 0 0 0 1px rgba(0, 0, 0, 0.88),\n\t\t\t0 1px 0 0 rgba(0, 0, 0, 0.04),\n\t\t\t0 2px 2px -1px rgba(0, 0, 0, 0.08),\n\t\t\t0 4px 4px -2px rgba(0, 0, 0, 0.08),\n\t\t\t0 8px 8px -4px rgba(0, 0, 0, 0.08),\n\t\t\t0 16px 16px -8px rgba(0, 0, 0, 0.08); --badge-transition-duration: 0.2s; --badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1); --focus-color: #575ECF; --focus-offset: 2px; --focus-width: 2px; position: fixed; bottom: 12px; right: 12px; height: 24px; display: flex; align-items: center; z-index: 1000000; border-radius: var(--badge-radius); font-size: 12px; font-family: CameraPlainVariable, \"CameraPlainVariable Fallback\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; transform: translateZ(0px); will-change: transform, opacity; background-color: var(--badge-bg) !important; color: var(--badge-text) !important; box-shadow: var(--badge-shadow) !important; font-weight: 400 !important; text-transform: none !important; font-feature-settings: normal !important; } #lovable-badge-cta { display: flex; align-items: center; gap: var(--badge-gap); padding: 0 var(--badge-padding); height: 100%; color: inherit; text-decoration: none; white-space: nowrap; border-radius: var(--badge-radius) 0 0 var(--badge-radius); transition: background-color var(--badge-transition-duration) ease,\n\t\t\tcolor var(--badge-transition-duration) ease,\n\t\t\ttransform 0.1s ease; } #lovable-badge-cta:hover { background: rgba(255, 255, 255, 0.04); color: var(--badge-text-hover); } #lovable-badge-cta:active { transform: scale(0.98); } #lovable-badge-cta:focus { outline: none; } #lovable-badge-cta:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); z-index: 1; } #lovable-badge-text { line-height: 1; } #lovable-badge-divider { width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.04); flex-shrink: 0; } #lovable-badge-close { width: 24px; height: 24px; min-width: 24px; min-height: 24px; cursor: pointer; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; display: flex; align-items: center; justify-content: center; border-radius: 0 var(--badge-radius) var(--badge-radius) 0; flex-shrink: 0; transition: background-color var(--badge-transition-duration) ease,\n\t\t\ttransform 0.1s ease; } #lovable-badge-close:hover { background: rgba(255, 255, 255, 0.04); } #lovable-badge-close:active { transform: scale(0.92); } #lovable-badge-close:focus { outline: none; } #lovable-badge-close:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: calc(var(--focus-offset) * -1); z-index: 1; } #lovable-badge-close svg path { fill: var(--badge-text); transition: fill var(--badge-transition-duration) ease; } #lovable-badge-close:hover svg path { fill: var(--badge-text-hover); } @media (prefers-reduced-motion: reduce) {\n .mf-clone-root #lovable-badge-cta, .mf-clone-root #lovable-badge-close, .mf-clone-root #lovable-badge-close svg path{ transition: none; }\n .mf-clone-root #lovable-badge-cta:active, .mf-clone-root #lovable-badge-close:active{ transform: none; }\n} @media (prefers-contrast: high) {\n .mf-clone-root #lovable-badge{ --badge-bg: #000; --badge-text: #fff; --badge-text-hover: #fff; border: 2px solid; }\n .mf-clone-root #lovable-badge-cta:focus-visible, .mf-clone-root #lovable-badge-close:focus-visible{ outline-width: 3px; }\n} @font-face {\n font-family: 'Plus Jakarta Sans';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://metaforma-v2-prod-bucket.s3.eu-west-3.amazonaws.com/organizations/2727/rehosted-assets/01a0ed17-1bc8-7836-b7ce-572b916fd3d9.ttf) format('truetype');\n} @font-face {\n font-family: 'Plus Jakarta Sans';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://metaforma-v2-prod-bucket.s3.eu-west-3.amazonaws.com/organizations/2727/rehosted-assets/01a0ed17-1bc8-78be-b7ce-572b919b08fa.ttf) format('truetype');\n} @font-face {\n font-family: 'Plus Jakarta Sans';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://metaforma-v2-prod-bucket.s3.eu-west-3.amazonaws.com/organizations/2727/rehosted-assets/01a0ed17-1bc8-78fa-b7ce-572b926ef91a.ttf) format('truetype');\n} @font-face {\n font-family: 'Plus Jakarta Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://metaforma-v2-prod-bucket.s3.eu-west-3.amazonaws.com/organizations/2727/rehosted-assets/01a0ed17-1bc8-7932-b7ce-572b92e10495.ttf) format('truetype');\n} @font-face {\n font-family: 'Plus Jakarta Sans';\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(https://metaforma-v2-prod-bucket.s3.eu-west-3.amazonaws.com/organizations/2727/rehosted-assets/01a0ed17-1d53-7a1e-8877-96782e7b38b1.ttf) format('truetype');\n}\n\n\n/* Button label slots — unlayered so they survive the renderer's `all: revert` reset */\n.mf-page-content .comp-xds4dd [data-button-icon] {\n line-height: 1;\n display: flex;\n align-items: center;\n align-self: center;\n}\n.mf-page-content .comp-xds4dd [data-button-text] {\n display: flex;\n flex-direction: column;\n align-items: inherit;\n align-self: center;\n}","html","\n \n \n

\n \n

$\"Rotechub\"$ \n

Demo checkout — no real payment will be taken

Secure Checkout

","styles","traffic","viewed","template_id","created_at","funnel_step",{"_34":38,"_59":60,"_39":61,"_62":63,"_55":64,"_65":66,"_67":68,"_53":-5,"_41":69,"_70":68,"_71":-5,"_72":73,"_74":-5,"_75":76,"_77":-5,"_78":-5,"_79":24,"_80":81},"body_settings","funnel_id",4177,"Checkout Page","order",4,"29/09/2026 12:13:01","funnel_step_category",{"_34":85,"_39":87,"_88":85,"_55":89},"active",false,"checkout-starter","is_activated_ab_test","tracking_code","funnel",{"_34":60,"_71":-5},"seo_meta","versions",[82],"deleted_at","lead_reminder","favicon_url","funnel_products",[],{"_34":36,"_37":38,"_39":40,"_41":42,"_43":83,"_52":84,"_53":85,"_54":-5,"_49":50,"_47":48,"_55":86},"https://metaforma-v2-prod-bucket.s3.eu-west-3.amazonaws.com/organizations/2727/funnels/4177/steps/18063/versions/14697/bf2183addc77b322f08762732ac69d30.png",0,2,"29/09/2026 12:13:06","Payment Page","type","05/10/2022 10:54:01","urls",[395],"items",[94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193],{"_194":393,"_34":393,"_39":394},{"_194":391,"_34":391,"_39":392},{"_194":389,"_34":389,"_39":390},{"_194":387,"_34":387,"_39":388},{"_194":385,"_34":385,"_39":386},{"_194":383,"_34":383,"_39":384},{"_194":381,"_34":381,"_39":382},{"_194":379,"_34":379,"_39":380},{"_194":377,"_34":377,"_39":378},{"_194":375,"_34":375,"_39":376},{"_194":373,"_34":373,"_39":374},{"_194":371,"_34":371,"_39":372},{"_194":369,"_34":369,"_39":370},{"_194":367,"_34":367,"_39":368},{"_194":365,"_34":365,"_39":366},{"_194":363,"_34":363,"_39":364},{"_194":361,"_34":361,"_39":362},{"_194":359,"_34":359,"_39":360},{"_194":357,"_34":357,"_39":358},{"_194":355,"_34":355,"_39":356},{"_194":353,"_34":353,"_39":354},{"_194":351,"_34":351,"_39":352},{"_194":349,"_34":349,"_39":350},{"_194":347,"_34":347,"_39":348},{"_194":345,"_34":345,"_39":346},{"_194":343,"_34":343,"_39":344},{"_194":341,"_34":341,"_39":342},{"_194":339,"_34":339,"_39":340},{"_194":337,"_34":337,"_39":338},{"_194":335,"_34":335,"_39":336},{"_194":333,"_34":333,"_39":334},{"_194":331,"_34":331,"_39":332},{"_194":329,"_34":329,"_39":330},{"_194":327,"_34":327,"_39":328},{"_194":325,"_34":325,"_39":326},{"_194":323,"_34":323,"_39":324},{"_194":321,"_34":321,"_39":322},{"_194":319,"_34":319,"_39":320},{"_194":317,"_34":317,"_39":318},{"_194":315,"_34":315,"_39":316},{"_194":313,"_34":313,"_39":314},{"_194":311,"_34":311,"_39":312},{"_194":309,"_34":309,"_39":310},{"_194":307,"_34":307,"_39":308},{"_194":305,"_34":305,"_39":306},{"_194":303,"_34":303,"_39":304},{"_194":301,"_34":301,"_39":302},{"_194":299,"_34":299,"_39":300},{"_194":297,"_34":297,"_39":298},{"_194":295,"_34":295,"_39":296},{"_194":293,"_34":293,"_39":294},{"_194":291,"_34":291,"_39":292},{"_194":289,"_34":289,"_39":290},{"_194":287,"_34":287,"_39":288},{"_194":285,"_34":285,"_39":286},{"_194":283,"_34":283,"_39":284},{"_194":281,"_34":281,"_39":282},{"_194":279,"_34":279,"_39":280},{"_194":277,"_34":277,"_39":278},{"_194":275,"_34":275,"_39":276},{"_194":273,"_34":273,"_39":274},{"_194":271,"_34":271,"_39":272},{"_194":269,"_34":269,"_39":270},{"_194":267,"_34":267,"_39":268},{"_194":265,"_34":265,"_39":266},{"_194":263,"_34":263,"_39":264},{"_194":261,"_34":261,"_39":262},{"_194":259,"_34":259,"_39":260},{"_194":257,"_34":257,"_39":258},{"_194":255,"_34":255,"_39":256},{"_194":253,"_34":253,"_39":254},{"_194":251,"_34":251,"_39":252},{"_194":249,"_34":249,"_39":250},{"_194":247,"_34":247,"_39":248},{"_194":245,"_34":245,"_39":246},{"_194":243,"_34":243,"_39":244},{"_194":241,"_34":241,"_39":242},{"_194":239,"_34":239,"_39":240},{"_194":237,"_34":237,"_39":238},{"_194":235,"_34":235,"_39":236},{"_194":233,"_34":233,"_39":234},{"_194":231,"_34":231,"_39":232},{"_194":229,"_34":229,"_39":230},{"_194":227,"_34":227,"_39":228},{"_194":225,"_34":225,"_39":226},{"_194":223,"_34":223,"_39":224},{"_194":221,"_34":221,"_39":222},{"_194":219,"_34":219,"_39":220},{"_194":217,"_34":217,"_39":218},{"_194":215,"_34":215,"_39":216},{"_194":213,"_34":213,"_39":214},{"_194":211,"_34":211,"_39":212},{"_194":209,"_34":209,"_39":210},{"_194":207,"_34":207,"_39":208},{"_194":205,"_34":205,"_39":206},{"_194":203,"_34":203,"_39":204},{"_194":201,"_34":201,"_39":202},{"_194":199,"_34":199,"_39":200},{"_194":197,"_34":197,"_39":198},{"_194":195,"_34":195,"_39":196},"value","Zeyada, cursive","Zeyada","Work Sans, sans-serif","Work Sans","Urbanist, sans-serif","Urbanist","Ubuntu, sans-serif","Ubuntu","Titillium Web, sans-serif","Titillium Web","Space Grotesk, sans-serif","Space Grotesk","Source Serif 4, serif","Source Serif 4","Source Sans 3, sans-serif","Source Sans 3","Source Code Pro, cursive","Source Code Pro","Sora, sans-serif","Sora","Smooch Sans, sans-serif","Smooch Sans","Share Tech, sans-serif","Share Tech","Saira, sans-serif","Saira","Rubik, sans-serif","Rubik","Roboto Slab, serif","Roboto Slab","Roboto Mono, cursive","Roboto Mono","Roboto Flex, sans-serif","Roboto Flex","Roboto Condensed, sans-serif","Roboto Condensed","Roboto, sans-serif","Roboto","Red Hat Display, sans-serif","Red Hat Display","Raleway, sans-serif","Raleway","Rajdhani, sans-serif","Rajdhani","Quicksand, sans-serif","Quicksand","Public Sans, sans-serif","Public Sans","Prompt, sans-serif","Prompt","Poppins, sans-serif","Poppins","Plus Jakarta Sans, sans-serif","Plus Jakarta Sans","Playfair Display, serif","Playfair Display","PT Serif, serif","PT Serif","PT Sans, sans-serif","PT Sans","Oxygen, sans-serif","Oxygen","Overpass, sans-serif","Overpass","Outfit, sans-serif","Outfit","Oswald, sans-serif","Oswald","Open Sans, sans-serif","Open Sans","Nunito Sans, sans-serif","Nunito Sans","Nunito, sans-serif","Nunito","Noto Serif JP, serif","Noto Serif JP","Noto Serif, serif","Noto Serif","Noto Sans TC, sans-serif","Noto Sans TC","Noto Sans SC, sans-serif","Noto Sans SC","Noto Sans KR, sans-serif","Noto Sans KR","Noto Sans JP, sans-serif","Noto Sans JP","Noto Sans, sans-serif","Noto Sans","Noto Color Emoji, sans-serif","Noto Color Emoji","Newsreader, serif","Newsreader","Mulish, sans-serif","Mulish","Mukta, sans-serif","Mukta","Montserrat, sans-serif","Montserrat","Merriweather, serif","Merriweather","Material Symbols Rounded, cursive","Material Symbols Rounded","Material Symbols Outlined, cursive","Material Symbols Outlined","Material Icons Sharp, cursive","Material Icons Sharp","Material Icons Outlined, cursive","Material Icons Outlined","Material Icons, cursive","Material Icons","Manrope, sans-serif","Manrope","Lora, serif","Lora","Libre Franklin, sans-serif","Libre Franklin","Libre Baskerville, serif","Libre Baskerville","Lato, sans-serif","Lato","Karla, sans-serif","Karla","Kanit, sans-serif","Kanit","Jost, sans-serif","Jost","Josefin Sans, sans-serif","Josefin Sans","JetBrains Mono, cursive","JetBrains Mono","Inter Tight, sans-serif","Inter Tight","Inter, sans-serif","Inter","Instrument Serif, serif","Instrument Serif","Inconsolata, cursive","Inconsolata","IBM Plex Sans, sans-serif","IBM Plex Sans","IBM Plex Mono, cursive","IBM Plex Mono","Hind Siliguri, sans-serif","Hind Siliguri","Heebo, sans-serif","Heebo","Google Sans, sans-serif","Google Sans","Geist, sans-serif","Geist","Fraunces, serif","Fraunces","Fjalla One, sans-serif","Fjalla One","Fira Sans, sans-serif","Fira Sans","Figtree, sans-serif","Figtree","Exo 2, sans-serif","Exo 2","EB Garamond, serif","EB Garamond","Dosis, sans-serif","Dosis","Dancing Script, cursive","Dancing Script","DM Sans, sans-serif","DM Sans","Cormorant Garamond, serif","Cormorant Garamond","Changa One, cursive","Changa One","Cairo, sans-serif","Cairo","Cabin, sans-serif","Cabin","Bricolage Grotesque, sans-serif","Bricolage Grotesque","Black Ops One, cursive","Black Ops One","Bitter, serif","Bitter","Bebas Neue, sans-serif","Bebas Neue","Barlow Condensed, sans-serif","Barlow Condensed","Barlow, sans-serif","Barlow","Arimo, sans-serif","Arimo","Archivo Black, sans-serif","Archivo Black","Archivo, sans-serif","Archivo","Anton, sans-serif","Anton","Alfa Slab One, cursive","Alfa Slab One","ABeeZee, sans-serif","ABeeZee","https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Material+Icons&family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200;300;400;500;600;700&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Material+Symbols+Outlined:wght@100;200;300;400;500;600;700&family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Archivo+Black&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Manrope:wght@200;300;400;500;600;700;800&family=Merriweather:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Material+Symbols+Rounded:wght@100;200;300;400;500;600;700&family=Inconsolata:wght@200;300;400;500;600;700;800;900&family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bricolage+Grotesque:wght@200;300;400;500;600;700;800&family=Noto+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&family=Saira:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700;1,900&family=Black+Ops+One&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Instrument+Serif:ital,wght@0,400;1,400&family=Libre+Baskerville:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Color+Emoji&family=Quicksand:wght@300;400;500;600;700&family=Fraunces:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Cairo:wght@200;300;400;500;600;700;800;900&family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Sora:wght@100;200;300;400;500;600;700;800&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Serif+JP:wght@200;300;400;500;600;700;800;900&family=Geist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=ABeeZee:ital,wght@0,400;1,400&family=Mukta:wght@200;300;400;500;600;700;800&family=Inter+Tight:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Material+Icons+Outlined&family=Rajdhani:wght@300;400;500;600;700&family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Smooch+Sans:wght@100;200;300;400;500;600;700;800;900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Flex&family=Anton&family=Changa+One:ital,wght@0,400;1,400&family=Share+Tech&family=Dosis:wght@200;300;400;500;600;700;800&family=Noto+Sans+SC:wght@100;200;300;400;500;600;700;800;900&family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Material+Icons+Sharp&family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Newsreader:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Hind+Siliguri:wght@300;400;500;600;700&family=Alfa+Slab+One&family=Source+Serif+4:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oxygen:wght@300;400;700&family=Fjalla+One&family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zeyada&family=Dancing+Script:wght@400;500;600;700&family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap","lng","fr"]

Secure Checkout

1. Your details

2. Payment