Screenshot → Tokens
Segment
hybrid: sam3.1 + layout + DOMNamer
baseten:meta-models/muse-spark-open-1026Coder
deterministicScreenshot
Tokens
primitive (48)
color.black--color-blackcolor.black → #000000ffUsed 54 times.
members: #000000ff ×54
props: fill (54) regions: image (52), card (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.black-a40--color-black-a40color.black-a40 → #00000066Used 45 times.
members: #00000066 ×45
props: color (42), fill (3) regions: image (43), card (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.black-a13--color-black-a13color.black-a13 → #00000020Used 32 times.
members: #00000020 ×32
props: border-top-color (8), border-right-color (8), border-bottom-color (8) regions: card (32)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.black-a10--color-black-a10color.black-a10 → #0000001aUsed 9 times.
members: #0000001a ×9
props: border-top-color (8), border-bottom-color (1) regions: card (8), nav (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.black-a30--color-black-a30color.black-a30 → #0000004dUsed 1 times.
members: #0000004d ×1
props: background-color (1) regions: button (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.gray.900--color-gray-900color.gray.900 → #212529ffUsed 9 times.
members: #212529ff ×9
props: color (9) regions: card (9)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.gray.800--color-gray-800color.gray.800 → #333333ffUsed 8 times.
members: #333333ff ×8
props: color (8) regions: text (8)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.gray.500--color-gray-500color.gray.500 → #777777ffUsed 1 times.
members: #777777ff ×1
props: color (1) regions: footer (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.gray.400--color-gray-400color.gray.400 → #888888ffUsed 5 times.
members: #888888ff ×5
props: color (5) regions: link (4), button (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.red.400--color-red-400color.red.400 → #fb404bffUsed 3 times.
members: #fb404bff ×3
props: background-color (1), stroke (1), fill (1) regions: image (2), icon (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-dom, sam3.1color.gray.400-2--color-gray-400-2color.gray.400-2 → #9a9a9affUsed 12 times.
members: #9a9a9aff ×12
props: color (12) regions: card (8), link (4)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.gray.300--color-gray-300color.gray.300 → #a9a9a9ffUsed 8 times.
members: #a9a9a9ff ×8
props: color (8) regions: card (8)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.teal.300--color-teal-300color.teal.300 → #1dc7eaffUsed 3 times.
members: #1dc7eaff ×3
props: stroke (1), fill (1), color (1) regions: image (2), link (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.orange.200--color-orange-200color.orange.200 → #ffa534ffUsed 2 times.
members: #ffa534ff ×2
props: stroke (1), fill (1) regions: image (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.gray.200-a15--color-gray-200-a15color.gray.200-a15 → #cbcbd226Used 1 times.
members: #cbcbd226 ×1
props: background-color (1) regions: —
namer
baseten:meta-models/muse-spark-open-1026color.gray.100--color-gray-100color.gray.100 → #dee2e6ffUsed 18 times.
members: #dee2e6ff ×18
props: border-top-color (18) regions: card (18)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.gray.100-2--color-gray-100-2color.gray.100-2 → #e7e7e7ffUsed 1 times.
members: #e7e7e7ff ×1
props: border-top-color (1) regions: footer (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.whiteRoles differ: review--color-whitecolor.white → #ffffffffMerges 2 near-identical values (#ffffffff, #f8f9faff) used 24 times.
members: #ffffffff ×23#f8f9faff ×1
props: background-color (14), color (10) regions: card (12), link (7), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.white-a23--color-white-a23color.white-a23 → #ffffff3bUsed 2 times.
members: #ffffff3b ×2
props: background-color (2) regions: button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.white-a20--color-white-a20color.white-a20 → #ffffff33Used 1 times.
members: #ffffff33 ×1
props: border-bottom-color (1) regions: —
namer
baseten:meta-models/muse-spark-open-1026Ag
font.family.base--font-family-basefont.family.base → Roboto, Helvetica Neue, Arial, sans-serifUsed 96 times.
members: Roboto, Helvetica Neue, Arial, sans-serif ×96
props: font-family (96) regions: image (40), card (27), link (16)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domAg
font.size.xs--font-size-xsfont.size.xs → 12pxUsed 9 times.
members: 12px ×9
props: font-size (9) regions: link (6), button (2), icon (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-dom, sam3.1Ag
font.size.sm--font-size-smfont.size.sm → 14pxUsed 23 times.
members: 14px ×23
props: font-size (23) regions: card (17), link (5), footer (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domAg
font.size.md--font-size-mdfont.size.md → 16pxUsed 54 times.
members: 16px ×54
props: font-size (54) regions: image (40), card (10), link (3)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domAg
font.size.lg--font-size-lgfont.size.lg → 18pxUsed 1 times.
members: 18px ×1
props: font-size (1) regions: link (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domAg
font.size.xl--font-size-xlfont.size.xl → 20pxUsed 1 times.
members: 20px ×1
props: font-size (1) regions: link (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domAg
font.size.2xl--font-size-2xlfont.size.2xl → 22pxUsed 8 times.
members: 22px ×8
props: font-size (8) regions: text (8)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domAg
font.weight.light--font-weight-lightfont.weight.light → 300Used 8 times.
members: 300 ×8
props: font-weight (8) regions: text (8)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domAg
font.weight.regular--font-weight-regularfont.weight.regular → 400Used 79 times.
members: 400 ×79
props: font-weight (79) regions: image (40), card (27), link (10)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domAg
font.weight.semibold--font-weight-semiboldfont.weight.semibold → 600Used 8 times.
members: 600 ×8
props: font-weight (8) regions: link (6), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domAg
font.weight.bold--font-weight-boldfont.weight.bold → 700Used 1 times.
members: 700 ×1
props: font-weight (1) regions: icon (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via sam3.1font.line-height.1--font-line-height-1font.line-height.1 → 16pxUsed 42 times.
members: 16px ×42
props: line-height (42) regions: image (40), card (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domfont.line-height.2--font-line-height-2font.line-height.2 → 18pxUsed 1 times.
members: 18px ×1
props: line-height (1) regions: icon (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via sam3.1font.line-height.3--font-line-height-3font.line-height.3 → 21pxMerges 2 near-identical values (21px, 20px) used 14 times.
members: 21px ×1220px ×2
props: line-height (14) regions: card (8), link (5), footer (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domfont.line-height.4--font-line-height-4font.line-height.4 → 24pxUsed 8 times.
members: 24px ×8
props: line-height (8) regions: card (8)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domfont.line-height.5--font-line-height-5font.line-height.5 → 30pxMerges 2 near-identical values (30px, 31px) used 27 times.
members: 30px ×1931px ×8
props: line-height (27) regions: card (9), link (8), text (8)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domfont.line-height.6--font-line-height-6font.line-height.6 → 40pxUsed 4 times.
members: 40px ×4
props: line-height (4) regions: link (3), button (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domspace.4unverified--space-4space.4 → 4pxUsed 99 times as margin in buttons, cards and links; merges 4px and 5px.
model said, unverified: count 2 not found in this token's usage data
members: 4px ×555px ×44
props: margin-bottom (22), padding-top (17), padding-bottom (17) regions: button (52), card (24), link (20)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domspace.8--space-8space.8 → 8pxUsed 28 times.
members: 8px ×28
props: padding-right (12), padding-left (12), padding-top (2) regions: card (24), nav (2), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domspace.10--space-10space.10 → 10pxUsed 61 times.
members: 10px ×61
props: padding-bottom (28), padding-top (20), margin-top (8) regions: link (37), button (9), card (8)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domspace.12--space-12space.12 → 12pxUsed 39 times.
members: 12px ×39
props: padding-bottom (21), padding-top (18) regions: card (39)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domspace.15--space-15space.15 → 15pxMerges 2 near-identical values (15px, 16px) used 135 times.
members: 15px ×12616px ×9
props: padding-right (60), padding-left (60), padding-top (12) regions: card (79), link (20), button (10)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domspace.20--space-20space.20 → 20pxUsed 7 times.
members: 20px ×7
props: padding-right (3), padding-left (3), margin-top (1) regions: card (6)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domspace.30--space-30space.30 → 30pxUsed 22 times.
members: 30px ×22
props: margin-bottom (14), margin-top (6), padding-top (1) regions: image (12), card (8)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domspace.100--space-100space.100 → 100pxUsed 1 times.
members: 100px ×1
props: padding-bottom (1) regions: —
namer
baseten:meta-models/muse-spark-open-1026radius.smunverified--radius-smradius.sm → 4pxUsed 33 times as corner radius in buttons, cards and links; merges 4px and 3px.
model said, unverified: count 2 not found in this token's usage data
members: 4px ×293px ×4
props: border-top-left-radius (33) regions: button (15), card (12), link (6)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domradius.md--radius-mdradius.md → 8pxUsed 1 times.
members: 8px ×1
props: border-top-left-radius (1) regions: button (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domradius.lg--radius-lgradius.lg → 10pxUsed 1 times.
members: 10px ×1
props: border-top-left-radius (1) regions: icon (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via sam3.1semantic (6)
color.action.primaryunverified--color-action-primarycolor.action.primary → color.white-a23 → #ffffff3bUsed 2 times as background color in buttons.
model said, unverified: count 3 not found in this token's usage data
members: #ffffff3b ×2
props: background-color (2) regions: button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.surface.defaultRoles differ: review--color-surface-defaultcolor.surface.default → color.white → #ffffffffCard, nav and footer backgrounds all use white across 14 uses
members: #ffffffff ×23#f8f9faff ×1
props: background-color (14), color (10) regions: card (12), link (7), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.text.default--color-text-defaultcolor.text.default → color.gray.900 → #212529ffCard text uses dark gray in 9 uses as primary reading color
members: #212529ff ×9
props: color (9) regions: card (9)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.text.muted--color-text-mutedcolor.text.muted → color.gray.400-2 → #9a9a9affCard and link secondary text uses muted gray in 12 uses
members: #9a9a9aff ×12
props: color (12) regions: card (8), link (4)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.text.inverseRoles differ: reviewunverified--color-text-inversecolor.text.inverse → color.white → #ffffffffUsed 24 times as background color in cards, links and buttons; merges #ffffffff and #f8f9faff.
model said, unverified: count 9 not found in this token's usage data
members: #ffffffff ×23#f8f9faff ×1
props: background-color (14), color (10) regions: card (12), link (7), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcolor.border.defaultunverified--color-border-defaultcolor.border.default → color.black-a13 → #00000020Used 32 times as border color in cards.
model said, unverified: prop "border-color" not used by this token's clusters
members: #00000020 ×32
props: border-top-color (8), border-right-color (8), border-bottom-color (8) regions: card (32)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcomponent (14)
button.bg--button-bgbutton.bg → color.action.primary → color.white-a23 → #ffffff3bButton background uses white translucent
members: #ffffff3b ×2
props: background-color (2) regions: button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-dombutton.textRoles differ: review--button-textbutton.text → color.text.inverse → color.white → #ffffffffButton text uses white
members: #ffffffff ×23#f8f9faff ×1
props: background-color (14), color (10) regions: card (12), link (7), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-dombutton.radius--button-radiusbutton.radius → radius.sm → 4pxButton corners use 4px radius in 15 uses
members: 4px ×293px ×4
props: border-top-left-radius (33) regions: button (15), card (12), link (6)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcard.bgRoles differ: review--card-bgcard.bg → color.surface.default → color.white → #ffffffffCard background uses white
members: #ffffffff ×23#f8f9faff ×1
props: background-color (14), color (10) regions: card (12), link (7), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcard.border--card-bordercard.border → color.border.default → color.black-a13 → #00000020Card borders use translucent black
members: #00000020 ×32
props: border-top-color (8), border-right-color (8), border-bottom-color (8) regions: card (32)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcard.text--card-textcard.text → color.text.default → color.gray.900 → #212529ffCard text uses dark gray
members: #212529ff ×9
props: color (9) regions: card (9)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domcard.radius--card-radiuscard.radius → radius.sm → 4pxCard corners use 4px radius
members: 4px ×293px ×4
props: border-top-left-radius (33) regions: button (15), card (12), link (6)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domnav.bgRoles differ: review--nav-bgnav.bg → color.surface.default → color.white → #ffffffffNav background uses white
members: #ffffffff ×23#f8f9faff ×1
props: background-color (14), color (10) regions: card (12), link (7), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domnav.border--nav-bordernav.border → color.black-a10 → #0000001aNav bottom border uses translucent black
members: #0000001a ×9
props: border-top-color (8), border-bottom-color (1) regions: card (8), nav (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domfooter.bgRoles differ: review--footer-bgfooter.bg → color.surface.default → color.white → #ffffffffFooter background uses white
members: #ffffffff ×23#f8f9faff ×1
props: background-color (14), color (10) regions: card (12), link (7), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domfooter.text--footer-textfooter.text → color.gray.500 → #777777ffFooter text uses medium gray
members: #777777ff ×1
props: color (1) regions: footer (1)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domlink.textRoles differ: review--link-textlink.text → color.text.inverse → color.white → #ffffffffLink text uses white in 7 uses
members: #ffffffff ×23#f8f9faff ×1
props: background-color (14), color (10) regions: card (12), link (7), button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domlink.radius--link-radiuslink.radius → radius.sm → 4pxLink corners use 4px radius
members: 4px ×293px ×4
props: border-top-left-radius (33) regions: button (15), card (12), link (6)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-dombutton.active.bg--button-active-bgbutton.active.bg → color.action.primary → color.white-a23 → #ffffff3bActive button background uses white translucent
members: #ffffff3b ×2
props: background-color (2) regions: button (2)
namer
baseten:meta-models/muse-spark-open-1026 · regions via mock-domSuggested merges (4)
-
#e7e7e7ff→#dee2e6ffSingle footer border color is visually same light gray as card borders with 18 uses -
12px→10px12px (39 uses) is close to 10px (61 uses); probably the same space. -
8px→10px8px (28 uses) is close to 10px (61 uses); probably the same space. -
10px→8px10px (1 uses) is close to 8px (1 uses); probably the same radius.
1 validator repair: dropped footer.border: footer never uses color-16
Clusters
| id | kind | representative | members | uses | top props | top regions |
|---|---|---|---|---|---|---|
color-01 |
color | #000000ff |
#000000ff ×54 | 54 | fill (54) | image (52), card (2) |
color-02 |
color | #00000066 |
#00000066 ×45 | 45 | color (42), fill (3) | image (43), card (2) |
color-03 |
color | #00000020 |
#00000020 ×32 | 32 | border-top-color (8), border-right-color (8), border-bottom-color (8) | card (32) |
color-04 |
color | #0000001a |
#0000001a ×9 | 9 | border-top-color (8), border-bottom-color (1) | card (8), nav (1) |
color-05 |
color | #0000004d |
#0000004d ×1 | 1 | background-color (1) | button (1) |
color-06 |
color | #212529ff |
#212529ff ×9 | 9 | color (9) | card (9) |
color-07 |
color | #333333ff |
#333333ff ×8 | 8 | color (8) | text (8) |
color-08 |
color | #777777ff |
#777777ff ×1 | 1 | color (1) | footer (1) |
color-09 |
color | #888888ff |
#888888ff ×5 | 5 | color (5) | link (4), button (1) |
color-10 |
color | #fb404bff |
#fb404bff ×3 | 3 | background-color (1), stroke (1), fill (1) | image (2), icon (1) |
color-11 |
color | #9a9a9aff |
#9a9a9aff ×12 | 12 | color (12) | card (8), link (4) |
color-12 |
color | #a9a9a9ff |
#a9a9a9ff ×8 | 8 | color (8) | card (8) |
color-13 |
color | #1dc7eaff |
#1dc7eaff ×3 | 3 | stroke (1), fill (1), color (1) | image (2), link (1) |
color-14 |
color | #ffa534ff |
#ffa534ff ×2 | 2 | stroke (1), fill (1) | image (2) |
color-15 |
color | #cbcbd226 |
#cbcbd226 ×1 | 1 | background-color (1) | — |
color-16 |
color | #dee2e6ff |
#dee2e6ff ×18 | 18 | border-top-color (18) | card (18) |
color-17 |
color | #e7e7e7ff |
#e7e7e7ff ×1 | 1 | border-top-color (1) | footer (1) |
color-18 |
color | #ffffffff |
#ffffffff ×23#f8f9faff ×1merged | 24 | background-color (14), color (10) | card (12), link (7), button (2) |
color-19 |
color | #ffffff3b |
#ffffff3b ×2 | 2 | background-color (2) | button (2) |
color-20 |
color | #ffffff33 |
#ffffff33 ×1 | 1 | border-bottom-color (1) | — |
font-family-01 |
font-family | AgRoboto, Helvetica Neue, Arial, sans-serif |
Roboto, Helvetica Neue, Arial, sans-serif ×96 | 96 | font-family (96) | image (40), card (27), link (16) |
font-size-01 |
font-size | Ag12px |
12px ×9 | 9 | font-size (9) | link (6), button (2), icon (1) |
font-size-02 |
font-size | Ag14px |
14px ×23 | 23 | font-size (23) | card (17), link (5), footer (1) |
font-size-03 |
font-size | Ag16px |
16px ×54 | 54 | font-size (54) | image (40), card (10), link (3) |
font-size-04 |
font-size | Ag18px |
18px ×1 | 1 | font-size (1) | link (1) |
font-size-05 |
font-size | Ag20px |
20px ×1 | 1 | font-size (1) | link (1) |
font-size-06 |
font-size | Ag22px |
22px ×8 | 8 | font-size (8) | text (8) |
font-weight-01 |
font-weight | Ag300 |
300 ×8 | 8 | font-weight (8) | text (8) |
font-weight-02 |
font-weight | Ag400 |
400 ×79 | 79 | font-weight (79) | image (40), card (27), link (10) |
font-weight-03 |
font-weight | Ag600 |
600 ×8 | 8 | font-weight (8) | link (6), button (2) |
font-weight-04 |
font-weight | Ag700 |
700 ×1 | 1 | font-weight (1) | icon (1) |
line-height-01 |
line-height | 16px |
16px ×42 | 42 | line-height (42) | image (40), card (2) |
line-height-02 |
line-height | 18px |
18px ×1 | 1 | line-height (1) | icon (1) |
line-height-03 |
line-height | 21px |
21px ×1220px ×2merged | 14 | line-height (14) | card (8), link (5), footer (1) |
line-height-04 |
line-height | 24px |
24px ×8 | 8 | line-height (8) | card (8) |
line-height-05 |
line-height | 30px |
30px ×1931px ×8merged | 27 | line-height (27) | card (9), link (8), text (8) |
line-height-06 |
line-height | 40px |
40px ×4 | 4 | line-height (4) | link (3), button (1) |
space-01 |
space | 4px |
4px ×555px ×44merged | 99 | margin-bottom (22), padding-top (17), padding-bottom (17) | button (52), card (24), link (20) |
space-02 |
space | 8px |
8px ×28 | 28 | padding-right (12), padding-left (12), padding-top (2) | card (24), nav (2), button (2) |
space-03 |
space | 10px |
10px ×61 | 61 | padding-bottom (28), padding-top (20), margin-top (8) | link (37), button (9), card (8) |
space-04 |
space | 12px |
12px ×39 | 39 | padding-bottom (21), padding-top (18) | card (39) |
space-05 |
space | 15px |
15px ×12616px ×9merged | 135 | padding-right (60), padding-left (60), padding-top (12) | card (79), link (20), button (10) |
space-06 |
space | 20px |
20px ×7 | 7 | padding-right (3), padding-left (3), margin-top (1) | card (6) |
space-07 |
space | 30px |
30px ×22 | 22 | margin-bottom (14), margin-top (6), padding-top (1) | image (12), card (8) |
space-08 |
space | 100px |
100px ×1 | 1 | padding-bottom (1) | — |
radius-01 |
radius | 4px |
4px ×293px ×4merged | 33 | border-top-left-radius (33) | button (15), card (12), link (6) |
radius-02 |
radius | 8px |
8px ×1 | 1 | border-top-left-radius (1) | button (1) |
radius-03 |
radius | 10px |
10px ×1 | 1 | border-top-left-radius (1) | icon (1) |
Rewrite
692 edits across 1 file via deterministic
| file:line | prop | before | after | token |
|---|---|---|---|---|
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:6 |
font-weight | 300 |
var(--font-weight-light, 300) |
--font-weight-light |
main.d27ade12.css:6 |
font-weight | 300 |
var(--font-weight-light, 300) |
--font-weight-light |
main.d27ade12.css:6 |
font-weight | 300 |
var(--font-weight-light, 300) |
--font-weight-light |
main.d27ade12.css:6 |
border-top | #0000001a |
var(--nav-border, #0000001a) |
--nav-border |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
background-color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
padding-left | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:6 |
padding-right | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:6 |
padding-left | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:6 |
padding-right | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
border-top | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-bottom | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-top | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
border-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
padding-left | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:6 |
padding-right | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
background-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
border-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
background-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
border-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
border-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
color | #f8f9fa |
var(--color-text-inverse, #f8f9fa) |
--color-text-inverse |
main.d27ade12.css:6 |
background-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
border-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #f8f9fa |
var(--color-text-inverse, #f8f9fa) |
--color-text-inverse |
main.d27ade12.css:6 |
background-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
border-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
background | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
background-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
background-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
background-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
margin-right | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:6 |
border-bottom | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
color | #0000004d |
var(--color-black-a30, #0000004d) |
--color-black-a30 |
main.d27ade12.css:6 |
border-color | #0000001a |
var(--nav-border, #0000001a) |
--nav-border |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
border | rgba(0,0,0,.125) |
var(--card-border, rgba(0,0,0,.125)) |
--card-border |
main.d27ade12.css:6 |
border-bottom | rgba(0,0,0,.125) |
var(--color-border-default, rgba(0,0,0,.125)) |
--color-border-default |
main.d27ade12.css:6 |
border-top | rgba(0,0,0,.125) |
var(--color-border-default, rgba(0,0,0,.125)) |
--color-border-default |
main.d27ade12.css:6 |
margin-bottom | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:6 |
margin-left | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:6 |
margin-right | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:6 |
margin-bottom | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
background-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
background-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border | rgba(0,0,0,.125) |
var(--color-border-default, rgba(0,0,0,.125)) |
--color-border-default |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:6 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:6 |
color | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:6 |
border | #0000001a |
var(--nav-border, #0000001a) |
--nav-border |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
background-color | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:6 |
border-bottom | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-top | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
border-top-color | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:6 |
border-right-color | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:6 |
border-bottom-color | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:6 |
border-left-color | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:6 |
background-color | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
border-top-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border-right-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border-bottom-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border-left-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
padding-bottom | 20px |
var(--space-20, 20px) |
--space-20 |
main.d27ade12.css:6 |
padding-top | 20px |
var(--space-20, 20px) |
--space-20 |
main.d27ade12.css:6 |
background-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-top | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-right | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-bottom | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-left | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-color | #f8f9fa |
var(--color-surface-default, #f8f9fa) |
--color-surface-default |
main.d27ade12.css:6 |
border-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
font-weight | 300 |
var(--font-weight-light, 300) |
--font-weight-light |
main.d27ade12.css:6 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:6 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:6 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #f8f9fa |
var(--color-text-inverse, #f8f9fa) |
--color-text-inverse |
main.d27ade12.css:6 |
color | #212529 |
var(--color-text-default, #212529) |
--color-text-default |
main.d27ade12.css:6 |
border | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:6 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:6 |
border | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:6 |
border-color | #dee2e6 |
var(--color-gray-100, #dee2e6) |
--color-gray-100 |
main.d27ade12.css:26 |
font-family | Roboto,Helvetica Neue,Arial,sans-serif |
var(--font-family-base, Roboto,Helvetica Neue,Arial,sans-serif) |
--font-family-base |
main.d27ade12.css:26 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:26 |
font-weight | 300 |
var(--font-weight-light, 300) |
--font-weight-light |
main.d27ade12.css:26 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
margin | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:26 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
margin | 20px |
var(--space-20, 20px) |
--space-20 |
main.d27ade12.css:26 |
font-size | 22px |
var(--font-size-2xl, 22px) |
--font-size-2xl |
main.d27ade12.css:26 |
line-height | 30px |
var(--font-line-height-5, 30px) |
--font-line-height-5 |
main.d27ade12.css:26 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:26 |
margin-bottom | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:26 |
font-weight | 600 |
var(--font-weight-semibold, 600) |
--font-weight-semibold |
main.d27ade12.css:26 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
font-weight | 300 |
var(--font-weight-light, 300) |
--font-weight-light |
main.d27ade12.css:26 |
margin | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
padding-bottom | 100px |
var(--space-100, 100px) |
--space-100 |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
margin-top | 20px |
var(--space-20, 20px) |
--space-20 |
main.d27ade12.css:26 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
margin | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:26 |
font-weight | 600 |
var(--font-weight-semibold, 600) |
--font-weight-semibold |
main.d27ade12.css:26 |
line-height | 31px |
var(--font-line-height-5, 31px) |
--font-line-height-5 |
main.d27ade12.css:26 |
margin-right | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
background | #ffffff3b |
var(--button-active-bg, #ffffff3b) |
--button-active-bg |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
border-bottom | #fff3 |
var(--color-white-a20, #fff3) |
--color-white-a20 |
main.d27ade12.css:26 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:26 |
font-weight | 600 |
var(--font-weight-semibold, 600) |
--font-weight-semibold |
main.d27ade12.css:26 |
line-height | 30px |
var(--font-line-height-5, 30px) |
--font-line-height-5 |
main.d27ade12.css:26 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
margin | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
border-bottom | #fff3 |
var(--color-white-a20, #fff3) |
--color-white-a20 |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
font-size | 20px |
var(--font-size-xl, 20px) |
--font-size-xl |
main.d27ade12.css:26 |
line-height | 20px |
var(--font-line-height-3, 20px) |
--font-line-height-3 |
main.d27ade12.css:26 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
font-size | 18px |
var(--font-size-lg, 18px) |
--font-size-lg |
main.d27ade12.css:26 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:26 |
line-height | 30px |
var(--font-line-height-5, 30px) |
--font-line-height-5 |
main.d27ade12.css:26 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
border | #333 |
var(--color-gray-800, #333) |
--color-gray-800 |
main.d27ade12.css:26 |
background | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:26 |
background | #777 |
var(--footer-text, #777) |
--footer-text |
main.d27ade12.css:26 |
background | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
background | #ffa534 |
var(--color-orange-200, #ffa534) |
--color-orange-200 |
main.d27ade12.css:26 |
background | #fb404b |
var(--color-red-400, #fb404b) |
--color-red-400 |
main.d27ade12.css:26 |
background | #cbcbd226 |
var(--color-gray-200-a15, #cbcbd226) |
--color-gray-200-a15 |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:26 |
border-top | #e7e7e7 |
var(--color-gray-100-2, #e7e7e7) |
--color-gray-100-2 |
main.d27ade12.css:26 |
border-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:26 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:26 |
border-left | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
padding | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
padding-bottom | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
padding-left | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
padding-right | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
border-color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:26 |
padding | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:26 |
border-color | #777 |
var(--footer-text, #777) |
--footer-text |
main.d27ade12.css:26 |
color | #777 |
var(--footer-text, #777) |
--footer-text |
main.d27ade12.css:26 |
border-color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
background-color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
background-color | #777 |
var(--footer-text, #777) |
--footer-text |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
border-top-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
border-top-color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
border-top-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
border-top-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
border-color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
border-color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
background-color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
border-top-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
border-top-color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
border-top-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
border-top-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
border-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
border-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
border-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
border-top-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:26 |
padding | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:26 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:26 |
font-size | 18px |
var(--font-size-lg, 18px) |
--font-size-lg |
main.d27ade12.css:26 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:26 |
padding | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:26 |
padding | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:26 |
padding | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
border-radius | 3px |
var(--button-radius, 3px) |
--button-radius |
main.d27ade12.css:26 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
border-radius | 3px |
var(--button-radius, 3px) |
--button-radius |
main.d27ade12.css:26 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:26 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:26 |
padding | 12px |
var(--space-12, 12px) |
--space-12 |
main.d27ade12.css:26 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:26 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #333 |
var(--color-gray-800, #333) |
--color-gray-800 |
main.d27ade12.css:26 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:26 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:26 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:26 |
padding | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:26 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:26 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
border-color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
padding | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
border-color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:26 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:26 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
font-weight | 300 |
var(--font-weight-light, 300) |
--font-weight-light |
main.d27ade12.css:26 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:26 |
padding | 20px |
var(--space-20, 20px) |
--space-20 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
margin | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:26 |
padding | 12px |
var(--space-12, 12px) |
--space-12 |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:26 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:26 |
padding-bottom | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
margin-bottom | 12px |
var(--space-12, 12px) |
--space-12 |
main.d27ade12.css:26 |
color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
font-size | 18px |
var(--font-size-lg, 18px) |
--font-size-lg |
main.d27ade12.css:26 |
color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
font-size | 18px |
var(--font-size-lg, 18px) |
--font-size-lg |
main.d27ade12.css:26 |
font-size | 18px |
var(--font-size-lg, 18px) |
--font-size-lg |
main.d27ade12.css:26 |
margin-left | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
border-bottom | #0000001a |
var(--nav-border, #0000001a) |
--nav-border |
main.d27ade12.css:26 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:26 |
color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
font-size | 20px |
var(--font-size-xl, 20px) |
--font-size-xl |
main.d27ade12.css:26 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:26 |
margin | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
background-color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
margin | 4px |
var(--space-4, 4px) |
--space-4 |
main.d27ade12.css:26 |
color | #888 |
var(--color-gray-400, #888) |
--color-gray-400 |
main.d27ade12.css:26 |
line-height | 40px |
var(--font-line-height-6, 40px) |
--font-line-height-6 |
main.d27ade12.css:26 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:26 |
margin | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:26 |
line-height | 40px |
var(--font-line-height-6, 40px) |
--font-line-height-6 |
main.d27ade12.css:26 |
color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
border-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:26 |
border-top-left-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:26 |
margin | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
background-color | #fb404b |
var(--color-red-400, #fb404b) |
--color-red-400 |
main.d27ade12.css:26 |
border-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:26 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:26 |
line-height | 18px |
var(--font-line-height-2, 18px) |
--font-line-height-2 |
main.d27ade12.css:26 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
margin-left | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
margin-top | 20px |
var(--space-20, 20px) |
--space-20 |
main.d27ade12.css:26 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:26 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:26 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:26 |
margin-top | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
border-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
border-radius | 3px |
var(--button-radius, 3px) |
--button-radius |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
color | #fff |
var(--button-text, #fff) |
--button-text |
main.d27ade12.css:26 |
border-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
border-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
background-color | #fff3 |
var(--color-white-a20, #fff3) |
--color-white-a20 |
main.d27ade12.css:26 |
border-bottom | #0000001a |
var(--nav-border, #0000001a) |
--nav-border |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
border-radius | 3px |
var(--button-radius, 3px) |
--button-radius |
main.d27ade12.css:26 |
color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
border-color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
margin-bottom | 12px |
var(--space-12, 12px) |
--space-12 |
main.d27ade12.css:26 |
margin-top | 12px |
var(--space-12, 12px) |
--space-12 |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:26 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:26 |
padding-top | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:26 |
background-color | #fff |
var(--footer-bg, #fff) |
--footer-bg |
main.d27ade12.css:26 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
color | #777 |
var(--footer-text, #777) |
--footer-text |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding-bottom | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:26 |
font-size | 20px |
var(--font-size-xl, 20px) |
--font-size-xl |
main.d27ade12.css:26 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:26 |
line-height | 20px |
var(--font-line-height-3, 20px) |
--font-line-height-3 |
main.d27ade12.css:26 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
color | #777 |
var(--footer-text, #777) |
--footer-text |
main.d27ade12.css:26 |
color | #777 |
var(--footer-text, #777) |
--footer-text |
main.d27ade12.css:26 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:26 |
line-height | 20px |
var(--font-line-height-3, 20px) |
--font-line-height-3 |
main.d27ade12.css:26 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
color | #777 |
var(--footer-text, #777) |
--footer-text |
main.d27ade12.css:26 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:26 |
margin-left | 20px |
var(--space-20, 20px) |
--space-20 |
main.d27ade12.css:26 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:26 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
border-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:31 |
border-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:31 |
border-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:31 |
color | #333 |
var(--color-gray-800, #333) |
--color-gray-800 |
main.d27ade12.css:31 |
padding | 16px |
var(--space-15, 16px) |
--space-15 |
main.d27ade12.css:31 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:31 |
border-top-left-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:31 |
color | #333 |
var(--color-gray-800, #333) |
--color-gray-800 |
main.d27ade12.css:31 |
font-size | 18px |
var(--font-size-lg, 18px) |
--font-size-lg |
main.d27ade12.css:31 |
padding-right | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:31 |
background-color | #fff |
var(--card-bg, #fff) |
--card-bg |
main.d27ade12.css:31 |
border-radius | 4px |
var(--card-radius, 4px) |
--card-radius |
main.d27ade12.css:31 |
margin-bottom | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:31 |
border-radius | 4px |
var(--card-radius, 4px) |
--card-radius |
main.d27ade12.css:31 |
border-radius | 4px |
var(--card-radius, 4px) |
--card-radius |
main.d27ade12.css:31 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
background-color | #fff |
var(--card-bg, #fff) |
--card-bg |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:31 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:31 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:31 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:31 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:31 |
margin-bottom | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
color | #333 |
var(--color-gray-800, #333) |
--color-gray-800 |
main.d27ade12.css:31 |
font-weight | 300 |
var(--font-weight-light, 300) |
--font-weight-light |
main.d27ade12.css:31 |
margin-right | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
color | #333 |
var(--color-gray-800, #333) |
--color-gray-800 |
main.d27ade12.css:31 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:31 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:31 |
line-height | 30px |
var(--font-line-height-5, 30px) |
--font-line-height-5 |
main.d27ade12.css:31 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
margin-bottom | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
margin-top | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
color | #a9a9a9 |
var(--color-gray-300, #a9a9a9) |
--color-gray-300 |
main.d27ade12.css:31 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:31 |
font-weight | 600 |
var(--font-weight-semibold, 600) |
--font-weight-semibold |
main.d27ade12.css:31 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:31 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:31 |
margin | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:31 |
padding-left | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding-right | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
border-radius | 4px |
var(--card-radius, 4px) |
--card-radius |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
font-weight | 700 |
var(--font-weight-bold, 700) |
--font-weight-bold |
main.d27ade12.css:31 |
border | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:31 |
margin-bottom | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
line-height | 24px |
var(--font-line-height-4, 24px) |
--font-line-height-4 |
main.d27ade12.css:31 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
margin | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:31 |
fill | #0006 |
var(--color-black-a40, #0006) |
--color-black-a40 |
main.d27ade12.css:31 |
color | #0006 |
var(--color-black-a40, #0006) |
--color-black-a40 |
main.d27ade12.css:31 |
stroke | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:31 |
fill | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:31 |
stroke | #fb404b |
var(--color-red-400, #fb404b) |
--color-red-400 |
main.d27ade12.css:31 |
fill | #fb404b |
var(--color-red-400, #fb404b) |
--color-red-400 |
main.d27ade12.css:31 |
stroke | #ffa534 |
var(--color-orange-200, #ffa534) |
--color-orange-200 |
main.d27ade12.css:31 |
fill | #ffa534 |
var(--color-orange-200, #ffa534) |
--color-orange-200 |
main.d27ade12.css:31 |
padding-left | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
padding-right | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
border-bottom | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:31 |
padding-left | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding-right | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
border-bottom | #fff3 |
var(--color-white-a20, #fff3) |
--color-white-a20 |
main.d27ade12.css:31 |
margin-bottom | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding-bottom | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding-top | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:31 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:31 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:31 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
margin | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:31 |
background-color | #ffffff3b |
var(--color-action-primary, #ffffff3b) |
--color-action-primary |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding-top | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
background | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:31 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
padding | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:31 |
border-bottom-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:31 |
border-top-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:31 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
line-height | 40px |
var(--font-line-height-6, 40px) |
--font-line-height-6 |
main.d27ade12.css:31 |
font-size | 20px |
var(--font-size-xl, 20px) |
--font-size-xl |
main.d27ade12.css:31 |
margin-right | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
margin-bottom | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:31 |
margin-bottom | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:31 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:31 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:31 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:31 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:31 |
background-color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:31 |
background | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:31 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:31 |
color | #333 |
var(--color-gray-800, #333) |
--color-gray-800 |
main.d27ade12.css:31 |
border-top-left-radius | 3px |
var(--button-radius, 3px) |
--button-radius |
main.d27ade12.css:31 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:31 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:31 |
color | #000 |
var(--color-black, #000) |
--color-black |
main.d27ade12.css:48 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:48 |
background | #0000004d |
var(--color-black-a30, #0000004d) |
--color-black-a30 |
main.d27ade12.css:48 |
border-radius | 8px |
var(--radius-md, 8px) |
--radius-md |
main.d27ade12.css:48 |
border-radius | 8px |
var(--radius-md, 8px) |
--radius-md |
main.d27ade12.css:48 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:48 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:48 |
border-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:48 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:48 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:48 |
color | #777 |
var(--footer-text, #777) |
--footer-text |
main.d27ade12.css:48 |
border | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:48 |
margin-right | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:48 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:48 |
background-color | #1dc7ea |
var(--color-teal-300, #1dc7ea) |
--color-teal-300 |
main.d27ade12.css:48 |
background-color | #ffa534 |
var(--color-orange-200, #ffa534) |
--color-orange-200 |
main.d27ade12.css:48 |
background-color | #fb404b |
var(--color-red-400, #fb404b) |
--color-red-400 |
main.d27ade12.css:48 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:48 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:48 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:48 |
margin | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:48 |
margin | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:48 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:48 |
font-size | 12px |
var(--font-size-xs, 12px) |
--font-size-xs |
main.d27ade12.css:48 |
font-weight | 600 |
var(--font-weight-semibold, 600) |
--font-weight-semibold |
main.d27ade12.css:48 |
line-height | 40px |
var(--font-line-height-6, 40px) |
--font-line-height-6 |
main.d27ade12.css:48 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:48 |
border | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:48 |
border-radius | 10px |
var(--radius-lg, 10px) |
--radius-lg |
main.d27ade12.css:48 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:48 |
background-color | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:48 |
font-weight | 600 |
var(--font-weight-semibold, 600) |
--font-weight-semibold |
main.d27ade12.css:48 |
margin-right | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:48 |
border-left | #fff |
var(--color-surface-default, #fff) |
--color-surface-default |
main.d27ade12.css:48 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:48 |
font-size | 18px |
var(--font-size-lg, 18px) |
--font-size-lg |
main.d27ade12.css:48 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:48 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:48 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:48 |
font-size | 20px |
var(--font-size-xl, 20px) |
--font-size-xl |
main.d27ade12.css:48 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:48 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:48 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:48 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:48 |
margin | 15px |
var(--space-15, 15px) |
--space-15 |
main.d27ade12.css:48 |
padding | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:48 |
margin-bottom | 30px |
var(--space-30, 30px) |
--space-30 |
main.d27ade12.css:48 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:48 |
border-radius | 3px |
var(--button-radius, 3px) |
--button-radius |
main.d27ade12.css:48 |
color | #333 |
var(--color-gray-800, #333) |
--color-gray-800 |
main.d27ade12.css:48 |
padding | 4px |
var(--space-4, 4px) |
--space-4 |
main.d27ade12.css:48 |
padding | 5px |
var(--space-4, 5px) |
--space-4 |
main.d27ade12.css:48 |
margin-right | 4px |
var(--space-4, 4px) |
--space-4 |
main.d27ade12.css:48 |
margin-left | 4px |
var(--space-4, 4px) |
--space-4 |
main.d27ade12.css:48 |
border-radius | 4px |
var(--button-radius, 4px) |
--button-radius |
main.d27ade12.css:48 |
font-size | 16px |
var(--font-size-md, 16px) |
--font-size-md |
main.d27ade12.css:48 |
padding | 8px |
var(--space-8, 8px) |
--space-8 |
main.d27ade12.css:48 |
padding | 10px |
var(--space-10, 10px) |
--space-10 |
main.d27ade12.css:48 |
color | #9a9a9a |
var(--color-text-muted, #9a9a9a) |
--color-text-muted |
main.d27ade12.css:48 |
font-size | 14px |
var(--font-size-sm, 14px) |
--font-size-sm |
main.d27ade12.css:48 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:53 |
color | #fff |
var(--color-text-inverse, #fff) |
--color-text-inverse |
main.d27ade12.css:53 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:53 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
main.d27ade12.css:53 |
font-weight | 400 |
var(--font-weight-regular, 400) |
--font-weight-regular |
Verify
PASS rewrite gate: fallbacks must be pixel-identical, color merges must be invisible, and no text pair may newly fall below the AA contrast minimum
pass Fallbacks only (safety)
0 / 1296000 px (0.000%), threshold 0
pass Colors merged
0 / 1296000 px (0.000%), threshold 0.001
review All tokens (layout cleanup to review)
32076 / 1296000 px (2.475%), threshold 0.001
pass Text contrast (WCAG 2.x AA, SC 1.4.3)
40 text pairs measured; 20 below the AA minimum on the original page, 20 with color tokens, 20 with all tokens; 0 regressions
Text color from the computed style; background measured on the rendered pixels around the letters, so gradients and images count. Checked on this captured route only (no hover or focus states, no non-text contrast). The gate blocks a proposal that adds a failing pair.
20 pairs below AA on the original page (reported, not blocking)
| text | ratio | AA min | text color | background (measured) | text color token |
|---|---|---|---|---|---|
| Update Now | 2.35 : 1 | 4.5 | #a9a9a9 |
#ffffff |
--color-gray-300 |
| Last day | 2.35 : 1 | 4.5 | #a9a9a9 |
#ffffff |
--color-gray-300 |
| In the last hour | 2.35 : 1 | 4.5 | #a9a9a9 |
#ffffff |
--color-gray-300 |
| Update now | 2.35 : 1 | 4.5 | #a9a9a9 |
#ffffff |
--color-gray-300 |
| Updated 3 minutes ago | 2.35 : 1 | 4.5 | #a9a9a9 |
#ffffff |
--color-gray-300 |
| Campaign sent 2 days ago | 2.35 : 1 | 4.5 | #a9a9a9 |
#ffffff |
--color-gray-300 |
| Number | 2.81 : 1 | 4.5 | #9a9a9a |
#ffffff |
--color-text-muted --color-gray-400-2 |
| Revenue | 2.81 : 1 | 4.5 | #9a9a9a |
#ffffff |
--color-text-muted --color-gray-400-2 |
| Errors | 2.81 : 1 | 4.5 | #9a9a9a |
#ffffff |
--color-text-muted --color-gray-400-2 |
| Followers | 2.81 : 1 | 4.5 | #9a9a9a |
#ffffff |
--color-text-muted --color-gray-400-2 |
| 24 Hours performance | 2.81 : 1 | 4.5 | #9a9a9a |
#ffffff |
--color-text-muted --color-gray-400-2 |
| Last Campaign Performance | 2.81 : 1 | 4.5 | #9a9a9a |
#ffffff |
--color-text-muted --color-gray-400-2 |
| All products including Taxes | 2.81 : 1 | 4.5 | #9a9a9a |
#ffffff |
--color-text-muted --color-gray-400-2 |
| Backend development | 2.81 : 1 | 4.5 | #9a9a9a |
#ffffff |
--color-text-muted --color-gray-400-2 |
| Dashboard | 3.36 : 1 | 4.5 | #888888 |
#f8f9fa |
--color-gray-400 |
| Search | 3.36 : 1 | 4.5 | #888888 |
#f8f9fa |
--color-gray-400 |
| Account | 3.36 : 1 | 4.5 | #888888 |
#f8f9fa |
--color-gray-400 |
| Dropdown | 3.36 : 1 | 4.5 | #888888 |
#f8f9fa |
--color-gray-400 |
| Log out | 3.36 : 1 | 4.5 | #888888 |
#f8f9fa |
--color-gray-400 |
| 5 | 3.54 : 1 | 4.5 | #ffffff |
#fb404b |
--color-surface-default --color-text-inverse --button-text |
Run timing
capture |
1.7 s | ||
segment |
0.1 s | 3 calls (3 cached) · $0.000 | |
cluster |
0.0 s | ||
name |
0.0 s | 1 call (1 cached) · $0.000 | |
emit |
0.0 s | ||
rewrite |
0.2 s | ||
verify |
6.9 s |
Total 9.0 s · 4 model calls (4 from cache, free) · about $0.000 at Meta Model API list prices. Wall time on this machine for this page, recorded during the run; not a throughput benchmark.