@bgord/design 0.29.6 → 1.0.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.
package/dist/index.d.ts CHANGED
@@ -5,4 +5,4 @@
5
5
 
6
6
  import "react";
7
7
  declare module "react" { interface HTMLAttributes<T> {
8
- "data-main"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline"; "data-cross"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline";"data-backdrop"?: "none" | "weak" | "medium" | "strong";"data-bg"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900";"data-bc"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bct"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcr"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcb"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcl"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcx"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcy"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900";"data-bw"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwt"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwr"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwb"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwl"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwx"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwy"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset";"data-cursor"?: "wait" | "auto" | "pointer" | "not-allowed";"data-display"?: "flex" | "block" | "inline-block" | "none";"data-direction"?: "row" | "row-reverse" | "column" | "column-reverse";"data-grow"?: "1" | "unset";"data-shrink"?: "0" | "unset";"data-wrap"?: "nowrap" | "wrap" | "wrap-reverse" | "unset";"data-color"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900";"data-ff"?: "sans" | "serif" | "mono";"data-fs"?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";"data-fw"?: "light" | "regular" | "medium" | "bold" | "black" | "unset";"data-gap"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-height"?: "100%" | "auto" | "unset";"data-ls"?: "tight" | "normal" | "wide" | "wider" | "widest" | "unset";"data-lh"?: "none" | "tight" | "base" | "loose" | "display" | "unset";"data-m"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-ml"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mx"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-my"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-max-height"?: "100%" | "unset" | "md";"data-max-width"?: "100%" | "unset" | "md";"data-object-fit"?: "contain" | "cover" | "fill" | "scale-down" | "none";"data-object-position"?: "top" | "bottom" | "left" | "right" | "center" | "top-left" | "top-right";"data-opacity"?: "high" | "medium" | "low";"data-overflow"?: "auto" | "scroll" | "hidden";"data-p"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pl"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-px"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-py"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-pointer-events"?: "none" | "auto";"data-position"?: "static" | "relative" | "absolute" | "fixed" | "sticky" | "unset";"data-top"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-right"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-bottom"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-left"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-inset"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-br"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | "circle" | "unset";"data-rotate"?: "0" | "90" | "180" | "270";"data-shadow"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "inner" | "unset";"data-size"?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";"data-transform"?: "uppercase" | "lowercase" | "capitalize" | "upper-first" | "truncate" | "center" | "nowrap" | "none" | "line-clamp";"data-width"?: "100%" | "auto" | "unset";"data-z"?: "negative" | "0" | "1" | "2" | "3";}}
8
+ "data-main"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline"; "data-cross"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline";"data-backdrop"?: "none" | "weak" | "medium" | "strong";"data-bg"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900";"data-bc"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bct"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcr"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcb"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcl"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcx"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcy"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900";"data-bw"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwt"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwr"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwb"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwl"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwx"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwy"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset";"data-cursor"?: "wait" | "auto" | "pointer" | "not-allowed";"data-display"?: "flex" | "block" | "inline-block" | "none";"data-direction"?: "row" | "row-reverse" | "column" | "column-reverse";"data-grow"?: "1" | "unset";"data-shrink"?: "0" | "unset";"data-wrap"?: "nowrap" | "wrap" | "wrap-reverse" | "unset";"data-color"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900";"data-ff"?: "sans" | "serif" | "mono";"data-fs"?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";"data-fw"?: "light" | "regular" | "medium" | "bold" | "black" | "unset";"data-gap"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-height"?: "100%" | "auto" | "unset";"data-ls"?: "tight" | "normal" | "wide" | "wider" | "widest" | "unset";"data-lh"?: "none" | "tight" | "base" | "loose" | "display" | "unset";"data-m"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-ml"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mx"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-my"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-max-height"?: "100%" | "unset" | "md";"data-max-width"?: "100%" | "unset" | "md";"data-object-fit"?: "contain" | "cover" | "fill" | "scale-down" | "none";"data-object-position"?: "top" | "bottom" | "left" | "right" | "center" | "top-left" | "top-right";"data-opacity"?: "high" | "medium" | "low";"data-overflow"?: "auto" | "scroll" | "hidden";"data-p"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pl"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-px"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-py"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-pointer-events"?: "none" | "auto";"data-position"?: "static" | "relative" | "absolute" | "fixed" | "sticky" | "unset";"data-top"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-right"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-bottom"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-left"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-inset"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-br"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | "circle" | "unset";"data-rotate"?: "0" | "90" | "180" | "270";"data-shadow"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "inner" | "unset";"data-size"?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";"data-transform"?: "uppercase" | "lowercase" | "capitalize" | "upper-first" | "truncate" | "center" | "nowrap" | "none" | "line-clamp";"data-width"?: "100%" | "auto" | "unset";"data-z"?: "negative" | "0" | "1" | "2" | "3";"data-animation"?: "grow-fade-in" | "shrink-fade-out";"data-interaction"?: "grow" | "rotate-into-focus" | "subtle-scale";}}
package/dist/main.css CHANGED
@@ -626,107 +626,107 @@
626
626
  [data-lh='loose'] { line-height: var(--line-height-loose); }
627
627
  [data-lh='display'] { line-height: var(--line-height-display); }
628
628
  [data-lh='unset'] { line-height: var(--line-height-unset); }[data-m='0'] { margin: var(--spacing-0); }
629
+ [data-m='0-5'] { margin: var(--spacing-0-5); }
630
+ [data-m='1'] { margin: var(--spacing-1); }
631
+ [data-m='1-5'] { margin: var(--spacing-1-5); }
632
+ [data-m='2'] { margin: var(--spacing-2); }
633
+ [data-m='2-5'] { margin: var(--spacing-2-5); }
634
+ [data-m='3'] { margin: var(--spacing-3); }
635
+ [data-m='4'] { margin: var(--spacing-4); }
636
+ [data-m='5'] { margin: var(--spacing-5); }
637
+ [data-m='6'] { margin: var(--spacing-6); }
638
+ [data-m='8'] { margin: var(--spacing-8); }
639
+ [data-m='12'] { margin: var(--spacing-12); }
640
+ [data-m='16'] { margin: var(--spacing-16); }
641
+ [data-m='auto'] { margin: var(--spacing-auto); }
642
+ [data-mx='0'] { margin: 0 var(--spacing-0); }
643
+ [data-mx='0-5'] { margin: 0 var(--spacing-0-5); }
644
+ [data-mx='1'] { margin: 0 var(--spacing-1); }
645
+ [data-mx='1-5'] { margin: 0 var(--spacing-1-5); }
646
+ [data-mx='2'] { margin: 0 var(--spacing-2); }
647
+ [data-mx='2-5'] { margin: 0 var(--spacing-2-5); }
648
+ [data-mx='3'] { margin: 0 var(--spacing-3); }
649
+ [data-mx='4'] { margin: 0 var(--spacing-4); }
650
+ [data-mx='5'] { margin: 0 var(--spacing-5); }
651
+ [data-mx='6'] { margin: 0 var(--spacing-6); }
652
+ [data-mx='8'] { margin: 0 var(--spacing-8); }
653
+ [data-mx='12'] { margin: 0 var(--spacing-12); }
654
+ [data-mx='16'] { margin: 0 var(--spacing-16); }
655
+ [data-mx='auto'] { margin: 0 var(--spacing-auto); }
656
+ [data-my='0'] { margin: var(--spacing-0) 0; }
657
+ [data-my='0-5'] { margin: var(--spacing-0-5) 0; }
658
+ [data-my='1'] { margin: var(--spacing-1) 0; }
659
+ [data-my='1-5'] { margin: var(--spacing-1-5) 0; }
660
+ [data-my='2'] { margin: var(--spacing-2) 0; }
661
+ [data-my='2-5'] { margin: var(--spacing-2-5) 0; }
662
+ [data-my='3'] { margin: var(--spacing-3) 0; }
663
+ [data-my='4'] { margin: var(--spacing-4) 0; }
664
+ [data-my='5'] { margin: var(--spacing-5) 0; }
665
+ [data-my='6'] { margin: var(--spacing-6) 0; }
666
+ [data-my='8'] { margin: var(--spacing-8) 0; }
667
+ [data-my='12'] { margin: var(--spacing-12) 0; }
668
+ [data-my='16'] { margin: var(--spacing-16) 0; }
669
+ [data-my='auto'] { margin: var(--spacing-auto) 0; }
629
670
  [data-mt='0'] { margin-top: var(--spacing-0); }
630
671
  [data-mr='0'] { margin-right: var(--spacing-0); }
631
672
  [data-mb='0'] { margin-bottom: var(--spacing-0); }
632
673
  [data-ml='0'] { margin-left: var(--spacing-0); }
633
- [data-mx='0'] { margin: 0 var(--spacing-0); }
634
- [data-my='0'] { margin: var(--spacing-0) 0; }
635
- [data-m='0-5'] { margin: var(--spacing-0-5); }
636
674
  [data-mt='0-5'] { margin-top: var(--spacing-0-5); }
637
675
  [data-mr='0-5'] { margin-right: var(--spacing-0-5); }
638
676
  [data-mb='0-5'] { margin-bottom: var(--spacing-0-5); }
639
677
  [data-ml='0-5'] { margin-left: var(--spacing-0-5); }
640
- [data-mx='0-5'] { margin: 0 var(--spacing-0-5); }
641
- [data-my='0-5'] { margin: var(--spacing-0-5) 0; }
642
- [data-m='1'] { margin: var(--spacing-1); }
643
678
  [data-mt='1'] { margin-top: var(--spacing-1); }
644
679
  [data-mr='1'] { margin-right: var(--spacing-1); }
645
680
  [data-mb='1'] { margin-bottom: var(--spacing-1); }
646
681
  [data-ml='1'] { margin-left: var(--spacing-1); }
647
- [data-mx='1'] { margin: 0 var(--spacing-1); }
648
- [data-my='1'] { margin: var(--spacing-1) 0; }
649
- [data-m='1-5'] { margin: var(--spacing-1-5); }
650
682
  [data-mt='1-5'] { margin-top: var(--spacing-1-5); }
651
683
  [data-mr='1-5'] { margin-right: var(--spacing-1-5); }
652
684
  [data-mb='1-5'] { margin-bottom: var(--spacing-1-5); }
653
685
  [data-ml='1-5'] { margin-left: var(--spacing-1-5); }
654
- [data-mx='1-5'] { margin: 0 var(--spacing-1-5); }
655
- [data-my='1-5'] { margin: var(--spacing-1-5) 0; }
656
- [data-m='2'] { margin: var(--spacing-2); }
657
686
  [data-mt='2'] { margin-top: var(--spacing-2); }
658
687
  [data-mr='2'] { margin-right: var(--spacing-2); }
659
688
  [data-mb='2'] { margin-bottom: var(--spacing-2); }
660
689
  [data-ml='2'] { margin-left: var(--spacing-2); }
661
- [data-mx='2'] { margin: 0 var(--spacing-2); }
662
- [data-my='2'] { margin: var(--spacing-2) 0; }
663
- [data-m='2-5'] { margin: var(--spacing-2-5); }
664
690
  [data-mt='2-5'] { margin-top: var(--spacing-2-5); }
665
691
  [data-mr='2-5'] { margin-right: var(--spacing-2-5); }
666
692
  [data-mb='2-5'] { margin-bottom: var(--spacing-2-5); }
667
693
  [data-ml='2-5'] { margin-left: var(--spacing-2-5); }
668
- [data-mx='2-5'] { margin: 0 var(--spacing-2-5); }
669
- [data-my='2-5'] { margin: var(--spacing-2-5) 0; }
670
- [data-m='3'] { margin: var(--spacing-3); }
671
694
  [data-mt='3'] { margin-top: var(--spacing-3); }
672
695
  [data-mr='3'] { margin-right: var(--spacing-3); }
673
696
  [data-mb='3'] { margin-bottom: var(--spacing-3); }
674
697
  [data-ml='3'] { margin-left: var(--spacing-3); }
675
- [data-mx='3'] { margin: 0 var(--spacing-3); }
676
- [data-my='3'] { margin: var(--spacing-3) 0; }
677
- [data-m='4'] { margin: var(--spacing-4); }
678
698
  [data-mt='4'] { margin-top: var(--spacing-4); }
679
699
  [data-mr='4'] { margin-right: var(--spacing-4); }
680
700
  [data-mb='4'] { margin-bottom: var(--spacing-4); }
681
701
  [data-ml='4'] { margin-left: var(--spacing-4); }
682
- [data-mx='4'] { margin: 0 var(--spacing-4); }
683
- [data-my='4'] { margin: var(--spacing-4) 0; }
684
- [data-m='5'] { margin: var(--spacing-5); }
685
702
  [data-mt='5'] { margin-top: var(--spacing-5); }
686
703
  [data-mr='5'] { margin-right: var(--spacing-5); }
687
704
  [data-mb='5'] { margin-bottom: var(--spacing-5); }
688
705
  [data-ml='5'] { margin-left: var(--spacing-5); }
689
- [data-mx='5'] { margin: 0 var(--spacing-5); }
690
- [data-my='5'] { margin: var(--spacing-5) 0; }
691
- [data-m='6'] { margin: var(--spacing-6); }
692
706
  [data-mt='6'] { margin-top: var(--spacing-6); }
693
707
  [data-mr='6'] { margin-right: var(--spacing-6); }
694
708
  [data-mb='6'] { margin-bottom: var(--spacing-6); }
695
709
  [data-ml='6'] { margin-left: var(--spacing-6); }
696
- [data-mx='6'] { margin: 0 var(--spacing-6); }
697
- [data-my='6'] { margin: var(--spacing-6) 0; }
698
- [data-m='8'] { margin: var(--spacing-8); }
699
710
  [data-mt='8'] { margin-top: var(--spacing-8); }
700
711
  [data-mr='8'] { margin-right: var(--spacing-8); }
701
712
  [data-mb='8'] { margin-bottom: var(--spacing-8); }
702
713
  [data-ml='8'] { margin-left: var(--spacing-8); }
703
- [data-mx='8'] { margin: 0 var(--spacing-8); }
704
- [data-my='8'] { margin: var(--spacing-8) 0; }
705
- [data-m='12'] { margin: var(--spacing-12); }
706
714
  [data-mt='12'] { margin-top: var(--spacing-12); }
707
715
  [data-mr='12'] { margin-right: var(--spacing-12); }
708
716
  [data-mb='12'] { margin-bottom: var(--spacing-12); }
709
717
  [data-ml='12'] { margin-left: var(--spacing-12); }
710
- [data-mx='12'] { margin: 0 var(--spacing-12); }
711
- [data-my='12'] { margin: var(--spacing-12) 0; }
712
- [data-m='16'] { margin: var(--spacing-16); }
713
718
  [data-mt='16'] { margin-top: var(--spacing-16); }
714
719
  [data-mr='16'] { margin-right: var(--spacing-16); }
715
720
  [data-mb='16'] { margin-bottom: var(--spacing-16); }
716
721
  [data-ml='16'] { margin-left: var(--spacing-16); }
717
- [data-mx='16'] { margin: 0 var(--spacing-16); }
718
- [data-my='16'] { margin: var(--spacing-16) 0; }
719
- [data-m='auto'] { margin: var(--spacing-auto); }
720
722
  [data-mt='auto'] { margin-top: var(--spacing-auto); }
721
723
  [data-mr='auto'] { margin-right: var(--spacing-auto); }
722
724
  [data-mb='auto'] { margin-bottom: var(--spacing-auto); }
723
- [data-ml='auto'] { margin-left: var(--spacing-auto); }
724
- [data-mx='auto'] { margin: 0 var(--spacing-auto); }
725
- [data-my='auto'] { margin: var(--spacing-auto) 0; }[data-max-height='100%'] { max-height: 100%; }
725
+ [data-ml='auto'] { margin-left: var(--spacing-auto); }[data-max-height='100%'] { max-height: 100%; }
726
726
  [data-max-height='unset'] { max-height: unset; }
727
- [data-max-height='breakpoint-md'] { max-height: 768px; }[data-max-width='100%'] { max-width: 100%; }
727
+ [data-max-height='md'] { max-height: 768px; }[data-max-width='100%'] { max-width: 100%; }
728
728
  [data-max-width='unset'] { max-width: unset; }
729
- [data-max-width='breakpoint-md'] { max-width: 768px; }[data-object-fit='contain'] { object-fit: contain; }
729
+ [data-max-width='md'] { max-width: 768px; }[data-object-fit='contain'] { object-fit: contain; }
730
730
  [data-object-fit='cover'] { object-fit: cover; }
731
731
  [data-object-fit='fill'] { object-fit: fill; }
732
732
  [data-object-fit='scale-down'] { object-fit: scale-down; }
@@ -741,103 +741,103 @@
741
741
  [data-opacity='low'] { opacity: var(--opacity-low); }[data-overflow='auto'] { overflow: auto; }
742
742
  [data-overflow='scroll'] { overflow: scroll; }
743
743
  [data-overflow='hidden'] { overflow: hidden; }[data-p='0'] { padding: var(--spacing-0); }
744
+ [data-p='0-5'] { padding: var(--spacing-0-5); }
745
+ [data-p='1'] { padding: var(--spacing-1); }
746
+ [data-p='1-5'] { padding: var(--spacing-1-5); }
747
+ [data-p='2'] { padding: var(--spacing-2); }
748
+ [data-p='2-5'] { padding: var(--spacing-2-5); }
749
+ [data-p='3'] { padding: var(--spacing-3); }
750
+ [data-p='4'] { padding: var(--spacing-4); }
751
+ [data-p='5'] { padding: var(--spacing-5); }
752
+ [data-p='6'] { padding: var(--spacing-6); }
753
+ [data-p='8'] { padding: var(--spacing-8); }
754
+ [data-p='12'] { padding: var(--spacing-12); }
755
+ [data-p='16'] { padding: var(--spacing-16); }
756
+ [data-p='auto'] { padding: var(--spacing-auto); }
757
+ [data-px='0'] { padding: 0 var(--spacing-0); }
758
+ [data-px='0-5'] { padding: 0 var(--spacing-0-5); }
759
+ [data-px='1'] { padding: 0 var(--spacing-1); }
760
+ [data-px='1-5'] { padding: 0 var(--spacing-1-5); }
761
+ [data-px='2'] { padding: 0 var(--spacing-2); }
762
+ [data-px='2-5'] { padding: 0 var(--spacing-2-5); }
763
+ [data-px='3'] { padding: 0 var(--spacing-3); }
764
+ [data-px='4'] { padding: 0 var(--spacing-4); }
765
+ [data-px='5'] { padding: 0 var(--spacing-5); }
766
+ [data-px='6'] { padding: 0 var(--spacing-6); }
767
+ [data-px='8'] { padding: 0 var(--spacing-8); }
768
+ [data-px='12'] { padding: 0 var(--spacing-12); }
769
+ [data-px='16'] { padding: 0 var(--spacing-16); }
770
+ [data-px='auto'] { padding: 0 var(--spacing-auto); }
771
+ [data-py='0'] { padding: var(--spacing-0) 0; }
772
+ [data-py='0-5'] { padding: var(--spacing-0-5) 0; }
773
+ [data-py='1'] { padding: var(--spacing-1) 0; }
774
+ [data-py='1-5'] { padding: var(--spacing-1-5) 0; }
775
+ [data-py='2'] { padding: var(--spacing-2) 0; }
776
+ [data-py='2-5'] { padding: var(--spacing-2-5) 0; }
777
+ [data-py='3'] { padding: var(--spacing-3) 0; }
778
+ [data-py='4'] { padding: var(--spacing-4) 0; }
779
+ [data-py='5'] { padding: var(--spacing-5) 0; }
780
+ [data-py='6'] { padding: var(--spacing-6) 0; }
781
+ [data-py='8'] { padding: var(--spacing-8) 0; }
782
+ [data-py='12'] { padding: var(--spacing-12) 0; }
783
+ [data-py='16'] { padding: var(--spacing-16) 0; }
784
+ [data-py='auto'] { padding: var(--spacing-auto) 0; }
744
785
  [data-pt='0'] { padding-top: var(--spacing-0); }
745
786
  [data-pr='0'] { padding-right: var(--spacing-0); }
746
787
  [data-pb='0'] { padding-bottom: var(--spacing-0); }
747
788
  [data-pl='0'] { padding-left: var(--spacing-0); }
748
- [data-px='0'] { padding: 0 var(--spacing-0); }
749
- [data-py='0'] { padding: var(--spacing-0) 0; }
750
- [data-p='0-5'] { padding: var(--spacing-0-5); }
751
789
  [data-pt='0-5'] { padding-top: var(--spacing-0-5); }
752
790
  [data-pr='0-5'] { padding-right: var(--spacing-0-5); }
753
791
  [data-pb='0-5'] { padding-bottom: var(--spacing-0-5); }
754
792
  [data-pl='0-5'] { padding-left: var(--spacing-0-5); }
755
- [data-px='0-5'] { padding: 0 var(--spacing-0-5); }
756
- [data-py='0-5'] { padding: var(--spacing-0-5) 0; }
757
- [data-p='1'] { padding: var(--spacing-1); }
758
793
  [data-pt='1'] { padding-top: var(--spacing-1); }
759
794
  [data-pr='1'] { padding-right: var(--spacing-1); }
760
795
  [data-pb='1'] { padding-bottom: var(--spacing-1); }
761
796
  [data-pl='1'] { padding-left: var(--spacing-1); }
762
- [data-px='1'] { padding: 0 var(--spacing-1); }
763
- [data-py='1'] { padding: var(--spacing-1) 0; }
764
- [data-p='1-5'] { padding: var(--spacing-1-5); }
765
797
  [data-pt='1-5'] { padding-top: var(--spacing-1-5); }
766
798
  [data-pr='1-5'] { padding-right: var(--spacing-1-5); }
767
799
  [data-pb='1-5'] { padding-bottom: var(--spacing-1-5); }
768
800
  [data-pl='1-5'] { padding-left: var(--spacing-1-5); }
769
- [data-px='1-5'] { padding: 0 var(--spacing-1-5); }
770
- [data-py='1-5'] { padding: var(--spacing-1-5) 0; }
771
- [data-p='2'] { padding: var(--spacing-2); }
772
801
  [data-pt='2'] { padding-top: var(--spacing-2); }
773
802
  [data-pr='2'] { padding-right: var(--spacing-2); }
774
803
  [data-pb='2'] { padding-bottom: var(--spacing-2); }
775
804
  [data-pl='2'] { padding-left: var(--spacing-2); }
776
- [data-px='2'] { padding: 0 var(--spacing-2); }
777
- [data-py='2'] { padding: var(--spacing-2) 0; }
778
- [data-p='2-5'] { padding: var(--spacing-2-5); }
779
805
  [data-pt='2-5'] { padding-top: var(--spacing-2-5); }
780
806
  [data-pr='2-5'] { padding-right: var(--spacing-2-5); }
781
807
  [data-pb='2-5'] { padding-bottom: var(--spacing-2-5); }
782
808
  [data-pl='2-5'] { padding-left: var(--spacing-2-5); }
783
- [data-px='2-5'] { padding: 0 var(--spacing-2-5); }
784
- [data-py='2-5'] { padding: var(--spacing-2-5) 0; }
785
- [data-p='3'] { padding: var(--spacing-3); }
786
809
  [data-pt='3'] { padding-top: var(--spacing-3); }
787
810
  [data-pr='3'] { padding-right: var(--spacing-3); }
788
811
  [data-pb='3'] { padding-bottom: var(--spacing-3); }
789
812
  [data-pl='3'] { padding-left: var(--spacing-3); }
790
- [data-px='3'] { padding: 0 var(--spacing-3); }
791
- [data-py='3'] { padding: var(--spacing-3) 0; }
792
- [data-p='4'] { padding: var(--spacing-4); }
793
813
  [data-pt='4'] { padding-top: var(--spacing-4); }
794
814
  [data-pr='4'] { padding-right: var(--spacing-4); }
795
815
  [data-pb='4'] { padding-bottom: var(--spacing-4); }
796
816
  [data-pl='4'] { padding-left: var(--spacing-4); }
797
- [data-px='4'] { padding: 0 var(--spacing-4); }
798
- [data-py='4'] { padding: var(--spacing-4) 0; }
799
- [data-p='5'] { padding: var(--spacing-5); }
800
817
  [data-pt='5'] { padding-top: var(--spacing-5); }
801
818
  [data-pr='5'] { padding-right: var(--spacing-5); }
802
819
  [data-pb='5'] { padding-bottom: var(--spacing-5); }
803
820
  [data-pl='5'] { padding-left: var(--spacing-5); }
804
- [data-px='5'] { padding: 0 var(--spacing-5); }
805
- [data-py='5'] { padding: var(--spacing-5) 0; }
806
- [data-p='6'] { padding: var(--spacing-6); }
807
821
  [data-pt='6'] { padding-top: var(--spacing-6); }
808
822
  [data-pr='6'] { padding-right: var(--spacing-6); }
809
823
  [data-pb='6'] { padding-bottom: var(--spacing-6); }
810
824
  [data-pl='6'] { padding-left: var(--spacing-6); }
811
- [data-px='6'] { padding: 0 var(--spacing-6); }
812
- [data-py='6'] { padding: var(--spacing-6) 0; }
813
- [data-p='8'] { padding: var(--spacing-8); }
814
825
  [data-pt='8'] { padding-top: var(--spacing-8); }
815
826
  [data-pr='8'] { padding-right: var(--spacing-8); }
816
827
  [data-pb='8'] { padding-bottom: var(--spacing-8); }
817
828
  [data-pl='8'] { padding-left: var(--spacing-8); }
818
- [data-px='8'] { padding: 0 var(--spacing-8); }
819
- [data-py='8'] { padding: var(--spacing-8) 0; }
820
- [data-p='12'] { padding: var(--spacing-12); }
821
829
  [data-pt='12'] { padding-top: var(--spacing-12); }
822
830
  [data-pr='12'] { padding-right: var(--spacing-12); }
823
831
  [data-pb='12'] { padding-bottom: var(--spacing-12); }
824
832
  [data-pl='12'] { padding-left: var(--spacing-12); }
825
- [data-px='12'] { padding: 0 var(--spacing-12); }
826
- [data-py='12'] { padding: var(--spacing-12) 0; }
827
- [data-p='16'] { padding: var(--spacing-16); }
828
833
  [data-pt='16'] { padding-top: var(--spacing-16); }
829
834
  [data-pr='16'] { padding-right: var(--spacing-16); }
830
835
  [data-pb='16'] { padding-bottom: var(--spacing-16); }
831
836
  [data-pl='16'] { padding-left: var(--spacing-16); }
832
- [data-px='16'] { padding: 0 var(--spacing-16); }
833
- [data-py='16'] { padding: var(--spacing-16) 0; }
834
- [data-p='auto'] { padding: var(--spacing-auto); }
835
837
  [data-pt='auto'] { padding-top: var(--spacing-auto); }
836
838
  [data-pr='auto'] { padding-right: var(--spacing-auto); }
837
839
  [data-pb='auto'] { padding-bottom: var(--spacing-auto); }
838
- [data-pl='auto'] { padding-left: var(--spacing-auto); }
839
- [data-px='auto'] { padding: 0 var(--spacing-auto); }
840
- [data-py='auto'] { padding: var(--spacing-auto) 0; }[data-pointer-events='none'] { pointer-events: none; }
840
+ [data-pl='auto'] { padding-left: var(--spacing-auto); }[data-pointer-events='none'] { pointer-events: none; }
841
841
  [data-pointer-events='auto'] { pointer-events: auto; }[data-position='static'] { position: static; }
842
842
  [data-position='relative'] { position: relative; }
843
843
  [data-position='absolute'] { position: absolute; }
@@ -995,8 +995,8 @@
995
995
  white-space: nowrap;
996
996
  touch-action: manipulation;
997
997
  transition:
998
- border-radius 300ms ease,
999
- opacity 400ms ease;
998
+ border-radius var(--motion-medium) ease,
999
+ opacity var(--motion-slow) ease;
1000
1000
  }
1001
1001
 
1002
1002
  /* ---------- Interactive states ---------- */
@@ -1007,8 +1007,8 @@
1007
1007
  opacity: var(--opacity-high);
1008
1008
  border-radius: 0;
1009
1009
  transition:
1010
- border-radius 300ms ease,
1011
- opacity 400ms ease;
1010
+ border-radius var(--motion-medium) ease,
1011
+ opacity var(--motion-slow) ease;
1012
1012
  }
1013
1013
 
1014
1014
  .c-button:active {
@@ -1017,7 +1017,7 @@
1017
1017
 
1018
1018
  .c-button:disabled {
1019
1019
  opacity: var(--opacity-medium);
1020
- transition: opacity 300ms ease;
1020
+ transition: opacity var(--motion-medium) ease;
1021
1021
  }
1022
1022
  .c-button:disabled:hover {
1023
1023
  cursor: auto;
@@ -1080,7 +1080,7 @@
1080
1080
  }
1081
1081
  .c-input {
1082
1082
  height: 36px;
1083
- font-size: var(--font-size-xs);
1083
+ font-size: var(--font-size-sm);
1084
1084
  line-height: var(--line-height-tight);
1085
1085
  color: var(--color-neutral-100);
1086
1086
  padding-inline: var(--spacing-1-5);
@@ -1090,8 +1090,8 @@
1090
1090
  outline: none;
1091
1091
  appearance: none;
1092
1092
  transition:
1093
- border-radius 300ms ease,
1094
- border-color 400ms ease;
1093
+ border-radius var(--motion-medium) ease,
1094
+ border-color var(--motion-slow) ease;
1095
1095
  }
1096
1096
 
1097
1097
  .c-input:is(:hover, :focus) {
@@ -1137,7 +1137,7 @@
1137
1137
  .c-textarea {
1138
1138
  min-height: 72px;
1139
1139
  padding: var(--spacing-1-5);
1140
- font-size: var(--font-size-xs);
1140
+ font-size: var(--font-size-sm);
1141
1141
  line-height: var(--line-height-base);
1142
1142
 
1143
1143
  color: var(--color-neutral-100);
@@ -1148,9 +1148,10 @@
1148
1148
  appearance: none;
1149
1149
  resize: none;
1150
1150
  outline: none;
1151
+
1151
1152
  transition:
1152
- border-radius 300ms ease,
1153
- border-color 400ms ease;
1153
+ border-radius var(--motion-medium) ease,
1154
+ border-color var(--motion-slow) ease;
1154
1155
  }
1155
1156
 
1156
1157
  .c-textarea:is(:hover, :focus) {
@@ -1192,8 +1193,8 @@
1192
1193
  appearance: none;
1193
1194
  outline: none;
1194
1195
  transition:
1195
- border-radius 300ms ease,
1196
- border-color 400ms ease;
1196
+ border-radius var(--motion-medium) ease,
1197
+ border-color var(--motion-slow) ease;
1197
1198
  }
1198
1199
 
1199
1200
  .c-select:is(:hover, :focus) {
@@ -1245,27 +1246,32 @@
1245
1246
  width: 1px;
1246
1247
  }
1247
1248
  .c-badge {
1248
- padding: 0 6px;
1249
+ display: flex;
1250
+ justify-content: center;
1251
+ align-items: center;
1252
+
1253
+ padding: 0 var(--spacing-1-5);
1249
1254
 
1250
1255
  font-size: var(--font-size-xs);
1251
1256
  font-weight: var(--font-weight-bold);
1252
1257
  letter-spacing: var(--letter-spacing-wide);
1253
1258
  line-height: var(--line-height-loose);
1254
-
1255
- color: var(--color-neutral-300);
1256
- background-color: var(--color-neutral-700);
1257
- border-radius: var(--radius-sm);
1258
-
1259
1259
  text-align: center;
1260
1260
  text-transform: uppercase;
1261
1261
  }
1262
1262
 
1263
1263
  .c-badge:hover {
1264
1264
  opacity: var(--opacity-high);
1265
- transition: opacity 300ms;
1265
+ transition: opacity var(--motion-medium);
1266
1266
  background-color: color-mix(in oklch, var(--color-neutral-700) 85%, var(--color-neutral-100) 15%);
1267
1267
  }
1268
1268
 
1269
+ .c-badge[data-variant="primary"] {
1270
+ color: var(--color-neutral-300);
1271
+ background-color: var(--color-neutral-700);
1272
+ border-radius: var(--radius-sm);
1273
+ }
1274
+
1269
1275
  .c-badge[data-variant="outline"] {
1270
1276
  color: var(--color-neutral-300);
1271
1277
  border: var(--border-width-hairline) solid var(--color-neutral-300);
@@ -1282,8 +1288,8 @@
1282
1288
  cursor: pointer;
1283
1289
 
1284
1290
  transition:
1285
- color 300ms ease,
1286
- text-decoration-color 400ms ease;
1291
+ color var(--motion-medium) ease,
1292
+ text-decoration-color var(--motion-slow) ease;
1287
1293
  }
1288
1294
 
1289
1295
  .c-link:hover,
@@ -1308,3 +1314,186 @@
1308
1314
  0 0 0 2px var(--color-neutral-950),
1309
1315
  0 0 0 4px var(--color-focus-ring);
1310
1316
  }
1317
+ /* Checkbox component */
1318
+
1319
+ @supports (appearance: none) {
1320
+ .c-checkbox {
1321
+ position: relative;
1322
+ appearance: none;
1323
+ outline: none;
1324
+
1325
+ min-height: var(--size-lg);
1326
+ min-width: var(--size-lg);
1327
+
1328
+ background-color: var(--color-neutral-800);
1329
+ border: var(--border-width-hairline) solid var(--color-neutral-700);
1330
+ border-radius: var(--radius-xs);
1331
+
1332
+ transition:
1333
+ border-radius var(--motion-medium) ease,
1334
+ border-color var(--motion-slow) ease;
1335
+ }
1336
+
1337
+ .c-checkbox:hover,
1338
+ .c-checkbox:checked {
1339
+ border-color: var(--color-neutral-300);
1340
+ border-radius: 0;
1341
+ cursor: pointer;
1342
+ }
1343
+
1344
+ .c-checkbox:checked:hover {
1345
+ border-color: var(--color-neutral-300);
1346
+ cursor: pointer;
1347
+ }
1348
+
1349
+ .c-checkbox:focus {
1350
+ border: var(--border-width-hairline) solid var(--color-neutral-300);
1351
+ }
1352
+
1353
+ .c-checkbox:checked::after,
1354
+ .c-checkbox:hover::after {
1355
+ position: absolute;
1356
+ content: "";
1357
+
1358
+ top: 6px;
1359
+ left: 6px;
1360
+ height: 6px;
1361
+ width: 10px;
1362
+ border: var(--border-width-thin) solid var(--color-neutral-300);
1363
+ border-top: 0;
1364
+ border-right: 0;
1365
+ transform: rotate(-45deg);
1366
+ }
1367
+
1368
+ .c-checkbox:hover::after {
1369
+ border-color: var(--color-neutral-400);
1370
+ }
1371
+ }
1372
+
1373
+ /* ===================== */
1374
+ /* File explorer component */
1375
+
1376
+ .c-file-explorer {
1377
+ overflow: hidden;
1378
+ position: absolute;
1379
+ z-index: -1;
1380
+ width: 0.1px;
1381
+ height: 0.1px;
1382
+ opacity: 0;
1383
+ }
1384
+
1385
+ /* ===================== */
1386
+ .c-range {
1387
+ appearance: none;
1388
+ height: 8px;
1389
+ border-radius: var(--radius-md);
1390
+ background: linear-gradient(
1391
+ to right,
1392
+ var(--color-neutral-500) var(--percentage, 15%),
1393
+ var(--color-neutral-700) var(--percentage, 15%)
1394
+ );
1395
+ }
1396
+
1397
+ .c-range::-moz-range-thumb {
1398
+ appearance: none;
1399
+ box-shadow: none;
1400
+ border: none;
1401
+ border-radius: var(--radius-circle);
1402
+ height: 14px;
1403
+ width: 14px;
1404
+ background: var(--color-neutral-300);
1405
+ }
1406
+ .c-range::-ms-thumb {
1407
+ appearance: none;
1408
+ box-shadow: none;
1409
+ border: none;
1410
+ border-radius: var(--radius-circle);
1411
+ height: 14px;
1412
+ width: 14px;
1413
+ background: var(--color-neutral-300);
1414
+ }
1415
+ .c-range::-webkit-slider-thumb {
1416
+ appearance: none;
1417
+ box-shadow: none;
1418
+ border: none;
1419
+ border-radius: var(--radius-circle);
1420
+ height: 14px;
1421
+ width: 14px;
1422
+ margin-top: 0;
1423
+ background: var(--color-neutral-300);
1424
+ }
1425
+
1426
+ .c-range::-moz-range-track {
1427
+ appearance: none;
1428
+ box-shadow: none;
1429
+ border: none;
1430
+ }
1431
+ .c-range::-webkit-slider-runnable-track {
1432
+ appearance: none;
1433
+ box-shadow: none;
1434
+ border: none;
1435
+ }
1436
+ .c-range::-ms-track {
1437
+ appearance: none;
1438
+ box-shadow: none;
1439
+ border: none;
1440
+ }
1441
+
1442
+ /* ===================== */
1443
+ @keyframes grow-fade-in {
1444
+ from {
1445
+ opacity: var(--opacity-high);
1446
+ scale: 0.9;
1447
+ }
1448
+
1449
+ to {
1450
+ opacity: 1;
1451
+ scale: 1;
1452
+ }
1453
+ }
1454
+
1455
+ [data-animation="grow-fade-in"] {
1456
+ animation: grow-fade-in var(--motion-fast) ease forwards;
1457
+ }
1458
+ @keyframes shrink-fade-out {
1459
+ to {
1460
+ opacity: var(--opacity-low);
1461
+ scale: 0.9;
1462
+ }
1463
+ }
1464
+
1465
+ [data-animation="shrink-fade-out"] {
1466
+ animation: shrink-fade-out var(--motion-fast) ease forwards;
1467
+ }
1468
+ [data-interaction="grow"] {
1469
+ transition: width var(--motion-medium) ease-in-out;
1470
+ }
1471
+ [data-interaction="rotate-into-focus"] {
1472
+ transition:
1473
+ transform var(--motion-fast) ease-in-out,
1474
+ box-shadow var(--motion-fast) ease-in-out;
1475
+ }
1476
+
1477
+ [data-interaction="rotate-into-focus"]:hover {
1478
+ transform: scale(1.05);
1479
+ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
1480
+ }
1481
+
1482
+ [data-interaction="rotate-into-focus"]:active {
1483
+ transform: scale(1.05);
1484
+ }
1485
+
1486
+ [data-interaction="rotate-into-focus"] > * {
1487
+ transition: transform var(--motion-medium) cubic-bezier(0.175, 0.885, 0.32, 1.275);
1488
+ }
1489
+
1490
+ [data-interaction="rotate-into-focus"]:hover > * {
1491
+ transform: rotate(90deg);
1492
+ }
1493
+ [data-interaction="subtle-scale"] {
1494
+ transition: transform var(--motion-medium) ease-in-out;
1495
+ }
1496
+
1497
+ [data-interaction="subtle-scale"]:hover {
1498
+ transform: scale(1.25);
1499
+ }
package/dist/main.min.css CHANGED
@@ -1 +1 @@
1
- :root{--backdrop-none:none;--backdrop-weak:rgba(0 0 0 / 0.35);--backdrop-medium:rgba(0 0 0 / 0.6);--backdrop-strong:rgba(0 0 0 / 0.75);--border-width-none:0;--border-width-hairline:1px;--border-width-thin:2px;--border-width-base:4px;--border-width-thick:6px;--border-width-heavy:12px;--border-width-unset:unset;--color-brand-50:rgb(223, 237, 255);--color-brand-100:rgb(179, 212, 255);--color-brand-200:rgb(133, 186, 255);--color-brand-300:rgb(79, 151, 239);--color-brand-400:rgb(10, 114, 218);--color-brand-500:rgb(0, 86, 170);--color-brand-600:rgb(0, 64, 132);--color-brand-700:rgb(0, 44, 95);--color-brand-800:rgb(0, 30, 69);--color-brand-900:rgb(0, 16, 44);--breakpoint-md:768px;--color-danger-100:rgb(255, 223, 220);--color-danger-300:rgb(251, 152, 144);--color-danger-500:rgb(168, 0, 25);--color-danger-700:rgb(92, 0, 9);--color-danger-900:rgb(42, 0, 2);--font-family-sans:system-ui,sans-serif;--font-family-serif:Georgia,serif;--font-family-mono:"SFMono-Regular",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--font-weight-unset:unset;--color-neutral-0:rgb(246, 248, 255);--color-neutral-50:rgb(236, 238, 245);--color-neutral-100:rgb(220, 222, 229);--color-neutral-200:rgb(194, 196, 203);--color-neutral-300:rgb(162, 164, 171);--color-neutral-400:rgb(126, 128, 134);--color-neutral-500:rgb(95, 96, 102);--color-neutral-600:rgb(65, 66, 72);--color-neutral-700:rgb(37, 38, 43);--color-neutral-800:rgb(25, 26, 31);--color-neutral-900:rgb(16, 17, 22);--color-neutral-950:rgb(5, 6, 9);--letter-spacing-tight:-0.01em;--letter-spacing-normal:0em;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--letter-spacing-unset:unset;--line-height-none:1;--line-height-tight:1.25;--line-height-base:1.5;--line-height-loose:1.65;--line-height-display:1.1;--line-height-unset:unset;--opacity-high:0.7;--opacity-medium:0.5;--opacity-low:0.2;--color-positive-100:rgb(208, 243, 208);--color-positive-300:rgb(138, 202, 139);--color-positive-500:rgb(0, 107, 25);--color-positive-700:rgb(0, 57, 9);--color-positive-900:rgb(0, 24, 2);--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--radius-circle:50%;--radius-unset:unset;--shadow-none:none;--shadow-xs:0 1px 2px 0 rgba(0 0 0 / 0.03);--shadow-sm:0 1px 3px 0 rgba(0 0 0 / 0.05),0 1px 2px -1px rgba(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgba(0 0 0 / 0.06),0 2px 4px -2px rgba(0 0 0 / 0.05);--shadow-lg:0 10px 15px -3px rgba(0 0 0 / 0.07),0 4px 6px -4px rgba(0 0 0 / 0.06);--shadow-xl:0 20px 25px -5px rgba(0 0 0 / 0.08),0 8px 10px -6px rgba(0 0 0 / 0.07);--shadow-inner:inset 0 2px 4px 0 rgba(0 0 0 / 0.06);--shadow-unset:unset;--size-xs:12px;--size-sm:16px;--size-md:20px;--size-lg:24px;--size-xl:32px;--size-2xl:36px;--spacing-0:0rem;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-auto:auto;--color-warning-100:rgb(255, 244, 222);--color-warning-300:rgb(245, 203, 112);--color-warning-500:rgb(188, 141, 0);--color-warning-700:rgb(112, 83, 0);--color-warning-900:rgb(60, 43, 0);--z-index-negative:-1;--z-index-0:0;--z-index-1:1;--z-index-2:2;--z-index-3:3;--motion-instant:75ms;--motion-fast:150ms;--motion-medium:300ms;--motion-slow:400ms}@supports (color:color(display-p3 0 0 0%)){:root{--color-brand-50:rgb(223, 237, 255);--color-brand-100:rgb(179, 212, 255);--color-brand-200:rgb(133, 186, 255);--color-brand-500:rgb(0, 86, 170);--color-brand-600:rgb(0, 64, 132);--color-brand-700:rgb(0, 44, 95);--color-brand-800:rgb(0, 30, 69);--color-brand-900:rgb(0, 16, 44);--color-danger-100:rgb(255, 223, 220);--color-danger-500:rgb(168, 0, 25);--color-danger-700:rgb(92, 0, 9);--color-danger-900:rgb(42, 0, 2);--color-neutral-0:rgb(246, 248, 255);--color-positive-500:rgb(0, 107, 25);--color-positive-700:rgb(0, 57, 9);--color-positive-900:rgb(0, 24, 2);--color-warning-100:rgb(255, 244, 222);--color-warning-500:rgb(188, 141, 0);--color-warning-700:rgb(112, 83, 0);--color-warning-900:rgb(60, 43, 0)}@media (color-gamut:p3){:root{--color-brand-50:color(display-p3 0.87895 0.9266 1);--color-brand-100:color(display-p3 0.7166 0.82731 1);--color-brand-200:color(display-p3 0.55678 0.72518 0.99206);--color-brand-500:color(display-p3 0 0.31135 0.72487);--color-brand-600:color(display-p3 0 0.23286 0.56061);--color-brand-700:color(display-p3 0 0.15783 0.40606);--color-brand-800:color(display-p3 0 0.10522 0.29552);--color-brand-900:color(display-p3 0 0.05637 0.1906);--color-danger-100:color(display-p3 1 0.87169 0.85372);--color-danger-500:color(display-p3 0.62907 0 0.08767);--color-danger-700:color(display-p3 0.34592 0 0.02944);--color-danger-900:color(display-p3 0.15671 0 0.00636);--color-neutral-0:color(display-p3 0.96685 0.97251 0.99903);--color-positive-500:color(display-p3 0.10251 0.42781 0.06873);--color-positive-700:color(display-p3 0.01161 0.23131 0);--color-positive-900:color(display-p3 0.00252 0.09619 0);--color-warning-100:color(display-p3 1 0.95781 0.85895);--color-warning-500:color(display-p3 0.72585 0.55349 0);--color-warning-700:color(display-p3 0.433 0.32528 0);--color-warning-900:color(display-p3 0.23101 0.16787 0)}}}[data-main=start]{justify-content:flex-start}[data-cross=start]{align-items:flex-start}[data-main=end]{justify-content:flex-end}[data-cross=end]{align-items:flex-end}[data-main=around]{justify-content:space-around}[data-cross=around]{align-items:space-around}[data-main=evenly]{justify-content:space-evenly}[data-cross=evenly]{align-items:space-evenly}[data-main=between]{justify-content:space-between}[data-cross=between]{align-items:space-between}[data-main=center]{justify-content:center}[data-cross=center]{align-items:center}[data-main=baseline]{justify-content:baseline}[data-cross=baseline]{align-items:baseline}[data-backdrop=none]::backdrop{background:var(--backdrop-none)}[data-backdrop=weak]::backdrop{background:var(--backdrop-weak)}[data-backdrop=medium]::backdrop{background:var(--backdrop-medium)}[data-backdrop=strong]::backdrop{background:var(--backdrop-strong)}[data-bg=neutral-0]{background:var(--color-neutral-0)}[data-bg=neutral-50]{background:var(--color-neutral-50)}[data-bg=neutral-100]{background:var(--color-neutral-100)}[data-bg=neutral-200]{background:var(--color-neutral-200)}[data-bg=neutral-300]{background:var(--color-neutral-300)}[data-bg=neutral-400]{background:var(--color-neutral-400)}[data-bg=neutral-500]{background:var(--color-neutral-500)}[data-bg=neutral-600]{background:var(--color-neutral-600)}[data-bg=neutral-700]{background:var(--color-neutral-700)}[data-bg=neutral-800]{background:var(--color-neutral-800)}[data-bg=neutral-900]{background:var(--color-neutral-900)}[data-bg=neutral-950]{background:var(--color-neutral-950)}[data-bg=brand-50]{background:var(--color-brand-50)}[data-bg=brand-100]{background:var(--color-brand-100)}[data-bg=brand-200]{background:var(--color-brand-200)}[data-bg=brand-300]{background:var(--color-brand-300)}[data-bg=brand-400]{background:var(--color-brand-400)}[data-bg=brand-500]{background:var(--color-brand-500)}[data-bg=brand-600]{background:var(--color-brand-600)}[data-bg=brand-700]{background:var(--color-brand-700)}[data-bg=brand-800]{background:var(--color-brand-800)}[data-bg=brand-900]{background:var(--color-brand-900)}[data-bg=positive-100]{background:var(--color-positive-100)}[data-bg=positive-300]{background:var(--color-positive-300)}[data-bg=positive-500]{background:var(--color-positive-500)}[data-bg=positive-700]{background:var(--color-positive-700)}[data-bg=positive-900]{background:var(--color-positive-900)}[data-bg=danger-100]{background:var(--color-danger-100)}[data-bg=danger-300]{background:var(--color-danger-300)}[data-bg=danger-500]{background:var(--color-danger-500)}[data-bg=danger-700]{background:var(--color-danger-700)}[data-bg=danger-900]{background:var(--color-danger-900)}[data-bg=warning-100]{background:var(--color-warning-100)}[data-bg=warning-300]{background:var(--color-warning-300)}[data-bg=warning-500]{background:var(--color-warning-500)}[data-bg=warning-700]{background:var(--color-warning-700)}[data-bg=warning-900]{background:var(--color-warning-900)}[data-bc=neutral-0]{border-color:var(--color-neutral-0);border-style:solid}[data-bct=neutral-0]{border-top-color:var(--color-neutral-0);border-top-style:solid}[data-bcr=neutral-0]{border-right-color:var(--color-neutral-0);border-right-style:solid}[data-bcb=neutral-0]{border-bottom-color:var(--color-neutral-0);border-bottom-style:solid}[data-bcl=neutral-0]{border-left-color:var(--color-neutral-0);border-left-style:solid}[data-bcx=neutral-0]{border-left-color:var(--color-neutral-0);border-right-color:var(--color-neutral-0);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-0]{border-top-color:var(--color-neutral-0);border-bottom-color:var(--color-neutral-0);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-50]{border-color:var(--color-neutral-50);border-style:solid}[data-bct=neutral-50]{border-top-color:var(--color-neutral-50);border-top-style:solid}[data-bcr=neutral-50]{border-right-color:var(--color-neutral-50);border-right-style:solid}[data-bcb=neutral-50]{border-bottom-color:var(--color-neutral-50);border-bottom-style:solid}[data-bcl=neutral-50]{border-left-color:var(--color-neutral-50);border-left-style:solid}[data-bcx=neutral-50]{border-left-color:var(--color-neutral-50);border-right-color:var(--color-neutral-50);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-50]{border-top-color:var(--color-neutral-50);border-bottom-color:var(--color-neutral-50);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-100]{border-color:var(--color-neutral-100);border-style:solid}[data-bct=neutral-100]{border-top-color:var(--color-neutral-100);border-top-style:solid}[data-bcr=neutral-100]{border-right-color:var(--color-neutral-100);border-right-style:solid}[data-bcb=neutral-100]{border-bottom-color:var(--color-neutral-100);border-bottom-style:solid}[data-bcl=neutral-100]{border-left-color:var(--color-neutral-100);border-left-style:solid}[data-bcx=neutral-100]{border-left-color:var(--color-neutral-100);border-right-color:var(--color-neutral-100);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-100]{border-top-color:var(--color-neutral-100);border-bottom-color:var(--color-neutral-100);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-200]{border-color:var(--color-neutral-200);border-style:solid}[data-bct=neutral-200]{border-top-color:var(--color-neutral-200);border-top-style:solid}[data-bcr=neutral-200]{border-right-color:var(--color-neutral-200);border-right-style:solid}[data-bcb=neutral-200]{border-bottom-color:var(--color-neutral-200);border-bottom-style:solid}[data-bcl=neutral-200]{border-left-color:var(--color-neutral-200);border-left-style:solid}[data-bcx=neutral-200]{border-left-color:var(--color-neutral-200);border-right-color:var(--color-neutral-200);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-200]{border-top-color:var(--color-neutral-200);border-bottom-color:var(--color-neutral-200);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-300]{border-color:var(--color-neutral-300);border-style:solid}[data-bct=neutral-300]{border-top-color:var(--color-neutral-300);border-top-style:solid}[data-bcr=neutral-300]{border-right-color:var(--color-neutral-300);border-right-style:solid}[data-bcb=neutral-300]{border-bottom-color:var(--color-neutral-300);border-bottom-style:solid}[data-bcl=neutral-300]{border-left-color:var(--color-neutral-300);border-left-style:solid}[data-bcx=neutral-300]{border-left-color:var(--color-neutral-300);border-right-color:var(--color-neutral-300);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-300]{border-top-color:var(--color-neutral-300);border-bottom-color:var(--color-neutral-300);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-400]{border-color:var(--color-neutral-400);border-style:solid}[data-bct=neutral-400]{border-top-color:var(--color-neutral-400);border-top-style:solid}[data-bcr=neutral-400]{border-right-color:var(--color-neutral-400);border-right-style:solid}[data-bcb=neutral-400]{border-bottom-color:var(--color-neutral-400);border-bottom-style:solid}[data-bcl=neutral-400]{border-left-color:var(--color-neutral-400);border-left-style:solid}[data-bcx=neutral-400]{border-left-color:var(--color-neutral-400);border-right-color:var(--color-neutral-400);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-400]{border-top-color:var(--color-neutral-400);border-bottom-color:var(--color-neutral-400);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-500]{border-color:var(--color-neutral-500);border-style:solid}[data-bct=neutral-500]{border-top-color:var(--color-neutral-500);border-top-style:solid}[data-bcr=neutral-500]{border-right-color:var(--color-neutral-500);border-right-style:solid}[data-bcb=neutral-500]{border-bottom-color:var(--color-neutral-500);border-bottom-style:solid}[data-bcl=neutral-500]{border-left-color:var(--color-neutral-500);border-left-style:solid}[data-bcx=neutral-500]{border-left-color:var(--color-neutral-500);border-right-color:var(--color-neutral-500);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-500]{border-top-color:var(--color-neutral-500);border-bottom-color:var(--color-neutral-500);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-600]{border-color:var(--color-neutral-600);border-style:solid}[data-bct=neutral-600]{border-top-color:var(--color-neutral-600);border-top-style:solid}[data-bcr=neutral-600]{border-right-color:var(--color-neutral-600);border-right-style:solid}[data-bcb=neutral-600]{border-bottom-color:var(--color-neutral-600);border-bottom-style:solid}[data-bcl=neutral-600]{border-left-color:var(--color-neutral-600);border-left-style:solid}[data-bcx=neutral-600]{border-left-color:var(--color-neutral-600);border-right-color:var(--color-neutral-600);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-600]{border-top-color:var(--color-neutral-600);border-bottom-color:var(--color-neutral-600);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-700]{border-color:var(--color-neutral-700);border-style:solid}[data-bct=neutral-700]{border-top-color:var(--color-neutral-700);border-top-style:solid}[data-bcr=neutral-700]{border-right-color:var(--color-neutral-700);border-right-style:solid}[data-bcb=neutral-700]{border-bottom-color:var(--color-neutral-700);border-bottom-style:solid}[data-bcl=neutral-700]{border-left-color:var(--color-neutral-700);border-left-style:solid}[data-bcx=neutral-700]{border-left-color:var(--color-neutral-700);border-right-color:var(--color-neutral-700);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-700]{border-top-color:var(--color-neutral-700);border-bottom-color:var(--color-neutral-700);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-800]{border-color:var(--color-neutral-800);border-style:solid}[data-bct=neutral-800]{border-top-color:var(--color-neutral-800);border-top-style:solid}[data-bcr=neutral-800]{border-right-color:var(--color-neutral-800);border-right-style:solid}[data-bcb=neutral-800]{border-bottom-color:var(--color-neutral-800);border-bottom-style:solid}[data-bcl=neutral-800]{border-left-color:var(--color-neutral-800);border-left-style:solid}[data-bcx=neutral-800]{border-left-color:var(--color-neutral-800);border-right-color:var(--color-neutral-800);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-800]{border-top-color:var(--color-neutral-800);border-bottom-color:var(--color-neutral-800);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-900]{border-color:var(--color-neutral-900);border-style:solid}[data-bct=neutral-900]{border-top-color:var(--color-neutral-900);border-top-style:solid}[data-bcr=neutral-900]{border-right-color:var(--color-neutral-900);border-right-style:solid}[data-bcb=neutral-900]{border-bottom-color:var(--color-neutral-900);border-bottom-style:solid}[data-bcl=neutral-900]{border-left-color:var(--color-neutral-900);border-left-style:solid}[data-bcx=neutral-900]{border-left-color:var(--color-neutral-900);border-right-color:var(--color-neutral-900);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-900]{border-top-color:var(--color-neutral-900);border-bottom-color:var(--color-neutral-900);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-950]{border-color:var(--color-neutral-950);border-style:solid}[data-bct=neutral-950]{border-top-color:var(--color-neutral-950);border-top-style:solid}[data-bcr=neutral-950]{border-right-color:var(--color-neutral-950);border-right-style:solid}[data-bcb=neutral-950]{border-bottom-color:var(--color-neutral-950);border-bottom-style:solid}[data-bcl=neutral-950]{border-left-color:var(--color-neutral-950);border-left-style:solid}[data-bcx=neutral-950]{border-left-color:var(--color-neutral-950);border-right-color:var(--color-neutral-950);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-950]{border-top-color:var(--color-neutral-950);border-bottom-color:var(--color-neutral-950);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-50]{border-color:var(--color-brand-50);border-style:solid}[data-bct=brand-50]{border-top-color:var(--color-brand-50);border-top-style:solid}[data-bcr=brand-50]{border-right-color:var(--color-brand-50);border-right-style:solid}[data-bcb=brand-50]{border-bottom-color:var(--color-brand-50);border-bottom-style:solid}[data-bcl=brand-50]{border-left-color:var(--color-brand-50);border-left-style:solid}[data-bcx=brand-50]{border-left-color:var(--color-brand-50);border-right-color:var(--color-brand-50);border-left-style:solid;border-right-style:solid}[data-bcy=brand-50]{border-top-color:var(--color-brand-50);border-bottom-color:var(--color-brand-50);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-100]{border-color:var(--color-brand-100);border-style:solid}[data-bct=brand-100]{border-top-color:var(--color-brand-100);border-top-style:solid}[data-bcr=brand-100]{border-right-color:var(--color-brand-100);border-right-style:solid}[data-bcb=brand-100]{border-bottom-color:var(--color-brand-100);border-bottom-style:solid}[data-bcl=brand-100]{border-left-color:var(--color-brand-100);border-left-style:solid}[data-bcx=brand-100]{border-left-color:var(--color-brand-100);border-right-color:var(--color-brand-100);border-left-style:solid;border-right-style:solid}[data-bcy=brand-100]{border-top-color:var(--color-brand-100);border-bottom-color:var(--color-brand-100);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-200]{border-color:var(--color-brand-200);border-style:solid}[data-bct=brand-200]{border-top-color:var(--color-brand-200);border-top-style:solid}[data-bcr=brand-200]{border-right-color:var(--color-brand-200);border-right-style:solid}[data-bcb=brand-200]{border-bottom-color:var(--color-brand-200);border-bottom-style:solid}[data-bcl=brand-200]{border-left-color:var(--color-brand-200);border-left-style:solid}[data-bcx=brand-200]{border-left-color:var(--color-brand-200);border-right-color:var(--color-brand-200);border-left-style:solid;border-right-style:solid}[data-bcy=brand-200]{border-top-color:var(--color-brand-200);border-bottom-color:var(--color-brand-200);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-300]{border-color:var(--color-brand-300);border-style:solid}[data-bct=brand-300]{border-top-color:var(--color-brand-300);border-top-style:solid}[data-bcr=brand-300]{border-right-color:var(--color-brand-300);border-right-style:solid}[data-bcb=brand-300]{border-bottom-color:var(--color-brand-300);border-bottom-style:solid}[data-bcl=brand-300]{border-left-color:var(--color-brand-300);border-left-style:solid}[data-bcx=brand-300]{border-left-color:var(--color-brand-300);border-right-color:var(--color-brand-300);border-left-style:solid;border-right-style:solid}[data-bcy=brand-300]{border-top-color:var(--color-brand-300);border-bottom-color:var(--color-brand-300);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-400]{border-color:var(--color-brand-400);border-style:solid}[data-bct=brand-400]{border-top-color:var(--color-brand-400);border-top-style:solid}[data-bcr=brand-400]{border-right-color:var(--color-brand-400);border-right-style:solid}[data-bcb=brand-400]{border-bottom-color:var(--color-brand-400);border-bottom-style:solid}[data-bcl=brand-400]{border-left-color:var(--color-brand-400);border-left-style:solid}[data-bcx=brand-400]{border-left-color:var(--color-brand-400);border-right-color:var(--color-brand-400);border-left-style:solid;border-right-style:solid}[data-bcy=brand-400]{border-top-color:var(--color-brand-400);border-bottom-color:var(--color-brand-400);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-500]{border-color:var(--color-brand-500);border-style:solid}[data-bct=brand-500]{border-top-color:var(--color-brand-500);border-top-style:solid}[data-bcr=brand-500]{border-right-color:var(--color-brand-500);border-right-style:solid}[data-bcb=brand-500]{border-bottom-color:var(--color-brand-500);border-bottom-style:solid}[data-bcl=brand-500]{border-left-color:var(--color-brand-500);border-left-style:solid}[data-bcx=brand-500]{border-left-color:var(--color-brand-500);border-right-color:var(--color-brand-500);border-left-style:solid;border-right-style:solid}[data-bcy=brand-500]{border-top-color:var(--color-brand-500);border-bottom-color:var(--color-brand-500);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-600]{border-color:var(--color-brand-600);border-style:solid}[data-bct=brand-600]{border-top-color:var(--color-brand-600);border-top-style:solid}[data-bcr=brand-600]{border-right-color:var(--color-brand-600);border-right-style:solid}[data-bcb=brand-600]{border-bottom-color:var(--color-brand-600);border-bottom-style:solid}[data-bcl=brand-600]{border-left-color:var(--color-brand-600);border-left-style:solid}[data-bcx=brand-600]{border-left-color:var(--color-brand-600);border-right-color:var(--color-brand-600);border-left-style:solid;border-right-style:solid}[data-bcy=brand-600]{border-top-color:var(--color-brand-600);border-bottom-color:var(--color-brand-600);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-700]{border-color:var(--color-brand-700);border-style:solid}[data-bct=brand-700]{border-top-color:var(--color-brand-700);border-top-style:solid}[data-bcr=brand-700]{border-right-color:var(--color-brand-700);border-right-style:solid}[data-bcb=brand-700]{border-bottom-color:var(--color-brand-700);border-bottom-style:solid}[data-bcl=brand-700]{border-left-color:var(--color-brand-700);border-left-style:solid}[data-bcx=brand-700]{border-left-color:var(--color-brand-700);border-right-color:var(--color-brand-700);border-left-style:solid;border-right-style:solid}[data-bcy=brand-700]{border-top-color:var(--color-brand-700);border-bottom-color:var(--color-brand-700);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-800]{border-color:var(--color-brand-800);border-style:solid}[data-bct=brand-800]{border-top-color:var(--color-brand-800);border-top-style:solid}[data-bcr=brand-800]{border-right-color:var(--color-brand-800);border-right-style:solid}[data-bcb=brand-800]{border-bottom-color:var(--color-brand-800);border-bottom-style:solid}[data-bcl=brand-800]{border-left-color:var(--color-brand-800);border-left-style:solid}[data-bcx=brand-800]{border-left-color:var(--color-brand-800);border-right-color:var(--color-brand-800);border-left-style:solid;border-right-style:solid}[data-bcy=brand-800]{border-top-color:var(--color-brand-800);border-bottom-color:var(--color-brand-800);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-900]{border-color:var(--color-brand-900);border-style:solid}[data-bct=brand-900]{border-top-color:var(--color-brand-900);border-top-style:solid}[data-bcr=brand-900]{border-right-color:var(--color-brand-900);border-right-style:solid}[data-bcb=brand-900]{border-bottom-color:var(--color-brand-900);border-bottom-style:solid}[data-bcl=brand-900]{border-left-color:var(--color-brand-900);border-left-style:solid}[data-bcx=brand-900]{border-left-color:var(--color-brand-900);border-right-color:var(--color-brand-900);border-left-style:solid;border-right-style:solid}[data-bcy=brand-900]{border-top-color:var(--color-brand-900);border-bottom-color:var(--color-brand-900);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-100]{border-color:var(--color-positive-100);border-style:solid}[data-bct=positive-100]{border-top-color:var(--color-positive-100);border-top-style:solid}[data-bcr=positive-100]{border-right-color:var(--color-positive-100);border-right-style:solid}[data-bcb=positive-100]{border-bottom-color:var(--color-positive-100);border-bottom-style:solid}[data-bcl=positive-100]{border-left-color:var(--color-positive-100);border-left-style:solid}[data-bcx=positive-100]{border-left-color:var(--color-positive-100);border-right-color:var(--color-positive-100);border-left-style:solid;border-right-style:solid}[data-bcy=positive-100]{border-top-color:var(--color-positive-100);border-bottom-color:var(--color-positive-100);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-300]{border-color:var(--color-positive-300);border-style:solid}[data-bct=positive-300]{border-top-color:var(--color-positive-300);border-top-style:solid}[data-bcr=positive-300]{border-right-color:var(--color-positive-300);border-right-style:solid}[data-bcb=positive-300]{border-bottom-color:var(--color-positive-300);border-bottom-style:solid}[data-bcl=positive-300]{border-left-color:var(--color-positive-300);border-left-style:solid}[data-bcx=positive-300]{border-left-color:var(--color-positive-300);border-right-color:var(--color-positive-300);border-left-style:solid;border-right-style:solid}[data-bcy=positive-300]{border-top-color:var(--color-positive-300);border-bottom-color:var(--color-positive-300);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-500]{border-color:var(--color-positive-500);border-style:solid}[data-bct=positive-500]{border-top-color:var(--color-positive-500);border-top-style:solid}[data-bcr=positive-500]{border-right-color:var(--color-positive-500);border-right-style:solid}[data-bcb=positive-500]{border-bottom-color:var(--color-positive-500);border-bottom-style:solid}[data-bcl=positive-500]{border-left-color:var(--color-positive-500);border-left-style:solid}[data-bcx=positive-500]{border-left-color:var(--color-positive-500);border-right-color:var(--color-positive-500);border-left-style:solid;border-right-style:solid}[data-bcy=positive-500]{border-top-color:var(--color-positive-500);border-bottom-color:var(--color-positive-500);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-700]{border-color:var(--color-positive-700);border-style:solid}[data-bct=positive-700]{border-top-color:var(--color-positive-700);border-top-style:solid}[data-bcr=positive-700]{border-right-color:var(--color-positive-700);border-right-style:solid}[data-bcb=positive-700]{border-bottom-color:var(--color-positive-700);border-bottom-style:solid}[data-bcl=positive-700]{border-left-color:var(--color-positive-700);border-left-style:solid}[data-bcx=positive-700]{border-left-color:var(--color-positive-700);border-right-color:var(--color-positive-700);border-left-style:solid;border-right-style:solid}[data-bcy=positive-700]{border-top-color:var(--color-positive-700);border-bottom-color:var(--color-positive-700);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-900]{border-color:var(--color-positive-900);border-style:solid}[data-bct=positive-900]{border-top-color:var(--color-positive-900);border-top-style:solid}[data-bcr=positive-900]{border-right-color:var(--color-positive-900);border-right-style:solid}[data-bcb=positive-900]{border-bottom-color:var(--color-positive-900);border-bottom-style:solid}[data-bcl=positive-900]{border-left-color:var(--color-positive-900);border-left-style:solid}[data-bcx=positive-900]{border-left-color:var(--color-positive-900);border-right-color:var(--color-positive-900);border-left-style:solid;border-right-style:solid}[data-bcy=positive-900]{border-top-color:var(--color-positive-900);border-bottom-color:var(--color-positive-900);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-100]{border-color:var(--color-danger-100);border-style:solid}[data-bct=danger-100]{border-top-color:var(--color-danger-100);border-top-style:solid}[data-bcr=danger-100]{border-right-color:var(--color-danger-100);border-right-style:solid}[data-bcb=danger-100]{border-bottom-color:var(--color-danger-100);border-bottom-style:solid}[data-bcl=danger-100]{border-left-color:var(--color-danger-100);border-left-style:solid}[data-bcx=danger-100]{border-left-color:var(--color-danger-100);border-right-color:var(--color-danger-100);border-left-style:solid;border-right-style:solid}[data-bcy=danger-100]{border-top-color:var(--color-danger-100);border-bottom-color:var(--color-danger-100);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-300]{border-color:var(--color-danger-300);border-style:solid}[data-bct=danger-300]{border-top-color:var(--color-danger-300);border-top-style:solid}[data-bcr=danger-300]{border-right-color:var(--color-danger-300);border-right-style:solid}[data-bcb=danger-300]{border-bottom-color:var(--color-danger-300);border-bottom-style:solid}[data-bcl=danger-300]{border-left-color:var(--color-danger-300);border-left-style:solid}[data-bcx=danger-300]{border-left-color:var(--color-danger-300);border-right-color:var(--color-danger-300);border-left-style:solid;border-right-style:solid}[data-bcy=danger-300]{border-top-color:var(--color-danger-300);border-bottom-color:var(--color-danger-300);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-500]{border-color:var(--color-danger-500);border-style:solid}[data-bct=danger-500]{border-top-color:var(--color-danger-500);border-top-style:solid}[data-bcr=danger-500]{border-right-color:var(--color-danger-500);border-right-style:solid}[data-bcb=danger-500]{border-bottom-color:var(--color-danger-500);border-bottom-style:solid}[data-bcl=danger-500]{border-left-color:var(--color-danger-500);border-left-style:solid}[data-bcx=danger-500]{border-left-color:var(--color-danger-500);border-right-color:var(--color-danger-500);border-left-style:solid;border-right-style:solid}[data-bcy=danger-500]{border-top-color:var(--color-danger-500);border-bottom-color:var(--color-danger-500);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-700]{border-color:var(--color-danger-700);border-style:solid}[data-bct=danger-700]{border-top-color:var(--color-danger-700);border-top-style:solid}[data-bcr=danger-700]{border-right-color:var(--color-danger-700);border-right-style:solid}[data-bcb=danger-700]{border-bottom-color:var(--color-danger-700);border-bottom-style:solid}[data-bcl=danger-700]{border-left-color:var(--color-danger-700);border-left-style:solid}[data-bcx=danger-700]{border-left-color:var(--color-danger-700);border-right-color:var(--color-danger-700);border-left-style:solid;border-right-style:solid}[data-bcy=danger-700]{border-top-color:var(--color-danger-700);border-bottom-color:var(--color-danger-700);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-900]{border-color:var(--color-danger-900);border-style:solid}[data-bct=danger-900]{border-top-color:var(--color-danger-900);border-top-style:solid}[data-bcr=danger-900]{border-right-color:var(--color-danger-900);border-right-style:solid}[data-bcb=danger-900]{border-bottom-color:var(--color-danger-900);border-bottom-style:solid}[data-bcl=danger-900]{border-left-color:var(--color-danger-900);border-left-style:solid}[data-bcx=danger-900]{border-left-color:var(--color-danger-900);border-right-color:var(--color-danger-900);border-left-style:solid;border-right-style:solid}[data-bcy=danger-900]{border-top-color:var(--color-danger-900);border-bottom-color:var(--color-danger-900);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-100]{border-color:var(--color-warning-100);border-style:solid}[data-bct=warning-100]{border-top-color:var(--color-warning-100);border-top-style:solid}[data-bcr=warning-100]{border-right-color:var(--color-warning-100);border-right-style:solid}[data-bcb=warning-100]{border-bottom-color:var(--color-warning-100);border-bottom-style:solid}[data-bcl=warning-100]{border-left-color:var(--color-warning-100);border-left-style:solid}[data-bcx=warning-100]{border-left-color:var(--color-warning-100);border-right-color:var(--color-warning-100);border-left-style:solid;border-right-style:solid}[data-bcy=warning-100]{border-top-color:var(--color-warning-100);border-bottom-color:var(--color-warning-100);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-300]{border-color:var(--color-warning-300);border-style:solid}[data-bct=warning-300]{border-top-color:var(--color-warning-300);border-top-style:solid}[data-bcr=warning-300]{border-right-color:var(--color-warning-300);border-right-style:solid}[data-bcb=warning-300]{border-bottom-color:var(--color-warning-300);border-bottom-style:solid}[data-bcl=warning-300]{border-left-color:var(--color-warning-300);border-left-style:solid}[data-bcx=warning-300]{border-left-color:var(--color-warning-300);border-right-color:var(--color-warning-300);border-left-style:solid;border-right-style:solid}[data-bcy=warning-300]{border-top-color:var(--color-warning-300);border-bottom-color:var(--color-warning-300);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-500]{border-color:var(--color-warning-500);border-style:solid}[data-bct=warning-500]{border-top-color:var(--color-warning-500);border-top-style:solid}[data-bcr=warning-500]{border-right-color:var(--color-warning-500);border-right-style:solid}[data-bcb=warning-500]{border-bottom-color:var(--color-warning-500);border-bottom-style:solid}[data-bcl=warning-500]{border-left-color:var(--color-warning-500);border-left-style:solid}[data-bcx=warning-500]{border-left-color:var(--color-warning-500);border-right-color:var(--color-warning-500);border-left-style:solid;border-right-style:solid}[data-bcy=warning-500]{border-top-color:var(--color-warning-500);border-bottom-color:var(--color-warning-500);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-700]{border-color:var(--color-warning-700);border-style:solid}[data-bct=warning-700]{border-top-color:var(--color-warning-700);border-top-style:solid}[data-bcr=warning-700]{border-right-color:var(--color-warning-700);border-right-style:solid}[data-bcb=warning-700]{border-bottom-color:var(--color-warning-700);border-bottom-style:solid}[data-bcl=warning-700]{border-left-color:var(--color-warning-700);border-left-style:solid}[data-bcx=warning-700]{border-left-color:var(--color-warning-700);border-right-color:var(--color-warning-700);border-left-style:solid;border-right-style:solid}[data-bcy=warning-700]{border-top-color:var(--color-warning-700);border-bottom-color:var(--color-warning-700);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-900]{border-color:var(--color-warning-900);border-style:solid}[data-bct=warning-900]{border-top-color:var(--color-warning-900);border-top-style:solid}[data-bcr=warning-900]{border-right-color:var(--color-warning-900);border-right-style:solid}[data-bcb=warning-900]{border-bottom-color:var(--color-warning-900);border-bottom-style:solid}[data-bcl=warning-900]{border-left-color:var(--color-warning-900);border-left-style:solid}[data-bcx=warning-900]{border-left-color:var(--color-warning-900);border-right-color:var(--color-warning-900);border-left-style:solid;border-right-style:solid}[data-bcy=warning-900]{border-top-color:var(--color-warning-900);border-bottom-color:var(--color-warning-900);border-top-style:solid;border-bottom-style:solid}[data-bw=none]{border-width:var(--border-width-none)}[data-bwt=none]{border-top-width:var(--border-width-none)}[data-bwr=none]{border-right-width:var(--border-width-none)}[data-bwb=none]{border-bottom-width:var(--border-width-none)}[data-bwl=none]{border-left-width:var(--border-width-none)}[data-bwx=none]{border-left-width:var(--border-width-none);border-right-width:var(--border-width-none)}[data-bwy=none]{border-top-width:var(--border-width-none);border-bottom-width:var(--border-width-none)}[data-bw=hairline]{border-width:var(--border-width-hairline)}[data-bwt=hairline]{border-top-width:var(--border-width-hairline)}[data-bwr=hairline]{border-right-width:var(--border-width-hairline)}[data-bwb=hairline]{border-bottom-width:var(--border-width-hairline)}[data-bwl=hairline]{border-left-width:var(--border-width-hairline)}[data-bwx=hairline]{border-left-width:var(--border-width-hairline);border-right-width:var(--border-width-hairline)}[data-bwy=hairline]{border-top-width:var(--border-width-hairline);border-bottom-width:var(--border-width-hairline)}[data-bw=thin]{border-width:var(--border-width-thin)}[data-bwt=thin]{border-top-width:var(--border-width-thin)}[data-bwr=thin]{border-right-width:var(--border-width-thin)}[data-bwb=thin]{border-bottom-width:var(--border-width-thin)}[data-bwl=thin]{border-left-width:var(--border-width-thin)}[data-bwx=thin]{border-left-width:var(--border-width-thin);border-right-width:var(--border-width-thin)}[data-bwy=thin]{border-top-width:var(--border-width-thin);border-bottom-width:var(--border-width-thin)}[data-bw=base]{border-width:var(--border-width-base)}[data-bwt=base]{border-top-width:var(--border-width-base)}[data-bwr=base]{border-right-width:var(--border-width-base)}[data-bwb=base]{border-bottom-width:var(--border-width-base)}[data-bwl=base]{border-left-width:var(--border-width-base)}[data-bwx=base]{border-left-width:var(--border-width-base);border-right-width:var(--border-width-base)}[data-bwy=base]{border-top-width:var(--border-width-base);border-bottom-width:var(--border-width-base)}[data-bw=thick]{border-width:var(--border-width-thick)}[data-bwt=thick]{border-top-width:var(--border-width-thick)}[data-bwr=thick]{border-right-width:var(--border-width-thick)}[data-bwb=thick]{border-bottom-width:var(--border-width-thick)}[data-bwl=thick]{border-left-width:var(--border-width-thick)}[data-bwx=thick]{border-left-width:var(--border-width-thick);border-right-width:var(--border-width-thick)}[data-bwy=thick]{border-top-width:var(--border-width-thick);border-bottom-width:var(--border-width-thick)}[data-bw=heavy]{border-width:var(--border-width-heavy)}[data-bwt=heavy]{border-top-width:var(--border-width-heavy)}[data-bwr=heavy]{border-right-width:var(--border-width-heavy)}[data-bwb=heavy]{border-bottom-width:var(--border-width-heavy)}[data-bwl=heavy]{border-left-width:var(--border-width-heavy)}[data-bwx=heavy]{border-left-width:var(--border-width-heavy);border-right-width:var(--border-width-heavy)}[data-bwy=heavy]{border-top-width:var(--border-width-heavy);border-bottom-width:var(--border-width-heavy)}[data-bw=unset]{border-width:var(--border-width-unset)}[data-bwt=unset]{border-top-width:var(--border-width-unset)}[data-bwr=unset]{border-right-width:var(--border-width-unset)}[data-bwb=unset]{border-bottom-width:var(--border-width-unset)}[data-bwl=unset]{border-left-width:var(--border-width-unset)}[data-bwx=unset]{border-left-width:var(--border-width-unset);border-right-width:var(--border-width-unset)}[data-bwy=unset]{border-top-width:var(--border-width-unset);border-bottom-width:var(--border-width-unset)}[data-cursor=wait]{cursor:wait}[data-cursor=auto]{cursor:auto}[data-cursor=pointer]{cursor:pointer}[data-cursor=not-allowed]{cursor:not-allowed}[data-display=flex]{display:flex;flex-wrap:wrap}[data-display=flex]{display:flex}[data-display=block]{display:block}[data-display=inline-block]{display:inline-block}[data-display=none]{display:none}[data-direction=row]{flex-direction:row}[data-direction=row-reverse]{flex-direction:row-reverse}[data-direction=column]{flex-direction:column}[data-direction=column-reverse]{flex-direction:column-reverse}[data-grow='1']{flex-grow:1}[data-grow=unset]{flex-grow:unset}[data-shrink='0']{flex-shrink:0}[data-shrink=unset]{flex-shrink:unset}[data-wrap=nowrap]{flex-wrap:nowrap}[data-wrap=wrap]{flex-wrap:wrap}[data-wrap=wrap-reverse]{flex-wrap:wrap-reverse}[data-wrap=unset]{flex-wrap:unset}[data-color=neutral-0]{color:var(--color-neutral-0)}[data-color=neutral-50]{color:var(--color-neutral-50)}[data-color=neutral-100]{color:var(--color-neutral-100)}[data-color=neutral-200]{color:var(--color-neutral-200)}[data-color=neutral-300]{color:var(--color-neutral-300)}[data-color=neutral-400]{color:var(--color-neutral-400)}[data-color=neutral-500]{color:var(--color-neutral-500)}[data-color=neutral-600]{color:var(--color-neutral-600)}[data-color=neutral-700]{color:var(--color-neutral-700)}[data-color=neutral-800]{color:var(--color-neutral-800)}[data-color=neutral-900]{color:var(--color-neutral-900)}[data-color=neutral-950]{color:var(--color-neutral-950)}[data-color=brand-50]{color:var(--color-brand-50)}[data-color=brand-100]{color:var(--color-brand-100)}[data-color=brand-200]{color:var(--color-brand-200)}[data-color=brand-300]{color:var(--color-brand-300)}[data-color=brand-400]{color:var(--color-brand-400)}[data-color=brand-500]{color:var(--color-brand-500)}[data-color=brand-600]{color:var(--color-brand-600)}[data-color=brand-700]{color:var(--color-brand-700)}[data-color=brand-800]{color:var(--color-brand-800)}[data-color=brand-900]{color:var(--color-brand-900)}[data-color=positive-100]{color:var(--color-positive-100)}[data-color=positive-300]{color:var(--color-positive-300)}[data-color=positive-500]{color:var(--color-positive-500)}[data-color=positive-700]{color:var(--color-positive-700)}[data-color=positive-900]{color:var(--color-positive-900)}[data-color=danger-100]{color:var(--color-danger-100)}[data-color=danger-300]{color:var(--color-danger-300)}[data-color=danger-500]{color:var(--color-danger-500)}[data-color=danger-700]{color:var(--color-danger-700)}[data-color=danger-900]{color:var(--color-danger-900)}[data-color=warning-100]{color:var(--color-warning-100)}[data-color=warning-300]{color:var(--color-warning-300)}[data-color=warning-500]{color:var(--color-warning-500)}[data-color=warning-700]{color:var(--color-warning-700)}[data-color=warning-900]{color:var(--color-warning-900)}[data-ff=sans]{font-family:var(--font-family-sans)}[data-ff=serif]{font-family:var(--font-family-serif)}[data-ff=mono]{font-family:var(--font-family-mono)}[data-fs=xs]{font-size:var(--font-size-xs)}[data-fs=sm]{font-size:var(--font-size-sm)}[data-fs=base]{font-size:var(--font-size-base)}[data-fs=lg]{font-size:var(--font-size-lg)}[data-fs=xl]{font-size:var(--font-size-xl)}[data-fs='2xl']{font-size:var(--font-size-2xl)}[data-fs='3xl']{font-size:var(--font-size-3xl)}[data-fs='4xl']{font-size:var(--font-size-4xl)}[data-fs='5xl']{font-size:var(--font-size-5xl)}[data-fw=light]{font-weight:var(--font-weight-light)}[data-fw=regular]{font-weight:var(--font-weight-regular)}[data-fw=medium]{font-weight:var(--font-weight-medium)}[data-fw=bold]{font-weight:var(--font-weight-bold)}[data-fw=black]{font-weight:var(--font-weight-black)}[data-fw=unset]{font-weight:var(--font-weight-unset)}[data-gap='0']{gap:var(--spacing-0)}[data-gap='0-5']{gap:var(--spacing-0-5)}[data-gap='1']{gap:var(--spacing-1)}[data-gap='1-5']{gap:var(--spacing-1-5)}[data-gap='2']{gap:var(--spacing-2)}[data-gap='2-5']{gap:var(--spacing-2-5)}[data-gap='3']{gap:var(--spacing-3)}[data-gap='4']{gap:var(--spacing-4)}[data-gap='5']{gap:var(--spacing-5)}[data-gap='6']{gap:var(--spacing-6)}[data-gap='8']{gap:var(--spacing-8)}[data-gap='12']{gap:var(--spacing-12)}[data-gap='16']{gap:var(--spacing-16)}[data-gap=auto]{gap:var(--spacing-auto)}[data-height='100%']{height:100%}[data-height=auto]{height:auto}[data-height=unset]{height:unset}[data-ls=tight]{letter-spacing:var(--letter-spacing-tight)}[data-ls=normal]{letter-spacing:var(--letter-spacing-normal)}[data-ls=wide]{letter-spacing:var(--letter-spacing-wide)}[data-ls=wider]{letter-spacing:var(--letter-spacing-wider)}[data-ls=widest]{letter-spacing:var(--letter-spacing-widest)}[data-ls=unset]{letter-spacing:var(--letter-spacing-unset)}[data-lh=none]{line-height:var(--line-height-none)}[data-lh=tight]{line-height:var(--line-height-tight)}[data-lh=base]{line-height:var(--line-height-base)}[data-lh=loose]{line-height:var(--line-height-loose)}[data-lh=display]{line-height:var(--line-height-display)}[data-lh=unset]{line-height:var(--line-height-unset)}[data-m='0']{margin:var(--spacing-0)}[data-mt='0']{margin-top:var(--spacing-0)}[data-mr='0']{margin-right:var(--spacing-0)}[data-mb='0']{margin-bottom:var(--spacing-0)}[data-ml='0']{margin-left:var(--spacing-0)}[data-mx='0']{margin:0 var(--spacing-0)}[data-my='0']{margin:var(--spacing-0) 0}[data-m='0-5']{margin:var(--spacing-0-5)}[data-mt='0-5']{margin-top:var(--spacing-0-5)}[data-mr='0-5']{margin-right:var(--spacing-0-5)}[data-mb='0-5']{margin-bottom:var(--spacing-0-5)}[data-ml='0-5']{margin-left:var(--spacing-0-5)}[data-mx='0-5']{margin:0 var(--spacing-0-5)}[data-my='0-5']{margin:var(--spacing-0-5) 0}[data-m='1']{margin:var(--spacing-1)}[data-mt='1']{margin-top:var(--spacing-1)}[data-mr='1']{margin-right:var(--spacing-1)}[data-mb='1']{margin-bottom:var(--spacing-1)}[data-ml='1']{margin-left:var(--spacing-1)}[data-mx='1']{margin:0 var(--spacing-1)}[data-my='1']{margin:var(--spacing-1) 0}[data-m='1-5']{margin:var(--spacing-1-5)}[data-mt='1-5']{margin-top:var(--spacing-1-5)}[data-mr='1-5']{margin-right:var(--spacing-1-5)}[data-mb='1-5']{margin-bottom:var(--spacing-1-5)}[data-ml='1-5']{margin-left:var(--spacing-1-5)}[data-mx='1-5']{margin:0 var(--spacing-1-5)}[data-my='1-5']{margin:var(--spacing-1-5) 0}[data-m='2']{margin:var(--spacing-2)}[data-mt='2']{margin-top:var(--spacing-2)}[data-mr='2']{margin-right:var(--spacing-2)}[data-mb='2']{margin-bottom:var(--spacing-2)}[data-ml='2']{margin-left:var(--spacing-2)}[data-mx='2']{margin:0 var(--spacing-2)}[data-my='2']{margin:var(--spacing-2) 0}[data-m='2-5']{margin:var(--spacing-2-5)}[data-mt='2-5']{margin-top:var(--spacing-2-5)}[data-mr='2-5']{margin-right:var(--spacing-2-5)}[data-mb='2-5']{margin-bottom:var(--spacing-2-5)}[data-ml='2-5']{margin-left:var(--spacing-2-5)}[data-mx='2-5']{margin:0 var(--spacing-2-5)}[data-my='2-5']{margin:var(--spacing-2-5) 0}[data-m='3']{margin:var(--spacing-3)}[data-mt='3']{margin-top:var(--spacing-3)}[data-mr='3']{margin-right:var(--spacing-3)}[data-mb='3']{margin-bottom:var(--spacing-3)}[data-ml='3']{margin-left:var(--spacing-3)}[data-mx='3']{margin:0 var(--spacing-3)}[data-my='3']{margin:var(--spacing-3) 0}[data-m='4']{margin:var(--spacing-4)}[data-mt='4']{margin-top:var(--spacing-4)}[data-mr='4']{margin-right:var(--spacing-4)}[data-mb='4']{margin-bottom:var(--spacing-4)}[data-ml='4']{margin-left:var(--spacing-4)}[data-mx='4']{margin:0 var(--spacing-4)}[data-my='4']{margin:var(--spacing-4) 0}[data-m='5']{margin:var(--spacing-5)}[data-mt='5']{margin-top:var(--spacing-5)}[data-mr='5']{margin-right:var(--spacing-5)}[data-mb='5']{margin-bottom:var(--spacing-5)}[data-ml='5']{margin-left:var(--spacing-5)}[data-mx='5']{margin:0 var(--spacing-5)}[data-my='5']{margin:var(--spacing-5) 0}[data-m='6']{margin:var(--spacing-6)}[data-mt='6']{margin-top:var(--spacing-6)}[data-mr='6']{margin-right:var(--spacing-6)}[data-mb='6']{margin-bottom:var(--spacing-6)}[data-ml='6']{margin-left:var(--spacing-6)}[data-mx='6']{margin:0 var(--spacing-6)}[data-my='6']{margin:var(--spacing-6) 0}[data-m='8']{margin:var(--spacing-8)}[data-mt='8']{margin-top:var(--spacing-8)}[data-mr='8']{margin-right:var(--spacing-8)}[data-mb='8']{margin-bottom:var(--spacing-8)}[data-ml='8']{margin-left:var(--spacing-8)}[data-mx='8']{margin:0 var(--spacing-8)}[data-my='8']{margin:var(--spacing-8) 0}[data-m='12']{margin:var(--spacing-12)}[data-mt='12']{margin-top:var(--spacing-12)}[data-mr='12']{margin-right:var(--spacing-12)}[data-mb='12']{margin-bottom:var(--spacing-12)}[data-ml='12']{margin-left:var(--spacing-12)}[data-mx='12']{margin:0 var(--spacing-12)}[data-my='12']{margin:var(--spacing-12) 0}[data-m='16']{margin:var(--spacing-16)}[data-mt='16']{margin-top:var(--spacing-16)}[data-mr='16']{margin-right:var(--spacing-16)}[data-mb='16']{margin-bottom:var(--spacing-16)}[data-ml='16']{margin-left:var(--spacing-16)}[data-mx='16']{margin:0 var(--spacing-16)}[data-my='16']{margin:var(--spacing-16) 0}[data-m=auto]{margin:var(--spacing-auto)}[data-mt=auto]{margin-top:var(--spacing-auto)}[data-mr=auto]{margin-right:var(--spacing-auto)}[data-mb=auto]{margin-bottom:var(--spacing-auto)}[data-ml=auto]{margin-left:var(--spacing-auto)}[data-mx=auto]{margin:0 var(--spacing-auto)}[data-my=auto]{margin:var(--spacing-auto) 0}[data-max-height='100%']{max-height:100%}[data-max-height=unset]{max-height:unset}[data-max-height=breakpoint-md]{max-height:768px}[data-max-width='100%']{max-width:100%}[data-max-width=unset]{max-width:unset}[data-max-width=breakpoint-md]{max-width:768px}[data-object-fit=contain]{object-fit:contain}[data-object-fit=cover]{object-fit:cover}[data-object-fit=fill]{object-fit:fill}[data-object-fit=scale-down]{object-fit:scale-down}[data-object-fit=none]{object-fit:none}[data-object-position=top]{object-position:top}[data-object-position=bottom]{object-position:bottom}[data-object-position=left]{object-position:left}[data-object-position=right]{object-position:right}[data-object-position=center]{object-position:center}[data-object-position=top-left]{object-position:top left}[data-object-position=top-right]{object-position:top right}[data-opacity=high]{opacity:var(--opacity-high)}[data-opacity=medium]{opacity:var(--opacity-medium)}[data-opacity=low]{opacity:var(--opacity-low)}[data-overflow=auto]{overflow:auto}[data-overflow=scroll]{overflow:scroll}[data-overflow=hidden]{overflow:hidden}[data-p='0']{padding:var(--spacing-0)}[data-pt='0']{padding-top:var(--spacing-0)}[data-pr='0']{padding-right:var(--spacing-0)}[data-pb='0']{padding-bottom:var(--spacing-0)}[data-pl='0']{padding-left:var(--spacing-0)}[data-px='0']{padding:0 var(--spacing-0)}[data-py='0']{padding:var(--spacing-0) 0}[data-p='0-5']{padding:var(--spacing-0-5)}[data-pt='0-5']{padding-top:var(--spacing-0-5)}[data-pr='0-5']{padding-right:var(--spacing-0-5)}[data-pb='0-5']{padding-bottom:var(--spacing-0-5)}[data-pl='0-5']{padding-left:var(--spacing-0-5)}[data-px='0-5']{padding:0 var(--spacing-0-5)}[data-py='0-5']{padding:var(--spacing-0-5) 0}[data-p='1']{padding:var(--spacing-1)}[data-pt='1']{padding-top:var(--spacing-1)}[data-pr='1']{padding-right:var(--spacing-1)}[data-pb='1']{padding-bottom:var(--spacing-1)}[data-pl='1']{padding-left:var(--spacing-1)}[data-px='1']{padding:0 var(--spacing-1)}[data-py='1']{padding:var(--spacing-1) 0}[data-p='1-5']{padding:var(--spacing-1-5)}[data-pt='1-5']{padding-top:var(--spacing-1-5)}[data-pr='1-5']{padding-right:var(--spacing-1-5)}[data-pb='1-5']{padding-bottom:var(--spacing-1-5)}[data-pl='1-5']{padding-left:var(--spacing-1-5)}[data-px='1-5']{padding:0 var(--spacing-1-5)}[data-py='1-5']{padding:var(--spacing-1-5) 0}[data-p='2']{padding:var(--spacing-2)}[data-pt='2']{padding-top:var(--spacing-2)}[data-pr='2']{padding-right:var(--spacing-2)}[data-pb='2']{padding-bottom:var(--spacing-2)}[data-pl='2']{padding-left:var(--spacing-2)}[data-px='2']{padding:0 var(--spacing-2)}[data-py='2']{padding:var(--spacing-2) 0}[data-p='2-5']{padding:var(--spacing-2-5)}[data-pt='2-5']{padding-top:var(--spacing-2-5)}[data-pr='2-5']{padding-right:var(--spacing-2-5)}[data-pb='2-5']{padding-bottom:var(--spacing-2-5)}[data-pl='2-5']{padding-left:var(--spacing-2-5)}[data-px='2-5']{padding:0 var(--spacing-2-5)}[data-py='2-5']{padding:var(--spacing-2-5) 0}[data-p='3']{padding:var(--spacing-3)}[data-pt='3']{padding-top:var(--spacing-3)}[data-pr='3']{padding-right:var(--spacing-3)}[data-pb='3']{padding-bottom:var(--spacing-3)}[data-pl='3']{padding-left:var(--spacing-3)}[data-px='3']{padding:0 var(--spacing-3)}[data-py='3']{padding:var(--spacing-3) 0}[data-p='4']{padding:var(--spacing-4)}[data-pt='4']{padding-top:var(--spacing-4)}[data-pr='4']{padding-right:var(--spacing-4)}[data-pb='4']{padding-bottom:var(--spacing-4)}[data-pl='4']{padding-left:var(--spacing-4)}[data-px='4']{padding:0 var(--spacing-4)}[data-py='4']{padding:var(--spacing-4) 0}[data-p='5']{padding:var(--spacing-5)}[data-pt='5']{padding-top:var(--spacing-5)}[data-pr='5']{padding-right:var(--spacing-5)}[data-pb='5']{padding-bottom:var(--spacing-5)}[data-pl='5']{padding-left:var(--spacing-5)}[data-px='5']{padding:0 var(--spacing-5)}[data-py='5']{padding:var(--spacing-5) 0}[data-p='6']{padding:var(--spacing-6)}[data-pt='6']{padding-top:var(--spacing-6)}[data-pr='6']{padding-right:var(--spacing-6)}[data-pb='6']{padding-bottom:var(--spacing-6)}[data-pl='6']{padding-left:var(--spacing-6)}[data-px='6']{padding:0 var(--spacing-6)}[data-py='6']{padding:var(--spacing-6) 0}[data-p='8']{padding:var(--spacing-8)}[data-pt='8']{padding-top:var(--spacing-8)}[data-pr='8']{padding-right:var(--spacing-8)}[data-pb='8']{padding-bottom:var(--spacing-8)}[data-pl='8']{padding-left:var(--spacing-8)}[data-px='8']{padding:0 var(--spacing-8)}[data-py='8']{padding:var(--spacing-8) 0}[data-p='12']{padding:var(--spacing-12)}[data-pt='12']{padding-top:var(--spacing-12)}[data-pr='12']{padding-right:var(--spacing-12)}[data-pb='12']{padding-bottom:var(--spacing-12)}[data-pl='12']{padding-left:var(--spacing-12)}[data-px='12']{padding:0 var(--spacing-12)}[data-py='12']{padding:var(--spacing-12) 0}[data-p='16']{padding:var(--spacing-16)}[data-pt='16']{padding-top:var(--spacing-16)}[data-pr='16']{padding-right:var(--spacing-16)}[data-pb='16']{padding-bottom:var(--spacing-16)}[data-pl='16']{padding-left:var(--spacing-16)}[data-px='16']{padding:0 var(--spacing-16)}[data-py='16']{padding:var(--spacing-16) 0}[data-p=auto]{padding:var(--spacing-auto)}[data-pt=auto]{padding-top:var(--spacing-auto)}[data-pr=auto]{padding-right:var(--spacing-auto)}[data-pb=auto]{padding-bottom:var(--spacing-auto)}[data-pl=auto]{padding-left:var(--spacing-auto)}[data-px=auto]{padding:0 var(--spacing-auto)}[data-py=auto]{padding:var(--spacing-auto) 0}[data-pointer-events=none]{pointer-events:none}[data-pointer-events=auto]{pointer-events:auto}[data-position=static]{position:static}[data-position=relative]{position:relative}[data-position=absolute]{position:absolute}[data-position=fixed]{position:fixed}[data-position=sticky]{position:sticky}[data-position=unset]{position:unset}[data-top='0']{top:var(--spacing-0)}[data-right='0']{right:var(--spacing-0)}[data-bottom='0']{bottom:var(--spacing-0)}[data-left='0']{left:var(--spacing-0)}[data-inset='0']{inset:var(--spacing-0)}[data-top='0-5']{top:var(--spacing-0-5)}[data-right='0-5']{right:var(--spacing-0-5)}[data-bottom='0-5']{bottom:var(--spacing-0-5)}[data-left='0-5']{left:var(--spacing-0-5)}[data-inset='0-5']{inset:var(--spacing-0-5)}[data-top='1']{top:var(--spacing-1)}[data-right='1']{right:var(--spacing-1)}[data-bottom='1']{bottom:var(--spacing-1)}[data-left='1']{left:var(--spacing-1)}[data-inset='1']{inset:var(--spacing-1)}[data-top='1-5']{top:var(--spacing-1-5)}[data-right='1-5']{right:var(--spacing-1-5)}[data-bottom='1-5']{bottom:var(--spacing-1-5)}[data-left='1-5']{left:var(--spacing-1-5)}[data-inset='1-5']{inset:var(--spacing-1-5)}[data-top='2']{top:var(--spacing-2)}[data-right='2']{right:var(--spacing-2)}[data-bottom='2']{bottom:var(--spacing-2)}[data-left='2']{left:var(--spacing-2)}[data-inset='2']{inset:var(--spacing-2)}[data-top='2-5']{top:var(--spacing-2-5)}[data-right='2-5']{right:var(--spacing-2-5)}[data-bottom='2-5']{bottom:var(--spacing-2-5)}[data-left='2-5']{left:var(--spacing-2-5)}[data-inset='2-5']{inset:var(--spacing-2-5)}[data-top='3']{top:var(--spacing-3)}[data-right='3']{right:var(--spacing-3)}[data-bottom='3']{bottom:var(--spacing-3)}[data-left='3']{left:var(--spacing-3)}[data-inset='3']{inset:var(--spacing-3)}[data-top='4']{top:var(--spacing-4)}[data-right='4']{right:var(--spacing-4)}[data-bottom='4']{bottom:var(--spacing-4)}[data-left='4']{left:var(--spacing-4)}[data-inset='4']{inset:var(--spacing-4)}[data-top='5']{top:var(--spacing-5)}[data-right='5']{right:var(--spacing-5)}[data-bottom='5']{bottom:var(--spacing-5)}[data-left='5']{left:var(--spacing-5)}[data-inset='5']{inset:var(--spacing-5)}[data-top='6']{top:var(--spacing-6)}[data-right='6']{right:var(--spacing-6)}[data-bottom='6']{bottom:var(--spacing-6)}[data-left='6']{left:var(--spacing-6)}[data-inset='6']{inset:var(--spacing-6)}[data-top='8']{top:var(--spacing-8)}[data-right='8']{right:var(--spacing-8)}[data-bottom='8']{bottom:var(--spacing-8)}[data-left='8']{left:var(--spacing-8)}[data-inset='8']{inset:var(--spacing-8)}[data-top='12']{top:var(--spacing-12)}[data-right='12']{right:var(--spacing-12)}[data-bottom='12']{bottom:var(--spacing-12)}[data-left='12']{left:var(--spacing-12)}[data-inset='12']{inset:var(--spacing-12)}[data-top='16']{top:var(--spacing-16)}[data-right='16']{right:var(--spacing-16)}[data-bottom='16']{bottom:var(--spacing-16)}[data-left='16']{left:var(--spacing-16)}[data-inset='16']{inset:var(--spacing-16)}[data-top=auto]{top:var(--spacing-auto)}[data-right=auto]{right:var(--spacing-auto)}[data-bottom=auto]{bottom:var(--spacing-auto)}[data-left=auto]{left:var(--spacing-auto)}[data-inset=auto]{inset:var(--spacing-auto)}[data-br=none]{border-radius:var(--radius-none)}[data-br=xs]{border-radius:var(--radius-xs)}[data-br=sm]{border-radius:var(--radius-sm)}[data-br=md]{border-radius:var(--radius-md)}[data-br=lg]{border-radius:var(--radius-lg)}[data-br=xl]{border-radius:var(--radius-xl)}[data-br=pill]{border-radius:var(--radius-pill)}[data-br=circle]{border-radius:var(--radius-circle)}[data-br=unset]{border-radius:var(--radius-unset)}[data-rotate='0']{transform:rotate(0)}[data-rotate='90']{transform:rotate(90deg)}[data-rotate='180']{transform:rotate(180deg)}[data-rotate='270']{transform:rotate(270deg)}[data-shadow=none]{box-shadow:var(--shadow-none)}[data-shadow=xs]{box-shadow:var(--shadow-xs)}[data-shadow=sm]{box-shadow:var(--shadow-sm)}[data-shadow=md]{box-shadow:var(--shadow-md)}[data-shadow=lg]{box-shadow:var(--shadow-lg)}[data-shadow=xl]{box-shadow:var(--shadow-xl)}[data-shadow=inner]{box-shadow:var(--shadow-inner)}[data-shadow=unset]{box-shadow:var(--shadow-unset)}[data-size=xs]{height:var(--size-xs);width:var(--size-xs)}[data-size=sm]{height:var(--size-sm);width:var(--size-sm)}[data-size=md]{height:var(--size-md);width:var(--size-md)}[data-size=lg]{height:var(--size-lg);width:var(--size-lg)}[data-size=xl]{height:var(--size-xl);width:var(--size-xl)}[data-size='2xl']{height:var(--size-2xl);width:var(--size-2xl)}[data-transform~=uppercase]{text-transform:uppercase}[data-transform~=lowercase]{text-transform:lowercase}[data-transform~=capitalize]{text-transform:capitalize}[data-transform~=upper-first]:first-letter{text-transform:uppercase}[data-transform~=truncate]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-transform~=center]{text-align:center}[data-transform~=nowrap]{white-space:nowrap}[data-transform~=none]{text-transform:none}[data-transform~=line-clamp]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines,2);overflow:hidden}[data-width='100%']{width:100%}[data-width=auto]{width:auto}[data-width=unset]{width:unset}[data-z=negative]{z-index:var(--z-index-negative)}[data-z='0']{z-index:var(--z-index-0)}[data-z='1']{z-index:var(--z-index-1)}[data-z='2']{z-index:var(--z-index-2)}[data-z='3']{z-index:var(--z-index-3)}.c-button{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);border-radius:var(--radius-sm);border:var(--border-width-md) solid transparent;background-color:transparent;height:36px;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;transition:border-radius .3s ease,opacity .4s ease}.c-button:active,.c-button:focus,.c-button:hover{cursor:pointer;opacity:var(--opacity-high);border-radius:0;transition:border-radius .3s ease,opacity .4s ease}.c-button:active{border:var(--border-width-md) solid transparent!important}.c-button:disabled{opacity:var(--opacity-medium);transition:opacity .3s ease}.c-button:disabled:hover{cursor:auto;border-radius:var(--radius-sm)}.c-button[data-variant=primary]{padding-inline:var(--spacing-2);background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.c-button[data-variant=primary]:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-neutral-200) 80%,var(--color-neutral-50) 20%)}.c-button[data-variant=secondary]{padding-inline:var(--spacing-2);background-color:var(--color-neutral-700);color:var(--color-neutral-200)}.c-button[data-variant=secondary]:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-neutral-700) 85%,var(--color-neutral-100) 15%)}.c-button[data-variant=bare]{padding-inline:var(--spacing-1);background-color:transparent;color:var(--color-neutral-300)}.c-button[data-variant=bare]:hover:not(:disabled){color:var(--color-neutral-100)}.c-button[data-variant=with-icon]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);background-color:transparent;color:var(--color-neutral-300)}.c-button[data-variant=with-icon]:hover:not(:disabled){color:var(--color-neutral-100)}.c-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-neutral-950),0 0 0 4px var(--color-neutral-400)}@media (prefers-reduced-motion:reduce){.c-button{transition:none}}.c-input{height:36px;font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--color-neutral-100);padding-inline:var(--spacing-1-5);background-color:var(--color-neutral-800);border:var(--border-width-hairline) solid var(--color-neutral-600);border-radius:var(--radius-sm);outline:0;appearance:none;transition:border-radius .3s ease,border-color .4s ease}.c-input:is(:hover,:focus){border-color:var(--color-neutral-400);border-radius:0}.c-input:disabled{opacity:var(--opacity-medium);background-color:var(--color-neutral-900);border-color:var(--color-neutral-800);pointer-events:none}.c-input:disabled:hover{border-radius:var(--radius-sm)}.c-input::placeholder{color:var(--color-neutral-400);opacity:1}.c-input:invalid:not(:placeholder-shown){border-color:var(--color-danger-500)}.c-label{display:block;margin-block-end:var(--spacing-1-5);font-size:var(--font-size-xs);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-neutral-300);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--timing-medium) var(--ease-standard)}.c-textarea{min-height:72px;padding:var(--spacing-1-5);font-size:var(--font-size-xs);line-height:var(--line-height-base);color:var(--color-neutral-100);background-color:var(--color-neutral-800);border:var(--border-width-hairline) solid var(--color-neutral-800);border-radius:var(--radius-sm);appearance:none;resize:none;outline:0;transition:border-radius .3s ease,border-color .4s ease}.c-textarea:is(:hover,:focus){border-color:var(--color-neutral-600);border-radius:0}.c-textarea:disabled{opacity:var(--opacity-medium);background-color:var(--color-neutral-900);border-color:var(--color-neutral-800);pointer-events:none}.c-textarea::placeholder{color:var(--color-neutral-400);opacity:1}.c-textarea:invalid:not(:placeholder-shown){border-color:var(--color-danger-500)}@supports (appearance:none){.c-select{height:36px;padding-right:var(--spacing-8);padding-left:var(--spacing-1-5);font-size:var(--font-size-xs);line-height:var(--line-height-base);color:var(--color-neutral-100);background-color:var(--color-neutral-800);border:var(--border-width-hairline) solid var(--color-neutral-800);border-radius:var(--radius-sm);text-overflow:ellipsis;appearance:none;outline:0;transition:border-radius .3s ease,border-color .4s ease}.c-select:is(:hover,:focus){cursor:pointer;border-color:var(--color-neutral-600);border-radius:0}.c-select:disabled{opacity:var(--opacity-medium);background-color:var(--color-neutral-900);border-color:var(--color-neutral-800);pointer-events:none}.c-select-wrapper{position:relative}.c-select-wrapper::after{position:absolute;content:"";top:12px;right:8px;height:8px;width:8px;border:2px solid var(--color-neutral-300);border-left:none;border-top:none;transform:rotate(45deg)}}@media not all and (min-resolution:0.001dpcm){.c-select{font-size:var(--font-size-base)}}.c-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.c-badge{padding:0 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-loose);color:var(--color-neutral-300);background-color:var(--color-neutral-700);border-radius:var(--radius-sm);text-align:center;text-transform:uppercase}.c-badge:hover{opacity:var(--opacity-high);transition:opacity .3s;background-color:color-mix(in oklch,var(--color-neutral-700) 85%,var(--color-neutral-100) 15%)}.c-badge[data-variant=outline]{color:var(--color-neutral-300);border:var(--border-width-hairline) solid var(--color-neutral-300);background-color:transparent}.c-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-brand-500);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;transition:color .3s ease,text-decoration-color .4s ease}.c-link:focus,.c-link:hover{color:var(--color-brand-400);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--color-brand-400)}.c-link:active{color:var(--color-brand-500)}.c-link:visited{color:var(--color-brand-500)}.c-link:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-neutral-950),0 0 0 4px var(--color-focus-ring)}
1
+ :root{--backdrop-none:none;--backdrop-weak:rgba(0 0 0 / 0.35);--backdrop-medium:rgba(0 0 0 / 0.6);--backdrop-strong:rgba(0 0 0 / 0.75);--border-width-none:0;--border-width-hairline:1px;--border-width-thin:2px;--border-width-base:4px;--border-width-thick:6px;--border-width-heavy:12px;--border-width-unset:unset;--color-brand-50:rgb(223, 237, 255);--color-brand-100:rgb(179, 212, 255);--color-brand-200:rgb(133, 186, 255);--color-brand-300:rgb(79, 151, 239);--color-brand-400:rgb(10, 114, 218);--color-brand-500:rgb(0, 86, 170);--color-brand-600:rgb(0, 64, 132);--color-brand-700:rgb(0, 44, 95);--color-brand-800:rgb(0, 30, 69);--color-brand-900:rgb(0, 16, 44);--breakpoint-md:768px;--color-danger-100:rgb(255, 223, 220);--color-danger-300:rgb(251, 152, 144);--color-danger-500:rgb(168, 0, 25);--color-danger-700:rgb(92, 0, 9);--color-danger-900:rgb(42, 0, 2);--font-family-sans:system-ui,sans-serif;--font-family-serif:Georgia,serif;--font-family-mono:"SFMono-Regular",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--font-weight-unset:unset;--color-neutral-0:rgb(246, 248, 255);--color-neutral-50:rgb(236, 238, 245);--color-neutral-100:rgb(220, 222, 229);--color-neutral-200:rgb(194, 196, 203);--color-neutral-300:rgb(162, 164, 171);--color-neutral-400:rgb(126, 128, 134);--color-neutral-500:rgb(95, 96, 102);--color-neutral-600:rgb(65, 66, 72);--color-neutral-700:rgb(37, 38, 43);--color-neutral-800:rgb(25, 26, 31);--color-neutral-900:rgb(16, 17, 22);--color-neutral-950:rgb(5, 6, 9);--letter-spacing-tight:-0.01em;--letter-spacing-normal:0em;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--letter-spacing-unset:unset;--line-height-none:1;--line-height-tight:1.25;--line-height-base:1.5;--line-height-loose:1.65;--line-height-display:1.1;--line-height-unset:unset;--opacity-high:0.7;--opacity-medium:0.5;--opacity-low:0.2;--color-positive-100:rgb(208, 243, 208);--color-positive-300:rgb(138, 202, 139);--color-positive-500:rgb(0, 107, 25);--color-positive-700:rgb(0, 57, 9);--color-positive-900:rgb(0, 24, 2);--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--radius-circle:50%;--radius-unset:unset;--shadow-none:none;--shadow-xs:0 1px 2px 0 rgba(0 0 0 / 0.03);--shadow-sm:0 1px 3px 0 rgba(0 0 0 / 0.05),0 1px 2px -1px rgba(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgba(0 0 0 / 0.06),0 2px 4px -2px rgba(0 0 0 / 0.05);--shadow-lg:0 10px 15px -3px rgba(0 0 0 / 0.07),0 4px 6px -4px rgba(0 0 0 / 0.06);--shadow-xl:0 20px 25px -5px rgba(0 0 0 / 0.08),0 8px 10px -6px rgba(0 0 0 / 0.07);--shadow-inner:inset 0 2px 4px 0 rgba(0 0 0 / 0.06);--shadow-unset:unset;--size-xs:12px;--size-sm:16px;--size-md:20px;--size-lg:24px;--size-xl:32px;--size-2xl:36px;--spacing-0:0rem;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-auto:auto;--color-warning-100:rgb(255, 244, 222);--color-warning-300:rgb(245, 203, 112);--color-warning-500:rgb(188, 141, 0);--color-warning-700:rgb(112, 83, 0);--color-warning-900:rgb(60, 43, 0);--z-index-negative:-1;--z-index-0:0;--z-index-1:1;--z-index-2:2;--z-index-3:3;--motion-instant:75ms;--motion-fast:150ms;--motion-medium:300ms;--motion-slow:400ms}@supports (color:color(display-p3 0 0 0%)){:root{--color-brand-50:rgb(223, 237, 255);--color-brand-100:rgb(179, 212, 255);--color-brand-200:rgb(133, 186, 255);--color-brand-500:rgb(0, 86, 170);--color-brand-600:rgb(0, 64, 132);--color-brand-700:rgb(0, 44, 95);--color-brand-800:rgb(0, 30, 69);--color-brand-900:rgb(0, 16, 44);--color-danger-100:rgb(255, 223, 220);--color-danger-500:rgb(168, 0, 25);--color-danger-700:rgb(92, 0, 9);--color-danger-900:rgb(42, 0, 2);--color-neutral-0:rgb(246, 248, 255);--color-positive-500:rgb(0, 107, 25);--color-positive-700:rgb(0, 57, 9);--color-positive-900:rgb(0, 24, 2);--color-warning-100:rgb(255, 244, 222);--color-warning-500:rgb(188, 141, 0);--color-warning-700:rgb(112, 83, 0);--color-warning-900:rgb(60, 43, 0)}@media (color-gamut:p3){:root{--color-brand-50:color(display-p3 0.87895 0.9266 1);--color-brand-100:color(display-p3 0.7166 0.82731 1);--color-brand-200:color(display-p3 0.55678 0.72518 0.99206);--color-brand-500:color(display-p3 0 0.31135 0.72487);--color-brand-600:color(display-p3 0 0.23286 0.56061);--color-brand-700:color(display-p3 0 0.15783 0.40606);--color-brand-800:color(display-p3 0 0.10522 0.29552);--color-brand-900:color(display-p3 0 0.05637 0.1906);--color-danger-100:color(display-p3 1 0.87169 0.85372);--color-danger-500:color(display-p3 0.62907 0 0.08767);--color-danger-700:color(display-p3 0.34592 0 0.02944);--color-danger-900:color(display-p3 0.15671 0 0.00636);--color-neutral-0:color(display-p3 0.96685 0.97251 0.99903);--color-positive-500:color(display-p3 0.10251 0.42781 0.06873);--color-positive-700:color(display-p3 0.01161 0.23131 0);--color-positive-900:color(display-p3 0.00252 0.09619 0);--color-warning-100:color(display-p3 1 0.95781 0.85895);--color-warning-500:color(display-p3 0.72585 0.55349 0);--color-warning-700:color(display-p3 0.433 0.32528 0);--color-warning-900:color(display-p3 0.23101 0.16787 0)}}}[data-main=start]{justify-content:flex-start}[data-cross=start]{align-items:flex-start}[data-main=end]{justify-content:flex-end}[data-cross=end]{align-items:flex-end}[data-main=around]{justify-content:space-around}[data-cross=around]{align-items:space-around}[data-main=evenly]{justify-content:space-evenly}[data-cross=evenly]{align-items:space-evenly}[data-main=between]{justify-content:space-between}[data-cross=between]{align-items:space-between}[data-main=center]{justify-content:center}[data-cross=center]{align-items:center}[data-main=baseline]{justify-content:baseline}[data-cross=baseline]{align-items:baseline}[data-backdrop=none]::backdrop{background:var(--backdrop-none)}[data-backdrop=weak]::backdrop{background:var(--backdrop-weak)}[data-backdrop=medium]::backdrop{background:var(--backdrop-medium)}[data-backdrop=strong]::backdrop{background:var(--backdrop-strong)}[data-bg=neutral-0]{background:var(--color-neutral-0)}[data-bg=neutral-50]{background:var(--color-neutral-50)}[data-bg=neutral-100]{background:var(--color-neutral-100)}[data-bg=neutral-200]{background:var(--color-neutral-200)}[data-bg=neutral-300]{background:var(--color-neutral-300)}[data-bg=neutral-400]{background:var(--color-neutral-400)}[data-bg=neutral-500]{background:var(--color-neutral-500)}[data-bg=neutral-600]{background:var(--color-neutral-600)}[data-bg=neutral-700]{background:var(--color-neutral-700)}[data-bg=neutral-800]{background:var(--color-neutral-800)}[data-bg=neutral-900]{background:var(--color-neutral-900)}[data-bg=neutral-950]{background:var(--color-neutral-950)}[data-bg=brand-50]{background:var(--color-brand-50)}[data-bg=brand-100]{background:var(--color-brand-100)}[data-bg=brand-200]{background:var(--color-brand-200)}[data-bg=brand-300]{background:var(--color-brand-300)}[data-bg=brand-400]{background:var(--color-brand-400)}[data-bg=brand-500]{background:var(--color-brand-500)}[data-bg=brand-600]{background:var(--color-brand-600)}[data-bg=brand-700]{background:var(--color-brand-700)}[data-bg=brand-800]{background:var(--color-brand-800)}[data-bg=brand-900]{background:var(--color-brand-900)}[data-bg=positive-100]{background:var(--color-positive-100)}[data-bg=positive-300]{background:var(--color-positive-300)}[data-bg=positive-500]{background:var(--color-positive-500)}[data-bg=positive-700]{background:var(--color-positive-700)}[data-bg=positive-900]{background:var(--color-positive-900)}[data-bg=danger-100]{background:var(--color-danger-100)}[data-bg=danger-300]{background:var(--color-danger-300)}[data-bg=danger-500]{background:var(--color-danger-500)}[data-bg=danger-700]{background:var(--color-danger-700)}[data-bg=danger-900]{background:var(--color-danger-900)}[data-bg=warning-100]{background:var(--color-warning-100)}[data-bg=warning-300]{background:var(--color-warning-300)}[data-bg=warning-500]{background:var(--color-warning-500)}[data-bg=warning-700]{background:var(--color-warning-700)}[data-bg=warning-900]{background:var(--color-warning-900)}[data-bc=neutral-0]{border-color:var(--color-neutral-0);border-style:solid}[data-bct=neutral-0]{border-top-color:var(--color-neutral-0);border-top-style:solid}[data-bcr=neutral-0]{border-right-color:var(--color-neutral-0);border-right-style:solid}[data-bcb=neutral-0]{border-bottom-color:var(--color-neutral-0);border-bottom-style:solid}[data-bcl=neutral-0]{border-left-color:var(--color-neutral-0);border-left-style:solid}[data-bcx=neutral-0]{border-left-color:var(--color-neutral-0);border-right-color:var(--color-neutral-0);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-0]{border-top-color:var(--color-neutral-0);border-bottom-color:var(--color-neutral-0);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-50]{border-color:var(--color-neutral-50);border-style:solid}[data-bct=neutral-50]{border-top-color:var(--color-neutral-50);border-top-style:solid}[data-bcr=neutral-50]{border-right-color:var(--color-neutral-50);border-right-style:solid}[data-bcb=neutral-50]{border-bottom-color:var(--color-neutral-50);border-bottom-style:solid}[data-bcl=neutral-50]{border-left-color:var(--color-neutral-50);border-left-style:solid}[data-bcx=neutral-50]{border-left-color:var(--color-neutral-50);border-right-color:var(--color-neutral-50);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-50]{border-top-color:var(--color-neutral-50);border-bottom-color:var(--color-neutral-50);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-100]{border-color:var(--color-neutral-100);border-style:solid}[data-bct=neutral-100]{border-top-color:var(--color-neutral-100);border-top-style:solid}[data-bcr=neutral-100]{border-right-color:var(--color-neutral-100);border-right-style:solid}[data-bcb=neutral-100]{border-bottom-color:var(--color-neutral-100);border-bottom-style:solid}[data-bcl=neutral-100]{border-left-color:var(--color-neutral-100);border-left-style:solid}[data-bcx=neutral-100]{border-left-color:var(--color-neutral-100);border-right-color:var(--color-neutral-100);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-100]{border-top-color:var(--color-neutral-100);border-bottom-color:var(--color-neutral-100);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-200]{border-color:var(--color-neutral-200);border-style:solid}[data-bct=neutral-200]{border-top-color:var(--color-neutral-200);border-top-style:solid}[data-bcr=neutral-200]{border-right-color:var(--color-neutral-200);border-right-style:solid}[data-bcb=neutral-200]{border-bottom-color:var(--color-neutral-200);border-bottom-style:solid}[data-bcl=neutral-200]{border-left-color:var(--color-neutral-200);border-left-style:solid}[data-bcx=neutral-200]{border-left-color:var(--color-neutral-200);border-right-color:var(--color-neutral-200);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-200]{border-top-color:var(--color-neutral-200);border-bottom-color:var(--color-neutral-200);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-300]{border-color:var(--color-neutral-300);border-style:solid}[data-bct=neutral-300]{border-top-color:var(--color-neutral-300);border-top-style:solid}[data-bcr=neutral-300]{border-right-color:var(--color-neutral-300);border-right-style:solid}[data-bcb=neutral-300]{border-bottom-color:var(--color-neutral-300);border-bottom-style:solid}[data-bcl=neutral-300]{border-left-color:var(--color-neutral-300);border-left-style:solid}[data-bcx=neutral-300]{border-left-color:var(--color-neutral-300);border-right-color:var(--color-neutral-300);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-300]{border-top-color:var(--color-neutral-300);border-bottom-color:var(--color-neutral-300);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-400]{border-color:var(--color-neutral-400);border-style:solid}[data-bct=neutral-400]{border-top-color:var(--color-neutral-400);border-top-style:solid}[data-bcr=neutral-400]{border-right-color:var(--color-neutral-400);border-right-style:solid}[data-bcb=neutral-400]{border-bottom-color:var(--color-neutral-400);border-bottom-style:solid}[data-bcl=neutral-400]{border-left-color:var(--color-neutral-400);border-left-style:solid}[data-bcx=neutral-400]{border-left-color:var(--color-neutral-400);border-right-color:var(--color-neutral-400);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-400]{border-top-color:var(--color-neutral-400);border-bottom-color:var(--color-neutral-400);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-500]{border-color:var(--color-neutral-500);border-style:solid}[data-bct=neutral-500]{border-top-color:var(--color-neutral-500);border-top-style:solid}[data-bcr=neutral-500]{border-right-color:var(--color-neutral-500);border-right-style:solid}[data-bcb=neutral-500]{border-bottom-color:var(--color-neutral-500);border-bottom-style:solid}[data-bcl=neutral-500]{border-left-color:var(--color-neutral-500);border-left-style:solid}[data-bcx=neutral-500]{border-left-color:var(--color-neutral-500);border-right-color:var(--color-neutral-500);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-500]{border-top-color:var(--color-neutral-500);border-bottom-color:var(--color-neutral-500);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-600]{border-color:var(--color-neutral-600);border-style:solid}[data-bct=neutral-600]{border-top-color:var(--color-neutral-600);border-top-style:solid}[data-bcr=neutral-600]{border-right-color:var(--color-neutral-600);border-right-style:solid}[data-bcb=neutral-600]{border-bottom-color:var(--color-neutral-600);border-bottom-style:solid}[data-bcl=neutral-600]{border-left-color:var(--color-neutral-600);border-left-style:solid}[data-bcx=neutral-600]{border-left-color:var(--color-neutral-600);border-right-color:var(--color-neutral-600);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-600]{border-top-color:var(--color-neutral-600);border-bottom-color:var(--color-neutral-600);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-700]{border-color:var(--color-neutral-700);border-style:solid}[data-bct=neutral-700]{border-top-color:var(--color-neutral-700);border-top-style:solid}[data-bcr=neutral-700]{border-right-color:var(--color-neutral-700);border-right-style:solid}[data-bcb=neutral-700]{border-bottom-color:var(--color-neutral-700);border-bottom-style:solid}[data-bcl=neutral-700]{border-left-color:var(--color-neutral-700);border-left-style:solid}[data-bcx=neutral-700]{border-left-color:var(--color-neutral-700);border-right-color:var(--color-neutral-700);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-700]{border-top-color:var(--color-neutral-700);border-bottom-color:var(--color-neutral-700);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-800]{border-color:var(--color-neutral-800);border-style:solid}[data-bct=neutral-800]{border-top-color:var(--color-neutral-800);border-top-style:solid}[data-bcr=neutral-800]{border-right-color:var(--color-neutral-800);border-right-style:solid}[data-bcb=neutral-800]{border-bottom-color:var(--color-neutral-800);border-bottom-style:solid}[data-bcl=neutral-800]{border-left-color:var(--color-neutral-800);border-left-style:solid}[data-bcx=neutral-800]{border-left-color:var(--color-neutral-800);border-right-color:var(--color-neutral-800);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-800]{border-top-color:var(--color-neutral-800);border-bottom-color:var(--color-neutral-800);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-900]{border-color:var(--color-neutral-900);border-style:solid}[data-bct=neutral-900]{border-top-color:var(--color-neutral-900);border-top-style:solid}[data-bcr=neutral-900]{border-right-color:var(--color-neutral-900);border-right-style:solid}[data-bcb=neutral-900]{border-bottom-color:var(--color-neutral-900);border-bottom-style:solid}[data-bcl=neutral-900]{border-left-color:var(--color-neutral-900);border-left-style:solid}[data-bcx=neutral-900]{border-left-color:var(--color-neutral-900);border-right-color:var(--color-neutral-900);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-900]{border-top-color:var(--color-neutral-900);border-bottom-color:var(--color-neutral-900);border-top-style:solid;border-bottom-style:solid}[data-bc=neutral-950]{border-color:var(--color-neutral-950);border-style:solid}[data-bct=neutral-950]{border-top-color:var(--color-neutral-950);border-top-style:solid}[data-bcr=neutral-950]{border-right-color:var(--color-neutral-950);border-right-style:solid}[data-bcb=neutral-950]{border-bottom-color:var(--color-neutral-950);border-bottom-style:solid}[data-bcl=neutral-950]{border-left-color:var(--color-neutral-950);border-left-style:solid}[data-bcx=neutral-950]{border-left-color:var(--color-neutral-950);border-right-color:var(--color-neutral-950);border-left-style:solid;border-right-style:solid}[data-bcy=neutral-950]{border-top-color:var(--color-neutral-950);border-bottom-color:var(--color-neutral-950);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-50]{border-color:var(--color-brand-50);border-style:solid}[data-bct=brand-50]{border-top-color:var(--color-brand-50);border-top-style:solid}[data-bcr=brand-50]{border-right-color:var(--color-brand-50);border-right-style:solid}[data-bcb=brand-50]{border-bottom-color:var(--color-brand-50);border-bottom-style:solid}[data-bcl=brand-50]{border-left-color:var(--color-brand-50);border-left-style:solid}[data-bcx=brand-50]{border-left-color:var(--color-brand-50);border-right-color:var(--color-brand-50);border-left-style:solid;border-right-style:solid}[data-bcy=brand-50]{border-top-color:var(--color-brand-50);border-bottom-color:var(--color-brand-50);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-100]{border-color:var(--color-brand-100);border-style:solid}[data-bct=brand-100]{border-top-color:var(--color-brand-100);border-top-style:solid}[data-bcr=brand-100]{border-right-color:var(--color-brand-100);border-right-style:solid}[data-bcb=brand-100]{border-bottom-color:var(--color-brand-100);border-bottom-style:solid}[data-bcl=brand-100]{border-left-color:var(--color-brand-100);border-left-style:solid}[data-bcx=brand-100]{border-left-color:var(--color-brand-100);border-right-color:var(--color-brand-100);border-left-style:solid;border-right-style:solid}[data-bcy=brand-100]{border-top-color:var(--color-brand-100);border-bottom-color:var(--color-brand-100);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-200]{border-color:var(--color-brand-200);border-style:solid}[data-bct=brand-200]{border-top-color:var(--color-brand-200);border-top-style:solid}[data-bcr=brand-200]{border-right-color:var(--color-brand-200);border-right-style:solid}[data-bcb=brand-200]{border-bottom-color:var(--color-brand-200);border-bottom-style:solid}[data-bcl=brand-200]{border-left-color:var(--color-brand-200);border-left-style:solid}[data-bcx=brand-200]{border-left-color:var(--color-brand-200);border-right-color:var(--color-brand-200);border-left-style:solid;border-right-style:solid}[data-bcy=brand-200]{border-top-color:var(--color-brand-200);border-bottom-color:var(--color-brand-200);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-300]{border-color:var(--color-brand-300);border-style:solid}[data-bct=brand-300]{border-top-color:var(--color-brand-300);border-top-style:solid}[data-bcr=brand-300]{border-right-color:var(--color-brand-300);border-right-style:solid}[data-bcb=brand-300]{border-bottom-color:var(--color-brand-300);border-bottom-style:solid}[data-bcl=brand-300]{border-left-color:var(--color-brand-300);border-left-style:solid}[data-bcx=brand-300]{border-left-color:var(--color-brand-300);border-right-color:var(--color-brand-300);border-left-style:solid;border-right-style:solid}[data-bcy=brand-300]{border-top-color:var(--color-brand-300);border-bottom-color:var(--color-brand-300);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-400]{border-color:var(--color-brand-400);border-style:solid}[data-bct=brand-400]{border-top-color:var(--color-brand-400);border-top-style:solid}[data-bcr=brand-400]{border-right-color:var(--color-brand-400);border-right-style:solid}[data-bcb=brand-400]{border-bottom-color:var(--color-brand-400);border-bottom-style:solid}[data-bcl=brand-400]{border-left-color:var(--color-brand-400);border-left-style:solid}[data-bcx=brand-400]{border-left-color:var(--color-brand-400);border-right-color:var(--color-brand-400);border-left-style:solid;border-right-style:solid}[data-bcy=brand-400]{border-top-color:var(--color-brand-400);border-bottom-color:var(--color-brand-400);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-500]{border-color:var(--color-brand-500);border-style:solid}[data-bct=brand-500]{border-top-color:var(--color-brand-500);border-top-style:solid}[data-bcr=brand-500]{border-right-color:var(--color-brand-500);border-right-style:solid}[data-bcb=brand-500]{border-bottom-color:var(--color-brand-500);border-bottom-style:solid}[data-bcl=brand-500]{border-left-color:var(--color-brand-500);border-left-style:solid}[data-bcx=brand-500]{border-left-color:var(--color-brand-500);border-right-color:var(--color-brand-500);border-left-style:solid;border-right-style:solid}[data-bcy=brand-500]{border-top-color:var(--color-brand-500);border-bottom-color:var(--color-brand-500);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-600]{border-color:var(--color-brand-600);border-style:solid}[data-bct=brand-600]{border-top-color:var(--color-brand-600);border-top-style:solid}[data-bcr=brand-600]{border-right-color:var(--color-brand-600);border-right-style:solid}[data-bcb=brand-600]{border-bottom-color:var(--color-brand-600);border-bottom-style:solid}[data-bcl=brand-600]{border-left-color:var(--color-brand-600);border-left-style:solid}[data-bcx=brand-600]{border-left-color:var(--color-brand-600);border-right-color:var(--color-brand-600);border-left-style:solid;border-right-style:solid}[data-bcy=brand-600]{border-top-color:var(--color-brand-600);border-bottom-color:var(--color-brand-600);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-700]{border-color:var(--color-brand-700);border-style:solid}[data-bct=brand-700]{border-top-color:var(--color-brand-700);border-top-style:solid}[data-bcr=brand-700]{border-right-color:var(--color-brand-700);border-right-style:solid}[data-bcb=brand-700]{border-bottom-color:var(--color-brand-700);border-bottom-style:solid}[data-bcl=brand-700]{border-left-color:var(--color-brand-700);border-left-style:solid}[data-bcx=brand-700]{border-left-color:var(--color-brand-700);border-right-color:var(--color-brand-700);border-left-style:solid;border-right-style:solid}[data-bcy=brand-700]{border-top-color:var(--color-brand-700);border-bottom-color:var(--color-brand-700);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-800]{border-color:var(--color-brand-800);border-style:solid}[data-bct=brand-800]{border-top-color:var(--color-brand-800);border-top-style:solid}[data-bcr=brand-800]{border-right-color:var(--color-brand-800);border-right-style:solid}[data-bcb=brand-800]{border-bottom-color:var(--color-brand-800);border-bottom-style:solid}[data-bcl=brand-800]{border-left-color:var(--color-brand-800);border-left-style:solid}[data-bcx=brand-800]{border-left-color:var(--color-brand-800);border-right-color:var(--color-brand-800);border-left-style:solid;border-right-style:solid}[data-bcy=brand-800]{border-top-color:var(--color-brand-800);border-bottom-color:var(--color-brand-800);border-top-style:solid;border-bottom-style:solid}[data-bc=brand-900]{border-color:var(--color-brand-900);border-style:solid}[data-bct=brand-900]{border-top-color:var(--color-brand-900);border-top-style:solid}[data-bcr=brand-900]{border-right-color:var(--color-brand-900);border-right-style:solid}[data-bcb=brand-900]{border-bottom-color:var(--color-brand-900);border-bottom-style:solid}[data-bcl=brand-900]{border-left-color:var(--color-brand-900);border-left-style:solid}[data-bcx=brand-900]{border-left-color:var(--color-brand-900);border-right-color:var(--color-brand-900);border-left-style:solid;border-right-style:solid}[data-bcy=brand-900]{border-top-color:var(--color-brand-900);border-bottom-color:var(--color-brand-900);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-100]{border-color:var(--color-positive-100);border-style:solid}[data-bct=positive-100]{border-top-color:var(--color-positive-100);border-top-style:solid}[data-bcr=positive-100]{border-right-color:var(--color-positive-100);border-right-style:solid}[data-bcb=positive-100]{border-bottom-color:var(--color-positive-100);border-bottom-style:solid}[data-bcl=positive-100]{border-left-color:var(--color-positive-100);border-left-style:solid}[data-bcx=positive-100]{border-left-color:var(--color-positive-100);border-right-color:var(--color-positive-100);border-left-style:solid;border-right-style:solid}[data-bcy=positive-100]{border-top-color:var(--color-positive-100);border-bottom-color:var(--color-positive-100);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-300]{border-color:var(--color-positive-300);border-style:solid}[data-bct=positive-300]{border-top-color:var(--color-positive-300);border-top-style:solid}[data-bcr=positive-300]{border-right-color:var(--color-positive-300);border-right-style:solid}[data-bcb=positive-300]{border-bottom-color:var(--color-positive-300);border-bottom-style:solid}[data-bcl=positive-300]{border-left-color:var(--color-positive-300);border-left-style:solid}[data-bcx=positive-300]{border-left-color:var(--color-positive-300);border-right-color:var(--color-positive-300);border-left-style:solid;border-right-style:solid}[data-bcy=positive-300]{border-top-color:var(--color-positive-300);border-bottom-color:var(--color-positive-300);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-500]{border-color:var(--color-positive-500);border-style:solid}[data-bct=positive-500]{border-top-color:var(--color-positive-500);border-top-style:solid}[data-bcr=positive-500]{border-right-color:var(--color-positive-500);border-right-style:solid}[data-bcb=positive-500]{border-bottom-color:var(--color-positive-500);border-bottom-style:solid}[data-bcl=positive-500]{border-left-color:var(--color-positive-500);border-left-style:solid}[data-bcx=positive-500]{border-left-color:var(--color-positive-500);border-right-color:var(--color-positive-500);border-left-style:solid;border-right-style:solid}[data-bcy=positive-500]{border-top-color:var(--color-positive-500);border-bottom-color:var(--color-positive-500);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-700]{border-color:var(--color-positive-700);border-style:solid}[data-bct=positive-700]{border-top-color:var(--color-positive-700);border-top-style:solid}[data-bcr=positive-700]{border-right-color:var(--color-positive-700);border-right-style:solid}[data-bcb=positive-700]{border-bottom-color:var(--color-positive-700);border-bottom-style:solid}[data-bcl=positive-700]{border-left-color:var(--color-positive-700);border-left-style:solid}[data-bcx=positive-700]{border-left-color:var(--color-positive-700);border-right-color:var(--color-positive-700);border-left-style:solid;border-right-style:solid}[data-bcy=positive-700]{border-top-color:var(--color-positive-700);border-bottom-color:var(--color-positive-700);border-top-style:solid;border-bottom-style:solid}[data-bc=positive-900]{border-color:var(--color-positive-900);border-style:solid}[data-bct=positive-900]{border-top-color:var(--color-positive-900);border-top-style:solid}[data-bcr=positive-900]{border-right-color:var(--color-positive-900);border-right-style:solid}[data-bcb=positive-900]{border-bottom-color:var(--color-positive-900);border-bottom-style:solid}[data-bcl=positive-900]{border-left-color:var(--color-positive-900);border-left-style:solid}[data-bcx=positive-900]{border-left-color:var(--color-positive-900);border-right-color:var(--color-positive-900);border-left-style:solid;border-right-style:solid}[data-bcy=positive-900]{border-top-color:var(--color-positive-900);border-bottom-color:var(--color-positive-900);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-100]{border-color:var(--color-danger-100);border-style:solid}[data-bct=danger-100]{border-top-color:var(--color-danger-100);border-top-style:solid}[data-bcr=danger-100]{border-right-color:var(--color-danger-100);border-right-style:solid}[data-bcb=danger-100]{border-bottom-color:var(--color-danger-100);border-bottom-style:solid}[data-bcl=danger-100]{border-left-color:var(--color-danger-100);border-left-style:solid}[data-bcx=danger-100]{border-left-color:var(--color-danger-100);border-right-color:var(--color-danger-100);border-left-style:solid;border-right-style:solid}[data-bcy=danger-100]{border-top-color:var(--color-danger-100);border-bottom-color:var(--color-danger-100);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-300]{border-color:var(--color-danger-300);border-style:solid}[data-bct=danger-300]{border-top-color:var(--color-danger-300);border-top-style:solid}[data-bcr=danger-300]{border-right-color:var(--color-danger-300);border-right-style:solid}[data-bcb=danger-300]{border-bottom-color:var(--color-danger-300);border-bottom-style:solid}[data-bcl=danger-300]{border-left-color:var(--color-danger-300);border-left-style:solid}[data-bcx=danger-300]{border-left-color:var(--color-danger-300);border-right-color:var(--color-danger-300);border-left-style:solid;border-right-style:solid}[data-bcy=danger-300]{border-top-color:var(--color-danger-300);border-bottom-color:var(--color-danger-300);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-500]{border-color:var(--color-danger-500);border-style:solid}[data-bct=danger-500]{border-top-color:var(--color-danger-500);border-top-style:solid}[data-bcr=danger-500]{border-right-color:var(--color-danger-500);border-right-style:solid}[data-bcb=danger-500]{border-bottom-color:var(--color-danger-500);border-bottom-style:solid}[data-bcl=danger-500]{border-left-color:var(--color-danger-500);border-left-style:solid}[data-bcx=danger-500]{border-left-color:var(--color-danger-500);border-right-color:var(--color-danger-500);border-left-style:solid;border-right-style:solid}[data-bcy=danger-500]{border-top-color:var(--color-danger-500);border-bottom-color:var(--color-danger-500);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-700]{border-color:var(--color-danger-700);border-style:solid}[data-bct=danger-700]{border-top-color:var(--color-danger-700);border-top-style:solid}[data-bcr=danger-700]{border-right-color:var(--color-danger-700);border-right-style:solid}[data-bcb=danger-700]{border-bottom-color:var(--color-danger-700);border-bottom-style:solid}[data-bcl=danger-700]{border-left-color:var(--color-danger-700);border-left-style:solid}[data-bcx=danger-700]{border-left-color:var(--color-danger-700);border-right-color:var(--color-danger-700);border-left-style:solid;border-right-style:solid}[data-bcy=danger-700]{border-top-color:var(--color-danger-700);border-bottom-color:var(--color-danger-700);border-top-style:solid;border-bottom-style:solid}[data-bc=danger-900]{border-color:var(--color-danger-900);border-style:solid}[data-bct=danger-900]{border-top-color:var(--color-danger-900);border-top-style:solid}[data-bcr=danger-900]{border-right-color:var(--color-danger-900);border-right-style:solid}[data-bcb=danger-900]{border-bottom-color:var(--color-danger-900);border-bottom-style:solid}[data-bcl=danger-900]{border-left-color:var(--color-danger-900);border-left-style:solid}[data-bcx=danger-900]{border-left-color:var(--color-danger-900);border-right-color:var(--color-danger-900);border-left-style:solid;border-right-style:solid}[data-bcy=danger-900]{border-top-color:var(--color-danger-900);border-bottom-color:var(--color-danger-900);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-100]{border-color:var(--color-warning-100);border-style:solid}[data-bct=warning-100]{border-top-color:var(--color-warning-100);border-top-style:solid}[data-bcr=warning-100]{border-right-color:var(--color-warning-100);border-right-style:solid}[data-bcb=warning-100]{border-bottom-color:var(--color-warning-100);border-bottom-style:solid}[data-bcl=warning-100]{border-left-color:var(--color-warning-100);border-left-style:solid}[data-bcx=warning-100]{border-left-color:var(--color-warning-100);border-right-color:var(--color-warning-100);border-left-style:solid;border-right-style:solid}[data-bcy=warning-100]{border-top-color:var(--color-warning-100);border-bottom-color:var(--color-warning-100);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-300]{border-color:var(--color-warning-300);border-style:solid}[data-bct=warning-300]{border-top-color:var(--color-warning-300);border-top-style:solid}[data-bcr=warning-300]{border-right-color:var(--color-warning-300);border-right-style:solid}[data-bcb=warning-300]{border-bottom-color:var(--color-warning-300);border-bottom-style:solid}[data-bcl=warning-300]{border-left-color:var(--color-warning-300);border-left-style:solid}[data-bcx=warning-300]{border-left-color:var(--color-warning-300);border-right-color:var(--color-warning-300);border-left-style:solid;border-right-style:solid}[data-bcy=warning-300]{border-top-color:var(--color-warning-300);border-bottom-color:var(--color-warning-300);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-500]{border-color:var(--color-warning-500);border-style:solid}[data-bct=warning-500]{border-top-color:var(--color-warning-500);border-top-style:solid}[data-bcr=warning-500]{border-right-color:var(--color-warning-500);border-right-style:solid}[data-bcb=warning-500]{border-bottom-color:var(--color-warning-500);border-bottom-style:solid}[data-bcl=warning-500]{border-left-color:var(--color-warning-500);border-left-style:solid}[data-bcx=warning-500]{border-left-color:var(--color-warning-500);border-right-color:var(--color-warning-500);border-left-style:solid;border-right-style:solid}[data-bcy=warning-500]{border-top-color:var(--color-warning-500);border-bottom-color:var(--color-warning-500);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-700]{border-color:var(--color-warning-700);border-style:solid}[data-bct=warning-700]{border-top-color:var(--color-warning-700);border-top-style:solid}[data-bcr=warning-700]{border-right-color:var(--color-warning-700);border-right-style:solid}[data-bcb=warning-700]{border-bottom-color:var(--color-warning-700);border-bottom-style:solid}[data-bcl=warning-700]{border-left-color:var(--color-warning-700);border-left-style:solid}[data-bcx=warning-700]{border-left-color:var(--color-warning-700);border-right-color:var(--color-warning-700);border-left-style:solid;border-right-style:solid}[data-bcy=warning-700]{border-top-color:var(--color-warning-700);border-bottom-color:var(--color-warning-700);border-top-style:solid;border-bottom-style:solid}[data-bc=warning-900]{border-color:var(--color-warning-900);border-style:solid}[data-bct=warning-900]{border-top-color:var(--color-warning-900);border-top-style:solid}[data-bcr=warning-900]{border-right-color:var(--color-warning-900);border-right-style:solid}[data-bcb=warning-900]{border-bottom-color:var(--color-warning-900);border-bottom-style:solid}[data-bcl=warning-900]{border-left-color:var(--color-warning-900);border-left-style:solid}[data-bcx=warning-900]{border-left-color:var(--color-warning-900);border-right-color:var(--color-warning-900);border-left-style:solid;border-right-style:solid}[data-bcy=warning-900]{border-top-color:var(--color-warning-900);border-bottom-color:var(--color-warning-900);border-top-style:solid;border-bottom-style:solid}[data-bw=none]{border-width:var(--border-width-none)}[data-bwt=none]{border-top-width:var(--border-width-none)}[data-bwr=none]{border-right-width:var(--border-width-none)}[data-bwb=none]{border-bottom-width:var(--border-width-none)}[data-bwl=none]{border-left-width:var(--border-width-none)}[data-bwx=none]{border-left-width:var(--border-width-none);border-right-width:var(--border-width-none)}[data-bwy=none]{border-top-width:var(--border-width-none);border-bottom-width:var(--border-width-none)}[data-bw=hairline]{border-width:var(--border-width-hairline)}[data-bwt=hairline]{border-top-width:var(--border-width-hairline)}[data-bwr=hairline]{border-right-width:var(--border-width-hairline)}[data-bwb=hairline]{border-bottom-width:var(--border-width-hairline)}[data-bwl=hairline]{border-left-width:var(--border-width-hairline)}[data-bwx=hairline]{border-left-width:var(--border-width-hairline);border-right-width:var(--border-width-hairline)}[data-bwy=hairline]{border-top-width:var(--border-width-hairline);border-bottom-width:var(--border-width-hairline)}[data-bw=thin]{border-width:var(--border-width-thin)}[data-bwt=thin]{border-top-width:var(--border-width-thin)}[data-bwr=thin]{border-right-width:var(--border-width-thin)}[data-bwb=thin]{border-bottom-width:var(--border-width-thin)}[data-bwl=thin]{border-left-width:var(--border-width-thin)}[data-bwx=thin]{border-left-width:var(--border-width-thin);border-right-width:var(--border-width-thin)}[data-bwy=thin]{border-top-width:var(--border-width-thin);border-bottom-width:var(--border-width-thin)}[data-bw=base]{border-width:var(--border-width-base)}[data-bwt=base]{border-top-width:var(--border-width-base)}[data-bwr=base]{border-right-width:var(--border-width-base)}[data-bwb=base]{border-bottom-width:var(--border-width-base)}[data-bwl=base]{border-left-width:var(--border-width-base)}[data-bwx=base]{border-left-width:var(--border-width-base);border-right-width:var(--border-width-base)}[data-bwy=base]{border-top-width:var(--border-width-base);border-bottom-width:var(--border-width-base)}[data-bw=thick]{border-width:var(--border-width-thick)}[data-bwt=thick]{border-top-width:var(--border-width-thick)}[data-bwr=thick]{border-right-width:var(--border-width-thick)}[data-bwb=thick]{border-bottom-width:var(--border-width-thick)}[data-bwl=thick]{border-left-width:var(--border-width-thick)}[data-bwx=thick]{border-left-width:var(--border-width-thick);border-right-width:var(--border-width-thick)}[data-bwy=thick]{border-top-width:var(--border-width-thick);border-bottom-width:var(--border-width-thick)}[data-bw=heavy]{border-width:var(--border-width-heavy)}[data-bwt=heavy]{border-top-width:var(--border-width-heavy)}[data-bwr=heavy]{border-right-width:var(--border-width-heavy)}[data-bwb=heavy]{border-bottom-width:var(--border-width-heavy)}[data-bwl=heavy]{border-left-width:var(--border-width-heavy)}[data-bwx=heavy]{border-left-width:var(--border-width-heavy);border-right-width:var(--border-width-heavy)}[data-bwy=heavy]{border-top-width:var(--border-width-heavy);border-bottom-width:var(--border-width-heavy)}[data-bw=unset]{border-width:var(--border-width-unset)}[data-bwt=unset]{border-top-width:var(--border-width-unset)}[data-bwr=unset]{border-right-width:var(--border-width-unset)}[data-bwb=unset]{border-bottom-width:var(--border-width-unset)}[data-bwl=unset]{border-left-width:var(--border-width-unset)}[data-bwx=unset]{border-left-width:var(--border-width-unset);border-right-width:var(--border-width-unset)}[data-bwy=unset]{border-top-width:var(--border-width-unset);border-bottom-width:var(--border-width-unset)}[data-cursor=wait]{cursor:wait}[data-cursor=auto]{cursor:auto}[data-cursor=pointer]{cursor:pointer}[data-cursor=not-allowed]{cursor:not-allowed}[data-display=flex]{display:flex;flex-wrap:wrap}[data-display=flex]{display:flex}[data-display=block]{display:block}[data-display=inline-block]{display:inline-block}[data-display=none]{display:none}[data-direction=row]{flex-direction:row}[data-direction=row-reverse]{flex-direction:row-reverse}[data-direction=column]{flex-direction:column}[data-direction=column-reverse]{flex-direction:column-reverse}[data-grow='1']{flex-grow:1}[data-grow=unset]{flex-grow:unset}[data-shrink='0']{flex-shrink:0}[data-shrink=unset]{flex-shrink:unset}[data-wrap=nowrap]{flex-wrap:nowrap}[data-wrap=wrap]{flex-wrap:wrap}[data-wrap=wrap-reverse]{flex-wrap:wrap-reverse}[data-wrap=unset]{flex-wrap:unset}[data-color=neutral-0]{color:var(--color-neutral-0)}[data-color=neutral-50]{color:var(--color-neutral-50)}[data-color=neutral-100]{color:var(--color-neutral-100)}[data-color=neutral-200]{color:var(--color-neutral-200)}[data-color=neutral-300]{color:var(--color-neutral-300)}[data-color=neutral-400]{color:var(--color-neutral-400)}[data-color=neutral-500]{color:var(--color-neutral-500)}[data-color=neutral-600]{color:var(--color-neutral-600)}[data-color=neutral-700]{color:var(--color-neutral-700)}[data-color=neutral-800]{color:var(--color-neutral-800)}[data-color=neutral-900]{color:var(--color-neutral-900)}[data-color=neutral-950]{color:var(--color-neutral-950)}[data-color=brand-50]{color:var(--color-brand-50)}[data-color=brand-100]{color:var(--color-brand-100)}[data-color=brand-200]{color:var(--color-brand-200)}[data-color=brand-300]{color:var(--color-brand-300)}[data-color=brand-400]{color:var(--color-brand-400)}[data-color=brand-500]{color:var(--color-brand-500)}[data-color=brand-600]{color:var(--color-brand-600)}[data-color=brand-700]{color:var(--color-brand-700)}[data-color=brand-800]{color:var(--color-brand-800)}[data-color=brand-900]{color:var(--color-brand-900)}[data-color=positive-100]{color:var(--color-positive-100)}[data-color=positive-300]{color:var(--color-positive-300)}[data-color=positive-500]{color:var(--color-positive-500)}[data-color=positive-700]{color:var(--color-positive-700)}[data-color=positive-900]{color:var(--color-positive-900)}[data-color=danger-100]{color:var(--color-danger-100)}[data-color=danger-300]{color:var(--color-danger-300)}[data-color=danger-500]{color:var(--color-danger-500)}[data-color=danger-700]{color:var(--color-danger-700)}[data-color=danger-900]{color:var(--color-danger-900)}[data-color=warning-100]{color:var(--color-warning-100)}[data-color=warning-300]{color:var(--color-warning-300)}[data-color=warning-500]{color:var(--color-warning-500)}[data-color=warning-700]{color:var(--color-warning-700)}[data-color=warning-900]{color:var(--color-warning-900)}[data-ff=sans]{font-family:var(--font-family-sans)}[data-ff=serif]{font-family:var(--font-family-serif)}[data-ff=mono]{font-family:var(--font-family-mono)}[data-fs=xs]{font-size:var(--font-size-xs)}[data-fs=sm]{font-size:var(--font-size-sm)}[data-fs=base]{font-size:var(--font-size-base)}[data-fs=lg]{font-size:var(--font-size-lg)}[data-fs=xl]{font-size:var(--font-size-xl)}[data-fs='2xl']{font-size:var(--font-size-2xl)}[data-fs='3xl']{font-size:var(--font-size-3xl)}[data-fs='4xl']{font-size:var(--font-size-4xl)}[data-fs='5xl']{font-size:var(--font-size-5xl)}[data-fw=light]{font-weight:var(--font-weight-light)}[data-fw=regular]{font-weight:var(--font-weight-regular)}[data-fw=medium]{font-weight:var(--font-weight-medium)}[data-fw=bold]{font-weight:var(--font-weight-bold)}[data-fw=black]{font-weight:var(--font-weight-black)}[data-fw=unset]{font-weight:var(--font-weight-unset)}[data-gap='0']{gap:var(--spacing-0)}[data-gap='0-5']{gap:var(--spacing-0-5)}[data-gap='1']{gap:var(--spacing-1)}[data-gap='1-5']{gap:var(--spacing-1-5)}[data-gap='2']{gap:var(--spacing-2)}[data-gap='2-5']{gap:var(--spacing-2-5)}[data-gap='3']{gap:var(--spacing-3)}[data-gap='4']{gap:var(--spacing-4)}[data-gap='5']{gap:var(--spacing-5)}[data-gap='6']{gap:var(--spacing-6)}[data-gap='8']{gap:var(--spacing-8)}[data-gap='12']{gap:var(--spacing-12)}[data-gap='16']{gap:var(--spacing-16)}[data-gap=auto]{gap:var(--spacing-auto)}[data-height='100%']{height:100%}[data-height=auto]{height:auto}[data-height=unset]{height:unset}[data-ls=tight]{letter-spacing:var(--letter-spacing-tight)}[data-ls=normal]{letter-spacing:var(--letter-spacing-normal)}[data-ls=wide]{letter-spacing:var(--letter-spacing-wide)}[data-ls=wider]{letter-spacing:var(--letter-spacing-wider)}[data-ls=widest]{letter-spacing:var(--letter-spacing-widest)}[data-ls=unset]{letter-spacing:var(--letter-spacing-unset)}[data-lh=none]{line-height:var(--line-height-none)}[data-lh=tight]{line-height:var(--line-height-tight)}[data-lh=base]{line-height:var(--line-height-base)}[data-lh=loose]{line-height:var(--line-height-loose)}[data-lh=display]{line-height:var(--line-height-display)}[data-lh=unset]{line-height:var(--line-height-unset)}[data-m='0']{margin:var(--spacing-0)}[data-m='0-5']{margin:var(--spacing-0-5)}[data-m='1']{margin:var(--spacing-1)}[data-m='1-5']{margin:var(--spacing-1-5)}[data-m='2']{margin:var(--spacing-2)}[data-m='2-5']{margin:var(--spacing-2-5)}[data-m='3']{margin:var(--spacing-3)}[data-m='4']{margin:var(--spacing-4)}[data-m='5']{margin:var(--spacing-5)}[data-m='6']{margin:var(--spacing-6)}[data-m='8']{margin:var(--spacing-8)}[data-m='12']{margin:var(--spacing-12)}[data-m='16']{margin:var(--spacing-16)}[data-m=auto]{margin:var(--spacing-auto)}[data-mx='0']{margin:0 var(--spacing-0)}[data-mx='0-5']{margin:0 var(--spacing-0-5)}[data-mx='1']{margin:0 var(--spacing-1)}[data-mx='1-5']{margin:0 var(--spacing-1-5)}[data-mx='2']{margin:0 var(--spacing-2)}[data-mx='2-5']{margin:0 var(--spacing-2-5)}[data-mx='3']{margin:0 var(--spacing-3)}[data-mx='4']{margin:0 var(--spacing-4)}[data-mx='5']{margin:0 var(--spacing-5)}[data-mx='6']{margin:0 var(--spacing-6)}[data-mx='8']{margin:0 var(--spacing-8)}[data-mx='12']{margin:0 var(--spacing-12)}[data-mx='16']{margin:0 var(--spacing-16)}[data-mx=auto]{margin:0 var(--spacing-auto)}[data-my='0']{margin:var(--spacing-0) 0}[data-my='0-5']{margin:var(--spacing-0-5) 0}[data-my='1']{margin:var(--spacing-1) 0}[data-my='1-5']{margin:var(--spacing-1-5) 0}[data-my='2']{margin:var(--spacing-2) 0}[data-my='2-5']{margin:var(--spacing-2-5) 0}[data-my='3']{margin:var(--spacing-3) 0}[data-my='4']{margin:var(--spacing-4) 0}[data-my='5']{margin:var(--spacing-5) 0}[data-my='6']{margin:var(--spacing-6) 0}[data-my='8']{margin:var(--spacing-8) 0}[data-my='12']{margin:var(--spacing-12) 0}[data-my='16']{margin:var(--spacing-16) 0}[data-my=auto]{margin:var(--spacing-auto) 0}[data-mt='0']{margin-top:var(--spacing-0)}[data-mr='0']{margin-right:var(--spacing-0)}[data-mb='0']{margin-bottom:var(--spacing-0)}[data-ml='0']{margin-left:var(--spacing-0)}[data-mt='0-5']{margin-top:var(--spacing-0-5)}[data-mr='0-5']{margin-right:var(--spacing-0-5)}[data-mb='0-5']{margin-bottom:var(--spacing-0-5)}[data-ml='0-5']{margin-left:var(--spacing-0-5)}[data-mt='1']{margin-top:var(--spacing-1)}[data-mr='1']{margin-right:var(--spacing-1)}[data-mb='1']{margin-bottom:var(--spacing-1)}[data-ml='1']{margin-left:var(--spacing-1)}[data-mt='1-5']{margin-top:var(--spacing-1-5)}[data-mr='1-5']{margin-right:var(--spacing-1-5)}[data-mb='1-5']{margin-bottom:var(--spacing-1-5)}[data-ml='1-5']{margin-left:var(--spacing-1-5)}[data-mt='2']{margin-top:var(--spacing-2)}[data-mr='2']{margin-right:var(--spacing-2)}[data-mb='2']{margin-bottom:var(--spacing-2)}[data-ml='2']{margin-left:var(--spacing-2)}[data-mt='2-5']{margin-top:var(--spacing-2-5)}[data-mr='2-5']{margin-right:var(--spacing-2-5)}[data-mb='2-5']{margin-bottom:var(--spacing-2-5)}[data-ml='2-5']{margin-left:var(--spacing-2-5)}[data-mt='3']{margin-top:var(--spacing-3)}[data-mr='3']{margin-right:var(--spacing-3)}[data-mb='3']{margin-bottom:var(--spacing-3)}[data-ml='3']{margin-left:var(--spacing-3)}[data-mt='4']{margin-top:var(--spacing-4)}[data-mr='4']{margin-right:var(--spacing-4)}[data-mb='4']{margin-bottom:var(--spacing-4)}[data-ml='4']{margin-left:var(--spacing-4)}[data-mt='5']{margin-top:var(--spacing-5)}[data-mr='5']{margin-right:var(--spacing-5)}[data-mb='5']{margin-bottom:var(--spacing-5)}[data-ml='5']{margin-left:var(--spacing-5)}[data-mt='6']{margin-top:var(--spacing-6)}[data-mr='6']{margin-right:var(--spacing-6)}[data-mb='6']{margin-bottom:var(--spacing-6)}[data-ml='6']{margin-left:var(--spacing-6)}[data-mt='8']{margin-top:var(--spacing-8)}[data-mr='8']{margin-right:var(--spacing-8)}[data-mb='8']{margin-bottom:var(--spacing-8)}[data-ml='8']{margin-left:var(--spacing-8)}[data-mt='12']{margin-top:var(--spacing-12)}[data-mr='12']{margin-right:var(--spacing-12)}[data-mb='12']{margin-bottom:var(--spacing-12)}[data-ml='12']{margin-left:var(--spacing-12)}[data-mt='16']{margin-top:var(--spacing-16)}[data-mr='16']{margin-right:var(--spacing-16)}[data-mb='16']{margin-bottom:var(--spacing-16)}[data-ml='16']{margin-left:var(--spacing-16)}[data-mt=auto]{margin-top:var(--spacing-auto)}[data-mr=auto]{margin-right:var(--spacing-auto)}[data-mb=auto]{margin-bottom:var(--spacing-auto)}[data-ml=auto]{margin-left:var(--spacing-auto)}[data-max-height='100%']{max-height:100%}[data-max-height=unset]{max-height:unset}[data-max-height=md]{max-height:768px}[data-max-width='100%']{max-width:100%}[data-max-width=unset]{max-width:unset}[data-max-width=md]{max-width:768px}[data-object-fit=contain]{object-fit:contain}[data-object-fit=cover]{object-fit:cover}[data-object-fit=fill]{object-fit:fill}[data-object-fit=scale-down]{object-fit:scale-down}[data-object-fit=none]{object-fit:none}[data-object-position=top]{object-position:top}[data-object-position=bottom]{object-position:bottom}[data-object-position=left]{object-position:left}[data-object-position=right]{object-position:right}[data-object-position=center]{object-position:center}[data-object-position=top-left]{object-position:top left}[data-object-position=top-right]{object-position:top right}[data-opacity=high]{opacity:var(--opacity-high)}[data-opacity=medium]{opacity:var(--opacity-medium)}[data-opacity=low]{opacity:var(--opacity-low)}[data-overflow=auto]{overflow:auto}[data-overflow=scroll]{overflow:scroll}[data-overflow=hidden]{overflow:hidden}[data-p='0']{padding:var(--spacing-0)}[data-p='0-5']{padding:var(--spacing-0-5)}[data-p='1']{padding:var(--spacing-1)}[data-p='1-5']{padding:var(--spacing-1-5)}[data-p='2']{padding:var(--spacing-2)}[data-p='2-5']{padding:var(--spacing-2-5)}[data-p='3']{padding:var(--spacing-3)}[data-p='4']{padding:var(--spacing-4)}[data-p='5']{padding:var(--spacing-5)}[data-p='6']{padding:var(--spacing-6)}[data-p='8']{padding:var(--spacing-8)}[data-p='12']{padding:var(--spacing-12)}[data-p='16']{padding:var(--spacing-16)}[data-p=auto]{padding:var(--spacing-auto)}[data-px='0']{padding:0 var(--spacing-0)}[data-px='0-5']{padding:0 var(--spacing-0-5)}[data-px='1']{padding:0 var(--spacing-1)}[data-px='1-5']{padding:0 var(--spacing-1-5)}[data-px='2']{padding:0 var(--spacing-2)}[data-px='2-5']{padding:0 var(--spacing-2-5)}[data-px='3']{padding:0 var(--spacing-3)}[data-px='4']{padding:0 var(--spacing-4)}[data-px='5']{padding:0 var(--spacing-5)}[data-px='6']{padding:0 var(--spacing-6)}[data-px='8']{padding:0 var(--spacing-8)}[data-px='12']{padding:0 var(--spacing-12)}[data-px='16']{padding:0 var(--spacing-16)}[data-px=auto]{padding:0 var(--spacing-auto)}[data-py='0']{padding:var(--spacing-0) 0}[data-py='0-5']{padding:var(--spacing-0-5) 0}[data-py='1']{padding:var(--spacing-1) 0}[data-py='1-5']{padding:var(--spacing-1-5) 0}[data-py='2']{padding:var(--spacing-2) 0}[data-py='2-5']{padding:var(--spacing-2-5) 0}[data-py='3']{padding:var(--spacing-3) 0}[data-py='4']{padding:var(--spacing-4) 0}[data-py='5']{padding:var(--spacing-5) 0}[data-py='6']{padding:var(--spacing-6) 0}[data-py='8']{padding:var(--spacing-8) 0}[data-py='12']{padding:var(--spacing-12) 0}[data-py='16']{padding:var(--spacing-16) 0}[data-py=auto]{padding:var(--spacing-auto) 0}[data-pt='0']{padding-top:var(--spacing-0)}[data-pr='0']{padding-right:var(--spacing-0)}[data-pb='0']{padding-bottom:var(--spacing-0)}[data-pl='0']{padding-left:var(--spacing-0)}[data-pt='0-5']{padding-top:var(--spacing-0-5)}[data-pr='0-5']{padding-right:var(--spacing-0-5)}[data-pb='0-5']{padding-bottom:var(--spacing-0-5)}[data-pl='0-5']{padding-left:var(--spacing-0-5)}[data-pt='1']{padding-top:var(--spacing-1)}[data-pr='1']{padding-right:var(--spacing-1)}[data-pb='1']{padding-bottom:var(--spacing-1)}[data-pl='1']{padding-left:var(--spacing-1)}[data-pt='1-5']{padding-top:var(--spacing-1-5)}[data-pr='1-5']{padding-right:var(--spacing-1-5)}[data-pb='1-5']{padding-bottom:var(--spacing-1-5)}[data-pl='1-5']{padding-left:var(--spacing-1-5)}[data-pt='2']{padding-top:var(--spacing-2)}[data-pr='2']{padding-right:var(--spacing-2)}[data-pb='2']{padding-bottom:var(--spacing-2)}[data-pl='2']{padding-left:var(--spacing-2)}[data-pt='2-5']{padding-top:var(--spacing-2-5)}[data-pr='2-5']{padding-right:var(--spacing-2-5)}[data-pb='2-5']{padding-bottom:var(--spacing-2-5)}[data-pl='2-5']{padding-left:var(--spacing-2-5)}[data-pt='3']{padding-top:var(--spacing-3)}[data-pr='3']{padding-right:var(--spacing-3)}[data-pb='3']{padding-bottom:var(--spacing-3)}[data-pl='3']{padding-left:var(--spacing-3)}[data-pt='4']{padding-top:var(--spacing-4)}[data-pr='4']{padding-right:var(--spacing-4)}[data-pb='4']{padding-bottom:var(--spacing-4)}[data-pl='4']{padding-left:var(--spacing-4)}[data-pt='5']{padding-top:var(--spacing-5)}[data-pr='5']{padding-right:var(--spacing-5)}[data-pb='5']{padding-bottom:var(--spacing-5)}[data-pl='5']{padding-left:var(--spacing-5)}[data-pt='6']{padding-top:var(--spacing-6)}[data-pr='6']{padding-right:var(--spacing-6)}[data-pb='6']{padding-bottom:var(--spacing-6)}[data-pl='6']{padding-left:var(--spacing-6)}[data-pt='8']{padding-top:var(--spacing-8)}[data-pr='8']{padding-right:var(--spacing-8)}[data-pb='8']{padding-bottom:var(--spacing-8)}[data-pl='8']{padding-left:var(--spacing-8)}[data-pt='12']{padding-top:var(--spacing-12)}[data-pr='12']{padding-right:var(--spacing-12)}[data-pb='12']{padding-bottom:var(--spacing-12)}[data-pl='12']{padding-left:var(--spacing-12)}[data-pt='16']{padding-top:var(--spacing-16)}[data-pr='16']{padding-right:var(--spacing-16)}[data-pb='16']{padding-bottom:var(--spacing-16)}[data-pl='16']{padding-left:var(--spacing-16)}[data-pt=auto]{padding-top:var(--spacing-auto)}[data-pr=auto]{padding-right:var(--spacing-auto)}[data-pb=auto]{padding-bottom:var(--spacing-auto)}[data-pl=auto]{padding-left:var(--spacing-auto)}[data-pointer-events=none]{pointer-events:none}[data-pointer-events=auto]{pointer-events:auto}[data-position=static]{position:static}[data-position=relative]{position:relative}[data-position=absolute]{position:absolute}[data-position=fixed]{position:fixed}[data-position=sticky]{position:sticky}[data-position=unset]{position:unset}[data-top='0']{top:var(--spacing-0)}[data-right='0']{right:var(--spacing-0)}[data-bottom='0']{bottom:var(--spacing-0)}[data-left='0']{left:var(--spacing-0)}[data-inset='0']{inset:var(--spacing-0)}[data-top='0-5']{top:var(--spacing-0-5)}[data-right='0-5']{right:var(--spacing-0-5)}[data-bottom='0-5']{bottom:var(--spacing-0-5)}[data-left='0-5']{left:var(--spacing-0-5)}[data-inset='0-5']{inset:var(--spacing-0-5)}[data-top='1']{top:var(--spacing-1)}[data-right='1']{right:var(--spacing-1)}[data-bottom='1']{bottom:var(--spacing-1)}[data-left='1']{left:var(--spacing-1)}[data-inset='1']{inset:var(--spacing-1)}[data-top='1-5']{top:var(--spacing-1-5)}[data-right='1-5']{right:var(--spacing-1-5)}[data-bottom='1-5']{bottom:var(--spacing-1-5)}[data-left='1-5']{left:var(--spacing-1-5)}[data-inset='1-5']{inset:var(--spacing-1-5)}[data-top='2']{top:var(--spacing-2)}[data-right='2']{right:var(--spacing-2)}[data-bottom='2']{bottom:var(--spacing-2)}[data-left='2']{left:var(--spacing-2)}[data-inset='2']{inset:var(--spacing-2)}[data-top='2-5']{top:var(--spacing-2-5)}[data-right='2-5']{right:var(--spacing-2-5)}[data-bottom='2-5']{bottom:var(--spacing-2-5)}[data-left='2-5']{left:var(--spacing-2-5)}[data-inset='2-5']{inset:var(--spacing-2-5)}[data-top='3']{top:var(--spacing-3)}[data-right='3']{right:var(--spacing-3)}[data-bottom='3']{bottom:var(--spacing-3)}[data-left='3']{left:var(--spacing-3)}[data-inset='3']{inset:var(--spacing-3)}[data-top='4']{top:var(--spacing-4)}[data-right='4']{right:var(--spacing-4)}[data-bottom='4']{bottom:var(--spacing-4)}[data-left='4']{left:var(--spacing-4)}[data-inset='4']{inset:var(--spacing-4)}[data-top='5']{top:var(--spacing-5)}[data-right='5']{right:var(--spacing-5)}[data-bottom='5']{bottom:var(--spacing-5)}[data-left='5']{left:var(--spacing-5)}[data-inset='5']{inset:var(--spacing-5)}[data-top='6']{top:var(--spacing-6)}[data-right='6']{right:var(--spacing-6)}[data-bottom='6']{bottom:var(--spacing-6)}[data-left='6']{left:var(--spacing-6)}[data-inset='6']{inset:var(--spacing-6)}[data-top='8']{top:var(--spacing-8)}[data-right='8']{right:var(--spacing-8)}[data-bottom='8']{bottom:var(--spacing-8)}[data-left='8']{left:var(--spacing-8)}[data-inset='8']{inset:var(--spacing-8)}[data-top='12']{top:var(--spacing-12)}[data-right='12']{right:var(--spacing-12)}[data-bottom='12']{bottom:var(--spacing-12)}[data-left='12']{left:var(--spacing-12)}[data-inset='12']{inset:var(--spacing-12)}[data-top='16']{top:var(--spacing-16)}[data-right='16']{right:var(--spacing-16)}[data-bottom='16']{bottom:var(--spacing-16)}[data-left='16']{left:var(--spacing-16)}[data-inset='16']{inset:var(--spacing-16)}[data-top=auto]{top:var(--spacing-auto)}[data-right=auto]{right:var(--spacing-auto)}[data-bottom=auto]{bottom:var(--spacing-auto)}[data-left=auto]{left:var(--spacing-auto)}[data-inset=auto]{inset:var(--spacing-auto)}[data-br=none]{border-radius:var(--radius-none)}[data-br=xs]{border-radius:var(--radius-xs)}[data-br=sm]{border-radius:var(--radius-sm)}[data-br=md]{border-radius:var(--radius-md)}[data-br=lg]{border-radius:var(--radius-lg)}[data-br=xl]{border-radius:var(--radius-xl)}[data-br=pill]{border-radius:var(--radius-pill)}[data-br=circle]{border-radius:var(--radius-circle)}[data-br=unset]{border-radius:var(--radius-unset)}[data-rotate='0']{transform:rotate(0)}[data-rotate='90']{transform:rotate(90deg)}[data-rotate='180']{transform:rotate(180deg)}[data-rotate='270']{transform:rotate(270deg)}[data-shadow=none]{box-shadow:var(--shadow-none)}[data-shadow=xs]{box-shadow:var(--shadow-xs)}[data-shadow=sm]{box-shadow:var(--shadow-sm)}[data-shadow=md]{box-shadow:var(--shadow-md)}[data-shadow=lg]{box-shadow:var(--shadow-lg)}[data-shadow=xl]{box-shadow:var(--shadow-xl)}[data-shadow=inner]{box-shadow:var(--shadow-inner)}[data-shadow=unset]{box-shadow:var(--shadow-unset)}[data-size=xs]{height:var(--size-xs);width:var(--size-xs)}[data-size=sm]{height:var(--size-sm);width:var(--size-sm)}[data-size=md]{height:var(--size-md);width:var(--size-md)}[data-size=lg]{height:var(--size-lg);width:var(--size-lg)}[data-size=xl]{height:var(--size-xl);width:var(--size-xl)}[data-size='2xl']{height:var(--size-2xl);width:var(--size-2xl)}[data-transform~=uppercase]{text-transform:uppercase}[data-transform~=lowercase]{text-transform:lowercase}[data-transform~=capitalize]{text-transform:capitalize}[data-transform~=upper-first]:first-letter{text-transform:uppercase}[data-transform~=truncate]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-transform~=center]{text-align:center}[data-transform~=nowrap]{white-space:nowrap}[data-transform~=none]{text-transform:none}[data-transform~=line-clamp]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines,2);overflow:hidden}[data-width='100%']{width:100%}[data-width=auto]{width:auto}[data-width=unset]{width:unset}[data-z=negative]{z-index:var(--z-index-negative)}[data-z='0']{z-index:var(--z-index-0)}[data-z='1']{z-index:var(--z-index-1)}[data-z='2']{z-index:var(--z-index-2)}[data-z='3']{z-index:var(--z-index-3)}.c-button{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);border-radius:var(--radius-sm);border:var(--border-width-md) solid transparent;background-color:transparent;height:36px;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;transition:border-radius var(--motion-medium) ease,opacity var(--motion-slow) ease}.c-button:active,.c-button:focus,.c-button:hover{cursor:pointer;opacity:var(--opacity-high);border-radius:0;transition:border-radius var(--motion-medium) ease,opacity var(--motion-slow) ease}.c-button:active{border:var(--border-width-md) solid transparent!important}.c-button:disabled{opacity:var(--opacity-medium);transition:opacity var(--motion-medium) ease}.c-button:disabled:hover{cursor:auto;border-radius:var(--radius-sm)}.c-button[data-variant=primary]{padding-inline:var(--spacing-2);background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.c-button[data-variant=primary]:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-neutral-200) 80%,var(--color-neutral-50) 20%)}.c-button[data-variant=secondary]{padding-inline:var(--spacing-2);background-color:var(--color-neutral-700);color:var(--color-neutral-200)}.c-button[data-variant=secondary]:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-neutral-700) 85%,var(--color-neutral-100) 15%)}.c-button[data-variant=bare]{padding-inline:var(--spacing-1);background-color:transparent;color:var(--color-neutral-300)}.c-button[data-variant=bare]:hover:not(:disabled){color:var(--color-neutral-100)}.c-button[data-variant=with-icon]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);background-color:transparent;color:var(--color-neutral-300)}.c-button[data-variant=with-icon]:hover:not(:disabled){color:var(--color-neutral-100)}.c-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-neutral-950),0 0 0 4px var(--color-neutral-400)}@media (prefers-reduced-motion:reduce){.c-button{transition:none}}.c-input{height:36px;font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--color-neutral-100);padding-inline:var(--spacing-1-5);background-color:var(--color-neutral-800);border:var(--border-width-hairline) solid var(--color-neutral-600);border-radius:var(--radius-sm);outline:0;appearance:none;transition:border-radius var(--motion-medium) ease,border-color var(--motion-slow) ease}.c-input:is(:hover,:focus){border-color:var(--color-neutral-400);border-radius:0}.c-input:disabled{opacity:var(--opacity-medium);background-color:var(--color-neutral-900);border-color:var(--color-neutral-800);pointer-events:none}.c-input:disabled:hover{border-radius:var(--radius-sm)}.c-input::placeholder{color:var(--color-neutral-400);opacity:1}.c-input:invalid:not(:placeholder-shown){border-color:var(--color-danger-500)}.c-label{display:block;margin-block-end:var(--spacing-1-5);font-size:var(--font-size-xs);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-neutral-300);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--timing-medium) var(--ease-standard)}.c-textarea{min-height:72px;padding:var(--spacing-1-5);font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-neutral-100);background-color:var(--color-neutral-800);border:var(--border-width-hairline) solid var(--color-neutral-800);border-radius:var(--radius-sm);appearance:none;resize:none;outline:0;transition:border-radius var(--motion-medium) ease,border-color var(--motion-slow) ease}.c-textarea:is(:hover,:focus){border-color:var(--color-neutral-600);border-radius:0}.c-textarea:disabled{opacity:var(--opacity-medium);background-color:var(--color-neutral-900);border-color:var(--color-neutral-800);pointer-events:none}.c-textarea::placeholder{color:var(--color-neutral-400);opacity:1}.c-textarea:invalid:not(:placeholder-shown){border-color:var(--color-danger-500)}@supports (appearance:none){.c-select{height:36px;padding-right:var(--spacing-8);padding-left:var(--spacing-1-5);font-size:var(--font-size-xs);line-height:var(--line-height-base);color:var(--color-neutral-100);background-color:var(--color-neutral-800);border:var(--border-width-hairline) solid var(--color-neutral-800);border-radius:var(--radius-sm);text-overflow:ellipsis;appearance:none;outline:0;transition:border-radius var(--motion-medium) ease,border-color var(--motion-slow) ease}.c-select:is(:hover,:focus){cursor:pointer;border-color:var(--color-neutral-600);border-radius:0}.c-select:disabled{opacity:var(--opacity-medium);background-color:var(--color-neutral-900);border-color:var(--color-neutral-800);pointer-events:none}.c-select-wrapper{position:relative}.c-select-wrapper::after{position:absolute;content:"";top:12px;right:8px;height:8px;width:8px;border:2px solid var(--color-neutral-300);border-left:none;border-top:none;transform:rotate(45deg)}}@media not all and (min-resolution:0.001dpcm){.c-select{font-size:var(--font-size-base)}}.c-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.c-badge{display:flex;justify-content:center;align-items:center;padding:0 var(--spacing-1-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-loose);text-align:center;text-transform:uppercase}.c-badge:hover{opacity:var(--opacity-high);transition:opacity var(--motion-medium);background-color:color-mix(in oklch,var(--color-neutral-700) 85%,var(--color-neutral-100) 15%)}.c-badge[data-variant=primary]{color:var(--color-neutral-300);background-color:var(--color-neutral-700);border-radius:var(--radius-sm)}.c-badge[data-variant=outline]{color:var(--color-neutral-300);border:var(--border-width-hairline) solid var(--color-neutral-300);background-color:transparent}.c-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-brand-500);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;transition:color var(--motion-medium) ease,text-decoration-color var(--motion-slow) ease}.c-link:focus,.c-link:hover{color:var(--color-brand-400);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--color-brand-400)}.c-link:active{color:var(--color-brand-500)}.c-link:visited{color:var(--color-brand-500)}.c-link:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-neutral-950),0 0 0 4px var(--color-focus-ring)}@supports (appearance:none){.c-checkbox{position:relative;appearance:none;outline:0;min-height:var(--size-lg);min-width:var(--size-lg);background-color:var(--color-neutral-800);border:var(--border-width-hairline) solid var(--color-neutral-700);border-radius:var(--radius-xs);transition:border-radius var(--motion-medium) ease,border-color var(--motion-slow) ease}.c-checkbox:checked,.c-checkbox:hover{border-color:var(--color-neutral-300);border-radius:0;cursor:pointer}.c-checkbox:checked:hover{border-color:var(--color-neutral-300);cursor:pointer}.c-checkbox:focus{border:var(--border-width-hairline) solid var(--color-neutral-300)}.c-checkbox:checked::after,.c-checkbox:hover::after{position:absolute;content:"";top:6px;left:6px;height:6px;width:10px;border:var(--border-width-thin) solid var(--color-neutral-300);border-top:0;border-right:0;transform:rotate(-45deg)}.c-checkbox:hover::after{border-color:var(--color-neutral-400)}}.c-file-explorer{overflow:hidden;position:absolute;z-index:-1;width:.1px;height:.1px;opacity:0}.c-range{appearance:none;height:8px;border-radius:var(--radius-md);background:linear-gradient(to right,var(--color-neutral-500) var(--percentage,15%),var(--color-neutral-700) var(--percentage,15%))}.c-range::-moz-range-thumb{appearance:none;box-shadow:none;border:none;border-radius:var(--radius-circle);height:14px;width:14px;background:var(--color-neutral-300)}.c-range::-ms-thumb{appearance:none;box-shadow:none;border:none;border-radius:var(--radius-circle);height:14px;width:14px;background:var(--color-neutral-300)}.c-range::-webkit-slider-thumb{appearance:none;box-shadow:none;border:none;border-radius:var(--radius-circle);height:14px;width:14px;margin-top:0;background:var(--color-neutral-300)}.c-range::-moz-range-track{appearance:none;box-shadow:none;border:none}.c-range::-webkit-slider-runnable-track{appearance:none;box-shadow:none;border:none}.c-range::-ms-track{appearance:none;box-shadow:none;border:none}@keyframes grow-fade-in{from{opacity:var(--opacity-high);scale:0.9}to{opacity:1;scale:1}}[data-animation=grow-fade-in]{animation:grow-fade-in var(--motion-fast) ease forwards}@keyframes shrink-fade-out{to{opacity:var(--opacity-low);scale:0.9}}[data-animation=shrink-fade-out]{animation:shrink-fade-out var(--motion-fast) ease forwards}[data-interaction=grow]{transition:width var(--motion-medium) ease-in-out}[data-interaction=rotate-into-focus]{transition:transform var(--motion-fast) ease-in-out,box-shadow var(--motion-fast) ease-in-out}[data-interaction=rotate-into-focus]:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.2)}[data-interaction=rotate-into-focus]:active{transform:scale(1.05)}[data-interaction=rotate-into-focus]>*{transition:transform var(--motion-medium) cubic-bezier(.175, .885, .32, 1.275)}[data-interaction=rotate-into-focus]:hover>*{transform:rotate(90deg)}[data-interaction=subtle-scale]{transition:transform var(--motion-medium) ease-in-out}[data-interaction=subtle-scale]:hover{transform:scale(1.25)}
Binary file
Binary file
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@bgord/design",
3
- "version": "0.29.6",
3
+ "version": "1.0.0",
4
4
  "author": "Bartosz Gordon",
5
5
  "devDependencies": {
6
6
  "@biomejs/biome": "2.0.6",
7
7
  "@commitlint/cli": "19.8.1",
8
8
  "@commitlint/config-conventional": "19.8.1",
9
9
  "@types/bun": "1.2.19",
10
- "@types/culori": "^4.0.0",
10
+ "@types/culori": "4.0.0",
11
11
  "@types/lodash": "4.17.20",
12
12
  "clean-css-cli": "5.6.3",
13
13
  "cspell": "9.2.0",
@@ -23,7 +23,7 @@
23
23
  "typescript": "5.8.3"
24
24
  },
25
25
  "dependencies": {
26
- "culori": "^4.0.2",
26
+ "culori": "4.0.2",
27
27
  "lodash": "4.17.21"
28
28
  },
29
29
  "license": "MIT",