@coinbase/cds-web 0.0.0 → 8.13.2

package/esm/styles/responsive/phone.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-w7d45bg",
+  height: "height-h988xw4",
+  minWidth: "minWidth-m19bnurn",
+  minHeight: "minHeight-me2pzjt",
+  maxWidth: "maxWidth-m1ocjb32",
+  maxHeight: "maxHeight-m7qhvdy",
+  aspectRatio: "aspectRatio-arur56s",
+  top: "top-t1l2v7of",
+  bottom: "bottom-bg5ww9p",
+  left: "left-l1yl2iy1",
+  right: "right-r1ke1scf",
+  transform: "transform-tbtt7h1",
+  flexBasis: "flexBasis-f8a2xi9",
+  flexShrink: "flexShrink-f1yw0uqf",
+  flexGrow: "flexGrow-fdebmac",
+  gridTemplateColumns: "gridTemplateColumns-g1gj427s",
+  gridTemplateRows: "gridTemplateRows-gh6gah9",
+  gridTemplateAreas: "gridTemplateAreas-g5lzsah",
+  gridTemplate: "gridTemplate-g1mnx5iq",
+  gridAutoColumns: "gridAutoColumns-gp52p5k",
+  gridAutoRows: "gridAutoRows-g1swx1to",
+  gridAutoFlow: "gridAutoFlow-gsub4o8",
+  grid: "grid-g3xoxqf",
+  gridRowStart: "gridRowStart-g1icubnl",
+  gridColumnStart: "gridColumnStart-g4z302b",
+  gridRowEnd: "gridRowEnd-g1fg2bmv",
+  gridColumnEnd: "gridColumnEnd-g1j36srm",
+  gridRow: "gridRow-gbr4xyf",
+  gridColumn: "gridColumn-gavt8vz",
+  gridArea: "gridArea-g19co4vz",
+  opacity: "opacity-o6dy3x",
+  zIndex: "zIndex-z1xyzwxi"
+};
+export const elevation = {
+  '0': "_0-_6khisu",
+  '1': "_1-_15cbkqp",
+  '2': "_2-_bclzv0"
+};
+export const color = {
+  // Text
+  fg: "fg-f1r9uno0",
+  fgInverse: "fgInverse-fh6dc1c",
+  fgMuted: "fgMuted-f18k8npa",
+  fgPrimary: "fgPrimary-fphfuyo",
+  fgPositive: "fgPositive-fwe7d2a",
+  fgNegative: "fgNegative-f1vqzzbh",
+  fgWarning: "fgWarning-fta9s8l",
+  // Background
+  bg: "bg-btp1hh9",
+  bgAlternate: "bgAlternate-b181ao8e",
+  bgInverse: "bgInverse-b1nwhmtt",
+  bgOverlay: "bgOverlay-b1379r3o",
+  bgPrimary: "bgPrimary-burz6cb",
+  bgPrimaryWash: "bgPrimaryWash-b1omzgbj",
+  bgSecondary: "bgSecondary-bcqry3m",
+  bgTertiary: "bgTertiary-bhhlz5k",
+  bgSecondaryWash: "bgSecondaryWash-bmoo3dj",
+  bgNegative: "bgNegative-b18cneya",
+  bgNegativeWash: "bgNegativeWash-b1rr085f",
+  bgPositive: "bgPositive-bl3nah5",
+  bgPositiveWash: "bgPositiveWash-b1c6s9w4",
+  bgWarning: "bgWarning-b1z0dtp6",
+  bgWarningWash: "bgWarningWash-b14a4q7u",
+  currentColor: "currentColor-c1cz4je4",
+  // Line
+  bgLine: "bgLine-bvf5l1i",
+  bgLineInverse: "bgLineInverse-b1efk4ql",
+  bgLineHeavy: "bgLineHeavy-b2qqk5",
+  bgLinePrimary: "bgLinePrimary-bvall07",
+  bgLinePrimarySubtle: "bgLinePrimarySubtle-b121vvxn",
+  // Elevation
+  bgElevation1: "bgElevation1-b1fy2fvj",
+  bgElevation2: "bgElevation2-bpj2sby",
+  // Accent
+  accentSubtleGreen: "accentSubtleGreen-a18wzkm",
+  accentBoldGreen: "accentBoldGreen-aqf6xq0",
+  accentSubtleBlue: "accentSubtleBlue-a1sri2mc",
+  accentBoldBlue: "accentBoldBlue-a1sq4hv4",
+  accentSubtlePurple: "accentSubtlePurple-ayb1z78",
+  accentBoldPurple: "accentBoldPurple-aizbsd5",
+  accentSubtleYellow: "accentSubtleYellow-a1rrodt",
+  accentBoldYellow: "accentBoldYellow-a1klqx4n",
+  accentSubtleRed: "accentSubtleRed-a17gnhra",
+  accentBoldRed: "accentBoldRed-adnzvme",
+  accentSubtleGray: "accentSubtleGray-aj7y6h0",
+  accentBoldGray: "accentBoldGray-ae1kvt6",
+  transparent: "transparent-t4fn3yf"
+};
+export const background = {
+  // Text
+  fg: "fg-f1dbarw4",
+  fgInverse: "fgInverse-frb0wko",
+  fgMuted: "fgMuted-fs02ect",
+  fgPrimary: "fgPrimary-f1dfqccc",
+  fgPositive: "fgPositive-f1furqav",
+  fgNegative: "fgNegative-f1k4eqmo",
+  fgWarning: "fgWarning-fcj7v1c",
+  // Background
+  bg: "bg-bbh6b1s",
+  bgAlternate: "bgAlternate-bzurqc",
+  bgInverse: "bgInverse-bzh1l7y",
+  bgOverlay: "bgOverlay-b1kpmfpy",
+  bgPrimary: "bgPrimary-bw69gc6",
+  bgPrimaryWash: "bgPrimaryWash-b10zftzc",
+  bgSecondary: "bgSecondary-byyh5xl",
+  bgTertiary: "bgTertiary-b1yz0ty",
+  bgSecondaryWash: "bgSecondaryWash-b1ng3y8d",
+  bgNegative: "bgNegative-bky412h",
+  bgNegativeWash: "bgNegativeWash-b1g99381",
+  bgPositive: "bgPositive-blo18qp",
+  bgPositiveWash: "bgPositiveWash-b1xllk2c",
+  bgWarning: "bgWarning-bw2vxp3",
+  bgWarningWash: "bgWarningWash-b1unu0yx",
+  currentColor: "currentColor-cu6m8tj",
+  // Line
+  bgLine: "bgLine-bkk6ayu",
+  bgLineInverse: "bgLineInverse-b1pglb8",
+  bgLineHeavy: "bgLineHeavy-bf1wzfr",
+  bgLinePrimary: "bgLinePrimary-b14e6zks",
+  bgLinePrimarySubtle: "bgLinePrimarySubtle-bcjoool",
+  // Elevation
+  bgElevation1: "bgElevation1-b1qldolz",
+  bgElevation2: "bgElevation2-b1s6k1y1",
+  // Accent
+  accentSubtleGreen: "accentSubtleGreen-a737ut",
+  accentBoldGreen: "accentBoldGreen-a1asv69e",
+  accentSubtleBlue: "accentSubtleBlue-amiu19v",
+  accentBoldBlue: "accentBoldBlue-a15jswvr",
+  accentSubtlePurple: "accentSubtlePurple-as5pm69",
+  accentBoldPurple: "accentBoldPurple-atek0yd",
+  accentSubtleYellow: "accentSubtleYellow-a163buzj",
+  accentBoldYellow: "accentBoldYellow-a13i072b",
+  accentSubtleRed: "accentSubtleRed-a1ah1qah",
+  accentBoldRed: "accentBoldRed-a1krzemv",
+  accentSubtleGray: "accentSubtleGray-a1lico32",
+  accentBoldGray: "accentBoldGray-al1y500",
+  transparent: "transparent-t1g3a7jm"
+};
+export const borderColor = {
+  // Text
+  fg: "fg-frie30n",
+  fgInverse: "fgInverse-f1fig4pt",
+  fgMuted: "fgMuted-fbsmze0",
+  fgPrimary: "fgPrimary-f9ep94x",
+  fgPositive: "fgPositive-fyt8or7",
+  fgNegative: "fgNegative-f1vxsw3a",
+  fgWarning: "fgWarning-fqm00lr",
+  // Background
+  bg: "bg-b10dmrcb",
+  bgAlternate: "bgAlternate-bi67tby",
+  bgInverse: "bgInverse-b4vbqsp",
+  bgOverlay: "bgOverlay-brrsph5",
+  bgPrimary: "bgPrimary-b1wkql9o",
+  bgPrimaryWash: "bgPrimaryWash-btvnopa",
+  bgSecondary: "bgSecondary-b13wqctn",
+  bgTertiary: "bgTertiary-bufrf6i",
+  bgSecondaryWash: "bgSecondaryWash-bvdv8c4",
+  bgNegative: "bgNegative-b1auri2y",
+  bgNegativeWash: "bgNegativeWash-b1s8w9yc",
+  bgPositive: "bgPositive-b1npsim6",
+  bgPositiveWash: "bgPositiveWash-b1i46xw7",
+  bgWarning: "bgWarning-b1n85ppv",
+  bgWarningWash: "bgWarningWash-bh053di",
+  currentColor: "currentColor-c1d9k6mq",
+  // Line
+  bgLine: "bgLine-b1mueqnk",
+  bgLineInverse: "bgLineInverse-bnb0esi",
+  bgLineHeavy: "bgLineHeavy-bpdz5e5",
+  bgLinePrimary: "bgLinePrimary-bbwglb0",
+  bgLinePrimarySubtle: "bgLinePrimarySubtle-bkn0oaf",
+  // Elevation
+  bgElevation1: "bgElevation1-b1xxpeaf",
+  bgElevation2: "bgElevation2-bloew9e",
+  // Accent
+  accentSubtleGreen: "accentSubtleGreen-a11tekex",
+  accentBoldGreen: "accentBoldGreen-a1bbnh9o",
+  accentSubtleBlue: "accentSubtleBlue-a1onq3xh",
+  accentBoldBlue: "accentBoldBlue-aurun6z",
+  accentSubtlePurple: "accentSubtlePurple-aetts11",
+  accentBoldPurple: "accentBoldPurple-al6zm9t",
+  accentSubtleYellow: "accentSubtleYellow-apxh2if",
+  accentBoldYellow: "accentBoldYellow-ad2gcxh",
+  accentSubtleRed: "accentSubtleRed-apj5tzp",
+  accentBoldRed: "accentBoldRed-a1hhws3e",
+  accentSubtleGray: "accentSubtleGray-a1l5jb5f",
+  accentBoldGray: "accentBoldGray-axyeul5",
+  transparent: "transparent-tc23jg9"
+};
+export const borderWidth = {
+  '0': "_0-_5fsquh",
+  '100': "_100-_i3x0wg",
+  '200': "_200-_1o7q4i3",
+  '300': "_300-_1ook18g",
+  '400': "_400-_1flmh45",
+  '500': "_500-_ikpcne"
+};
+export const borderTopWidth = {
+  '0': "_0-_t88g5s",
+  '100': "_100-_1jrj2mn",
+  '200': "_200-_38zofr",
+  '300': "_300-_1qqxrbs",
+  '400': "_400-_1vnyitj",
+  '500': "_500-_1hftb4h"
+};
+export const borderEndWidth = {
+  '0': "_0-_14scvr4",
+  '100': "_100-_1otfmxr",
+  '200': "_200-_1to8jb1",
+  '300': "_300-_1c3less",
+  '400': "_400-_18v19tg",
+  '500': "_500-_b15jls"
+};
+export const borderBottomWidth = {
+  '0': "_0-_12vzuah",
+  '100': "_100-_1pcfczo",
+  '200': "_200-_5qqhai",
+  '300': "_300-_1gbqkhd",
+  '400': "_400-_1ozi2au",
+  '500': "_500-_1ak3c8j"
+};
+export const borderStartWidth = {
+  '0': "_0-_16bgrkk",
+  '100': "_100-_12tlc63",
+  '200': "_200-_16tdryg",
+  '300': "_300-_19ihnav",
+  '400': "_400-_13xqbby",
+  '500': "_500-_3fgfq6"
+};
+export const borderRadius = {
+  '0': "_0-_95v1t",
+  '100': "_100-_1fdy921",
+  '200': "_200-_1iet6au",
+  '300': "_300-_jucu2x",
+  '400': "_400-_fcy6l",
+  '500': "_500-_126dodr",
+  '600': "_600-_3wknyl",
+  '700': "_700-_1w60k1g",
+  '800': "_800-_13f49er",
+  '900': "_900-_1sz43s",
+  '1000': "_1000-_1f00tle"
+};
+export const borderTopLeftRadius = {
+  '0': "_0-_yrby96",
+  '100': "_100-_mxb1p1",
+  '200': "_200-_1s4tn3u",
+  '300': "_300-_e8zerj",
+  '400': "_400-_19xry5r",
+  '500': "_500-_1j3xvzl",
+  '600': "_600-_1kms0td",
+  '700': "_700-_1gxq2m8",
+  '800': "_800-_4fs1np",
+  '900': "_900-_ajc24n",
+  '1000': "_1000-_15ndrp"
+};
+export const borderTopRightRadius = {
+  '0': "_0-_5ojqam",
+  '100': "_100-_1vydgvq",
+  '200': "_200-_dc82oa",
+  '300': "_300-_if86ta",
+  '400': "_400-_1oaf1f2",
+  '500': "_500-_4f9uvo",
+  '600': "_600-_18fnzi5",
+  '700': "_700-_o8qc82",
+  '800': "_800-_gmbtq3",
+  '900': "_900-_1czdta3",
+  '1000': "_1000-_cqgqfc"
+};
+export const borderBottomLeftRadius = {
+  '0': "_0-_e1wzqw",
+  '100': "_100-_1kfpv5y",
+  '200': "_200-_mtim59",
+  '300': "_300-_1vq57it",
+  '400': "_400-_1d064kb",
+  '500': "_500-_lt0noy",
+  '600': "_600-_7bord1",
+  '700': "_700-_17rlbez",
+  '800': "_800-_3zdyry",
+  '900': "_900-_1skvaa3",
+  '1000': "_1000-_1tpbn6c"
+};
+export const borderBottomRightRadius = {
+  '0': "_0-_161b7wq",
+  '100': "_100-_14m8nr4",
+  '200': "_200-_1sbsb6g",
+  '300': "_300-_1wj0jk7",
+  '400': "_400-_18830c2",
+  '500': "_500-_vwmx0",
+  '600': "_600-_1e4cneu",
+  '700': "_700-_ns0ls4",
+  '800': "_800-_2tvy1j",
+  '900': "_900-_jokujw",
+  '1000': "_1000-_9fe2ee"
+};
+export const fontFamily = {
+  inherit: "inherit-i95newy",
+  display1: "display1-d16wvzmg",
+  display2: "display2-d6o8pg2",
+  display3: "display3-d3d5s0",
+  title1: "title1-t17qez5w",
+  title2: "title2-tvwxxyv",
+  title3: "title3-t1fadxwt",
+  title4: "title4-txzfe3u",
+  headline: "headline-hese71x",
+  body: "body-b1qwx3p9",
+  label1: "label1-l1rt13mo",
+  label2: "label2-lx820d2",
+  caption: "caption-catydux",
+  legal: "legal-l12az5io"
+};
+export const fontSize = {
+  inherit: "inherit-i10xac0g",
+  display1: "display1-d5p71se",
+  display2: "display2-d1db3szd",
+  display3: "display3-d1dhmia8",
+  title1: "title1-tdx3vk",
+  title2: "title2-t1pi4t9x",
+  title3: "title3-ttym69c",
+  title4: "title4-t1lsqkvf",
+  headline: "headline-hlyhffa",
+  body: "body-b540uu0",
+  label1: "label1-lmg3bk8",
+  label2: "label2-lhic52q",
+  caption: "caption-c1ahy97j",
+  legal: "legal-lvkwhqw"
+};
+export const fontWeight = {
+  inherit: "inherit-i11mv4b4",
+  display1: "display1-di3nbzz",
+  display2: "display2-d155pr6v",
+  display3: "display3-d1xqd6g",
+  title1: "title1-t19ux3ln",
+  title2: "title2-t1iulpol",
+  title3: "title3-t621paw",
+  title4: "title4-t1maxyll",
+  headline: "headline-htzxeo6",
+  body: "body-b1gh6i03",
+  label1: "label1-l18t8ior",
+  label2: "label2-l3utalg",
+  caption: "caption-c1paa8ye",
+  legal: "legal-l1d0fpy7"
+};
+export const lineHeight = {
+  inherit: "inherit-iwe21a3",
+  display1: "display1-d8yf284",
+  display2: "display2-df5ozlh",
+  display3: "display3-dzyk0gb",
+  title1: "title1-tn2pnk1",
+  title2: "title2-tzigwsq",
+  title3: "title3-tk78zyb",
+  title4: "title4-teftw2",
+  headline: "headline-hw2oqld",
+  body: "body-b19kjtl8",
+  label1: "label1-lu2vmim",
+  label2: "label2-l125rwow",
+  caption: "caption-cb11yrv",
+  legal: "legal-lyno0ul"
+};
+export const textDecoration = {
+  none: "none-ndar22j",
+  underline: "underline-uqg97ua",
+  overline: "overline-o13pbzm7",
+  'line-through': "line-through-lq9texj",
+  'underline overline': "underline_overline-u1iacslf",
+  'underline double': "underline_double-uanjbze"
+};
+export const textTransform = {
+  none: "none-nodry2x",
+  uppercase: "uppercase-u1y0mgdy",
+  lowercase: "lowercase-l14vf2e8",
+  capitalize: "capitalize-cas9xug"
+};
+export const userSelect = {
+  none: "none-n125csyj",
+  text: "text-t1nnq1ll",
+  all: "all-axkzm8n",
+  auto: "auto-aad79x5"
+};
+export const display = {
+  none: "none-nvny611",
+  block: "block-byghluo",
+  inline: "inline-im9hn5p",
+  'inline-block': "inline-block-ibx98ql",
+  flex: "flex-f100oho1",
+  'inline-flex': "inline-flex-i1xdtiff",
+  grid: "grid-gsccrx",
+  'inline-grid': "inline-grid-iqzg5ti",
+  contents: "contents-c1kc4igc",
+  'flow-root': "flow-root-f11kgtct",
+  revert: "revert-r3cjvt0",
+  'list-item': "list-item-l1amqx0y"
+};
+export const overflow = {
+  auto: "auto-a1qixyr1",
+  visible: "visible-v122od94",
+  hidden: "hidden-h1nw9ep8",
+  clip: "clip-c188wbd8",
+  scroll: "scroll-szpqspj"
+};
+export const gap = {
+  '0': "_0-_ppn497",
+  '0.25': "_0_25-_wudg10",
+  '0.5': "_0_5-_1sgrb7t",
+  '0.75': "_0_75-_1l1sszo",
+  '1': "_1-_hsvzsr",
+  '1.5': "_1_5-_1xb5gy7",
+  '2': "_2-_1d5lt79",
+  '3': "_3-_1b2n6h7",
+  '4': "_4-_cdpf8f",
+  '5': "_5-_nh26o",
+  '6': "_6-_104ut0h",
+  '7': "_7-_1tfwxhg",
+  '8': "_8-_13f8oew",
+  '9': "_9-_wb2txf",
+  '10': "_10-_1o71t4v"
+};
+export const columnGap = {
+  '0': "_0-_14efmg0",
+  '0.25': "_0_25-_1d6kp4o",
+  '0.5': "_0_5-_10382p5",
+  '0.75': "_0_75-_1cbd2ay",
+  '1': "_1-_1whtg44",
+  '1.5': "_1_5-_1ws0bjz",
+  '2': "_2-_dz3zb9",
+  '3': "_3-_1nwggnt",
+  '4': "_4-_18vvi04",
+  '5': "_5-_fhmhbu",
+  '6': "_6-_oyl7uv",
+  '7': "_7-_749zia",
+  '8': "_8-_ra186n",
+  '9': "_9-_1lz8i5z",
+  '10': "_10-_1cjtaln"
+};
+export const rowGap = {
+  '0': "_0-_q5lx01",
+  '0.25': "_0_25-_16ru1tn",
+  '0.5': "_0_5-_ugo0n",
+  '0.75': "_0_75-_7e4q4j",
+  '1': "_1-_1klrkkd",
+  '1.5': "_1_5-_nw0tqq",
+  '2': "_2-_1dhh7s",
+  '3': "_3-_16ecu28",
+  '4': "_4-_1hplpaw",
+  '5': "_5-_j8kuan",
+  '6': "_6-_1b2a1pa",
+  '7': "_7-_aq5rr8",
+  '8': "_8-_ip13if",
+  '9': "_9-_gmdb87",
+  '10': "_10-_1985feb"
+};
+export const justifyContent = {
+  normal: "normal-nymku7i",
+  center: "center-c13zrk5p",
+  start: "start-s642gho",
+  end: "end-e16y2f9j",
+  'flex-start': "flex-start-frbdine",
+  'flex-end': "flex-end-f144bbkg",
+  left: "left-ldwu6ho",
+  right: "right-rvparc9",
+  'space-between': "space-between-sxey7j1",
+  'space-around': "space-around-s1vdkh4t",
+  'space-evenly': "space-evenly-s1fb3bys",
+  stretch: "stretch-smxuvyo"
+};
+export const alignContent = {
+  normal: "normal-nc7gwez",
+  center: "center-cww6szu",
+  start: "start-s6ousbl",
+  end: "end-efjnn65",
+  'flex-start': "flex-start-f15jqkbl",
+  'flex-end': "flex-end-f1kqtiwj",
+  'space-between': "space-between-stnu90f",
+  'space-around': "space-around-svterl1",
+  'space-evenly': "space-evenly-s1r5g6cw",
+  stretch: "stretch-snoclmh",
+  baseline: "baseline-b3p5r9v",
+  'first baseline': "first_baseline-f1gs5vao",
+  'last baseline': "last_baseline-l1yll2q2"
+};
+export const alignItems = {
+  normal: "normal-n5gqgrv",
+  center: "center-c3ctqde",
+  start: "start-s1dqonuc",
+  end: "end-ed9lv44",
+  'flex-start': "flex-start-fh3cnhu",
+  'flex-end': "flex-end-f3ol5zm",
+  'self-start': "self-start-s15pyq61",
+  'self-end': "self-end-sdzanc9",
+  stretch: "stretch-stmd6vw",
+  baseline: "baseline-b2m1z3g",
+  'first baseline': "first_baseline-f19iy3k1",
+  'last baseline': "last_baseline-llkfydh"
+};
+export const alignSelf = {
+  auto: "auto-a8vc9sm",
+  normal: "normal-n5d0bdw",
+  center: "center-c1lx55",
+  start: "start-s1emco3n",
+  end: "end-eoqa9rx",
+  'flex-start': "flex-start-fqnhu0b",
+  'flex-end': "flex-end-f14rbvg",
+  'self-start': "self-start-s4q6daj",
+  'self-end': "self-end-s2zcg5l",
+  stretch: "stretch-s1nzvu5l",
+  baseline: "baseline-bk2gri9",
+  'first baseline': "first_baseline-fd51hc",
+  'last baseline': "last_baseline-lsf9tg9"
+};
+export const flexDirection = {
+  row: "row-rv4fq5c",
+  'row-reverse': "row-reverse-rlqxq4m",
+  column: "column-c1dcd459",
+  'column-reverse': "column-reverse-c1f94c9f"
+};
+export const flexWrap = {
+  nowrap: "nowrap-nhw5n5f",
+  wrap: "wrap-w161rxwk",
+  'wrap-reverse': "wrap-reverse-w4n31am"
+};
+export const position = {
+  static: "static-sm2utq6",
+  relative: "relative-rwxbozl",
+  absolute: "absolute-akq0qkm",
+  fixed: "fixed-f3ymrwr",
+  sticky: "sticky-s19vdv2q"
+};
+export const padding = {
+  '0': "_0-_11skznt",
+  '0.25': "_0_25-_p6ri6u",
+  '0.5': "_0_5-_d9m08b",
+  '0.75': "_0_75-_wi0pfd",
+  '1': "_1-_hmsliv",
+  '1.5': "_1_5-_1mqf6ri",
+  '2': "_2-_1cnvuz9",
+  '3': "_3-_7hbm9y",
+  '4': "_4-_8rouds",
+  '5': "_5-_jadlwe",
+  '6': "_6-_1cx7dei",
+  '7': "_7-_ywzjka",
+  '8': "_8-_sy8pqy",
+  '9': "_9-_15b9rla",
+  '10': "_10-_19zq693"
+};
+export const paddingX = {
+  '0': "_0-_1nsyry2",
+  '0.25': "_0_25-_6y2stq",
+  '0.5': "_0_5-_vthueu",
+  '0.75': "_0_75-_5gyrt9",
+  '1': "_1-_th79hk",
+  '1.5': "_1_5-_48rkx2",
+  '2': "_2-_1yoces4",
+  '3': "_3-_15el66s",
+  '4': "_4-_eu8s3s",
+  '5': "_5-_yze4rt",
+  '6': "_6-_14twua4",
+  '7': "_7-_12pl7bk",
+  '8': "_8-_n9kyrc",
+  '9': "_9-_11eyi3l",
+  '10': "_10-_11dc1kz"
+};
+export const paddingY = {
+  '0': "_0-_smaj9h",
+  '0.25': "_0_25-_1lvc1ng",
+  '0.5': "_0_5-_1ovpepq",
+  '0.75': "_0_75-_1qssivl",
+  '1': "_1-_m8bmcy",
+  '1.5': "_1_5-_5sucro",
+  '2': "_2-_m1cj0b",
+  '3': "_3-_7siezz",
+  '4': "_4-_60z9qn",
+  '5': "_5-_1h3y53s",
+  '6': "_6-_100im0m",
+  '7': "_7-_hkhvtm",
+  '8': "_8-_nsc9vk",
+  '9': "_9-_8qylxt",
+  '10': "_10-_gnfsdb"
+};
+export const paddingTop = {
+  '0': "_0-_2a5t2t",
+  '0.25': "_0_25-_yus7hf",
+  '0.5': "_0_5-_agnbvf",
+  '0.75': "_0_75-_6cfl9g",
+  '1': "_1-_q5a03w",
+  '1.5': "_1_5-_ywwrxa",
+  '2': "_2-_1yz9p6d",
+  '3': "_3-_mvzfzd",
+  '4': "_4-_1vdo060",
+  '5': "_5-_1os2u0z",
+  '6': "_6-_3z078t",
+  '7': "_7-_1c07rup",
+  '8': "_8-_1lpi9uu",
+  '9': "_9-_certz1",
+  '10': "_10-_1i34y5i"
+};
+export const paddingBottom = {
+  '0': "_0-_lxkt0b",
+  '0.25': "_0_25-_rijoub",
+  '0.5': "_0_5-_1yyb7j1",
+  '0.75': "_0_75-_13yody5",
+  '1': "_1-_1ih2au0",
+  '1.5': "_1_5-_dsil92",
+  '2': "_2-_5jgkmv",
+  '3': "_3-_9m0vzw",
+  '4': "_4-_1vau05f",
+  '5': "_5-_17r057q",
+  '6': "_6-_1pv7iaq",
+  '7': "_7-_1lhsvgt",
+  '8': "_8-_bb54mp",
+  '9': "_9-_1gqdopa",
+  '10': "_10-_89j73s"
+};
+export const paddingStart = {
+  '0': "_0-_lcfrns",
+  '0.25': "_0_25-_y773pn",
+  '0.5': "_0_5-_iv1krq",
+  '0.75': "_0_75-_cgycws",
+  '1': "_1-_1jpy3bd",
+  '1.5': "_1_5-_2btrmq",
+  '2': "_2-_qt07kj",
+  '3': "_3-_1vch4no",
+  '4': "_4-_17d1d15",
+  '5': "_5-_13tc930",
+  '6': "_6-_1qy1gq",
+  '7': "_7-_16hg7y9",
+  '8': "_8-_1jr7i83",
+  '9': "_9-_1ch62sm",
+  '10': "_10-_1wzrw57"
+};
+export const paddingEnd = {
+  '0': "_0-_1i9wb3r",
+  '0.25': "_0_25-_13zmk95",
+  '0.5': "_0_5-_1qovoz5",
+  '0.75': "_0_75-_1u4rpzw",
+  '1': "_1-_38rshy",
+  '1.5': "_1_5-_q7mf8j",
+  '2': "_2-_3bpr1v",
+  '3': "_3-_zw069f",
+  '4': "_4-_1j285mr",
+  '5': "_5-_31v6zt",
+  '6': "_6-_1yrhoe8",
+  '7': "_7-_15tg511",
+  '8': "_8-_1n0e6a5",
+  '9': "_9-_1r7o3s1",
+  '10': "_10-_1n0t53"
+};
+export const margin = {
+  '0': "_0-_98ynr5",
+  '-0.25': "_-0_25--1s8hehp",
+  '-0.5': "_-0_5--f8e8tg",
+  '-0.75': "_-0_75--d3pii0",
+  '-1': "_-1--1sa2tg9",
+  '-1.5': "_-1_5--s8ys0z",
+  '-2': "_-2--un5eyw",
+  '-3': "_-3--ad326y",
+  '-4': "_-4--1tvqby1",
+  '-5': "_-5--1g3un8t",
+  '-6': "_-6--1ax826k",
+  '-7': "_-7--1lex6ux",
+  '-8': "_-8--b13etq",
+  '-9': "_-9--151je7i",
+  '-10': "_-10--13fzxw9"
+};
+export const marginX = {
+  '0': "_0-_8v77tt",
+  '-0.25': "_-0_25--mp1xj8",
+  '-0.5': "_-0_5--1mhxq3q",
+  '-0.75': "_-0_75--nbsnst",
+  '-1': "_-1--128y2zz",
+  '-1.5': "_-1_5--1cfp48u",
+  '-2': "_-2--3ukykt",
+  '-3': "_-3--1h8yy87",
+  '-4': "_-4--1cjb1mm",
+  '-5': "_-5--xbg4nx",
+  '-6': "_-6--1x13pba",
+  '-7': "_-7--1xdc83e",
+  '-8': "_-8--14wknzr",
+  '-9': "_-9--gn6oez",
+  '-10': "_-10--10q0qa9"
+};
+export const marginY = {
+  '0': "_0-_1q72y6m",
+  '-0.25': "_-0_25--jkdsd0",
+  '-0.5': "_-0_5--13646du",
+  '-0.75': "_-0_75--141nwuc",
+  '-1': "_-1--v3k4vv",
+  '-1.5': "_-1_5--1e5ir0t",
+  '-2': "_-2--1tot5ip",
+  '-3': "_-3--udzh9",
+  '-4': "_-4--1yzwdbc",
+  '-5': "_-5--ot0k16",
+  '-6': "_-6--1vxkak",
+  '-7': "_-7--1uex97f",
+  '-8': "_-8--163g4a7",
+  '-9': "_-9--7sc7t2",
+  '-10': "_-10--hfafoo"
+};
+export const marginTop = {
+  '0': "_0-_of66gz",
+  '-0.25': "_-0_25--jd931r",
+  '-0.5': "_-0_5--1ej63de",
+  '-0.75': "_-0_75--1sooent",
+  '-1': "_-1--1ps5uw7",
+  '-1.5': "_-1_5--cbni14",
+  '-2': "_-2--20wo4s",
+  '-3': "_-3--10h0d2c",
+  '-4': "_-4--iwqpa8",
+  '-5': "_-5--w1uog4",
+  '-6': "_-6--ywhhhy",
+  '-7': "_-7--oexqfw",
+  '-8': "_-8--19g7va0",
+  '-9': "_-9--5kzbqx",
+  '-10': "_-10--1img1rs"
+};
+export const marginBottom = {
+  '0': "_0-_7zmnq6",
+  '-0.25': "_-0_25--3troq",
+  '-0.5': "_-0_5--1o1tcys",
+  '-0.75': "_-0_75--15r9hld",
+  '-1': "_-1--1uf073p",
+  '-1.5': "_-1_5--8nyfzt",
+  '-2': "_-2--6b3j2t",
+  '-3': "_-3--uizwg",
+  '-4': "_-4--90r6yk",
+  '-5': "_-5--1u3q8up",
+  '-6': "_-6--17qeu17",
+  '-7': "_-7--10laa93",
+  '-8': "_-8--15pz66x",
+  '-9': "_-9--fyfou4",
+  '-10': "_-10--1xqb2wp"
+};
+export const marginEnd = {
+  '0': "_0-_njx49d",
+  '-0.25': "_-0_25--swb5bm",
+  '-0.5': "_-0_5--1cyl141",
+  '-0.75': "_-0_75--1vvj696",
+  '-1': "_-1--1uha9vx",
+  '-1.5': "_-1_5--155f3n0",
+  '-2': "_-2--vqehx9",
+  '-3': "_-3--1sl1fg0",
+  '-4': "_-4--m0cewu",
+  '-5': "_-5--1rj3mvc",
+  '-6': "_-6--1v8ngnt",
+  '-7': "_-7--1axejr4",
+  '-8': "_-8--1asmz21",
+  '-9': "_-9--1ve3ncg",
+  '-10': "_-10--13w2elp"
+};
+export const marginStart = {
+  '0': "_0-_qus9yj",
+  '-0.25': "_-0_25--sue92d",
+  '-0.5': "_-0_5--1tfrrln",
+  '-0.75': "_-0_75--16ormsq",
+  '-1': "_-1--1gl2nmp",
+  '-1.5': "_-1_5--1kirozo",
+  '-2': "_-2--o76a0j",
+  '-3': "_-3--10l034l",
+  '-4': "_-4--t97fdv",
+  '-5': "_-5--ybh4i1",
+  '-6': "_-6--7pzlfh",
+  '-7': "_-7--1gr4lwr",
+  '-8': "_-8--1vjww26",
+  '-9': "_-9--y5udb5",
+  '-10': "_-10--1wj3rf5"
+};
+export const textAlign = {
+  start: "start-scao4ja",
+  end: "end-e1q34xfl",
+  center: "center-chw27g5",
+  justify: "justify-j1xapsj9"
+};
+export const visibility = {
+  hidden: "hidden-hf5p4ul",
+  visible: "visible-v4osevt"
+};
+import "./phone.css";