@coinbase/cds-web 0.0.0 → 8.13.2

package/esm/styles/responsive/tablet.js

@@ -0,0 +1,787 @@
+/**
+ * These styles are used to power the component StyleProps API.
+ */
+
+/* eslint-disable no-restricted-syntax */
+
+import { media } from '../media';
+/**
+ * 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-wqtq8ao",
+  height: "height-h8bcvdi",
+  minWidth: "minWidth-mngm3hd",
+  minHeight: "minHeight-m1tkta3c",
+  maxWidth: "maxWidth-mavxt2m",
+  maxHeight: "maxHeight-m1qlsw3w",
+  aspectRatio: "aspectRatio-a1ajrmc5",
+  top: "top-t1egqobi",
+  bottom: "bottom-btb2lnv",
+  left: "left-l13xig31",
+  right: "right-rzj5ejj",
+  transform: "transform-t3edig8",
+  flexBasis: "flexBasis-f2bsipt",
+  flexShrink: "flexShrink-fa1kmd6",
+  flexGrow: "flexGrow-f1iascwo",
+  gridTemplateColumns: "gridTemplateColumns-g1pc3j5o",
+  gridTemplateRows: "gridTemplateRows-gscakyc",
+  gridTemplateAreas: "gridTemplateAreas-gbmt1zz",
+  gridTemplate: "gridTemplate-g4mssuf",
+  gridAutoColumns: "gridAutoColumns-g15mju39",
+  gridAutoRows: "gridAutoRows-gmluxx6",
+  gridAutoFlow: "gridAutoFlow-g1vyj3x",
+  grid: "grid-g1ky5w39",
+  gridRowStart: "gridRowStart-gw6qkaf",
+  gridColumnStart: "gridColumnStart-gb17zqm",
+  gridRowEnd: "gridRowEnd-g5snhc6",
+  gridColumnEnd: "gridColumnEnd-g6if8g3",
+  gridRow: "gridRow-gjeuiqe",
+  gridColumn: "gridColumn-gagjxhl",
+  gridArea: "gridArea-g71jjws",
+  opacity: "opacity-om15c2t",
+  zIndex: "zIndex-z1d0pcvf"
+};
+export const elevation = {
+  '0': "_0-_9h8ndm",
+  '1': "_1-_1gwcnb0",
+  '2': "_2-_1ndclqk"
+};
+export const color = {
+  // Text
+  fg: "fg-f19ozt2x",
+  fgInverse: "fgInverse-f1jas9cv",
+  fgMuted: "fgMuted-fhxgniv",
+  fgPrimary: "fgPrimary-f5kj5dv",
+  fgPositive: "fgPositive-fvwin6x",
+  fgNegative: "fgNegative-f1l8jif9",
+  fgWarning: "fgWarning-f1tvowfz",
+  // Background
+  bg: "bg-bjhposg",
+  bgAlternate: "bgAlternate-b1wmr686",
+  bgInverse: "bgInverse-b1sbnxbe",
+  bgOverlay: "bgOverlay-b13bs8zu",
+  bgPrimary: "bgPrimary-bp3792",
+  bgPrimaryWash: "bgPrimaryWash-b19fzrho",
+  bgSecondary: "bgSecondary-b1wxp9vc",
+  bgTertiary: "bgTertiary-bqfdb9s",
+  bgSecondaryWash: "bgSecondaryWash-b7irp8p",
+  bgNegative: "bgNegative-b1v76wcu",
+  bgNegativeWash: "bgNegativeWash-b9xi509",
+  bgPositive: "bgPositive-b1hmxiud",
+  bgPositiveWash: "bgPositiveWash-b1j39mt1",
+  bgWarning: "bgWarning-b1s71ap1",
+  bgWarningWash: "bgWarningWash-b157yr1s",
+  currentColor: "currentColor-c146k50y",
+  // Line
+  bgLine: "bgLine-bcpcoq",
+  bgLineInverse: "bgLineInverse-b18pg0pb",
+  bgLineHeavy: "bgLineHeavy-b1vwkk9o",
+  bgLinePrimary: "bgLinePrimary-bo512vh",
+  bgLinePrimarySubtle: "bgLinePrimarySubtle-b1e7731w",
+  // Elevation
+  bgElevation1: "bgElevation1-b4w7df2",
+  bgElevation2: "bgElevation2-b1gb0idq",
+  // Accent
+  accentSubtleGreen: "accentSubtleGreen-a1pd9z6b",
+  accentBoldGreen: "accentBoldGreen-a143ezmc",
+  accentSubtleBlue: "accentSubtleBlue-a1mliuq2",
+  accentBoldBlue: "accentBoldBlue-auec712",
+  accentSubtlePurple: "accentSubtlePurple-a17rj5yp",
+  accentBoldPurple: "accentBoldPurple-ac004dq",
+  accentSubtleYellow: "accentSubtleYellow-a1c3bicn",
+  accentBoldYellow: "accentBoldYellow-aro28i2",
+  accentSubtleRed: "accentSubtleRed-a12fyfm5",
+  accentBoldRed: "accentBoldRed-a1ifrht",
+  accentSubtleGray: "accentSubtleGray-an57u92",
+  accentBoldGray: "accentBoldGray-agsv85l",
+  transparent: "transparent-tt7etb"
+};
+export const background = {
+  // Text
+  fg: "fg-f1gt4b1p",
+  fgInverse: "fgInverse-f8f7ti",
+  fgMuted: "fgMuted-f1uda4em",
+  fgPrimary: "fgPrimary-f101s10s",
+  fgPositive: "fgPositive-fuexevj",
+  fgNegative: "fgNegative-ffrmfae",
+  fgWarning: "fgWarning-f840dk",
+  // Background
+  bg: "bg-b70974c",
+  bgAlternate: "bgAlternate-b133d1pg",
+  bgInverse: "bgInverse-b1ot3qeg",
+  bgOverlay: "bgOverlay-b1i11t4",
+  bgPrimary: "bgPrimary-b1ss4p1h",
+  bgPrimaryWash: "bgPrimaryWash-bilio11",
+  bgSecondary: "bgSecondary-b43vfhx",
+  bgTertiary: "bgTertiary-bd3lupd",
+  bgSecondaryWash: "bgSecondaryWash-bkhf56q",
+  bgNegative: "bgNegative-b14ps1bx",
+  bgNegativeWash: "bgNegativeWash-b1yqbn7x",
+  bgPositive: "bgPositive-bzi7zvd",
+  bgPositiveWash: "bgPositiveWash-b17a9i95",
+  bgWarning: "bgWarning-b1bc3rji",
+  bgWarningWash: "bgWarningWash-b11wc99a",
+  currentColor: "currentColor-cppt6v9",
+  // Line
+  bgLine: "bgLine-b7drsgl",
+  bgLineInverse: "bgLineInverse-b13kvs85",
+  bgLineHeavy: "bgLineHeavy-bg4v9j1",
+  bgLinePrimary: "bgLinePrimary-b2ca4t7",
+  bgLinePrimarySubtle: "bgLinePrimarySubtle-bm3lybz",
+  // Elevation
+  bgElevation1: "bgElevation1-bg7f8d7",
+  bgElevation2: "bgElevation2-bea3q7w",
+  // Accent
+  accentSubtleGreen: "accentSubtleGreen-axse3vb",
+  accentBoldGreen: "accentBoldGreen-a1lbcpoi",
+  accentSubtleBlue: "accentSubtleBlue-ayvvqae",
+  accentBoldBlue: "accentBoldBlue-aww8pyu",
+  accentSubtlePurple: "accentSubtlePurple-a149ya75",
+  accentBoldPurple: "accentBoldPurple-a1y6xfd9",
+  accentSubtleYellow: "accentSubtleYellow-ac7s7bg",
+  accentBoldYellow: "accentBoldYellow-adpsff8",
+  accentSubtleRed: "accentSubtleRed-av6xxfo",
+  accentBoldRed: "accentBoldRed-a1wgh6wa",
+  accentSubtleGray: "accentSubtleGray-a13s6fxe",
+  accentBoldGray: "accentBoldGray-asu8xft",
+  transparent: "transparent-t16r3n6u"
+};
+export const borderColor = {
+  // Text
+  fg: "fg-fsar08d",
+  fgInverse: "fgInverse-f4qy50k",
+  fgMuted: "fgMuted-f1ey8mqv",
+  fgPrimary: "fgPrimary-fxdxl1j",
+  fgPositive: "fgPositive-f1gyqqsz",
+  fgNegative: "fgNegative-f2zxd7m",
+  fgWarning: "fgWarning-fqpfjnr",
+  // Background
+  bg: "bg-bhg98cl",
+  bgAlternate: "bgAlternate-btrqaip",
+  bgInverse: "bgInverse-b17g5jg8",
+  bgOverlay: "bgOverlay-b10ddodw",
+  bgPrimary: "bgPrimary-bk4y1oj",
+  bgPrimaryWash: "bgPrimaryWash-b1tfj0jx",
+  bgSecondary: "bgSecondary-b2yixsx",
+  bgTertiary: "bgTertiary-blfmlz",
+  bgSecondaryWash: "bgSecondaryWash-b13o0lm2",
+  bgNegative: "bgNegative-bazsnqq",
+  bgNegativeWash: "bgNegativeWash-bw665g",
+  bgPositive: "bgPositive-bip2v4o",
+  bgPositiveWash: "bgPositiveWash-b1o3jv2r",
+  bgWarning: "bgWarning-bbhw3zp",
+  bgWarningWash: "bgWarningWash-bvfc4ty",
+  currentColor: "currentColor-ch59iwd",
+  // Line
+  bgLine: "bgLine-b1cth9wk",
+  bgLineInverse: "bgLineInverse-bdcq9e3",
+  bgLineHeavy: "bgLineHeavy-b1ci77ua",
+  bgLinePrimary: "bgLinePrimary-bll535t",
+  bgLinePrimarySubtle: "bgLinePrimarySubtle-b1x6f3d0",
+  // Elevation
+  bgElevation1: "bgElevation1-bufmdmc",
+  bgElevation2: "bgElevation2-b1gtrxo3",
+  // Accent
+  accentSubtleGreen: "accentSubtleGreen-ap8mj1q",
+  accentBoldGreen: "accentBoldGreen-ai1g98h",
+  accentSubtleBlue: "accentSubtleBlue-a1vvn6dx",
+  accentBoldBlue: "accentBoldBlue-a1xgghrm",
+  accentSubtlePurple: "accentSubtlePurple-a1dwmvrs",
+  accentBoldPurple: "accentBoldPurple-ad2nt78",
+  accentSubtleYellow: "accentSubtleYellow-a1nvo759",
+  accentBoldYellow: "accentBoldYellow-a1gih872",
+  accentSubtleRed: "accentSubtleRed-awtrr32",
+  accentBoldRed: "accentBoldRed-a8a12y4",
+  accentSubtleGray: "accentSubtleGray-a1awpaxh",
+  accentBoldGray: "accentBoldGray-ab68dy1",
+  transparent: "transparent-t1f6wg6d"
+};
+export const borderWidth = {
+  '0': "_0-_o07uug",
+  '100': "_100-_nbksc3",
+  '200': "_200-_1ay5n2z",
+  '300': "_300-_2138t6",
+  '400': "_400-_jo4zk8",
+  '500': "_500-_6q852v"
+};
+export const borderTopWidth = {
+  '0': "_0-_jwidzv",
+  '100': "_100-_7yblpc",
+  '200': "_200-_1ykjoi9",
+  '300': "_300-_1vv1xv2",
+  '400': "_400-_daqvvb",
+  '500': "_500-_1nxqlen"
+};
+export const borderEndWidth = {
+  '0': "_0-_1f6hbg7",
+  '100': "_100-_921z58",
+  '200': "_200-_1gi1iwx",
+  '300': "_300-_18hz46v",
+  '400': "_400-_1py8ysk",
+  '500': "_500-_164bsbv"
+};
+export const borderBottomWidth = {
+  '0': "_0-_o1b33u",
+  '100': "_100-_3d273z",
+  '200': "_200-_o1pobh",
+  '300': "_300-_1g43jn8",
+  '400': "_400-_1l5vvkj",
+  '500': "_500-_2gaowf"
+};
+export const borderStartWidth = {
+  '0': "_0-_1atnp0r",
+  '100': "_100-_qnfvft",
+  '200': "_200-_1gbnvu3",
+  '300': "_300-_fycqkp",
+  '400': "_400-_1basn36",
+  '500': "_500-_y039xc"
+};
+export const borderRadius = {
+  '0': "_0-_bjrq1q",
+  '100': "_100-_1t1hfp5",
+  '200': "_200-_1ka843l",
+  '300': "_300-_10xtnzs",
+  '400': "_400-_1weibd8",
+  '500': "_500-_1j6u1wa",
+  '600': "_600-_1ikqn7p",
+  '700': "_700-_icktt4",
+  '800': "_800-_157pfkz",
+  '900': "_900-_5tq344",
+  '1000': "_1000-_jlzymw"
+};
+export const borderTopLeftRadius = {
+  '0': "_0-_13a4crw",
+  '100': "_100-_16e6gzo",
+  '200': "_200-_6o2p3f",
+  '300': "_300-_l1kioc",
+  '400': "_400-_d56thw",
+  '500': "_500-_d4v3iu",
+  '600': "_600-_1rf7yzs",
+  '700': "_700-_1tryn3c",
+  '800': "_800-_1llte3v",
+  '900': "_900-_1lskx3i",
+  '1000': "_1000-_mtrdpn"
+};
+export const borderTopRightRadius = {
+  '0': "_0-_1na8qkc",
+  '100': "_100-_189h6yn",
+  '200': "_200-_16ezux3",
+  '300': "_300-_3w6qaa",
+  '400': "_400-_19tprn1",
+  '500': "_500-_1k90z1u",
+  '600': "_600-_kivn9b",
+  '700': "_700-_12dzvdv",
+  '800': "_800-_ias0jd",
+  '900': "_900-_spzmcu",
+  '1000': "_1000-_cvkrlq"
+};
+export const borderBottomLeftRadius = {
+  '0': "_0-_18kkng3",
+  '100': "_100-_c1gh6d",
+  '200': "_200-_xiljrl",
+  '300': "_300-_1k4r6g8",
+  '400': "_400-_y37f0u",
+  '500': "_500-_ytog5h",
+  '600': "_600-_h36738",
+  '700': "_700-_1ahj4qv",
+  '800': "_800-_ll4bsw",
+  '900': "_900-_18d6xda",
+  '1000': "_1000-_vwnutw"
+};
+export const borderBottomRightRadius = {
+  '0': "_0-_18qvku0",
+  '100': "_100-_p2ufi4",
+  '200': "_200-_pxmzx5",
+  '300': "_300-_9vng91",
+  '400': "_400-_rj5akt",
+  '500': "_500-_xc15xi",
+  '600': "_600-_1rfdd4r",
+  '700': "_700-_3twsct",
+  '800': "_800-_cnm7c1",
+  '900': "_900-_1ytu9uw",
+  '1000': "_1000-_1xtidri"
+};
+export const fontFamily = {
+  inherit: "inherit-i1u7c79j",
+  display1: "display1-d1upo89b",
+  display2: "display2-d1lvayqe",
+  display3: "display3-d1qwwfia",
+  title1: "title1-t1d8ezj8",
+  title2: "title2-tor11lx",
+  title3: "title3-t1hbz4my",
+  title4: "title4-t8yyf06",
+  headline: "headline-hyl9lbk",
+  body: "body-b1rx8m5n",
+  label1: "label1-lgdcnck",
+  label2: "label2-l5hv4ij",
+  caption: "caption-cw89wpp",
+  legal: "legal-li5eyv4"
+};
+export const fontSize = {
+  inherit: "inherit-i1x6ds71",
+  display1: "display1-d6pvurv",
+  display2: "display2-d1if7xuv",
+  display3: "display3-d4hs0y9",
+  title1: "title1-t1daraed",
+  title2: "title2-t1nihjjx",
+  title3: "title3-t177d1k3",
+  title4: "title4-t1xcsbkx",
+  headline: "headline-hx4juvr",
+  body: "body-b1yufd2r",
+  label1: "label1-lym9u95",
+  label2: "label2-l1r3hu5h",
+  caption: "caption-c1uloo12",
+  legal: "legal-l93v064"
+};
+export const fontWeight = {
+  inherit: "inherit-i1w3hbff",
+  display1: "display1-dd3oghk",
+  display2: "display2-dqmy4k1",
+  display3: "display3-d14yf92u",
+  title1: "title1-t195ozns",
+  title2: "title2-t6tczy",
+  title3: "title3-t185hml4",
+  title4: "title4-t1ikroqt",
+  headline: "headline-h6v6b8",
+  body: "body-b1lcrazf",
+  label1: "label1-lugea7w",
+  label2: "label2-l129sazj",
+  caption: "caption-cq94yyf",
+  legal: "legal-lwery97"
+};
+export const lineHeight = {
+  inherit: "inherit-izxy9m3",
+  display1: "display1-d1b57f2t",
+  display2: "display2-dgyty4h",
+  display3: "display3-dqd2avn",
+  title1: "title1-t4s4rxn",
+  title2: "title2-t1m2prga",
+  title3: "title3-t1fu1aby",
+  title4: "title4-tt5tu86",
+  headline: "headline-hb69s3b",
+  body: "body-b8cqi2r",
+  label1: "label1-lou9t4z",
+  label2: "label2-l1q7qtkj",
+  caption: "caption-cubf5ui",
+  legal: "legal-l1n19xlr"
+};
+export const textDecoration = {
+  none: "none-n1eguxpi",
+  underline: "underline-uln3ztm",
+  overline: "overline-o18cljo0",
+  'line-through': "line-through-l1i8eqsb",
+  'underline overline': "underline_overline-u1whgtgp",
+  'underline double': "underline_double-uun2a8i"
+};
+export const textTransform = {
+  none: "none-nd3engk",
+  uppercase: "uppercase-u9jvqu",
+  lowercase: "lowercase-l1heg82g",
+  capitalize: "capitalize-c1szpot0"
+};
+export const userSelect = {
+  none: "none-n1vkutzu",
+  text: "text-t1px49yn",
+  all: "all-aal3axm",
+  auto: "auto-a1kf9gje"
+};
+export const display = {
+  none: "none-nrrp5u4",
+  block: "block-bqr02cm",
+  inline: "inline-i1kq313h",
+  'inline-block': "inline-block-iuiew89",
+  flex: "flex-fwtqobm",
+  'inline-flex': "inline-flex-ilhkiic",
+  grid: "grid-gf2gr83",
+  'inline-grid': "inline-grid-i1bciiel",
+  contents: "contents-c61k9n5",
+  'flow-root': "flow-root-fhqn6eh",
+  revert: "revert-rm8w4dw",
+  'list-item': "list-item-lzy1n7t"
+};
+export const overflow = {
+  auto: "auto-a1pdtni7",
+  visible: "visible-v1e8590p",
+  hidden: "hidden-hbjplye",
+  clip: "clip-c1suq2rt",
+  scroll: "scroll-saya5g8"
+};
+export const gap = {
+  '0': "_0-_2eqj4v",
+  '0.25': "_0_25-_6r0k7m",
+  '0.5': "_0_5-_19ctrb3",
+  '0.75': "_0_75-_1alv117",
+  '1': "_1-_1x1nbux",
+  '1.5': "_1_5-_1i4jar8",
+  '2': "_2-_1acz99g",
+  '3': "_3-_12n1spy",
+  '4': "_4-_1su1gi4",
+  '5': "_5-_18rwsl",
+  '6': "_6-_is7exb",
+  '7': "_7-_w5np8o",
+  '8': "_8-_15nsb5f",
+  '9': "_9-_14qwrxi",
+  '10': "_10-_8gn8zt"
+};
+export const columnGap = {
+  '0': "_0-_lgivlu",
+  '0.25': "_0_25-_81goj7",
+  '0.5': "_0_5-_1iaiqo",
+  '0.75': "_0_75-_b3m9jp",
+  '1': "_1-_ysnwv3",
+  '1.5': "_1_5-_3l9abr",
+  '2': "_2-_11urzsx",
+  '3': "_3-_1yl4jax",
+  '4': "_4-_ozrnpj",
+  '5': "_5-_ta0bh6",
+  '6': "_6-_18yshw4",
+  '7': "_7-_1f3sdbw",
+  '8': "_8-_iykqib",
+  '9': "_9-_1hot9e5",
+  '10': "_10-_4t5ite"
+};
+export const rowGap = {
+  '0': "_0-_h3bcky",
+  '0.25': "_0_25-_1fv3g8c",
+  '0.5': "_0_5-_13b027",
+  '0.75': "_0_75-_121qww9",
+  '1': "_1-_1yffj1v",
+  '1.5': "_1_5-_f9m9b0",
+  '2': "_2-_1oi89hk",
+  '3': "_3-_1qfd0m1",
+  '4': "_4-_cck9x7",
+  '5': "_5-_e5ylyj",
+  '6': "_6-_5ph4z0",
+  '7': "_7-_1698xxx",
+  '8': "_8-_f73t1v",
+  '9': "_9-_1gcehi4",
+  '10': "_10-_ycqs4z"
+};
+export const justifyContent = {
+  normal: "normal-njeffvg",
+  center: "center-c1vth3nd",
+  start: "start-s1qqsial",
+  end: "end-eqtk4yv",
+  'flex-start': "flex-start-fg3s0os",
+  'flex-end': "flex-end-fbkrunk",
+  left: "left-lclhy9j",
+  right: "right-rdry9gf",
+  'space-between': "space-between-sg0h49y",
+  'space-around': "space-around-sw5o61w",
+  'space-evenly': "space-evenly-scc9l2q",
+  stretch: "stretch-scwg2yo"
+};
+export const alignContent = {
+  normal: "normal-n1h2g7f5",
+  center: "center-c1hz6asf",
+  start: "start-s1a93xz5",
+  end: "end-e1ixxij9",
+  'flex-start': "flex-start-f1wi1aie",
+  'flex-end': "flex-end-f4ewgse",
+  'space-between': "space-between-s12716z9",
+  'space-around': "space-around-s1i2yywk",
+  'space-evenly': "space-evenly-s1kcdk6z",
+  stretch: "stretch-s11jg0dk",
+  baseline: "baseline-b1j5oq64",
+  'first baseline': "first_baseline-f1lmgy8t",
+  'last baseline': "last_baseline-l1f20j24"
+};
+export const alignItems = {
+  normal: "normal-n1t9qju3",
+  center: "center-c3zjk6",
+  start: "start-sf0o31f",
+  end: "end-e15govw8",
+  'flex-start': "flex-start-fu9ddcx",
+  'flex-end': "flex-end-f10qrzri",
+  'self-start': "self-start-sn38rts",
+  'self-end': "self-end-s6numxs",
+  stretch: "stretch-s1e9cztn",
+  baseline: "baseline-b153plyq",
+  'first baseline': "first_baseline-fio1s0w",
+  'last baseline': "last_baseline-l1lyy59"
+};
+export const alignSelf = {
+  auto: "auto-a1ckcvu5",
+  normal: "normal-n157y4wb",
+  center: "center-c5zfafh",
+  start: "start-s809u2n",
+  end: "end-e1t123r5",
+  'flex-start': "flex-start-f1f3v2gm",
+  'flex-end': "flex-end-fyrihcr",
+  'self-start': "self-start-srcn6bk",
+  'self-end': "self-end-s4zc6gn",
+  stretch: "stretch-s1gkbzwx",
+  baseline: "baseline-bdocmez",
+  'first baseline': "first_baseline-f72aval",
+  'last baseline': "last_baseline-l1ou7cgx"
+};
+export const flexDirection = {
+  row: "row-r1yq5tm6",
+  'row-reverse': "row-reverse-r3kgldv",
+  column: "column-cdgd9qg",
+  'column-reverse': "column-reverse-chbsl7x"
+};
+export const flexWrap = {
+  nowrap: "nowrap-n1s19qj7",
+  wrap: "wrap-w1d8wfs2",
+  'wrap-reverse': "wrap-reverse-w1kiufb1"
+};
+export const position = {
+  static: "static-s124h1lw",
+  relative: "relative-rwynmpn",
+  absolute: "absolute-a12zhjwy",
+  fixed: "fixed-f1s4mp07",
+  sticky: "sticky-s8jr131"
+};
+export const padding = {
+  '0': "_0-_2cu6o7",
+  '0.25': "_0_25-_1x5hef9",
+  '0.5': "_0_5-_gt6u07",
+  '0.75': "_0_75-_1i6q82e",
+  '1': "_1-_1fcto1j",
+  '1.5': "_1_5-_1f08w6z",
+  '2': "_2-_1nf3wh2",
+  '3': "_3-_eifx7v",
+  '4': "_4-_i6b7nv",
+  '5': "_5-_1o65eij",
+  '6': "_6-_1di4mvi",
+  '7': "_7-_voxm8w",
+  '8': "_8-_1d0i4ti",
+  '9': "_9-_1bgzifg",
+  '10': "_10-_1lcr68h"
+};
+export const paddingX = {
+  '0': "_0-_1ah70dy",
+  '0.25': "_0_25-_nve21n",
+  '0.5': "_0_5-_8klmg6",
+  '0.75': "_0_75-_d6mahv",
+  '1': "_1-_5gfizs",
+  '1.5': "_1_5-_5bg7z5",
+  '2': "_2-_10sbujo",
+  '3': "_3-_1ds6gb5",
+  '4': "_4-_115pkau",
+  '5': "_5-_19yxone",
+  '6': "_6-_174ex8b",
+  '7': "_7-_1s61n4w",
+  '8': "_8-_hrrao4",
+  '9': "_9-_wa0j5q",
+  '10': "_10-_krrxed"
+};
+export const paddingY = {
+  '0': "_0-_jh71q9",
+  '0.25': "_0_25-_sb6kml",
+  '0.5': "_0_5-_5x01cg",
+  '0.75': "_0_75-_1r64dlk",
+  '1': "_1-_u6p575",
+  '1.5': "_1_5-_1qt1zty",
+  '2': "_2-_40jc6d",
+  '3': "_3-_1wfgyi0",
+  '4': "_4-_y4gd5h",
+  '5': "_5-_1miajlv",
+  '6': "_6-_1cksmvq",
+  '7': "_7-_1xd42d0",
+  '8': "_8-_1mhqa73",
+  '9': "_9-_1q1r4k9",
+  '10': "_10-_14fh4sd"
+};
+export const paddingTop = {
+  '0': "_0-_dyn4pb",
+  '0.25': "_0_25-_1azecco",
+  '0.5': "_0_5-_1l1tflq",
+  '0.75': "_0_75-_24idke",
+  '1': "_1-_1vp8t4b",
+  '1.5': "_1_5-_1fhi7tf",
+  '2': "_2-_1vsosd0",
+  '3': "_3-_1al2jx3",
+  '4': "_4-_o6r8q7",
+  '5': "_5-_1soarr7",
+  '6': "_6-_1wjm9u8",
+  '7': "_7-_17i2wx8",
+  '8': "_8-_w4hmym",
+  '9': "_9-_1agstei",
+  '10': "_10-_7bg44f"
+};
+export const paddingBottom = {
+  '0': "_0-_y7fnyh",
+  '0.25': "_0_25-_103zs0o",
+  '0.5': "_0_5-_s8as8k",
+  '0.75': "_0_75-_179mduq",
+  '1': "_1-_w520ut",
+  '1.5': "_1_5-_1j6wew7",
+  '2': "_2-_kgxftw",
+  '3': "_3-_lw72tg",
+  '4': "_4-_1qmeijw",
+  '5': "_5-_qfxq73",
+  '6': "_6-_1j2tpbw",
+  '7': "_7-_1g9ecxu",
+  '8': "_8-_siw3n5",
+  '9': "_9-_18ptrw2",
+  '10': "_10-_15wl0sw"
+};
+export const paddingStart = {
+  '0': "_0-_19nogp9",
+  '0.25': "_0_25-_9haaah",
+  '0.5': "_0_5-_b8t9ny",
+  '0.75': "_0_75-_9dtgxk",
+  '1': "_1-_1dye1z8",
+  '1.5': "_1_5-_13ujlrm",
+  '2': "_2-_1r7gpln",
+  '3': "_3-_wep480",
+  '4': "_4-_1luvrzw",
+  '5': "_5-_1kl86z3",
+  '6': "_6-_1vefktx",
+  '7': "_7-_1h3blpn",
+  '8': "_8-_1j52us7",
+  '9': "_9-_150kd8d",
+  '10': "_10-_5ljxzd"
+};
+export const paddingEnd = {
+  '0': "_0-_mgon4w",
+  '0.25': "_0_25-_1qz8bg4",
+  '0.5': "_0_5-_i8apub",
+  '0.75': "_0_75-_1yhia8y",
+  '1': "_1-_dspkgu",
+  '1.5': "_1_5-_1857s2b",
+  '2': "_2-_lezc5h",
+  '3': "_3-_qssej6",
+  '4': "_4-_1k15lau",
+  '5': "_5-_19komgc",
+  '6': "_6-_87ac8o",
+  '7': "_7-_l1koc1",
+  '8': "_8-_1gsa3s9",
+  '9': "_9-_irwr4r",
+  '10': "_10-_txoayp"
+};
+export const margin = {
+  '0': "_0-_170ox9n",
+  '-0.25': "_-0_25--52072e",
+  '-0.5': "_-0_5--s64qo1",
+  '-0.75': "_-0_75--1pf9l6t",
+  '-1': "_-1--1dso4ng",
+  '-1.5': "_-1_5--1uwlmnq",
+  '-2': "_-2--8738qj",
+  '-3': "_-3--mpkx3o",
+  '-4': "_-4--1g09403",
+  '-5': "_-5--17znama",
+  '-6': "_-6--1pfwqp8",
+  '-7': "_-7--1xt16w9",
+  '-8': "_-8--12gooc0",
+  '-9': "_-9--g2yisp",
+  '-10': "_-10--1jqysh2"
+};
+export const marginX = {
+  '0': "_0-_2f98st",
+  '-0.25': "_-0_25--819ddz",
+  '-0.5': "_-0_5--z9fpjc",
+  '-0.75': "_-0_75--11ey2um",
+  '-1': "_-1--ihsq1n",
+  '-1.5': "_-1_5--bnxoex",
+  '-2': "_-2--1en0gzo",
+  '-3': "_-3--kfyzzg",
+  '-4': "_-4--o74f2b",
+  '-5': "_-5--4es52j",
+  '-6': "_-6--1jfs2dd",
+  '-7': "_-7--1ar0lk8",
+  '-8': "_-8--mf8yw9",
+  '-9': "_-9--utve61",
+  '-10': "_-10--1u0tyn1"
+};
+export const marginY = {
+  '0': "_0-_hnl71v",
+  '-0.25': "_-0_25--15abiia",
+  '-0.5': "_-0_5--1zev7f",
+  '-0.75': "_-0_75--ilt7xv",
+  '-1': "_-1--1v55k66",
+  '-1.5': "_-1_5--65zsml",
+  '-2': "_-2--rbruuk",
+  '-3': "_-3--1cjotcz",
+  '-4': "_-4--f230gd",
+  '-5': "_-5--mg1njo",
+  '-6': "_-6--rujbd9",
+  '-7': "_-7--1xxi0xp",
+  '-8': "_-8--i2bq9d",
+  '-9': "_-9--7y4oac",
+  '-10': "_-10--1gpzshf"
+};
+export const marginTop = {
+  '0': "_0-_kzj3hl",
+  '-0.25': "_-0_25--ambiei",
+  '-0.5': "_-0_5--5vwkz",
+  '-0.75': "_-0_75--r0oz6d",
+  '-1': "_-1--ygzmut",
+  '-1.5': "_-1_5--1d8gqsg",
+  '-2': "_-2--1blvhhx",
+  '-3': "_-3--kbqyfr",
+  '-4': "_-4--1g00d58",
+  '-5': "_-5--1suelri",
+  '-6': "_-6--10659me",
+  '-7': "_-7--dl4wud",
+  '-8': "_-8--1ci7c7x",
+  '-9': "_-9--8xtqz9",
+  '-10': "_-10--242v86"
+};
+export const marginBottom = {
+  '0': "_0-_5jvukw",
+  '-0.25': "_-0_25--1i7er6v",
+  '-0.5': "_-0_5--8dp21q",
+  '-0.75': "_-0_75--vi39l8",
+  '-1': "_-1--25o0h7",
+  '-1.5': "_-1_5--1ihnpfv",
+  '-2': "_-2--16xp4bt",
+  '-3': "_-3--1ibdm0p",
+  '-4': "_-4--afzmz2",
+  '-5': "_-5--xkdgt9",
+  '-6': "_-6--1evdcas",
+  '-7': "_-7--aeiycj",
+  '-8': "_-8--1gwb56i",
+  '-9': "_-9--1nqbb11",
+  '-10': "_-10--hs0lfq"
+};
+export const marginEnd = {
+  '0': "_0-_cfacg4",
+  '-0.25': "_-0_25--1vk3skp",
+  '-0.5': "_-0_5--9u4ftp",
+  '-0.75': "_-0_75--125f08u",
+  '-1': "_-1--c1eazx",
+  '-1.5': "_-1_5--1pvcikp",
+  '-2': "_-2--y5qrtu",
+  '-3': "_-3--pehkmg",
+  '-4': "_-4--1snfsqj",
+  '-5': "_-5--1nzlpe0",
+  '-6': "_-6--1hl3bl",
+  '-7': "_-7--14j1bxu",
+  '-8': "_-8--y84ze6",
+  '-9': "_-9--11gt91s",
+  '-10': "_-10--1wtbx5a"
+};
+export const marginStart = {
+  '0': "_0-_a3r8km",
+  '-0.25': "_-0_25--1psh259",
+  '-0.5': "_-0_5--1wo40i6",
+  '-0.75': "_-0_75--zzuzl6",
+  '-1': "_-1--1y12u99",
+  '-1.5': "_-1_5--51c1a8",
+  '-2': "_-2--eiq9of",
+  '-3': "_-3--ly68ax",
+  '-4': "_-4--x2n99e",
+  '-5': "_-5--hyuu97",
+  '-6': "_-6--1avhg0k",
+  '-7': "_-7--1p5g5hw",
+  '-8': "_-8--14u3na7",
+  '-9': "_-9--tyeoci",
+  '-10': "_-10--6b0pmr"
+};
+export const textAlign = {
+  start: "start-s10ler4q",
+  end: "end-e1ybber5",
+  center: "center-c1kd47r8",
+  justify: "justify-j1u9pvay"
+};
+export const visibility = {
+  hidden: "hidden-h1f0wg8m",
+  visible: "visible-vrg8rtl"
+};
+import "./tablet.css";