@coinbase/cds-web 0.0.0 → 8.13.2

package/esm/styles/responsive/base.js

@@ -0,0 +1,786 @@
+/**
+ * These styles are used to power the component StyleProps API.
+ */
+
+/* eslint-disable no-restricted-syntax */
+
+/**
+ * Classnames for dynamic style props. Dynamic style props are style props whose
+ * values cannot be known at build time, such as width and height. The values for
+ * these style props are set via CSS Variables in the inline styles.
+ */
+export const dynamic = {
+  width: "width-ws51euf",
+  height: "height-hlltmgk",
+  minWidth: "minWidth-mqpqo7l",
+  minHeight: "minHeight-m4skct1",
+  maxWidth: "maxWidth-mlqx6vn",
+  maxHeight: "maxHeight-m1j54oia",
+  aspectRatio: "aspectRatio-a84sbwf",
+  top: "top-tdg7jij",
+  bottom: "bottom-b1be86ab",
+  left: "left-lm78jym",
+  right: "right-r6c51us",
+  transform: "transform-t45uj7y",
+  flexBasis: "flexBasis-f95bkpo",
+  flexShrink: "flexShrink-f174hu22",
+  flexGrow: "flexGrow-fav9hyl",
+  gridTemplateColumns: "gridTemplateColumns-gd2zu8g",
+  gridTemplateRows: "gridTemplateRows-gf9pn8y",
+  gridTemplateAreas: "gridTemplateAreas-g1omg5ug",
+  gridTemplate: "gridTemplate-g1uj0tlf",
+  gridAutoColumns: "gridAutoColumns-g1ejn4mn",
+  gridAutoRows: "gridAutoRows-g1ju005r",
+  gridAutoFlow: "gridAutoFlow-g1aotx1a",
+  grid: "grid-g1xp97u0",
+  gridRowStart: "gridRowStart-g18mi1xo",
+  gridColumnStart: "gridColumnStart-g129u2fk",
+  gridRowEnd: "gridRowEnd-g1mjd2qg",
+  gridColumnEnd: "gridColumnEnd-gegarbv",
+  gridRow: "gridRow-goy5vtc",
+  gridColumn: "gridColumn-gwcepfw",
+  gridArea: "gridArea-g1g3yc7q",
+  opacity: "opacity-o1xnesha",
+  zIndex: "zIndex-z1q1xk3b"
+};
+export const elevation = {
+  '0': "_0-_84wo8p",
+  '1': "_1-_1eiswah",
+  '2': "_2-_s1luli"
+};
+export const color = {
+  // Text
+  fg: "fg-f1sorag4",
+  fgInverse: "fgInverse-f1sdlwjn",
+  fgMuted: "fgMuted-fqraqpo",
+  fgPrimary: "fgPrimary-f1viahif",
+  fgPositive: "fgPositive-fbpyopb",
+  fgNegative: "fgNegative-f1m1ty4u",
+  fgWarning: "fgWarning-f1nm2vsf",
+  // Background
+  bg: "bg-b12g5fcb",
+  bgAlternate: "bgAlternate-b52wb6g",
+  bgInverse: "bgInverse-bzur3nb",
+  bgOverlay: "bgOverlay-b1ka60nj",
+  bgPrimary: "bgPrimary-b1aljuol",
+  bgPrimaryWash: "bgPrimaryWash-b1fw27dk",
+  bgSecondary: "bgSecondary-b5l9118",
+  bgTertiary: "bgTertiary-bgz8tou",
+  bgSecondaryWash: "bgSecondaryWash-b10k524u",
+  bgNegative: "bgNegative-bt8y1z4",
+  bgNegativeWash: "bgNegativeWash-b1rrsysm",
+  bgPositive: "bgPositive-b9itlvz",
+  bgPositiveWash: "bgPositiveWash-b1pm9n49",
+  bgWarning: "bgWarning-bssbw6o",
+  bgWarningWash: "bgWarningWash-b14ltner",
+  currentColor: "currentColor-c1ul679q",
+  // Line
+  bgLine: "bgLine-b1vr32vn",
+  bgLineInverse: "bgLineInverse-b1qa1j3s",
+  bgLineHeavy: "bgLineHeavy-bd91iod",
+  bgLinePrimary: "bgLinePrimary-b1ugusav",
+  bgLinePrimarySubtle: "bgLinePrimarySubtle-b496ox3",
+  // Elevation
+  bgElevation1: "bgElevation1-b1xpurn",
+  bgElevation2: "bgElevation2-bm6rfie",
+  // Accent
+  accentSubtleGreen: "accentSubtleGreen-af641jr",
+  accentBoldGreen: "accentBoldGreen-ajj71la",
+  accentSubtleBlue: "accentSubtleBlue-ao1p26d",
+  accentBoldBlue: "accentBoldBlue-afycglk",
+  accentSubtlePurple: "accentSubtlePurple-ad6dv0g",
+  accentBoldPurple: "accentBoldPurple-a1kllxfn",
+  accentSubtleYellow: "accentSubtleYellow-a1d2msdo",
+  accentBoldYellow: "accentBoldYellow-a1ntp6j3",
+  accentSubtleRed: "accentSubtleRed-ad0xcfw",
+  accentBoldRed: "accentBoldRed-a1986k35",
+  accentSubtleGray: "accentSubtleGray-ai0vdxx",
+  accentBoldGray: "accentBoldGray-a1ud44uh",
+  transparent: "transparent-t1hcsbxs"
+};
+export const background = {
+  // Text
+  fg: "fg-f1ji6g56",
+  fgInverse: "fgInverse-fgc07le",
+  fgMuted: "fgMuted-f1mjskv0",
+  fgPrimary: "fgPrimary-f1xf6qvv",
+  fgPositive: "fgPositive-fcqlvdb",
+  fgNegative: "fgNegative-f10gwa9h",
+  fgWarning: "fgWarning-fwgodzz",
+  // Background
+  bg: "bg-bp7gg31",
+  bgAlternate: "bgAlternate-btxvtgs",
+  bgInverse: "bgInverse-b1t56abb",
+  bgOverlay: "bgOverlay-bjnoqsf",
+  bgPrimary: "bgPrimary-bblmfz8",
+  bgPrimaryWash: "bgPrimaryWash-b11egn9o",
+  bgSecondary: "bgSecondary-b1grshbj",
+  bgTertiary: "bgTertiary-b14ye04l",
+  bgSecondaryWash: "bgSecondaryWash-b16tnf3u",
+  bgNegative: "bgNegative-b1afxe3l",
+  bgNegativeWash: "bgNegativeWash-be9iuv9",
+  bgPositive: "bgPositive-bxtmuzt",
+  bgPositiveWash: "bgPositiveWash-brar8as",
+  bgWarning: "bgWarning-b17uahzq",
+  bgWarningWash: "bgWarningWash-b190jajv",
+  currentColor: "currentColor-c163inl0",
+  // Line
+  bgLine: "bgLine-b1adt9t6",
+  bgLineInverse: "bgLineInverse-b3wr6s6",
+  bgLineHeavy: "bgLineHeavy-b1vhezqk",
+  bgLinePrimary: "bgLinePrimary-b1tn1jha",
+  bgLinePrimarySubtle: "bgLinePrimarySubtle-bz6474u",
+  // Elevation
+  bgElevation1: "bgElevation1-b79upt4",
+  bgElevation2: "bgElevation2-b15ojmgc",
+  // Accent
+  accentSubtleGreen: "accentSubtleGreen-atz7afl",
+  accentBoldGreen: "accentBoldGreen-a1p7mmqm",
+  accentSubtleBlue: "accentSubtleBlue-a1gb7cwg",
+  accentBoldBlue: "accentBoldBlue-aghzzp7",
+  accentSubtlePurple: "accentSubtlePurple-a10r1wxs",
+  accentBoldPurple: "accentBoldPurple-a1aei22r",
+  accentSubtleYellow: "accentSubtleYellow-a1607ty",
+  accentBoldYellow: "accentBoldYellow-a1v2stp",
+  accentSubtleRed: "accentSubtleRed-adgkawt",
+  accentBoldRed: "accentBoldRed-a1oak3wv",
+  accentSubtleGray: "accentSubtleGray-a1g3x8gi",
+  accentBoldGray: "accentBoldGray-a1k42ujl",
+  transparent: "transparent-t1rmk6ui"
+};
+export const borderColor = {
+  // Text
+  fg: "fg-fptiutx",
+  fgInverse: "fgInverse-f9w40j5",
+  fgMuted: "fgMuted-f1loi5og",
+  fgPrimary: "fgPrimary-f1qzfoj",
+  fgPositive: "fgPositive-flgbq29",
+  fgNegative: "fgNegative-f15kdayx",
+  fgWarning: "fgWarning-f1lxecuc",
+  // Background
+  bg: "bg-b8eq6jz",
+  bgAlternate: "bgAlternate-b1jng19z",
+  bgInverse: "bgInverse-b1ghjtz3",
+  bgOverlay: "bgOverlay-bhn9fpk",
+  bgPrimary: "bgPrimary-b1pbb0cl",
+  bgPrimaryWash: "bgPrimaryWash-b1tfxswc",
+  bgSecondary: "bgSecondary-b1k12t3h",
+  bgTertiary: "bgTertiary-bp6d8sm",
+  bgSecondaryWash: "bgSecondaryWash-b1hzqmmc",
+  bgNegative: "bgNegative-b9fcvo8",
+  bgNegativeWash: "bgNegativeWash-b2wq5d9",
+  bgPositive: "bgPositive-b1osap6",
+  bgPositiveWash: "bgPositiveWash-b1bjrl0e",
+  bgWarning: "bgWarning-b122o4ue",
+  bgWarningWash: "bgWarningWash-b15t034b",
+  currentColor: "currentColor-c7ce9f8",
+  // Line
+  bgLine: "bgLine-b1klk6h",
+  bgLineInverse: "bgLineInverse-b1icv4qd",
+  bgLineHeavy: "bgLineHeavy-b1a7asuz",
+  bgLinePrimary: "bgLinePrimary-b1td2v0f",
+  bgLinePrimarySubtle: "bgLinePrimarySubtle-brk8uf6",
+  // Elevation
+  bgElevation1: "bgElevation1-b1gq2shu",
+  bgElevation2: "bgElevation2-b1byztzc",
+  // Accent
+  accentSubtleGreen: "accentSubtleGreen-a1cq2rs6",
+  accentBoldGreen: "accentBoldGreen-a5pgmhz",
+  accentSubtleBlue: "accentSubtleBlue-a1y1cqcx",
+  accentBoldBlue: "accentBoldBlue-aj6ukis",
+  accentSubtlePurple: "accentSubtlePurple-a1831pd5",
+  accentBoldPurple: "accentBoldPurple-a1gf5xiy",
+  accentSubtleYellow: "accentSubtleYellow-ac8mq3i",
+  accentBoldYellow: "accentBoldYellow-a7rgky6",
+  accentSubtleRed: "accentSubtleRed-a1h0vvd",
+  accentBoldRed: "accentBoldRed-aimyx9l",
+  accentSubtleGray: "accentSubtleGray-aas4tiw",
+  accentBoldGray: "accentBoldGray-a1ls8tbf",
+  transparent: "transparent-t19xnyi7"
+};
+export const borderWidth = {
+  '0': "_0-_19in606",
+  '100': "_100-_x44gs4",
+  '200': "_200-_1p1hizw",
+  '300': "_300-_1nwa4h4",
+  '400': "_400-_4ulx6t",
+  '500': "_500-_bsca7d"
+};
+export const borderTopWidth = {
+  '0': "_0-_17g28qe",
+  '100': "_100-_uwemcl",
+  '200': "_200-_1w5hul1",
+  '300': "_300-_lkxi2e",
+  '400': "_400-_1jx9c6d",
+  '500': "_500-_1xyr0za"
+};
+export const borderEndWidth = {
+  '0': "_0-_1q6mnhl",
+  '100': "_100-_os92pe",
+  '200': "_200-_tipqb4",
+  '300': "_300-_1velnko",
+  '400': "_400-_10k39uv",
+  '500': "_500-_157mtut"
+};
+export const borderBottomWidth = {
+  '0': "_0-_2001a1",
+  '100': "_100-_1gaitlf",
+  '200': "_200-_19iv60d",
+  '300': "_300-_1y3d0mc",
+  '400': "_400-_1doztzp",
+  '500': "_500-_1cshnlt"
+};
+export const borderStartWidth = {
+  '0': "_0-_z29op5",
+  '100': "_100-_2knetg",
+  '200': "_200-_l4xtsv",
+  '300': "_300-_1qx6v8r",
+  '400': "_400-_qw0xzd",
+  '500': "_500-_1qavaov"
+};
+export const borderRadius = {
+  '0': "_0-_98b1w6",
+  '100': "_100-_37yzm3",
+  '200': "_200-_tv7eta",
+  '300': "_300-_1yza52v",
+  '400': "_400-_5gf0vr",
+  '500': "_500-_milbw2",
+  '600': "_600-_gqk0w1",
+  '700': "_700-_qb1h6b",
+  '800': "_800-_owgvh2",
+  '900': "_900-_1i1nlmz",
+  '1000': "_1000-_tqhrr9"
+};
+export const borderTopLeftRadius = {
+  '0': "_0-_1ot4lf1",
+  '100': "_100-_1krdvw6",
+  '200': "_200-_1imsgl5",
+  '300': "_300-_7ntxpg",
+  '400': "_400-_1qqu2c",
+  '500': "_500-_1kh4l29",
+  '600': "_600-_bqs4h1",
+  '700': "_700-_1735hvg",
+  '800': "_800-_q6g0rd",
+  '900': "_900-_1isu8ww",
+  '1000': "_1000-_p4nbu2"
+};
+export const borderTopRightRadius = {
+  '0': "_0-_1lrqugk",
+  '100': "_100-_1a6c7v7",
+  '200': "_200-_m3g5qc",
+  '300': "_300-_40bmxc",
+  '400': "_400-_14h956a",
+  '500': "_500-_vpsyss",
+  '600': "_600-_nfutbc",
+  '700': "_700-_1ou0u0q",
+  '800': "_800-_p73tsb",
+  '900': "_900-_104eud2",
+  '1000': "_1000-_nxsdri"
+};
+export const borderBottomLeftRadius = {
+  '0': "_0-_1ys2vwi",
+  '100': "_100-_q8d13g",
+  '200': "_200-_19lmvm1",
+  '300': "_300-_e3gbwy",
+  '400': "_400-_hqp1xv",
+  '500': "_500-_3aig17",
+  '600': "_600-_1ysdxt",
+  '700': "_700-_1v7m5fc",
+  '800': "_800-_1n0p867",
+  '900': "_900-_13m8c73",
+  '1000': "_1000-_1fezlxx"
+};
+export const borderBottomRightRadius = {
+  '0': "_0-_ut98f0",
+  '100': "_100-_1rgld2v",
+  '200': "_200-_di4iq3",
+  '300': "_300-_21wha0",
+  '400': "_400-_1vfg58b",
+  '500': "_500-_1yvdl3l",
+  '600': "_600-_1rrby9h",
+  '700': "_700-_141nev6",
+  '800': "_800-_1dv7wl6",
+  '900': "_900-_1dgb61n",
+  '1000': "_1000-_1se4x7l"
+};
+export const fontFamily = {
+  inherit: "inherit-i8cekjn",
+  display1: "display1-dzojlp6",
+  display2: "display2-d3fywui",
+  display3: "display3-dtjjpxb",
+  title1: "title1-ttjegjq",
+  title2: "title2-tpsfzpy",
+  title3: "title3-t1pt4osh",
+  title4: "title4-t13kft3r",
+  headline: "headline-h15u0we0",
+  body: "body-b14a8egd",
+  label1: "label1-ls4u9x0",
+  label2: "label2-l10mk5xx",
+  caption: "caption-c1ixh122",
+  legal: "legal-l1rlpdrj"
+};
+export const fontSize = {
+  inherit: "inherit-i5yfwju",
+  display1: "display1-d17892sq",
+  display2: "display2-d1fkc23d",
+  display3: "display3-dl292op",
+  title1: "title1-t1a8sccc",
+  title2: "title2-t7e0619",
+  title3: "title3-t1o13984",
+  title4: "title4-tm94xek",
+  headline: "headline-h1cz184y",
+  body: "body-b12ips9k",
+  label1: "label1-lf42erj",
+  label2: "label2-l1glrsmm",
+  caption: "caption-ci4xagh",
+  legal: "legal-l1v2lxsb"
+};
+export const fontWeight = {
+  inherit: "inherit-i19jd86n",
+  display1: "display1-d1t9s7wj",
+  display2: "display2-dmahq7d",
+  display3: "display3-d182f2cw",
+  title1: "title1-t2h7dc3",
+  title2: "title2-ttmcsrw",
+  title3: "title3-t1n2n1bp",
+  title4: "title4-tutwshz",
+  headline: "headline-h1axe68h",
+  body: "body-b1mqcg5r",
+  label1: "label1-luvj522",
+  label2: "label2-l1fze828",
+  caption: "caption-c1tr6o1q",
+  legal: "legal-l1su2mo9"
+};
+export const lineHeight = {
+  inherit: "inherit-i1q2zm4n",
+  display1: "display1-davaxk8",
+  display2: "display2-d10bcbec",
+  display3: "display3-dzx5g59",
+  title1: "title1-t19ulozn",
+  title2: "title2-t8xmwwg",
+  title3: "title3-t1hnq9w3",
+  title4: "title4-t1jupsyn",
+  headline: "headline-h1d8xh3w",
+  body: "body-b1b61q3y",
+  label1: "label1-ljt1gjp",
+  label2: "label2-l64n18o",
+  caption: "caption-c1nc2qnp",
+  legal: "legal-l9omb44"
+};
+export const textDecoration = {
+  none: "none-ng7kred",
+  underline: "underline-uxwl7ql",
+  overline: "overline-o1l6836e",
+  'line-through': "line-through-l1kvlt68",
+  'underline overline': "underline_overline-ul2i1v3",
+  'underline double': "underline_double-uygy2s4"
+};
+export const textTransform = {
+  none: "none-n17hp599",
+  uppercase: "uppercase-u1o7s009",
+  lowercase: "lowercase-l1p5pm3c",
+  capitalize: "capitalize-c1uzdc60"
+};
+export const userSelect = {
+  none: "none-n20q36b",
+  text: "text-t1mh0vbf",
+  all: "all-a1nb5sn7",
+  auto: "auto-a1onri8a"
+};
+export const display = {
+  none: "none-nxs3bkk",
+  block: "block-bvmbflj",
+  inline: "inline-i1d5xt2g",
+  'inline-block': "inline-block-i1w8afo9",
+  flex: "flex-ff5rfy6",
+  'inline-flex': "inline-flex-i6czx8",
+  grid: "grid-govvvpf",
+  'inline-grid': "inline-grid-i11y0asn",
+  contents: "contents-c13j0gph",
+  'flow-root': "flow-root-f1f3f4re",
+  revert: "revert-r1ugo9tq",
+  'list-item': "list-item-l1wya7vd"
+};
+export const overflow = {
+  auto: "auto-a1vtbg9w",
+  visible: "visible-v1ce7tzm",
+  hidden: "hidden-h147juno",
+  clip: "clip-c1uijor9",
+  scroll: "scroll-s1cxxikz"
+};
+export const gap = {
+  '0': "_0-_gulcqg",
+  '0.25': "_0_25-_q7yox9",
+  '0.5': "_0_5-_1fx7m0o",
+  '0.75': "_0_75-_1nkxpau",
+  '1': "_1-_4wf66",
+  '1.5': "_1_5-_1qamjvr",
+  '2': "_2-_s3s3vx",
+  '3': "_3-_1d2qff5",
+  '4': "_4-_uwjwe1",
+  '5': "_5-_43wdkr",
+  '6': "_6-_bkaiqc",
+  '7': "_7-_pscmj4",
+  '8': "_8-_gq5scd",
+  '9': "_9-_65ca23",
+  '10': "_10-_1pqyx3q"
+};
+export const columnGap = {
+  '0': "_0-_1xjd2xy",
+  '0.25': "_0_25-_ta5dbd",
+  '0.5': "_0_5-_1b5plwm",
+  '0.75': "_0_75-_qy1620",
+  '1': "_1-_1sfow13",
+  '1.5': "_1_5-_z0ja29",
+  '2': "_2-_w6lxzk",
+  '3': "_3-_1o7ux7f",
+  '4': "_4-_h8qvq1",
+  '5': "_5-_17x2pnf",
+  '6': "_6-_zuwqbd",
+  '7': "_7-_9lck3l",
+  '8': "_8-_8u1his",
+  '9': "_9-_jr5a6c",
+  '10': "_10-_efl3so"
+};
+export const rowGap = {
+  '0': "_0-_xiry9u",
+  '0.25': "_0_25-_183jkjv",
+  '0.5': "_0_5-_qg0f6m",
+  '0.75': "_0_75-_nc2g54",
+  '1': "_1-_1ud5b9l",
+  '1.5': "_1_5-_rq094o",
+  '2': "_2-_nu3h5m",
+  '3': "_3-_mdpwk0",
+  '4': "_4-_hn7gx",
+  '5': "_5-_1iav25j",
+  '6': "_6-_pqufe0",
+  '7': "_7-_176ojsi",
+  '8': "_8-_11n8q0m",
+  '9': "_9-_1ungnyg",
+  '10': "_10-_1pskitv"
+};
+export const justifyContent = {
+  normal: "normal-nftbjs6",
+  center: "center-cjpujcd",
+  start: "start-s1l2hvz3",
+  end: "end-e1xog6f2",
+  'flex-start': "flex-start-f1egghgk",
+  'flex-end': "flex-end-fax78sq",
+  left: "left-lrfmmr0",
+  right: "right-r1fx9xkf",
+  'space-between': "space-between-s19gofo4",
+  'space-around': "space-around-sqt5kmq",
+  'space-evenly': "space-evenly-s1vqnwv1",
+  stretch: "stretch-s10xp50f"
+};
+export const alignContent = {
+  normal: "normal-n1wmi61u",
+  center: "center-cnwnlb7",
+  start: "start-s1d5lfau",
+  end: "end-e5ysz7j",
+  'flex-start': "flex-start-fj0gbj2",
+  'flex-end': "flex-end-f1r3bxih",
+  'space-between': "space-between-spes1b8",
+  'space-around': "space-around-s7wi3z1",
+  'space-evenly': "space-evenly-s1xlht3p",
+  stretch: "stretch-sxrrkzi",
+  baseline: "baseline-b4qb5qy",
+  'first baseline': "first_baseline-ffwemzv",
+  'last baseline': "last_baseline-l8kzbzq"
+};
+export const alignItems = {
+  normal: "normal-nunwstl",
+  center: "center-cc1bafw",
+  start: "start-s1siv81y",
+  end: "end-e1yx405w",
+  'flex-start': "flex-start-fai2ufa",
+  'flex-end': "flex-end-ftqfdtf",
+  'self-start': "self-start-s1das3bx",
+  'self-end': "self-end-sc1fn2u",
+  stretch: "stretch-sa1dpj0",
+  baseline: "baseline-b1bpyxen",
+  'first baseline': "first_baseline-f1t14lvh",
+  'last baseline': "last_baseline-lvdybqk"
+};
+export const alignSelf = {
+  auto: "auto-a1vghvlj",
+  normal: "normal-n13xkt6i",
+  center: "center-c1lla8er",
+  start: "start-s14xgtk2",
+  end: "end-etg9agv",
+  'flex-start': "flex-start-fi3mfxz",
+  'flex-end': "flex-end-f5mbyxa",
+  'self-start': "self-start-sbcv54h",
+  'self-end': "self-end-s951rij",
+  stretch: "stretch-s15zfflj",
+  baseline: "baseline-bh3b1m0",
+  'first baseline': "first_baseline-f1717njg",
+  'last baseline': "last_baseline-le6mhzw"
+};
+export const flexDirection = {
+  row: "row-r1fjv2c0",
+  'row-reverse': "row-reverse-ru6x8dq",
+  column: "column-c1fk6aoh",
+  'column-reverse': "column-reverse-cbedvyv"
+};
+export const flexWrap = {
+  nowrap: "nowrap-n1e0v20g",
+  wrap: "wrap-wg6pyst",
+  'wrap-reverse': "wrap-reverse-w1gj49hp"
+};
+export const position = {
+  static: "static-sty13w3",
+  relative: "relative-rmdk4io",
+  absolute: "absolute-a5qwbhk",
+  fixed: "fixed-fsemjdw",
+  sticky: "sticky-suibmay"
+};
+export const padding = {
+  '0': "_0-_sikgx6",
+  '0.25': "_0_25-_1hoto3f",
+  '0.5': "_0_5-_utjbb4",
+  '0.75': "_0_75-_1vqmh64",
+  '1': "_1-_1ohxuju",
+  '1.5': "_1_5-_15ii89w",
+  '2': "_2-_15izmog",
+  '3': "_3-_mx5v8z",
+  '4': "_4-_rb1ga5",
+  '5': "_5-_1j9z40v",
+  '6': "_6-_ksp205",
+  '7': "_7-_1m8b9lk",
+  '8': "_8-_1vscv0v",
+  '9': "_9-_h7t5ts",
+  '10': "_10-_1fsf8fr"
+};
+export const paddingX = {
+  '0': "_0-_11d9onm",
+  '0.25': "_0_25-_5nkav4",
+  '0.5': "_0_5-_14pg5wn",
+  '0.75': "_0_75-_98vtop",
+  '1': "_1-_1c5cchn",
+  '1.5': "_1_5-_zl4b15",
+  '2': "_2-_1d56vk3",
+  '3': "_3-_in1y0k",
+  '4': "_4-_sm7rau",
+  '5': "_5-_qrc5k6",
+  '6': "_6-_1nha47y",
+  '7': "_7-_r2sfjm",
+  '8': "_8-_1629425",
+  '9': "_9-_jn1fdc",
+  '10': "_10-_1qd9gwq"
+};
+export const paddingY = {
+  '0': "_0-_1o6b5sf",
+  '0.25': "_0_25-_m3ng0d",
+  '0.5': "_0_5-_nyvbf",
+  '0.75': "_0_75-_dmruxk",
+  '1': "_1-_j9j91y",
+  '1.5': "_1_5-_1v2axez",
+  '2': "_2-_1ubvwd9",
+  '3': "_3-_oydok",
+  '4': "_4-_evvzoj",
+  '5': "_5-_q1yrsc",
+  '6': "_6-_ouspey",
+  '7': "_7-_12n5yum",
+  '8': "_8-_xru69e",
+  '9': "_9-_nsrisz",
+  '10': "_10-_1xa6rhc"
+};
+export const paddingTop = {
+  '0': "_0-_1xlj8fn",
+  '0.25': "_0_25-_814f4m",
+  '0.5': "_0_5-_64iic2",
+  '0.75': "_0_75-_1kb7no4",
+  '1': "_1-_1rvyodg",
+  '1.5': "_1_5-_oergj0",
+  '2': "_2-_19s6k53",
+  '3': "_3-_1vs0x97",
+  '4': "_4-_yyws1a",
+  '5': "_5-_860m19",
+  '6': "_6-_1jrxzir",
+  '7': "_7-_1yz5qb4",
+  '8': "_8-_mke01s",
+  '9': "_9-_1u2wevw",
+  '10': "_10-_1c4h1un"
+};
+export const paddingBottom = {
+  '0': "_0-_1ucyfcc",
+  '0.25': "_0_25-_wmstcd",
+  '0.5': "_0_5-_uojj34",
+  '0.75': "_0_75-_jf13a3",
+  '1': "_1-_w6vuf9",
+  '1.5': "_1_5-_1dcem02",
+  '2': "_2-_u3tyaf",
+  '3': "_3-_1jufydg",
+  '4': "_4-_1s1tunp",
+  '5': "_5-_gea5qi",
+  '6': "_6-_ehicpv",
+  '7': "_7-_1j68i01",
+  '8': "_8-_g6gxpu",
+  '9': "_9-_fq2jib",
+  '10': "_10-_1jne1yv"
+};
+export const paddingStart = {
+  '0': "_0-_1kq24jv",
+  '0.25': "_0_25-_ge3xw9",
+  '0.5': "_0_5-_pejpzw",
+  '0.75': "_0_75-_dypzgq",
+  '1': "_1-_1u4h1q3",
+  '1.5': "_1_5-_1wda5bd",
+  '2': "_2-_103qa78",
+  '3': "_3-_sm47tb",
+  '4': "_4-_ypkepj",
+  '5': "_5-_qwj3in",
+  '6': "_6-_v1gbex",
+  '7': "_7-_1t2oo23",
+  '8': "_8-_pyx210",
+  '9': "_9-_ote3bp",
+  '10': "_10-_1r95abm"
+};
+export const paddingEnd = {
+  '0': "_0-_vbz3wa",
+  '0.25': "_0_25-_556jql",
+  '0.5': "_0_5-_1a6vizt",
+  '0.75': "_0_75-_c1otxk",
+  '1': "_1-_1n57sjs",
+  '1.5': "_1_5-_srwylh",
+  '2': "_2-_h2leyy",
+  '3': "_3-_xwwd5b",
+  '4': "_4-_1466v9m",
+  '5': "_5-_a6man9",
+  '6': "_6-_16s4w1d",
+  '7': "_7-_ma05ms",
+  '8': "_8-_65eo8x",
+  '9': "_9-_aw9t8b",
+  '10': "_10-_4xsl3f"
+};
+export const margin = {
+  '0': "_0-_1dt7gbp",
+  '-0.25': "_-0_25--1efh9gh",
+  '-0.5': "_-0_5--18f5z4",
+  '-0.75': "_-0_75--1u9s0t8",
+  '-1': "_-1--4kp0a9",
+  '-1.5': "_-1_5--fy2d6f",
+  '-2': "_-2--nz9x1t",
+  '-3': "_-3--1le808o",
+  '-4': "_-4--6pz5km",
+  '-5': "_-5--ehrnlg",
+  '-6': "_-6--1d988fw",
+  '-7': "_-7--14vtabe",
+  '-8': "_-8--s1jtev",
+  '-9': "_-9--kexmfr",
+  '-10': "_-10--ieg0i8"
+};
+export const marginX = {
+  '0': "_0-_12fpd4f",
+  '-0.25': "_-0_25--kbjjve",
+  '-0.5': "_-0_5--1l5mlg5",
+  '-0.75': "_-0_75--13a03yr",
+  '-1': "_-1--1mlua29",
+  '-1.5': "_-1_5--1vme5p9",
+  '-2': "_-2--17zjxck",
+  '-3': "_-3--1r6hi64",
+  '-4': "_-4--1g6vl32",
+  '-5': "_-5--1r7dbqj",
+  '-6': "_-6--mw4im3",
+  '-7': "_-7--ywj817",
+  '-8': "_-8--1rc6lsv",
+  '-9': "_-9--ewv3ev",
+  '-10': "_-10--2t3ghk"
+};
+export const marginY = {
+  '0': "_0-_1yqssek",
+  '-0.25': "_-0_25--1r67ocu",
+  '-0.5': "_-0_5--95wf5k",
+  '-0.75': "_-0_75--1t209gx",
+  '-1': "_-1--133kypa",
+  '-1.5': "_-1_5--xyyoqq",
+  '-2': "_-2--p7m1il",
+  '-3': "_-3--1gz5otl",
+  '-4': "_-4--y56r76",
+  '-5': "_-5--n0kx86",
+  '-6': "_-6--597r4d",
+  '-7': "_-7--1f8wqlb",
+  '-8': "_-8--13ecnc0",
+  '-9': "_-9--cvy4of",
+  '-10': "_-10--4zw7bm"
+};
+export const marginTop = {
+  '0': "_0-_ue9o3f",
+  '-0.25': "_-0_25--eiktgf",
+  '-0.5': "_-0_5--iua3zm",
+  '-0.75': "_-0_75--1d6j8pl",
+  '-1': "_-1--1cuk80m",
+  '-1.5': "_-1_5--1lzrz6d",
+  '-2': "_-2--itg4iv",
+  '-3': "_-3--hi0jnt",
+  '-4': "_-4--1hg4gon",
+  '-5': "_-5--iuc9sj",
+  '-6': "_-6--urjb7i",
+  '-7': "_-7--14vpim7",
+  '-8': "_-8--dac6gz",
+  '-9': "_-9--145glkk",
+  '-10': "_-10--ipycsk"
+};
+export const marginBottom = {
+  '0': "_0-_1llll1a",
+  '-0.25': "_-0_25--q1un48",
+  '-0.5': "_-0_5--v6emzk",
+  '-0.75': "_-0_75--199dgud",
+  '-1': "_-1--1as3yf",
+  '-1.5': "_-1_5--gdlpx1",
+  '-2': "_-2--1b1pf3r",
+  '-3': "_-3--pwbi2m",
+  '-4': "_-4--1dc1th5",
+  '-5': "_-5--11w54ij",
+  '-6': "_-6--syawug",
+  '-7': "_-7--11pdned",
+  '-8': "_-8--1rcqoec",
+  '-9': "_-9--11radpb",
+  '-10': "_-10--1rngbor"
+};
+export const marginEnd = {
+  '0': "_0-_6xbxq4",
+  '-0.25': "_-0_25--ty3jig",
+  '-0.5': "_-0_5--5lbtgm",
+  '-0.75': "_-0_75--1k7n47h",
+  '-1': "_-1--y6pe4n",
+  '-1.5': "_-1_5--17p5jjq",
+  '-2': "_-2--1fbmmvx",
+  '-3': "_-3--jvz1if",
+  '-4': "_-4--1l0wjfg",
+  '-5': "_-5--lqeys8",
+  '-6': "_-6--qa5p9y",
+  '-7': "_-7--10c1tez",
+  '-8': "_-8--1mime00",
+  '-9': "_-9--1oqnrfq",
+  '-10': "_-10--19omkk1"
+};
+export const marginStart = {
+  '0': "_0-_q991et",
+  '-0.25': "_-0_25--tw164x",
+  '-0.5': "_-0_5--w5ffmh",
+  '-0.75': "_-0_75--m56rx8",
+  '-1': "_-1--zz9j6d",
+  '-1.5': "_-1_5--1ccwy7u",
+  '-2': "_-2--vy4z4d",
+  '-3': "_-3--1ic2yof",
+  '-4': "_-4--1foz8zx",
+  '-5': "_-5--1ljje11",
+  '-6': "_-6--t63xfv",
+  '-7': "_-7--167kqdm",
+  '-8': "_-8--rot3jf",
+  '-9': "_-9--1xyt4fl",
+  '-10': "_-10--1vfck9u"
+};
+export const textAlign = {
+  start: "start-szg9oeq",
+  end: "end-e1d9d2gv",
+  center: "center-cfz97j9",
+  justify: "justify-j1wbaccd"
+};
+export const visibility = {
+  hidden: "hidden-h13f7qfp",
+  visible: "visible-vov3jj3"
+};
+import "./base.css";