infinity-ui-elements 1.0.7 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,16 @@
1
+ import * as React from "react";
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const textVariants: (props?: ({
4
+ variant?: "display-xlarge" | "display-large" | "display-medium" | "display-small" | "heading-2xlarge" | "heading-xlarge" | "heading-large" | "heading-medium" | "heading-small" | "body-large" | "body-medium" | "body-small" | "body-xsmall" | "caption-medium" | null | undefined;
5
+ size?: "display-xlarge" | "display-large" | "display-medium" | "display-small" | "heading-2xlarge" | "heading-xlarge" | "heading-large" | "heading-medium" | "heading-small" | "body-large" | "body-medium" | "body-small" | "body-xsmall" | "caption-medium" | null | undefined;
6
+ weight?: "medium" | "regular" | "semibold" | null | undefined;
7
+ color?: "default" | "primary" | "disabled" | "subtle" | "muted" | null | undefined;
8
+ as?: "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "div" | null | undefined;
9
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
10
+ export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, VariantProps<typeof textVariants> {
11
+ children: React.ReactNode;
12
+ as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
13
+ }
14
+ declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
15
+ export { Text, textVariants };
16
+ //# sourceMappingURL=Text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,YAAY;;;;;;mFA4HhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;CACrE;AAED,QAAA,MAAM,IAAI,+EAmBT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
@@ -0,0 +1,25 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Text } from "./Text";
3
+ declare const meta: Meta<typeof Text>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const DisplayXLarge: Story;
8
+ export declare const DisplayLarge: Story;
9
+ export declare const DisplayMedium: Story;
10
+ export declare const DisplaySmall: Story;
11
+ export declare const Heading2XLarge: Story;
12
+ export declare const HeadingXLarge: Story;
13
+ export declare const HeadingLarge: Story;
14
+ export declare const HeadingMedium: Story;
15
+ export declare const HeadingSmall: Story;
16
+ export declare const BodyLarge: Story;
17
+ export declare const BodyMedium: Story;
18
+ export declare const BodySmall: Story;
19
+ export declare const BodyXSmall: Story;
20
+ export declare const CaptionMedium: Story;
21
+ export declare const TypographyScale: Story;
22
+ export declare const FontWeights: Story;
23
+ export declare const Colors: Story;
24
+ export declare const SemanticElements: Story;
25
+ //# sourceMappingURL=Text.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA2D3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmD7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAoBpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Text, textVariants } from "./Text";
2
+ export type { TextProps } from "./Text";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight: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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-teal-50:#e8eff1;--color-teal-100:#b9cdd2;--color-teal-300:#67939e;--color-teal-400:#497e8b;--color-teal-500:#1c5e6e;--color-teal-600:#195664;--color-teal-700:#14434e;--color-gray-50:oklch(98.5% .002 247.839);--color-neutral-50:#c1c4c5;--color-neutral-100:#7a8081;--color-neutral-400:#50585a;--color-neutral-600:#343e40;--color-neutral-700:#232e30;--color-neutral-800:#142022;--color-neutral-900:#081416;--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);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-blue-night-500:#09262e;--color-grove-50:#ebf6f2;--color-grove-100:#c1e3d6;--color-grove-200:#a3d6c3;--color-grove-300:#78c3a7;--color-grove-400:#5eb796;--color-grove-500:#36a57c;--color-grove-600:#319671;--color-grove-700:#267558;--color-brick-50:#faeceb;--color-brick-200:#e6a7a1;--color-brick-300:#da7e76;--color-brick-400:#d3655b;--color-brick-500:#c83f32;--color-brick-600:#b6392e;--color-brick-700:#8e2d24;--color-ember-50:#fdf5eb;--color-ember-200:#f4d1a2;--color-ember-300:#f0bc78;--color-ember-400:#edaf5d;--color-ember-500:#e89b35;--color-ember-600:#d38d30;--color-ember-700:#a56e26;--color-horizon-50:#ecf2f6;--color-horizon-200:#a5c4d4;--color-horizon-300:#7ca9c0;--color-horizon-400:#6398b4;--color-horizon-500:#3c7ea1;--color-horizon-600:#377393;--color-horizon-700:#2b5972;--color-neutral-00:#fff;--color-neutral-10:#fafafa;--color-neutral-20:#f5f6f6;--color-neutral-30:#ebecec;--color-neutral-60:#b2b6b7;--color-neutral-70:#a6aaab;--color-neutral-80:#979c9d;--color-action-fill-positive-default:var(--color-grove-500);--color-action-fill-positive-hover:var(--color-grove-700);--color-action-fill-positive-faded:var(--color-grove-50);--color-action-fill-negative-default:var(--color-brick-500);--color-action-fill-negative-hover:var(--color-brick-700);--color-action-fill-negative-disabled:var(--color-brick-50);--color-action-fill-negative-faded:var(--color-brick-50);--color-action-fill-notice-default:var(--color-ember-500);--color-action-fill-notice-hover:var(--color-ember-700);--color-action-fill-notice-disabled:var(--color-ember-50);--color-action-fill-notice-faded:var(--color-ember-50);--color-action-fill-info-default:var(--color-horizon-500);--color-action-fill-info-hover:var(--color-horizon-700);--color-action-fill-info-disabled:var(--color-horizon-50);--color-action-fill-info-faded:var(--color-horizon-50);--color-action-fill-neutral-default:var(--color-neutral-600);--color-action-fill-neutral-hover:var(--color-neutral-800);--color-action-fill-neutral-disabled:var(--color-neutral-50);--color-action-fill-neutral-faded:var(--color-neutral-50);--color-action-fill-primary-default:var(--color-teal-500);--color-action-fill-primary-hover:var(--color-teal-700);--color-action-fill-primary-disabled:var(--color-teal-50);--color-action-fill-primary-faded:var(--color-teal-50);--color-action-outline-positive-disabled:var(--color-grove-200);--color-action-outline-positive-faded:var(--color-grove-200);--color-action-outline-positive-faded-hover:var(--color-grove-300);--color-action-outline-negative-disabled:var(--color-brick-50);--color-action-outline-negative-faded:var(--color-brick-200);--color-action-outline-negative-faded-hover:var(--color-brick-300);--color-action-outline-notice-disabled:var(--color-ember-50);--color-action-outline-notice-faded:var(--color-ember-200);--color-action-outline-notice-faded-hover:var(--color-ember-300);--color-action-outline-info-disabled:var(--color-horizon-50);--color-action-outline-info-faded:var(--color-horizon-200);--color-action-outline-info-faded-hover:var(--color-horizon-300);--color-action-outline-neutral-faded:var(--color-neutral-70);--color-action-outline-neutral-faded-hover:var(--color-neutral-80);--color-action-ink-positive-normal:var(--color-grove-700);--color-action-ink-negative-normal:var(--color-brick-600);--color-action-ink-negative-disabled:var(--color-brick-200);--color-action-ink-notice-normal:var(--color-ember-600);--color-action-ink-notice-disabled:var(--color-ember-200);--color-action-ink-info-normal:var(--color-horizon-700);--color-action-ink-info-disabled:var(--color-horizon-200);--color-action-ink-neutral-normal:var(--color-neutral-900);--color-action-ink-neutral-disabled:var(--color-neutral-60);--color-action-ink-primary-normal:var(--color-teal-600);--color-action-ink-primary-disabled:var(--color-teal-100);--color-action-ink-on-primary-normal:var(--color-neutral-00);--color-action-ink-on-primary-muted:var(--color-neutral-60);--spacing-0:0px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:20px;--spacing-7:24px;--spacing-8:32px;--spacing-9:40px;--spacing-10:48px;--radius-medium:4px;--radius-xlarge:8px;--font-functional:"Clash Grotesk",system-ui,sans-serif;--font-display:"Switzer",system-ui,sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}h1{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}}@layer components{.btn-primary{background-color:var(--color-blue-night-500)}}@layer utilities{.visible{visibility:visible}.static{position:static}.mr-2{margin-right:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.flex{display:flex}.aspect-square{aspect-ratio:1}.h-3{height:var(--spacing-3)}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-7{height:var(--spacing-7)}.h-8{height:var(--spacing-8)}.h-9{height:var(--spacing-9)}.h-10{height:var(--spacing-10)}.w-3{width:var(--spacing-3)}.w-4{width:var(--spacing-4)}.w-5{width:var(--spacing-5)}.w-7{width:var(--spacing-7)}.w-8{width:var(--spacing-8)}.w-9{width:var(--spacing-9)}.w-10{width:var(--spacing-10)}.w-\[500px\]{width:500px}.w-fit{width:fit-content}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-medium{border-radius:var(--radius-medium)}.rounded-xlarge{border-radius:var(--radius-xlarge)}.border{border-style:var(--tw-border-style);border-width:1px}.border-action-outline-info-faded{border-color:var(--color-action-outline-info-faded)}.border-action-outline-negative-faded{border-color:var(--color-action-outline-negative-faded)}.border-action-outline-neutral-faded{border-color:var(--color-action-outline-neutral-faded)}.border-action-outline-notice-faded{border-color:var(--color-action-outline-notice-faded)}.border-action-outline-positive-faded{border-color:var(--color-action-outline-positive-faded)}.bg-action-fill-info-default{background-color:var(--color-action-fill-info-default)}.bg-action-fill-negative-default{background-color:var(--color-action-fill-negative-default)}.bg-action-fill-neutral-default{background-color:var(--color-action-fill-neutral-default)}.bg-action-fill-notice-default{background-color:var(--color-action-fill-notice-default)}.bg-action-fill-positive-default{background-color:var(--color-action-fill-positive-default)}.bg-action-fill-primary-default{background-color:var(--color-action-fill-primary-default)}.bg-gray-50{background-color:var(--color-gray-50)}.p-0{padding:var(--spacing-0)}.p-6{padding:var(--spacing-6)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-6{padding-inline:var(--spacing-6)}.py-2{padding-block:var(--spacing-2)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-action-ink-info-normal{color:var(--color-action-ink-info-normal)}.text-action-ink-negative-normal{color:var(--color-action-ink-negative-normal)}.text-action-ink-neutral-normal{color:var(--color-action-ink-neutral-normal)}.text-action-ink-notice-normal{color:var(--color-action-ink-notice-normal)}.text-action-ink-on-primary-normal{color:var(--color-action-ink-on-primary-normal)}.text-action-ink-positive-normal{color:var(--color-action-ink-positive-normal)}.text-action-ink-primary-normal{color:var(--color-action-ink-primary-normal)}.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))}@media (hover:hover){.hover\:border-action-outline-info-faded-hover:hover{border-color:var(--color-action-outline-info-faded-hover)}.hover\:border-action-outline-negative-faded-hover:hover{border-color:var(--color-action-outline-negative-faded-hover)}.hover\:border-action-outline-notice-faded-hover:hover{border-color:var(--color-action-outline-notice-faded-hover)}.hover\:border-action-outline-positive-faded-hover:hover{border-color:var(--color-action-outline-positive-faded-hover)}.hover\:bg-action-fill-info-faded:hover{background-color:var(--color-action-fill-info-faded)}.hover\:bg-action-fill-info-hover:hover{background-color:var(--color-action-fill-info-hover)}.hover\:bg-action-fill-negative-faded:hover{background-color:var(--color-action-fill-negative-faded)}.hover\:bg-action-fill-negative-hover:hover{background-color:var(--color-action-fill-negative-hover)}.hover\:bg-action-fill-neutral-faded:hover{background-color:var(--color-action-fill-neutral-faded)}.hover\:bg-action-fill-neutral-hover:hover{background-color:var(--color-action-fill-neutral-hover)}.hover\:bg-action-fill-notice-faded:hover{background-color:var(--color-action-fill-notice-faded)}.hover\:bg-action-fill-notice-hover:hover{background-color:var(--color-action-fill-notice-hover)}.hover\:bg-action-fill-positive-faded:hover{background-color:var(--color-action-fill-positive-faded)}.hover\:bg-action-fill-positive-hover:hover{background-color:var(--color-action-fill-positive-hover)}.hover\:bg-action-fill-primary-faded:hover{background-color:var(--color-action-fill-primary-faded)}.hover\:bg-action-fill-primary-hover:hover{background-color:var(--color-action-fill-primary-hover)}.hover\:bg-action-outline-neutral-faded-hover:hover{background-color:var(--color-action-outline-neutral-faded-hover)}}.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)}.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)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:bg-action-fill-info-disabled:disabled{background-color:var(--color-action-fill-info-disabled)}.disabled\:bg-action-fill-negative-disabled:disabled{background-color:var(--color-action-fill-negative-disabled)}.disabled\:bg-action-fill-neutral-disabled:disabled{background-color:var(--color-action-fill-neutral-disabled)}.disabled\:bg-action-fill-notice-disabled:disabled{background-color:var(--color-action-fill-notice-disabled)}.disabled\:bg-action-fill-primary-disabled:disabled{background-color:var(--color-action-fill-primary-disabled)}.disabled\:bg-action-outline-info-disabled:disabled{background-color:var(--color-action-outline-info-disabled)}.disabled\:bg-action-outline-negative-disabled:disabled{background-color:var(--color-action-outline-negative-disabled)}.disabled\:bg-action-outline-notice-disabled:disabled{background-color:var(--color-action-outline-notice-disabled)}.disabled\:bg-action-outline-positive-disabled:disabled{background-color:var(--color-action-outline-positive-disabled)}.disabled\:text-action-ink-info-disabled:disabled{color:var(--color-action-ink-info-disabled)}.disabled\:text-action-ink-negative-disabled:disabled{color:var(--color-action-ink-negative-disabled)}.disabled\:text-action-ink-neutral-disabled:disabled{color:var(--color-action-ink-neutral-disabled)}.disabled\:text-action-ink-notice-disabled:disabled{color:var(--color-action-ink-notice-disabled)}.disabled\:text-action-ink-on-primary-muted:disabled{color:var(--color-action-ink-on-primary-muted)}.disabled\:text-action-ink-primary-disabled:disabled{color:var(--color-action-ink-primary-disabled)}@media (min-width:48rem){.md\:h-\[28px\]{height:28px}.md\:h-\[32px\]{height:32px}.md\:h-\[36px\]{height:36px}.md\:h-\[44px\]{height:44px}}.primary-gradient{background:linear-gradient(to right,var(--color-teal-300),var(--color-teal-700))}}@font-face{font-family:Clash Grotesk;src:url(../../fonts/clash-grotesk/ClashGrotesk-Variable.woff2)format("woff2"),url(../../fonts/clash-grotesk/ClashGrotesk-Variable.woff)format("woff"),url(../../fonts/clash-grotesk/ClashGrotesk-Variable.ttf)format("truetype");font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../../fonts/clash-grotesk/ClashGrotesk-Extralight.woff2)format("woff2"),url(../../fonts/clash-grotesk/ClashGrotesk-Extralight.woff)format("woff"),url(../../fonts/clash-grotesk/ClashGrotesk-Extralight.ttf)format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../../fonts/clash-grotesk/ClashGrotesk-Light.woff2)format("woff2"),url(../../fonts/clash-grotesk/ClashGrotesk-Light.woff)format("woff"),url(../../fonts/clash-grotesk/ClashGrotesk-Light.ttf)format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../../fonts/clash-grotesk/ClashGrotesk-Regular.woff2)format("woff2"),url(../../fonts/clash-grotesk/ClashGrotesk-Regular.woff)format("woff"),url(../../fonts/clash-grotesk/ClashGrotesk-Regular.ttf)format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../../fonts/clash-grotesk/ClashGrotesk-Medium.woff2)format("woff2"),url(../../fonts/clash-grotesk/ClashGrotesk-Medium.woff)format("woff"),url(../../fonts/clash-grotesk/ClashGrotesk-Medium.ttf)format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../../fonts/clash-grotesk/ClashGrotesk-Semibold.woff2)format("woff2"),url(../../fonts/clash-grotesk/ClashGrotesk-Semibold.woff)format("woff"),url(../../fonts/clash-grotesk/ClashGrotesk-Semibold.ttf)format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../../fonts/clash-grotesk/ClashGrotesk-Bold.woff2)format("woff2"),url(../../fonts/clash-grotesk/ClashGrotesk-Bold.woff)format("woff"),url(../../fonts/clash-grotesk/ClashGrotesk-Bold.ttf)format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Variable.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Variable.woff)format("woff"),url(../../fonts/switzer/Switzer-Variable.ttf)format("truetype");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-VariableItalic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-VariableItalic.woff)format("woff"),url(../../fonts/switzer/Switzer-VariableItalic.ttf)format("truetype");font-weight:100 900;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Thin.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Thin.woff)format("woff"),url(../../fonts/switzer/Switzer-Thin.ttf)format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-ThinItalic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-ThinItalic.woff)format("woff"),url(../../fonts/switzer/Switzer-ThinItalic.ttf)format("truetype");font-weight:100;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Extralight.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Extralight.woff)format("woff"),url(../../fonts/switzer/Switzer-Extralight.ttf)format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-ExtralightItalic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-ExtralightItalic.woff)format("woff"),url(../../fonts/switzer/Switzer-ExtralightItalic.ttf)format("truetype");font-weight:200;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Light.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Light.woff)format("woff"),url(../../fonts/switzer/Switzer-Light.ttf)format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-LightItalic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-LightItalic.woff)format("woff"),url(../../fonts/switzer/Switzer-LightItalic.ttf)format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Regular.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Regular.woff)format("woff"),url(../../fonts/switzer/Switzer-Regular.ttf)format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Italic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Italic.woff)format("woff"),url(../../fonts/switzer/Switzer-Italic.ttf)format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Medium.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Medium.woff)format("woff"),url(../../fonts/switzer/Switzer-Medium.ttf)format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-MediumItalic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-MediumItalic.woff)format("woff"),url(../../fonts/switzer/Switzer-MediumItalic.ttf)format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Semibold.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Semibold.woff)format("woff"),url(../../fonts/switzer/Switzer-Semibold.ttf)format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-SemiboldItalic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-SemiboldItalic.woff)format("woff"),url(../../fonts/switzer/Switzer-SemiboldItalic.ttf)format("truetype");font-weight:600;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Bold.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Bold.woff)format("woff"),url(../../fonts/switzer/Switzer-Bold.ttf)format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-BoldItalic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-BoldItalic.woff)format("woff"),url(../../fonts/switzer/Switzer-BoldItalic.ttf)format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Extrabold.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Extrabold.woff)format("woff"),url(../../fonts/switzer/Switzer-Extrabold.ttf)format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-ExtraboldItalic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-ExtraboldItalic.woff)format("woff"),url(../../fonts/switzer/Switzer-ExtraboldItalic.ttf)format("truetype");font-weight:800;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-Black.woff2)format("woff2"),url(../../fonts/switzer/Switzer-Black.woff)format("woff"),url(../../fonts/switzer/Switzer-Black.ttf)format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../../fonts/switzer/Switzer-BlackItalic.woff2)format("woff2"),url(../../fonts/switzer/Switzer-BlackItalic.woff)format("woff"),url(../../fonts/switzer/Switzer-BlackItalic.ttf)format("truetype");font-weight:900;font-display:swap;font-style:italic}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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:"<percentage>";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:"<percentage>";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:"<length>";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}/**
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-teal-50:#e8eff1;--color-teal-100:#b9cdd2;--color-teal-300:#67939e;--color-teal-400:#497e8b;--color-teal-500:#1c5e6e;--color-teal-600:#195664;--color-teal-700:#14434e;--color-gray-50:oklch(98.5% .002 247.839);--color-neutral-50:#c1c4c5;--color-neutral-100:#7a8081;--color-neutral-400:#50585a;--color-neutral-600:#343e40;--color-neutral-700:#232e30;--color-neutral-800:#142022;--color-neutral-900:#081416;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-blue-night-500:#09262e;--color-grove-50:#ebf6f2;--color-grove-100:#c1e3d6;--color-grove-200:#a3d6c3;--color-grove-300:#78c3a7;--color-grove-400:#5eb796;--color-grove-500:#36a57c;--color-grove-600:#319671;--color-grove-700:#267558;--color-brick-50:#faeceb;--color-brick-200:#e6a7a1;--color-brick-300:#da7e76;--color-brick-400:#d3655b;--color-brick-500:#c83f32;--color-brick-600:#b6392e;--color-brick-700:#8e2d24;--color-ember-50:#fdf5eb;--color-ember-200:#f4d1a2;--color-ember-300:#f0bc78;--color-ember-400:#edaf5d;--color-ember-500:#e89b35;--color-ember-600:#d38d30;--color-ember-700:#a56e26;--color-horizon-50:#ecf2f6;--color-horizon-200:#a5c4d4;--color-horizon-300:#7ca9c0;--color-horizon-400:#6398b4;--color-horizon-500:#3c7ea1;--color-horizon-600:#377393;--color-horizon-700:#2b5972;--color-neutral-00:#fff;--color-neutral-10:#fafafa;--color-neutral-20:#f5f6f6;--color-neutral-30:#ebecec;--color-neutral-60:#b2b6b7;--color-neutral-70:#a6aaab;--color-neutral-80:#979c9d;--color-surface-ink-neutral-normal:var(--color-neutral-900);--color-surface-ink-neutral-subtle:var(--color-neutral-700);--color-surface-ink-neutral-muted:var(--color-neutral-100);--color-surface-ink-neutral-disabled:var(--color-neutral-50);--color-surface-ink-primary-normal:var(--color-teal-500);--color-action-fill-positive-default:var(--color-grove-500);--color-action-fill-positive-hover:var(--color-grove-700);--color-action-fill-positive-faded:var(--color-grove-50);--color-action-fill-negative-default:var(--color-brick-500);--color-action-fill-negative-hover:var(--color-brick-700);--color-action-fill-negative-disabled:var(--color-brick-50);--color-action-fill-negative-faded:var(--color-brick-50);--color-action-fill-notice-default:var(--color-ember-500);--color-action-fill-notice-hover:var(--color-ember-700);--color-action-fill-notice-disabled:var(--color-ember-50);--color-action-fill-notice-faded:var(--color-ember-50);--color-action-fill-info-default:var(--color-horizon-500);--color-action-fill-info-hover:var(--color-horizon-700);--color-action-fill-info-disabled:var(--color-horizon-50);--color-action-fill-info-faded:var(--color-horizon-50);--color-action-fill-neutral-default:var(--color-neutral-600);--color-action-fill-neutral-hover:var(--color-neutral-800);--color-action-fill-neutral-disabled:var(--color-neutral-50);--color-action-fill-neutral-faded:var(--color-neutral-50);--color-action-fill-primary-default:var(--color-teal-500);--color-action-fill-primary-hover:var(--color-teal-700);--color-action-fill-primary-disabled:var(--color-teal-50);--color-action-fill-primary-faded:var(--color-teal-50);--color-action-outline-positive-disabled:var(--color-grove-200);--color-action-outline-positive-faded:var(--color-grove-200);--color-action-outline-positive-faded-hover:var(--color-grove-300);--color-action-outline-negative-disabled:var(--color-brick-50);--color-action-outline-negative-faded:var(--color-brick-200);--color-action-outline-negative-faded-hover:var(--color-brick-300);--color-action-outline-notice-disabled:var(--color-ember-50);--color-action-outline-notice-faded:var(--color-ember-200);--color-action-outline-notice-faded-hover:var(--color-ember-300);--color-action-outline-info-disabled:var(--color-horizon-50);--color-action-outline-info-faded:var(--color-horizon-200);--color-action-outline-info-faded-hover:var(--color-horizon-300);--color-action-outline-neutral-faded:var(--color-neutral-70);--color-action-outline-neutral-faded-hover:var(--color-neutral-80);--color-action-ink-positive-normal:var(--color-grove-700);--color-action-ink-negative-normal:var(--color-brick-600);--color-action-ink-negative-disabled:var(--color-brick-200);--color-action-ink-notice-normal:var(--color-ember-600);--color-action-ink-notice-disabled:var(--color-ember-200);--color-action-ink-info-normal:var(--color-horizon-700);--color-action-ink-info-disabled:var(--color-horizon-200);--color-action-ink-neutral-normal:var(--color-neutral-900);--color-action-ink-neutral-disabled:var(--color-neutral-60);--color-action-ink-primary-normal:var(--color-teal-600);--color-action-ink-primary-disabled:var(--color-teal-100);--color-action-ink-on-primary-normal:var(--color-neutral-00);--color-action-ink-on-primary-muted:var(--color-neutral-60);--spacing-0:0px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:20px;--spacing-7:24px;--spacing-8:32px;--spacing-9:40px;--spacing-10:48px;--radius-medium:4px;--radius-xlarge:8px;--font-functional:"Clash Grotesk",system-ui,sans-serif;--font-display:"Switzer",system-ui,sans-serif;--text-25:10px;--text-50:11px;--text-75:12px;--text-100:14px;--text-200:16px;--text-300:18px;--text-400:20px;--text-500:24px;--text-600:32px;--text-700:40px;--text-800:48px;--text-900:56px;--text-1000:64px;--text-1100:72px;--leading-00:0px;--leading-25:14px;--leading-50:16px;--leading-75:18px;--leading-100:20px;--leading-200:24px;--leading-300:24px;--leading-400:26px;--leading-500:32px;--leading-600:38px;--leading-700:46px;--leading-800:56px;--leading-900:64px;--leading-1000:70px;--leading-1100:78px;--paragraph-spacing-100:8px;--paragraph-spacing-200:10px;--paragraph-spacing-300:11px;--paragraph-spacing-400:12px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}h1{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}}@layer components{.btn-primary{background-color:var(--color-blue-night-500)}}@layer utilities{.visible{visibility:visible}.static{position:static}.mr-2{margin-right:var(--spacing-2)}.mb-0{margin-bottom:var(--spacing-0)}.mb-3{margin-bottom:var(--spacing-3)}.mb-\[var\(--paragraph-spacing-100\)\]{margin-bottom:var(--paragraph-spacing-100)}.mb-\[var\(--paragraph-spacing-200\)\]{margin-bottom:var(--paragraph-spacing-200)}.mb-\[var\(--paragraph-spacing-300\)\]{margin-bottom:var(--paragraph-spacing-300)}.mb-\[var\(--paragraph-spacing-400\)\]{margin-bottom:var(--paragraph-spacing-400)}.flex{display:flex}.inline{display:inline}.aspect-square{aspect-ratio:1}.h-3{height:var(--spacing-3)}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-7{height:var(--spacing-7)}.h-8{height:var(--spacing-8)}.h-9{height:var(--spacing-9)}.h-10{height:var(--spacing-10)}.w-3{width:var(--spacing-3)}.w-4{width:var(--spacing-4)}.w-5{width:var(--spacing-5)}.w-7{width:var(--spacing-7)}.w-8{width:var(--spacing-8)}.w-9{width:var(--spacing-9)}.w-10{width:var(--spacing-10)}.w-\[500px\]{width:500px}.w-fit{width:fit-content}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-4)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-4)*calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius-lg)}.rounded-medium{border-radius:var(--radius-medium)}.rounded-xlarge{border-radius:var(--radius-xlarge)}.border{border-style:var(--tw-border-style);border-width:1px}.border-action-outline-info-faded{border-color:var(--color-action-outline-info-faded)}.border-action-outline-negative-faded{border-color:var(--color-action-outline-negative-faded)}.border-action-outline-neutral-faded{border-color:var(--color-action-outline-neutral-faded)}.border-action-outline-notice-faded{border-color:var(--color-action-outline-notice-faded)}.border-action-outline-positive-faded{border-color:var(--color-action-outline-positive-faded)}.bg-action-fill-info-default{background-color:var(--color-action-fill-info-default)}.bg-action-fill-negative-default{background-color:var(--color-action-fill-negative-default)}.bg-action-fill-neutral-default{background-color:var(--color-action-fill-neutral-default)}.bg-action-fill-notice-default{background-color:var(--color-action-fill-notice-default)}.bg-action-fill-positive-default{background-color:var(--color-action-fill-positive-default)}.bg-action-fill-primary-default{background-color:var(--color-action-fill-primary-default)}.bg-gray-50{background-color:var(--color-gray-50)}.p-0{padding:var(--spacing-0)}.p-6{padding:var(--spacing-6)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-6{padding-inline:var(--spacing-6)}.py-2{padding-block:var(--spacing-2)}.font-display{font-family:var(--font-display)}.font-functional{font-family:var(--font-functional)}.text-50{font-size:var(--text-50)}.leading-25{--tw-leading:var(--leading-25);line-height:var(--leading-25)}.leading-50{--tw-leading:var(--leading-50);line-height:var(--leading-50)}.leading-75{--tw-leading:var(--leading-75);line-height:var(--leading-75)}.leading-100{--tw-leading:var(--leading-100);line-height:var(--leading-100)}.leading-200{--tw-leading:var(--leading-200);line-height:var(--leading-200)}.leading-300{--tw-leading:var(--leading-300);line-height:var(--leading-300)}.leading-400{--tw-leading:var(--leading-400);line-height:var(--leading-400)}.leading-500{--tw-leading:var(--leading-500);line-height:var(--leading-500)}.leading-600{--tw-leading:var(--leading-600);line-height:var(--leading-600)}.leading-700{--tw-leading:var(--leading-700);line-height:var(--leading-700)}.leading-800{--tw-leading:var(--leading-800);line-height:var(--leading-800)}.leading-900{--tw-leading:var(--leading-900);line-height:var(--leading-900)}.leading-1000{--tw-leading:var(--leading-1000);line-height:var(--leading-1000)}.leading-1100{--tw-leading:var(--leading-1100);line-height:var(--leading-1100)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\%\]{--tw-tracking:0%;letter-spacing:0%}.whitespace-nowrap{white-space:nowrap}.text-action-ink-info-normal{color:var(--color-action-ink-info-normal)}.text-action-ink-negative-normal{color:var(--color-action-ink-negative-normal)}.text-action-ink-neutral-normal{color:var(--color-action-ink-neutral-normal)}.text-action-ink-notice-normal{color:var(--color-action-ink-notice-normal)}.text-action-ink-on-primary-normal{color:var(--color-action-ink-on-primary-normal)}.text-action-ink-positive-normal{color:var(--color-action-ink-positive-normal)}.text-action-ink-primary-normal{color:var(--color-action-ink-primary-normal)}.text-surface-ink-neutral-disabled{color:var(--color-surface-ink-neutral-disabled)}.text-surface-ink-neutral-muted{color:var(--color-surface-ink-neutral-muted)}.text-surface-ink-neutral-normal{color:var(--color-surface-ink-neutral-normal)}.text-surface-ink-neutral-subtle{color:var(--color-surface-ink-neutral-subtle)}.text-surface-ink-primary-normal{color:var(--color-surface-ink-primary-normal)}.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))}@media (hover:hover){.hover\:border-action-outline-info-faded-hover:hover{border-color:var(--color-action-outline-info-faded-hover)}.hover\:border-action-outline-negative-faded-hover:hover{border-color:var(--color-action-outline-negative-faded-hover)}.hover\:border-action-outline-notice-faded-hover:hover{border-color:var(--color-action-outline-notice-faded-hover)}.hover\:border-action-outline-positive-faded-hover:hover{border-color:var(--color-action-outline-positive-faded-hover)}.hover\:bg-action-fill-info-faded:hover{background-color:var(--color-action-fill-info-faded)}.hover\:bg-action-fill-info-hover:hover{background-color:var(--color-action-fill-info-hover)}.hover\:bg-action-fill-negative-faded:hover{background-color:var(--color-action-fill-negative-faded)}.hover\:bg-action-fill-negative-hover:hover{background-color:var(--color-action-fill-negative-hover)}.hover\:bg-action-fill-neutral-faded:hover{background-color:var(--color-action-fill-neutral-faded)}.hover\:bg-action-fill-neutral-hover:hover{background-color:var(--color-action-fill-neutral-hover)}.hover\:bg-action-fill-notice-faded:hover{background-color:var(--color-action-fill-notice-faded)}.hover\:bg-action-fill-notice-hover:hover{background-color:var(--color-action-fill-notice-hover)}.hover\:bg-action-fill-positive-faded:hover{background-color:var(--color-action-fill-positive-faded)}.hover\:bg-action-fill-positive-hover:hover{background-color:var(--color-action-fill-positive-hover)}.hover\:bg-action-fill-primary-faded:hover{background-color:var(--color-action-fill-primary-faded)}.hover\:bg-action-fill-primary-hover:hover{background-color:var(--color-action-fill-primary-hover)}.hover\:bg-action-outline-neutral-faded-hover:hover{background-color:var(--color-action-outline-neutral-faded-hover)}}.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)}.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)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:bg-action-fill-info-disabled:disabled{background-color:var(--color-action-fill-info-disabled)}.disabled\:bg-action-fill-negative-disabled:disabled{background-color:var(--color-action-fill-negative-disabled)}.disabled\:bg-action-fill-neutral-disabled:disabled{background-color:var(--color-action-fill-neutral-disabled)}.disabled\:bg-action-fill-notice-disabled:disabled{background-color:var(--color-action-fill-notice-disabled)}.disabled\:bg-action-fill-primary-disabled:disabled{background-color:var(--color-action-fill-primary-disabled)}.disabled\:bg-action-outline-info-disabled:disabled{background-color:var(--color-action-outline-info-disabled)}.disabled\:bg-action-outline-negative-disabled:disabled{background-color:var(--color-action-outline-negative-disabled)}.disabled\:bg-action-outline-notice-disabled:disabled{background-color:var(--color-action-outline-notice-disabled)}.disabled\:bg-action-outline-positive-disabled:disabled{background-color:var(--color-action-outline-positive-disabled)}.disabled\:text-action-ink-info-disabled:disabled{color:var(--color-action-ink-info-disabled)}.disabled\:text-action-ink-negative-disabled:disabled{color:var(--color-action-ink-negative-disabled)}.disabled\:text-action-ink-neutral-disabled:disabled{color:var(--color-action-ink-neutral-disabled)}.disabled\:text-action-ink-notice-disabled:disabled{color:var(--color-action-ink-notice-disabled)}.disabled\:text-action-ink-on-primary-muted:disabled{color:var(--color-action-ink-on-primary-muted)}.disabled\:text-action-ink-primary-disabled:disabled{color:var(--color-action-ink-primary-disabled)}@media (min-width:48rem){.md\:h-\[28px\]{height:28px}.md\:h-\[32px\]{height:32px}.md\:h-\[36px\]{height:36px}.md\:h-\[44px\]{height:44px}}.font-size-25{font-size:var(--text-25)}.font-size-50{font-size:var(--text-50)}.font-size-75{font-size:var(--text-75)}.font-size-100{font-size:var(--text-100)}.font-size-200{font-size:var(--text-200)}.font-size-300{font-size:var(--text-300)}.font-size-400{font-size:var(--text-400)}.font-size-500{font-size:var(--text-500)}.font-size-600{font-size:var(--text-600)}.font-size-700{font-size:var(--text-700)}.font-size-800{font-size:var(--text-800)}.font-size-900{font-size:var(--text-900)}.font-size-1000{font-size:var(--text-1000)}.font-size-1100{font-size:var(--text-1100);font-size:var(--text-1100)}.leading-00{line-height:var(--leading-00)}.leading-25{line-height:var(--leading-25)}.leading-50{line-height:var(--leading-50)}.leading-75{line-height:var(--leading-75)}.leading-100{line-height:var(--leading-100)}.leading-200{line-height:var(--leading-200)}.leading-300{line-height:var(--leading-300)}.leading-400{line-height:var(--leading-400)}.leading-500{line-height:var(--leading-500)}.leading-600{line-height:var(--leading-600)}.leading-700{line-height:var(--leading-700)}.leading-800{line-height:var(--leading-800)}.leading-900{line-height:var(--leading-900)}.leading-1000{line-height:var(--leading-1000)}.leading-1100{line-height:var(--leading-1100)}}@font-face{font-family:Clash Grotesk;src:url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Variable.woff2)format("woff2"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Variable.woff)format("woff"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Variable.ttf)format("truetype");font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Extralight.woff2)format("woff2"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Extralight.woff)format("woff"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Extralight.ttf)format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Light.woff2)format("woff2"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Light.woff)format("woff"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Light.ttf)format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Regular.woff2)format("woff2"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Regular.woff)format("woff"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Regular.ttf)format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Medium.woff2)format("woff2"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Medium.woff)format("woff"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Medium.ttf)format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Semibold.woff2)format("woff2"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Semibold.woff)format("woff"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Semibold.ttf)format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Clash Grotesk;src:url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Bold.woff2)format("woff2"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Bold.woff)format("woff"),url(../src/assets/fonts/clash-grotesk/ClashGrotesk-Bold.ttf)format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Variable.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Variable.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Variable.ttf)format("truetype");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-VariableItalic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-VariableItalic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-VariableItalic.ttf)format("truetype");font-weight:100 900;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Thin.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Thin.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Thin.ttf)format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-ThinItalic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-ThinItalic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-ThinItalic.ttf)format("truetype");font-weight:100;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Extralight.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Extralight.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Extralight.ttf)format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-ExtralightItalic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-ExtralightItalic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-ExtralightItalic.ttf)format("truetype");font-weight:200;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Light.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Light.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Light.ttf)format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-LightItalic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-LightItalic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-LightItalic.ttf)format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Regular.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Regular.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Regular.ttf)format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Italic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Italic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Italic.ttf)format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Medium.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Medium.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Medium.ttf)format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-MediumItalic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-MediumItalic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-MediumItalic.ttf)format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Semibold.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Semibold.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Semibold.ttf)format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-SemiboldItalic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-SemiboldItalic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-SemiboldItalic.ttf)format("truetype");font-weight:600;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Bold.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Bold.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Bold.ttf)format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-BoldItalic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-BoldItalic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-BoldItalic.ttf)format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Extrabold.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Extrabold.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Extrabold.ttf)format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-ExtraboldItalic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-ExtraboldItalic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-ExtraboldItalic.ttf)format("truetype");font-weight:800;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-Black.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-Black.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-Black.ttf)format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url(../src/assets/fonts/switzer/Switzer-BlackItalic.woff2)format("woff2"),url(../src/assets/fonts/switzer/Switzer-BlackItalic.woff)format("woff"),url(../src/assets/fonts/switzer/Switzer-BlackItalic.ttf)format("truetype");font-weight:900;font-display:swap;font-style:italic}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";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:"<percentage>";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:"<length>";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}/**
3
3
  * @license
4
4
  *
5
5
  * Font Family: Clash Grotesk
@@ -20,9 +20,9 @@
20
20
  /* Clash Grotesk Variable Font - Primary */
21
21
  @font-face {
22
22
  font-family: 'Clash Grotesk';
23
- src: url('../../fonts/clash-grotesk/ClashGrotesk-Variable.woff2') format('woff2'),
24
- url('../../fonts/clash-grotesk/ClashGrotesk-Variable.woff') format('woff'),
25
- url('../../fonts/clash-grotesk/ClashGrotesk-Variable.ttf') format('truetype');
23
+ src: url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Variable.woff2') format('woff2'),
24
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Variable.woff') format('woff'),
25
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Variable.ttf') format('truetype');
26
26
  font-weight: 200 700;
27
27
  font-display: swap;
28
28
  font-style: normal;
@@ -31,54 +31,54 @@
31
31
  /* Fallback individual font faces for better browser support */
32
32
  @font-face {
33
33
  font-family: 'Clash Grotesk';
34
- src: url('../../fonts/clash-grotesk/ClashGrotesk-Extralight.woff2') format('woff2'),
35
- url('../../fonts/clash-grotesk/ClashGrotesk-Extralight.woff') format('woff'),
36
- url('../../fonts/clash-grotesk/ClashGrotesk-Extralight.ttf') format('truetype');
34
+ src: url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Extralight.woff2') format('woff2'),
35
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Extralight.woff') format('woff'),
36
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Extralight.ttf') format('truetype');
37
37
  font-weight: 200;
38
38
  font-display: swap;
39
39
  font-style: normal;
40
40
  }
41
41
  @font-face {
42
42
  font-family: 'Clash Grotesk';
43
- src: url('../../fonts/clash-grotesk/ClashGrotesk-Light.woff2') format('woff2'),
44
- url('../../fonts/clash-grotesk/ClashGrotesk-Light.woff') format('woff'),
45
- url('../../fonts/clash-grotesk/ClashGrotesk-Light.ttf') format('truetype');
43
+ src: url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Light.woff2') format('woff2'),
44
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Light.woff') format('woff'),
45
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Light.ttf') format('truetype');
46
46
  font-weight: 300;
47
47
  font-display: swap;
48
48
  font-style: normal;
49
49
  }
50
50
  @font-face {
51
51
  font-family: 'Clash Grotesk';
52
- src: url('../../fonts/clash-grotesk/ClashGrotesk-Regular.woff2') format('woff2'),
53
- url('../../fonts/clash-grotesk/ClashGrotesk-Regular.woff') format('woff'),
54
- url('../../fonts/clash-grotesk/ClashGrotesk-Regular.ttf') format('truetype');
52
+ src: url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Regular.woff2') format('woff2'),
53
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Regular.woff') format('woff'),
54
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Regular.ttf') format('truetype');
55
55
  font-weight: 400;
56
56
  font-display: swap;
57
57
  font-style: normal;
58
58
  }
59
59
  @font-face {
60
60
  font-family: 'Clash Grotesk';
61
- src: url('../../fonts/clash-grotesk/ClashGrotesk-Medium.woff2') format('woff2'),
62
- url('../../fonts/clash-grotesk/ClashGrotesk-Medium.woff') format('woff'),
63
- url('../../fonts/clash-grotesk/ClashGrotesk-Medium.ttf') format('truetype');
61
+ src: url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Medium.woff2') format('woff2'),
62
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Medium.woff') format('woff'),
63
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Medium.ttf') format('truetype');
64
64
  font-weight: 500;
65
65
  font-display: swap;
66
66
  font-style: normal;
67
67
  }
68
68
  @font-face {
69
69
  font-family: 'Clash Grotesk';
70
- src: url('../../fonts/clash-grotesk/ClashGrotesk-Semibold.woff2') format('woff2'),
71
- url('../../fonts/clash-grotesk/ClashGrotesk-Semibold.woff') format('woff'),
72
- url('../../fonts/clash-grotesk/ClashGrotesk-Semibold.ttf') format('truetype');
70
+ src: url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Semibold.woff2') format('woff2'),
71
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Semibold.woff') format('woff'),
72
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Semibold.ttf') format('truetype');
73
73
  font-weight: 600;
74
74
  font-display: swap;
75
75
  font-style: normal;
76
76
  }
77
77
  @font-face {
78
78
  font-family: 'Clash Grotesk';
79
- src: url('../../fonts/clash-grotesk/ClashGrotesk-Bold.woff2') format('woff2'),
80
- url('../../fonts/clash-grotesk/ClashGrotesk-Bold.woff') format('woff'),
81
- url('../../fonts/clash-grotesk/ClashGrotesk-Bold.ttf') format('truetype');
79
+ src: url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Bold.woff2') format('woff2'),
80
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Bold.woff') format('woff'),
81
+ url('../src/assets/fonts/clash-grotesk/ClashGrotesk-Bold.ttf') format('truetype');
82
82
  font-weight: 700;
83
83
  font-display: swap;
84
84
  font-style: normal;
@@ -120,9 +120,9 @@
120
120
  /* Switzer Variable Font - Primary */
121
121
  @font-face {
122
122
  font-family: 'Switzer';
123
- src: url('../../fonts/switzer/Switzer-Variable.woff2') format('woff2'),
124
- url('../../fonts/switzer/Switzer-Variable.woff') format('woff'),
125
- url('../../fonts/switzer/Switzer-Variable.ttf') format('truetype');
123
+ src: url('../src/assets/fonts/switzer/Switzer-Variable.woff2') format('woff2'),
124
+ url('../src/assets/fonts/switzer/Switzer-Variable.woff') format('woff'),
125
+ url('../src/assets/fonts/switzer/Switzer-Variable.ttf') format('truetype');
126
126
  font-weight: 100 900;
127
127
  font-display: swap;
128
128
  font-style: normal;
@@ -130,9 +130,9 @@
130
130
 
131
131
  @font-face {
132
132
  font-family: 'Switzer';
133
- src: url('../../fonts/switzer/Switzer-VariableItalic.woff2') format('woff2'),
134
- url('../../fonts/switzer/Switzer-VariableItalic.woff') format('woff'),
135
- url('../../fonts/switzer/Switzer-VariableItalic.ttf') format('truetype');
133
+ src: url('../src/assets/fonts/switzer/Switzer-VariableItalic.woff2') format('woff2'),
134
+ url('../src/assets/fonts/switzer/Switzer-VariableItalic.woff') format('woff'),
135
+ url('../src/assets/fonts/switzer/Switzer-VariableItalic.ttf') format('truetype');
136
136
  font-weight: 100 900;
137
137
  font-display: swap;
138
138
  font-style: italic;
@@ -141,162 +141,162 @@
141
141
  /* Fallback individual font faces for better browser support */
142
142
  @font-face {
143
143
  font-family: 'Switzer';
144
- src: url('../../fonts/switzer/Switzer-Thin.woff2') format('woff2'),
145
- url('../../fonts/switzer/Switzer-Thin.woff') format('woff'),
146
- url('../../fonts/switzer/Switzer-Thin.ttf') format('truetype');
144
+ src: url('../src/assets/fonts/switzer/Switzer-Thin.woff2') format('woff2'),
145
+ url('../src/assets/fonts/switzer/Switzer-Thin.woff') format('woff'),
146
+ url('../src/assets/fonts/switzer/Switzer-Thin.ttf') format('truetype');
147
147
  font-weight: 100;
148
148
  font-display: swap;
149
149
  font-style: normal;
150
150
  }
151
151
  @font-face {
152
152
  font-family: 'Switzer';
153
- src: url('../../fonts/switzer/Switzer-ThinItalic.woff2') format('woff2'),
154
- url('../../fonts/switzer/Switzer-ThinItalic.woff') format('woff'),
155
- url('../../fonts/switzer/Switzer-ThinItalic.ttf') format('truetype');
153
+ src: url('../src/assets/fonts/switzer/Switzer-ThinItalic.woff2') format('woff2'),
154
+ url('../src/assets/fonts/switzer/Switzer-ThinItalic.woff') format('woff'),
155
+ url('../src/assets/fonts/switzer/Switzer-ThinItalic.ttf') format('truetype');
156
156
  font-weight: 100;
157
157
  font-display: swap;
158
158
  font-style: italic;
159
159
  }
160
160
  @font-face {
161
161
  font-family: 'Switzer';
162
- src: url('../../fonts/switzer/Switzer-Extralight.woff2') format('woff2'),
163
- url('../../fonts/switzer/Switzer-Extralight.woff') format('woff'),
164
- url('../../fonts/switzer/Switzer-Extralight.ttf') format('truetype');
162
+ src: url('../src/assets/fonts/switzer/Switzer-Extralight.woff2') format('woff2'),
163
+ url('../src/assets/fonts/switzer/Switzer-Extralight.woff') format('woff'),
164
+ url('../src/assets/fonts/switzer/Switzer-Extralight.ttf') format('truetype');
165
165
  font-weight: 200;
166
166
  font-display: swap;
167
167
  font-style: normal;
168
168
  }
169
169
  @font-face {
170
170
  font-family: 'Switzer';
171
- src: url('../../fonts/switzer/Switzer-ExtralightItalic.woff2') format('woff2'),
172
- url('../../fonts/switzer/Switzer-ExtralightItalic.woff') format('woff'),
173
- url('../../fonts/switzer/Switzer-ExtralightItalic.ttf') format('truetype');
171
+ src: url('../src/assets/fonts/switzer/Switzer-ExtralightItalic.woff2') format('woff2'),
172
+ url('../src/assets/fonts/switzer/Switzer-ExtralightItalic.woff') format('woff'),
173
+ url('../src/assets/fonts/switzer/Switzer-ExtralightItalic.ttf') format('truetype');
174
174
  font-weight: 200;
175
175
  font-display: swap;
176
176
  font-style: italic;
177
177
  }
178
178
  @font-face {
179
179
  font-family: 'Switzer';
180
- src: url('../../fonts/switzer/Switzer-Light.woff2') format('woff2'),
181
- url('../../fonts/switzer/Switzer-Light.woff') format('woff'),
182
- url('../../fonts/switzer/Switzer-Light.ttf') format('truetype');
180
+ src: url('../src/assets/fonts/switzer/Switzer-Light.woff2') format('woff2'),
181
+ url('../src/assets/fonts/switzer/Switzer-Light.woff') format('woff'),
182
+ url('../src/assets/fonts/switzer/Switzer-Light.ttf') format('truetype');
183
183
  font-weight: 300;
184
184
  font-display: swap;
185
185
  font-style: normal;
186
186
  }
187
187
  @font-face {
188
188
  font-family: 'Switzer';
189
- src: url('../../fonts/switzer/Switzer-LightItalic.woff2') format('woff2'),
190
- url('../../fonts/switzer/Switzer-LightItalic.woff') format('woff'),
191
- url('../../fonts/switzer/Switzer-LightItalic.ttf') format('truetype');
189
+ src: url('../src/assets/fonts/switzer/Switzer-LightItalic.woff2') format('woff2'),
190
+ url('../src/assets/fonts/switzer/Switzer-LightItalic.woff') format('woff'),
191
+ url('../src/assets/fonts/switzer/Switzer-LightItalic.ttf') format('truetype');
192
192
  font-weight: 300;
193
193
  font-display: swap;
194
194
  font-style: italic;
195
195
  }
196
196
  @font-face {
197
197
  font-family: 'Switzer';
198
- src: url('../../fonts/switzer/Switzer-Regular.woff2') format('woff2'),
199
- url('../../fonts/switzer/Switzer-Regular.woff') format('woff'),
200
- url('../../fonts/switzer/Switzer-Regular.ttf') format('truetype');
198
+ src: url('../src/assets/fonts/switzer/Switzer-Regular.woff2') format('woff2'),
199
+ url('../src/assets/fonts/switzer/Switzer-Regular.woff') format('woff'),
200
+ url('../src/assets/fonts/switzer/Switzer-Regular.ttf') format('truetype');
201
201
  font-weight: 400;
202
202
  font-display: swap;
203
203
  font-style: normal;
204
204
  }
205
205
  @font-face {
206
206
  font-family: 'Switzer';
207
- src: url('../../fonts/switzer/Switzer-Italic.woff2') format('woff2'),
208
- url('../../fonts/switzer/Switzer-Italic.woff') format('woff'),
209
- url('../../fonts/switzer/Switzer-Italic.ttf') format('truetype');
207
+ src: url('../src/assets/fonts/switzer/Switzer-Italic.woff2') format('woff2'),
208
+ url('../src/assets/fonts/switzer/Switzer-Italic.woff') format('woff'),
209
+ url('../src/assets/fonts/switzer/Switzer-Italic.ttf') format('truetype');
210
210
  font-weight: 400;
211
211
  font-display: swap;
212
212
  font-style: italic;
213
213
  }
214
214
  @font-face {
215
215
  font-family: 'Switzer';
216
- src: url('../../fonts/switzer/Switzer-Medium.woff2') format('woff2'),
217
- url('../../fonts/switzer/Switzer-Medium.woff') format('woff'),
218
- url('../../fonts/switzer/Switzer-Medium.ttf') format('truetype');
216
+ src: url('../src/assets/fonts/switzer/Switzer-Medium.woff2') format('woff2'),
217
+ url('../src/assets/fonts/switzer/Switzer-Medium.woff') format('woff'),
218
+ url('../src/assets/fonts/switzer/Switzer-Medium.ttf') format('truetype');
219
219
  font-weight: 500;
220
220
  font-display: swap;
221
221
  font-style: normal;
222
222
  }
223
223
  @font-face {
224
224
  font-family: 'Switzer';
225
- src: url('../../fonts/switzer/Switzer-MediumItalic.woff2') format('woff2'),
226
- url('../../fonts/switzer/Switzer-MediumItalic.woff') format('woff'),
227
- url('../../fonts/switzer/Switzer-MediumItalic.ttf') format('truetype');
225
+ src: url('../src/assets/fonts/switzer/Switzer-MediumItalic.woff2') format('woff2'),
226
+ url('../src/assets/fonts/switzer/Switzer-MediumItalic.woff') format('woff'),
227
+ url('../src/assets/fonts/switzer/Switzer-MediumItalic.ttf') format('truetype');
228
228
  font-weight: 500;
229
229
  font-display: swap;
230
230
  font-style: italic;
231
231
  }
232
232
  @font-face {
233
233
  font-family: 'Switzer';
234
- src: url('../../fonts/switzer/Switzer-Semibold.woff2') format('woff2'),
235
- url('../../fonts/switzer/Switzer-Semibold.woff') format('woff'),
236
- url('../../fonts/switzer/Switzer-Semibold.ttf') format('truetype');
234
+ src: url('../src/assets/fonts/switzer/Switzer-Semibold.woff2') format('woff2'),
235
+ url('../src/assets/fonts/switzer/Switzer-Semibold.woff') format('woff'),
236
+ url('../src/assets/fonts/switzer/Switzer-Semibold.ttf') format('truetype');
237
237
  font-weight: 600;
238
238
  font-display: swap;
239
239
  font-style: normal;
240
240
  }
241
241
  @font-face {
242
242
  font-family: 'Switzer';
243
- src: url('../../fonts/switzer/Switzer-SemiboldItalic.woff2') format('woff2'),
244
- url('../../fonts/switzer/Switzer-SemiboldItalic.woff') format('woff'),
245
- url('../../fonts/switzer/Switzer-SemiboldItalic.ttf') format('truetype');
243
+ src: url('../src/assets/fonts/switzer/Switzer-SemiboldItalic.woff2') format('woff2'),
244
+ url('../src/assets/fonts/switzer/Switzer-SemiboldItalic.woff') format('woff'),
245
+ url('../src/assets/fonts/switzer/Switzer-SemiboldItalic.ttf') format('truetype');
246
246
  font-weight: 600;
247
247
  font-display: swap;
248
248
  font-style: italic;
249
249
  }
250
250
  @font-face {
251
251
  font-family: 'Switzer';
252
- src: url('../../fonts/switzer/Switzer-Bold.woff2') format('woff2'),
253
- url('../../fonts/switzer/Switzer-Bold.woff') format('woff'),
254
- url('../../fonts/switzer/Switzer-Bold.ttf') format('truetype');
252
+ src: url('../src/assets/fonts/switzer/Switzer-Bold.woff2') format('woff2'),
253
+ url('../src/assets/fonts/switzer/Switzer-Bold.woff') format('woff'),
254
+ url('../src/assets/fonts/switzer/Switzer-Bold.ttf') format('truetype');
255
255
  font-weight: 700;
256
256
  font-display: swap;
257
257
  font-style: normal;
258
258
  }
259
259
  @font-face {
260
260
  font-family: 'Switzer';
261
- src: url('../../fonts/switzer/Switzer-BoldItalic.woff2') format('woff2'),
262
- url('../../fonts/switzer/Switzer-BoldItalic.woff') format('woff'),
263
- url('../../fonts/switzer/Switzer-BoldItalic.ttf') format('truetype');
261
+ src: url('../src/assets/fonts/switzer/Switzer-BoldItalic.woff2') format('woff2'),
262
+ url('../src/assets/fonts/switzer/Switzer-BoldItalic.woff') format('woff'),
263
+ url('../src/assets/fonts/switzer/Switzer-BoldItalic.ttf') format('truetype');
264
264
  font-weight: 700;
265
265
  font-display: swap;
266
266
  font-style: italic;
267
267
  }
268
268
  @font-face {
269
269
  font-family: 'Switzer';
270
- src: url('../../fonts/switzer/Switzer-Extrabold.woff2') format('woff2'),
271
- url('../../fonts/switzer/Switzer-Extrabold.woff') format('woff'),
272
- url('../../fonts/switzer/Switzer-Extrabold.ttf') format('truetype');
270
+ src: url('../src/assets/fonts/switzer/Switzer-Extrabold.woff2') format('woff2'),
271
+ url('../src/assets/fonts/switzer/Switzer-Extrabold.woff') format('woff'),
272
+ url('../src/assets/fonts/switzer/Switzer-Extrabold.ttf') format('truetype');
273
273
  font-weight: 800;
274
274
  font-display: swap;
275
275
  font-style: normal;
276
276
  }
277
277
  @font-face {
278
278
  font-family: 'Switzer';
279
- src: url('../../fonts/switzer/Switzer-ExtraboldItalic.woff2') format('woff2'),
280
- url('../../fonts/switzer/Switzer-ExtraboldItalic.woff') format('woff'),
281
- url('../../fonts/switzer/Switzer-ExtraboldItalic.ttf') format('truetype');
279
+ src: url('../src/assets/fonts/switzer/Switzer-ExtraboldItalic.woff2') format('woff2'),
280
+ url('../src/assets/fonts/switzer/Switzer-ExtraboldItalic.woff') format('woff'),
281
+ url('../src/assets/fonts/switzer/Switzer-ExtraboldItalic.ttf') format('truetype');
282
282
  font-weight: 800;
283
283
  font-display: swap;
284
284
  font-style: italic;
285
285
  }
286
286
  @font-face {
287
287
  font-family: 'Switzer';
288
- src: url('../../fonts/switzer/Switzer-Black.woff2') format('woff2'),
289
- url('../../fonts/switzer/Switzer-Black.woff') format('woff'),
290
- url('../../fonts/switzer/Switzer-Black.ttf') format('truetype');
288
+ src: url('../src/assets/fonts/switzer/Switzer-Black.woff2') format('woff2'),
289
+ url('../src/assets/fonts/switzer/Switzer-Black.woff') format('woff'),
290
+ url('../src/assets/fonts/switzer/Switzer-Black.ttf') format('truetype');
291
291
  font-weight: 900;
292
292
  font-display: swap;
293
293
  font-style: normal;
294
294
  }
295
295
  @font-face {
296
296
  font-family: 'Switzer';
297
- src: url('../../fonts/switzer/Switzer-BlackItalic.woff2') format('woff2'),
298
- url('../../fonts/switzer/Switzer-BlackItalic.woff') format('woff'),
299
- url('../../fonts/switzer/Switzer-BlackItalic.ttf') format('truetype');
297
+ src: url('../src/assets/fonts/switzer/Switzer-BlackItalic.woff2') format('woff2'),
298
+ url('../src/assets/fonts/switzer/Switzer-BlackItalic.woff') format('woff'),
299
+ url('../src/assets/fonts/switzer/Switzer-BlackItalic.ttf') format('truetype');
300
300
  font-weight: 900;
301
301
  font-display: swap;
302
302
  font-style: italic;
package/dist/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from "./components/Button";
2
+ export * from "./components/Text";
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}