@sandlada/material-design-css
Version:
A ready-made npm package for a collection of css styles in the material design style.
582 lines • 52.4 kB
CSS
@layer material-design-system.palette {
.bg-primary-0 { background: var(--md-sys-palette-primary-0, #000000);}
.bg-primary-1 { background: var(--md-sys-palette-primary-1, #020500);}
.bg-primary-2 { background: var(--md-sys-palette-primary-2, #040900);}
.bg-primary-3 { background: var(--md-sys-palette-primary-3, #060d00);}
.bg-primary-4 { background: var(--md-sys-palette-primary-4, #081100);}
.bg-primary-5 { background: var(--md-sys-palette-primary-5, #091400);}
.bg-primary-6 { background: var(--md-sys-palette-primary-6, #0b1600);}
.bg-primary-7 { background: var(--md-sys-palette-primary-7, #0d1900);}
.bg-primary-8 { background: var(--md-sys-palette-primary-8, #0e1b00);}
.bg-primary-9 { background: var(--md-sys-palette-primary-9, #101d00);}
.bg-primary-10 { background: var(--md-sys-palette-primary-10, #111f00);}
.bg-primary-11 { background: var(--md-sys-palette-primary-11, #132200);}
.bg-primary-12 { background: var(--md-sys-palette-primary-12, #152400);}
.bg-primary-13 { background: var(--md-sys-palette-primary-13, #162600);}
.bg-primary-14 { background: var(--md-sys-palette-primary-14, #182800);}
.bg-primary-15 { background: var(--md-sys-palette-primary-15, #192b00);}
.bg-primary-16 { background: var(--md-sys-palette-primary-16, #1b2d00);}
.bg-primary-17 { background: var(--md-sys-palette-primary-17, #1c2f00);}
.bg-primary-18 { background: var(--md-sys-palette-primary-18, #1e3200);}
.bg-primary-19 { background: var(--md-sys-palette-primary-19, #203400);}
.bg-primary-20 { background: var(--md-sys-palette-primary-20, #213600);}
.bg-primary-21 { background: var(--md-sys-palette-primary-21, #233900);}
.bg-primary-22 { background: var(--md-sys-palette-primary-22, #253b00);}
.bg-primary-23 { background: var(--md-sys-palette-primary-23, #263d00);}
.bg-primary-24 { background: var(--md-sys-palette-primary-24, #284000);}
.bg-primary-25 { background: var(--md-sys-palette-primary-25, #2a4200);}
.bg-primary-26 { background: var(--md-sys-palette-primary-26, #2b4500);}
.bg-primary-27 { background: var(--md-sys-palette-primary-27, #2d4700);}
.bg-primary-28 { background: var(--md-sys-palette-primary-28, #2f4a00);}
.bg-primary-29 { background: var(--md-sys-palette-primary-29, #304c00);}
.bg-primary-30 { background: var(--md-sys-palette-primary-30, #324f00);}
.bg-primary-31 { background: var(--md-sys-palette-primary-31, #345100);}
.bg-primary-32 { background: var(--md-sys-palette-primary-32, #365400);}
.bg-primary-33 { background: var(--md-sys-palette-primary-33, #375600);}
.bg-primary-34 { background: var(--md-sys-palette-primary-34, #395900);}
.bg-primary-35 { background: var(--md-sys-palette-primary-35, #3b5b00);}
.bg-primary-36 { background: var(--md-sys-palette-primary-36, #3d5e00);}
.bg-primary-37 { background: var(--md-sys-palette-primary-37, #3f6100);}
.bg-primary-38 { background: var(--md-sys-palette-primary-38, #406300);}
.bg-primary-39 { background: var(--md-sys-palette-primary-39, #426600);}
.bg-primary-40 { background: var(--md-sys-palette-primary-40, #446900);}
.bg-primary-41 { background: var(--md-sys-palette-primary-41, #466b00);}
.bg-primary-42 { background: var(--md-sys-palette-primary-42, #486e00);}
.bg-primary-43 { background: var(--md-sys-palette-primary-43, #4a7100);}
.bg-primary-44 { background: var(--md-sys-palette-primary-44, #4b7300);}
.bg-primary-45 { background: var(--md-sys-palette-primary-45, #4d7600);}
.bg-primary-46 { background: var(--md-sys-palette-primary-46, #4f7900);}
.bg-primary-47 { background: var(--md-sys-palette-primary-47, #517b00);}
.bg-primary-48 { background: var(--md-sys-palette-primary-48, #537e00);}
.bg-primary-49 { background: var(--md-sys-palette-primary-49, #558100);}
.bg-primary-50 { background: var(--md-sys-palette-primary-50, #578400);}
.bg-primary-51 { background: var(--md-sys-palette-primary-51, #598604);}
.bg-primary-52 { background: var(--md-sys-palette-primary-52, #5c8908);}
.bg-primary-53 { background: var(--md-sys-palette-primary-53, #5e8c0d);}
.bg-primary-54 { background: var(--md-sys-palette-primary-54, #608e11);}
.bg-primary-55 { background: var(--md-sys-palette-primary-55, #639114);}
.bg-primary-56 { background: var(--md-sys-palette-primary-56, #659417);}
.bg-primary-57 { background: var(--md-sys-palette-primary-57, #68961b);}
.bg-primary-58 { background: var(--md-sys-palette-primary-58, #6a991e);}
.bg-primary-59 { background: var(--md-sys-palette-primary-59, #6d9c21);}
.bg-primary-60 { background: var(--md-sys-palette-primary-60, #6f9e23);}
.bg-primary-61 { background: var(--md-sys-palette-primary-61, #72a126);}
.bg-primary-62 { background: var(--md-sys-palette-primary-62, #74a429);}
.bg-primary-63 { background: var(--md-sys-palette-primary-63, #77a72c);}
.bg-primary-64 { background: var(--md-sys-palette-primary-64, #79a92e);}
.bg-primary-65 { background: var(--md-sys-palette-primary-65, #7cac31);}
.bg-primary-66 { background: var(--md-sys-palette-primary-66, #7eaf33);}
.bg-primary-67 { background: var(--md-sys-palette-primary-67, #81b236);}
.bg-primary-68 { background: var(--md-sys-palette-primary-68, #83b438);}
.bg-primary-69 { background: var(--md-sys-palette-primary-69, #86b73b);}
.bg-primary-70 { background: var(--md-sys-palette-primary-70, #89ba3d);}
.bg-primary-71 { background: var(--md-sys-palette-primary-71, #8bbd40);}
.bg-primary-72 { background: var(--md-sys-palette-primary-72, #8ec042);}
.bg-primary-73 { background: var(--md-sys-palette-primary-73, #90c245);}
.bg-primary-74 { background: var(--md-sys-palette-primary-74, #93c547);}
.bg-primary-75 { background: var(--md-sys-palette-primary-75, #96c84a);}
.bg-primary-76 { background: var(--md-sys-palette-primary-76, #98cb4c);}
.bg-primary-77 { background: var(--md-sys-palette-primary-77, #9bce4f);}
.bg-primary-78 { background: var(--md-sys-palette-primary-78, #9ed151);}
.bg-primary-79 { background: var(--md-sys-palette-primary-79, #a0d354);}
.bg-primary-80 { background: var(--md-sys-palette-primary-80, #a3d656);}
.bg-primary-81 { background: var(--md-sys-palette-primary-81, #a6d959);}
.bg-primary-82 { background: var(--md-sys-palette-primary-82, #a8dc5b);}
.bg-primary-83 { background: var(--md-sys-palette-primary-83, #abdf5e);}
.bg-primary-84 { background: var(--md-sys-palette-primary-84, #aee260);}
.bg-primary-85 { background: var(--md-sys-palette-primary-85, #b0e563);}
.bg-primary-86 { background: var(--md-sys-palette-primary-86, #b3e865);}
.bg-primary-87 { background: var(--md-sys-palette-primary-87, #b6ea68);}
.bg-primary-88 { background: var(--md-sys-palette-primary-88, #b8ed6a);}
.bg-primary-89 { background: var(--md-sys-palette-primary-89, #bbf06d);}
.bg-primary-90 { background: var(--md-sys-palette-primary-90, #bef36f);}
.bg-primary-91 { background: var(--md-sys-palette-primary-91, #c1f672);}
.bg-primary-92 { background: var(--md-sys-palette-primary-92, #c3f974);}
.bg-primary-93 { background: var(--md-sys-palette-primary-93, #c6fc77);}
.bg-primary-94 { background: var(--md-sys-palette-primary-94, #c9ff79);}
.bg-primary-95 { background: var(--md-sys-palette-primary-95, #d4ff94);}
.bg-primary-96 { background: var(--md-sys-palette-primary-96, #deffab);}
.bg-primary-97 { background: var(--md-sys-palette-primary-97, #e8ffc1);}
.bg-primary-98 { background: var(--md-sys-palette-primary-98, #f0ffd5);}
.bg-primary-99 { background: var(--md-sys-palette-primary-99, #f9ffe7);}
.bg-primary-100 { background: var(--md-sys-palette-primary-100, #ffffff);}
.bg-secondary-0 { background: var(--md-sys-palette-secondary-0, #000000);}
.bg-secondary-1 { background: var(--md-sys-palette-secondary-1, #020500);}
.bg-secondary-2 { background: var(--md-sys-palette-secondary-2, #040900);}
.bg-secondary-3 { background: var(--md-sys-palette-secondary-3, #060d00);}
.bg-secondary-4 { background: var(--md-sys-palette-secondary-4, #081100);}
.bg-secondary-5 { background: var(--md-sys-palette-secondary-5, #091400);}
.bg-secondary-6 { background: var(--md-sys-palette-secondary-6, #0b1600);}
.bg-secondary-7 { background: var(--md-sys-palette-secondary-7, #0d1900);}
.bg-secondary-8 { background: var(--md-sys-palette-secondary-8, #0e1b00);}
.bg-secondary-9 { background: var(--md-sys-palette-secondary-9, #101d00);}
.bg-secondary-10 { background: var(--md-sys-palette-secondary-10, #111f00);}
.bg-secondary-11 { background: var(--md-sys-palette-secondary-11, #132200);}
.bg-secondary-12 { background: var(--md-sys-palette-secondary-12, #152400);}
.bg-secondary-13 { background: var(--md-sys-palette-secondary-13, #162600);}
.bg-secondary-14 { background: var(--md-sys-palette-secondary-14, #182800);}
.bg-secondary-15 { background: var(--md-sys-palette-secondary-15, #1a2a01);}
.bg-secondary-16 { background: var(--md-sys-palette-secondary-16, #1c2d02);}
.bg-secondary-17 { background: var(--md-sys-palette-secondary-17, #1e2f04);}
.bg-secondary-18 { background: var(--md-sys-palette-secondary-18, #203105);}
.bg-secondary-19 { background: var(--md-sys-palette-secondary-19, #223307);}
.bg-secondary-20 { background: var(--md-sys-palette-secondary-20, #243609);}
.bg-secondary-21 { background: var(--md-sys-palette-secondary-21, #26380b);}
.bg-secondary-22 { background: var(--md-sys-palette-secondary-22, #283a0d);}
.bg-secondary-23 { background: var(--md-sys-palette-secondary-23, #2a3c0f);}
.bg-secondary-24 { background: var(--md-sys-palette-secondary-24, #2d3f11);}
.bg-secondary-25 { background: var(--md-sys-palette-secondary-25, #2f4114);}
.bg-secondary-26 { background: var(--md-sys-palette-secondary-26, #314316);}
.bg-secondary-27 { background: var(--md-sys-palette-secondary-27, #334618);}
.bg-secondary-28 { background: var(--md-sys-palette-secondary-28, #35481a);}
.bg-secondary-29 { background: var(--md-sys-palette-secondary-29, #384a1c);}
.bg-secondary-30 { background: var(--md-sys-palette-secondary-30, #3a4d1e);}
.bg-secondary-31 { background: var(--md-sys-palette-secondary-31, #3c4f20);}
.bg-secondary-32 { background: var(--md-sys-palette-secondary-32, #3e5122);}
.bg-secondary-33 { background: var(--md-sys-palette-secondary-33, #415424);}
.bg-secondary-34 { background: var(--md-sys-palette-secondary-34, #435626);}
.bg-secondary-35 { background: var(--md-sys-palette-secondary-35, #455929);}
.bg-secondary-36 { background: var(--md-sys-palette-secondary-36, #485b2b);}
.bg-secondary-37 { background: var(--md-sys-palette-secondary-37, #4a5d2d);}
.bg-secondary-38 { background: var(--md-sys-palette-secondary-38, #4c602f);}
.bg-secondary-39 { background: var(--md-sys-palette-secondary-39, #4f6231);}
.bg-secondary-40 { background: var(--md-sys-palette-secondary-40, #516533);}
.bg-secondary-41 { background: var(--md-sys-palette-secondary-41, #536736);}
.bg-secondary-42 { background: var(--md-sys-palette-secondary-42, #566a38);}
.bg-secondary-43 { background: var(--md-sys-palette-secondary-43, #586c3a);}
.bg-secondary-44 { background: var(--md-sys-palette-secondary-44, #5a6f3c);}
.bg-secondary-45 { background: var(--md-sys-palette-secondary-45, #5d713e);}
.bg-secondary-46 { background: var(--md-sys-palette-secondary-46, #5f7441);}
.bg-secondary-47 { background: var(--md-sys-palette-secondary-47, #627643);}
.bg-secondary-48 { background: var(--md-sys-palette-secondary-48, #647945);}
.bg-secondary-49 { background: var(--md-sys-palette-secondary-49, #677b48);}
.bg-secondary-50 { background: var(--md-sys-palette-secondary-50, #697e4a);}
.bg-secondary-51 { background: var(--md-sys-palette-secondary-51, #6c814c);}
.bg-secondary-52 { background: var(--md-sys-palette-secondary-52, #6e834e);}
.bg-secondary-53 { background: var(--md-sys-palette-secondary-53, #718651);}
.bg-secondary-54 { background: var(--md-sys-palette-secondary-54, #738853);}
.bg-secondary-55 { background: var(--md-sys-palette-secondary-55, #768b55);}
.bg-secondary-56 { background: var(--md-sys-palette-secondary-56, #788e58);}
.bg-secondary-57 { background: var(--md-sys-palette-secondary-57, #7b905a);}
.bg-secondary-58 { background: var(--md-sys-palette-secondary-58, #7d935c);}
.bg-secondary-59 { background: var(--md-sys-palette-secondary-59, #80955f);}
.bg-secondary-60 { background: var(--md-sys-palette-secondary-60, #829861);}
.bg-secondary-61 { background: var(--md-sys-palette-secondary-61, #859b64);}
.bg-secondary-62 { background: var(--md-sys-palette-secondary-62, #889d66);}
.bg-secondary-63 { background: var(--md-sys-palette-secondary-63, #8aa068);}
.bg-secondary-64 { background: var(--md-sys-palette-secondary-64, #8da36b);}
.bg-secondary-65 { background: var(--md-sys-palette-secondary-65, #8fa56d);}
.bg-secondary-66 { background: var(--md-sys-palette-secondary-66, #92a870);}
.bg-secondary-67 { background: var(--md-sys-palette-secondary-67, #95ab72);}
.bg-secondary-68 { background: var(--md-sys-palette-secondary-68, #97ae75);}
.bg-secondary-69 { background: var(--md-sys-palette-secondary-69, #9ab077);}
.bg-secondary-70 { background: var(--md-sys-palette-secondary-70, #9db37a);}
.bg-secondary-71 { background: var(--md-sys-palette-secondary-71, #9fb67c);}
.bg-secondary-72 { background: var(--md-sys-palette-secondary-72, #a2b87e);}
.bg-secondary-73 { background: var(--md-sys-palette-secondary-73, #a5bb81);}
.bg-secondary-74 { background: var(--md-sys-palette-secondary-74, #a7be83);}
.bg-secondary-75 { background: var(--md-sys-palette-secondary-75, #aac186);}
.bg-secondary-76 { background: var(--md-sys-palette-secondary-76, #adc489);}
.bg-secondary-77 { background: var(--md-sys-palette-secondary-77, #afc68b);}
.bg-secondary-78 { background: var(--md-sys-palette-secondary-78, #b2c98e);}
.bg-secondary-79 { background: var(--md-sys-palette-secondary-79, #b5cc90);}
.bg-secondary-80 { background: var(--md-sys-palette-secondary-80, #b7cf93);}
.bg-secondary-81 { background: var(--md-sys-palette-secondary-81, #bad195);}
.bg-secondary-82 { background: var(--md-sys-palette-secondary-82, #bdd498);}
.bg-secondary-83 { background: var(--md-sys-palette-secondary-83, #c0d79a);}
.bg-secondary-84 { background: var(--md-sys-palette-secondary-84, #c2da9d);}
.bg-secondary-85 { background: var(--md-sys-palette-secondary-85, #c5dda0);}
.bg-secondary-86 { background: var(--md-sys-palette-secondary-86, #c8e0a2);}
.bg-secondary-87 { background: var(--md-sys-palette-secondary-87, #cbe2a5);}
.bg-secondary-88 { background: var(--md-sys-palette-secondary-88, #cee5a7);}
.bg-secondary-89 { background: var(--md-sys-palette-secondary-89, #d0e8aa);}
.bg-secondary-90 { background: var(--md-sys-palette-secondary-90, #d3ebad);}
.bg-secondary-91 { background: var(--md-sys-palette-secondary-91, #d6eeaf);}
.bg-secondary-92 { background: var(--md-sys-palette-secondary-92, #d9f1b2);}
.bg-secondary-93 { background: var(--md-sys-palette-secondary-93, #dcf4b5);}
.bg-secondary-94 { background: var(--md-sys-palette-secondary-94, #dff7b7);}
.bg-secondary-95 { background: var(--md-sys-palette-secondary-95, #e1f9ba);}
.bg-secondary-96 { background: var(--md-sys-palette-secondary-96, #e4fcbd);}
.bg-secondary-97 { background: var(--md-sys-palette-secondary-97, #e8ffc1);}
.bg-secondary-98 { background: var(--md-sys-palette-secondary-98, #f0ffd5);}
.bg-secondary-99 { background: var(--md-sys-palette-secondary-99, #f9ffe7);}
.bg-secondary-100 { background: var(--md-sys-palette-secondary-100, #ffffff);}
.bg-tertiary-0 { background: var(--md-sys-palette-tertiary-0, #000000);}
.bg-tertiary-1 { background: var(--md-sys-palette-tertiary-1, #000502);}
.bg-tertiary-2 { background: var(--md-sys-palette-tertiary-2, #000a04);}
.bg-tertiary-3 { background: var(--md-sys-palette-tertiary-3, #000e07);}
.bg-tertiary-4 { background: var(--md-sys-palette-tertiary-4, #001209);}
.bg-tertiary-5 { background: var(--md-sys-palette-tertiary-5, #00150b);}
.bg-tertiary-6 { background: var(--md-sys-palette-tertiary-6, #00180d);}
.bg-tertiary-7 { background: var(--md-sys-palette-tertiary-7, #001a0f);}
.bg-tertiary-8 { background: var(--md-sys-palette-tertiary-8, #001c10);}
.bg-tertiary-9 { background: var(--md-sys-palette-tertiary-9, #001f12);}
.bg-tertiary-10 { background: var(--md-sys-palette-tertiary-10, #002114);}
.bg-tertiary-11 { background: var(--md-sys-palette-tertiary-11, #002315);}
.bg-tertiary-12 { background: var(--md-sys-palette-tertiary-12, #002517);}
.bg-tertiary-13 { background: var(--md-sys-palette-tertiary-13, #002819);}
.bg-tertiary-14 { background: var(--md-sys-palette-tertiary-14, #002a1a);}
.bg-tertiary-15 { background: var(--md-sys-palette-tertiary-15, #002c1c);}
.bg-tertiary-16 { background: var(--md-sys-palette-tertiary-16, #002f1e);}
.bg-tertiary-17 { background: var(--md-sys-palette-tertiary-17, #00311f);}
.bg-tertiary-18 { background: var(--md-sys-palette-tertiary-18, #003321);}
.bg-tertiary-19 { background: var(--md-sys-palette-tertiary-19, #003623);}
.bg-tertiary-20 { background: var(--md-sys-palette-tertiary-20, #003825);}
.bg-tertiary-21 { background: var(--md-sys-palette-tertiary-21, #003b26);}
.bg-tertiary-22 { background: var(--md-sys-palette-tertiary-22, #003d28);}
.bg-tertiary-23 { background: var(--md-sys-palette-tertiary-23, #00402a);}
.bg-tertiary-24 { background: var(--md-sys-palette-tertiary-24, #00422c);}
.bg-tertiary-25 { background: var(--md-sys-palette-tertiary-25, #00452e);}
.bg-tertiary-26 { background: var(--md-sys-palette-tertiary-26, #00472f);}
.bg-tertiary-27 { background: var(--md-sys-palette-tertiary-27, #004a31);}
.bg-tertiary-28 { background: var(--md-sys-palette-tertiary-28, #004c33);}
.bg-tertiary-29 { background: var(--md-sys-palette-tertiary-29, #004f35);}
.bg-tertiary-30 { background: var(--md-sys-palette-tertiary-30, #005237);}
.bg-tertiary-31 { background: var(--md-sys-palette-tertiary-31, #005439);}
.bg-tertiary-32 { background: var(--md-sys-palette-tertiary-32, #00573b);}
.bg-tertiary-33 { background: var(--md-sys-palette-tertiary-33, #00593c);}
.bg-tertiary-34 { background: var(--md-sys-palette-tertiary-34, #005c3e);}
.bg-tertiary-35 { background: var(--md-sys-palette-tertiary-35, #005f40);}
.bg-tertiary-36 { background: var(--md-sys-palette-tertiary-36, #006142);}
.bg-tertiary-37 { background: var(--md-sys-palette-tertiary-37, #006444);}
.bg-tertiary-38 { background: var(--md-sys-palette-tertiary-38, #006746);}
.bg-tertiary-39 { background: var(--md-sys-palette-tertiary-39, #006948);}
.bg-tertiary-40 { background: var(--md-sys-palette-tertiary-40, #006c4a);}
.bg-tertiary-41 { background: var(--md-sys-palette-tertiary-41, #006f4c);}
.bg-tertiary-42 { background: var(--md-sys-palette-tertiary-42, #00724e);}
.bg-tertiary-43 { background: var(--md-sys-palette-tertiary-43, #007450);}
.bg-tertiary-44 { background: var(--md-sys-palette-tertiary-44, #007752);}
.bg-tertiary-45 { background: var(--md-sys-palette-tertiary-45, #007a54);}
.bg-tertiary-46 { background: var(--md-sys-palette-tertiary-46, #007d56);}
.bg-tertiary-47 { background: var(--md-sys-palette-tertiary-47, #008058);}
.bg-tertiary-48 { background: var(--md-sys-palette-tertiary-48, #00825a);}
.bg-tertiary-49 { background: var(--md-sys-palette-tertiary-49, #00855c);}
.bg-tertiary-50 { background: var(--md-sys-palette-tertiary-50, #00885e);}
.bg-tertiary-51 { background: var(--md-sys-palette-tertiary-51, #098b60);}
.bg-tertiary-52 { background: var(--md-sys-palette-tertiary-52, #108d63);}
.bg-tertiary-53 { background: var(--md-sys-palette-tertiary-53, #169065);}
.bg-tertiary-54 { background: var(--md-sys-palette-tertiary-54, #1c9368);}
.bg-tertiary-55 { background: var(--md-sys-palette-tertiary-55, #20956a);}
.bg-tertiary-56 { background: var(--md-sys-palette-tertiary-56, #24986d);}
.bg-tertiary-57 { background: var(--md-sys-palette-tertiary-57, #289b6f);}
.bg-tertiary-58 { background: var(--md-sys-palette-tertiary-58, #2c9d71);}
.bg-tertiary-59 { background: var(--md-sys-palette-tertiary-59, #30a074);}
.bg-tertiary-60 { background: var(--md-sys-palette-tertiary-60, #33a376);}
.bg-tertiary-61 { background: var(--md-sys-palette-tertiary-61, #37a579);}
.bg-tertiary-62 { background: var(--md-sys-palette-tertiary-62, #3aa87b);}
.bg-tertiary-63 { background: var(--md-sys-palette-tertiary-63, #3dab7e);}
.bg-tertiary-64 { background: var(--md-sys-palette-tertiary-64, #41ae80);}
.bg-tertiary-65 { background: var(--md-sys-palette-tertiary-65, #44b083);}
.bg-tertiary-66 { background: var(--md-sys-palette-tertiary-66, #47b385);}
.bg-tertiary-67 { background: var(--md-sys-palette-tertiary-67, #4ab688);}
.bg-tertiary-68 { background: var(--md-sys-palette-tertiary-68, #4db98b);}
.bg-tertiary-69 { background: var(--md-sys-palette-tertiary-69, #50bb8d);}
.bg-tertiary-70 { background: var(--md-sys-palette-tertiary-70, #53be90);}
.bg-tertiary-71 { background: var(--md-sys-palette-tertiary-71, #56c192);}
.bg-tertiary-72 { background: var(--md-sys-palette-tertiary-72, #59c495);}
.bg-tertiary-73 { background: var(--md-sys-palette-tertiary-73, #5cc797);}
.bg-tertiary-74 { background: var(--md-sys-palette-tertiary-74, #5fc99a);}
.bg-tertiary-75 { background: var(--md-sys-palette-tertiary-75, #62cc9d);}
.bg-tertiary-76 { background: var(--md-sys-palette-tertiary-76, #65cf9f);}
.bg-tertiary-77 { background: var(--md-sys-palette-tertiary-77, #67d2a2);}
.bg-tertiary-78 { background: var(--md-sys-palette-tertiary-78, #6ad5a4);}
.bg-tertiary-79 { background: var(--md-sys-palette-tertiary-79, #6dd8a7);}
.bg-tertiary-80 { background: var(--md-sys-palette-tertiary-80, #70daaa);}
.bg-tertiary-81 { background: var(--md-sys-palette-tertiary-81, #73ddac);}
.bg-tertiary-82 { background: var(--md-sys-palette-tertiary-82, #76e0af);}
.bg-tertiary-83 { background: var(--md-sys-palette-tertiary-83, #79e3b2);}
.bg-tertiary-84 { background: var(--md-sys-palette-tertiary-84, #7ce6b4);}
.bg-tertiary-85 { background: var(--md-sys-palette-tertiary-85, #7ee9b7);}
.bg-tertiary-86 { background: var(--md-sys-palette-tertiary-86, #81ecba);}
.bg-tertiary-87 { background: var(--md-sys-palette-tertiary-87, #84eebd);}
.bg-tertiary-88 { background: var(--md-sys-palette-tertiary-88, #87f1bf);}
.bg-tertiary-89 { background: var(--md-sys-palette-tertiary-89, #8af4c2);}
.bg-tertiary-90 { background: var(--md-sys-palette-tertiary-90, #8df7c5);}
.bg-tertiary-91 { background: var(--md-sys-palette-tertiary-91, #90fac7);}
.bg-tertiary-92 { background: var(--md-sys-palette-tertiary-92, #92fdca);}
.bg-tertiary-93 { background: var(--md-sys-palette-tertiary-93, #9bffce);}
.bg-tertiary-94 { background: var(--md-sys-palette-tertiary-94, #adffd5);}
.bg-tertiary-95 { background: var(--md-sys-palette-tertiary-95, #beffdc);}
.bg-tertiary-96 { background: var(--md-sys-palette-tertiary-96, #cdffe3);}
.bg-tertiary-97 { background: var(--md-sys-palette-tertiary-97, #dbffe9);}
.bg-tertiary-98 { background: var(--md-sys-palette-tertiary-98, #e8fff0);}
.bg-tertiary-99 { background: var(--md-sys-palette-tertiary-99, #f4fff6);}
.bg-tertiary-100 { background: var(--md-sys-palette-tertiary-100, #ffffff);}
.bg-error-0 { background: var(--md-sys-palette-error-0, #000000);}
.bg-error-1 { background: var(--md-sys-palette-error-1, #100000);}
.bg-error-2 { background: var(--md-sys-palette-error-2, #1a0000);}
.bg-error-3 { background: var(--md-sys-palette-error-3, #210001);}
.bg-error-4 { background: var(--md-sys-palette-error-4, #280001);}
.bg-error-5 { background: var(--md-sys-palette-error-5, #2d0001);}
.bg-error-6 { background: var(--md-sys-palette-error-6, #310001);}
.bg-error-7 { background: var(--md-sys-palette-error-7, #360001);}
.bg-error-8 { background: var(--md-sys-palette-error-8, #390001);}
.bg-error-9 { background: var(--md-sys-palette-error-9, #3d0002);}
.bg-error-10 { background: var(--md-sys-palette-error-10, #410002);}
.bg-error-11 { background: var(--md-sys-palette-error-11, #450002);}
.bg-error-12 { background: var(--md-sys-palette-error-12, #490002);}
.bg-error-13 { background: var(--md-sys-palette-error-13, #4d0002);}
.bg-error-14 { background: var(--md-sys-palette-error-14, #500003);}
.bg-error-15 { background: var(--md-sys-palette-error-15, #540003);}
.bg-error-16 { background: var(--md-sys-palette-error-16, #580003);}
.bg-error-17 { background: var(--md-sys-palette-error-17, #5c0004);}
.bg-error-18 { background: var(--md-sys-palette-error-18, #600004);}
.bg-error-19 { background: var(--md-sys-palette-error-19, #640004);}
.bg-error-20 { background: var(--md-sys-palette-error-20, #690005);}
.bg-error-21 { background: var(--md-sys-palette-error-21, #6d0005);}
.bg-error-22 { background: var(--md-sys-palette-error-22, #710005);}
.bg-error-23 { background: var(--md-sys-palette-error-23, #750006);}
.bg-error-24 { background: var(--md-sys-palette-error-24, #790006);}
.bg-error-25 { background: var(--md-sys-palette-error-25, #7e0007);}
.bg-error-26 { background: var(--md-sys-palette-error-26, #820007);}
.bg-error-27 { background: var(--md-sys-palette-error-27, #860008);}
.bg-error-28 { background: var(--md-sys-palette-error-28, #8a0008);}
.bg-error-29 { background: var(--md-sys-palette-error-29, #8f0009);}
.bg-error-30 { background: var(--md-sys-palette-error-30, #93000a);}
.bg-error-31 { background: var(--md-sys-palette-error-31, #98000a);}
.bg-error-32 { background: var(--md-sys-palette-error-32, #9c000b);}
.bg-error-33 { background: var(--md-sys-palette-error-33, #a0000c);}
.bg-error-34 { background: var(--md-sys-palette-error-34, #a4020d);}
.bg-error-35 { background: var(--md-sys-palette-error-35, #a80710);}
.bg-error-36 { background: var(--md-sys-palette-error-36, #ac0c12);}
.bg-error-37 { background: var(--md-sys-palette-error-37, #af1014);}
.bg-error-38 { background: var(--md-sys-palette-error-38, #b31416);}
.bg-error-39 { background: var(--md-sys-palette-error-39, #b61718);}
.bg-error-40 { background: var(--md-sys-palette-error-40, #ba1a1a);}
.bg-error-41 { background: var(--md-sys-palette-error-41, #bd1e1d);}
.bg-error-42 { background: var(--md-sys-palette-error-42, #c1211f);}
.bg-error-43 { background: var(--md-sys-palette-error-43, #c52421);}
.bg-error-44 { background: var(--md-sys-palette-error-44, #c82623);}
.bg-error-45 { background: var(--md-sys-palette-error-45, #cc2925);}
.bg-error-46 { background: var(--md-sys-palette-error-46, #cf2c27);}
.bg-error-47 { background: var(--md-sys-palette-error-47, #d32f29);}
.bg-error-48 { background: var(--md-sys-palette-error-48, #d7322c);}
.bg-error-49 { background: var(--md-sys-palette-error-49, #da342e);}
.bg-error-50 { background: var(--md-sys-palette-error-50, #de3730);}
.bg-error-51 { background: var(--md-sys-palette-error-51, #e13a32);}
.bg-error-52 { background: var(--md-sys-palette-error-52, #e53c34);}
.bg-error-53 { background: var(--md-sys-palette-error-53, #e93f36);}
.bg-error-54 { background: var(--md-sys-palette-error-54, #ec4139);}
.bg-error-55 { background: var(--md-sys-palette-error-55, #f0443b);}
.bg-error-56 { background: var(--md-sys-palette-error-56, #f3473d);}
.bg-error-57 { background: var(--md-sys-palette-error-57, #f7493f);}
.bg-error-58 { background: var(--md-sys-palette-error-58, #fb4c42);}
.bg-error-59 { background: var(--md-sys-palette-error-59, #fe4e44);}
.bg-error-60 { background: var(--md-sys-palette-error-60, #ff5449);}
.bg-error-61 { background: var(--md-sys-palette-error-61, #ff5b4f);}
.bg-error-62 { background: var(--md-sys-palette-error-62, #ff6154);}
.bg-error-63 { background: var(--md-sys-palette-error-63, #ff665a);}
.bg-error-64 { background: var(--md-sys-palette-error-64, #ff6c5f);}
.bg-error-65 { background: var(--md-sys-palette-error-65, #ff7164);}
.bg-error-66 { background: var(--md-sys-palette-error-66, #ff7669);}
.bg-error-67 { background: var(--md-sys-palette-error-67, #ff7b6e);}
.bg-error-68 { background: var(--md-sys-palette-error-68, #ff8073);}
.bg-error-69 { background: var(--md-sys-palette-error-69, #ff8578);}
.bg-error-70 { background: var(--md-sys-palette-error-70, #ff897d);}
.bg-error-71 { background: var(--md-sys-palette-error-71, #ff8e82);}
.bg-error-72 { background: var(--md-sys-palette-error-72, #ff9286);}
.bg-error-73 { background: var(--md-sys-palette-error-73, #ff978b);}
.bg-error-74 { background: var(--md-sys-palette-error-74, #ff9b90);}
.bg-error-75 { background: var(--md-sys-palette-error-75, #ff9f94);}
.bg-error-76 { background: var(--md-sys-palette-error-76, #ffa399);}
.bg-error-77 { background: var(--md-sys-palette-error-77, #ffa89d);}
.bg-error-78 { background: var(--md-sys-palette-error-78, #ffaca2);}
.bg-error-79 { background: var(--md-sys-palette-error-79, #ffb0a6);}
.bg-error-80 { background: var(--md-sys-palette-error-80, #ffb4ab);}
.bg-error-81 { background: var(--md-sys-palette-error-81, #ffb8af);}
.bg-error-82 { background: var(--md-sys-palette-error-82, #ffbcb3);}
.bg-error-83 { background: var(--md-sys-palette-error-83, #ffbfb8);}
.bg-error-84 { background: var(--md-sys-palette-error-84, #ffc3bc);}
.bg-error-85 { background: var(--md-sys-palette-error-85, #ffc7c0);}
.bg-error-86 { background: var(--md-sys-palette-error-86, #ffcbc5);}
.bg-error-87 { background: var(--md-sys-palette-error-87, #ffcfc9);}
.bg-error-88 { background: var(--md-sys-palette-error-88, #ffd3cd);}
.bg-error-89 { background: var(--md-sys-palette-error-89, #ffd6d1);}
.bg-error-90 { background: var(--md-sys-palette-error-90, #ffdad6);}
.bg-error-91 { background: var(--md-sys-palette-error-91, #ffdeda);}
.bg-error-92 { background: var(--md-sys-palette-error-92, #ffe2de);}
.bg-error-93 { background: var(--md-sys-palette-error-93, #ffe5e2);}
.bg-error-94 { background: var(--md-sys-palette-error-94, #ffe9e6);}
.bg-error-95 { background: var(--md-sys-palette-error-95, #ffedea);}
.bg-error-96 { background: var(--md-sys-palette-error-96, #fff0ee);}
.bg-error-97 { background: var(--md-sys-palette-error-97, #fff4f2);}
.bg-error-98 { background: var(--md-sys-palette-error-98, #fff8f7);}
.bg-error-99 { background: var(--md-sys-palette-error-99, #fffbff);}
.bg-error-100 { background: var(--md-sys-palette-error-100, #ffffff);}
.bg-neutral-0 { background: var(--md-sys-palette-neutral-0, #000000);}
.bg-neutral-1 { background: var(--md-sys-palette-neutral-1, #030401);}
.bg-neutral-2 { background: var(--md-sys-palette-neutral-2, #060803);}
.bg-neutral-3 { background: var(--md-sys-palette-neutral-3, #090c05);}
.bg-neutral-4 { background: var(--md-sys-palette-neutral-4, #0c0f07);}
.bg-neutral-5 { background: var(--md-sys-palette-neutral-5, #0f120a);}
.bg-neutral-6 { background: var(--md-sys-palette-neutral-6, #11140c);}
.bg-neutral-7 { background: var(--md-sys-palette-neutral-7, #14170e);}
.bg-neutral-8 { background: var(--md-sys-palette-neutral-8, #161910);}
.bg-neutral-9 { background: var(--md-sys-palette-neutral-9, #181b12);}
.bg-neutral-10 { background: var(--md-sys-palette-neutral-10, #1a1d14);}
.bg-neutral-11 { background: var(--md-sys-palette-neutral-11, #1c1f16);}
.bg-neutral-12 { background: var(--md-sys-palette-neutral-12, #1e2118);}
.bg-neutral-13 { background: var(--md-sys-palette-neutral-13, #20231a);}
.bg-neutral-14 { background: var(--md-sys-palette-neutral-14, #22251c);}
.bg-neutral-15 { background: var(--md-sys-palette-neutral-15, #24271e);}
.bg-neutral-16 { background: var(--md-sys-palette-neutral-16, #262920);}
.bg-neutral-17 { background: var(--md-sys-palette-neutral-17, #282b22);}
.bg-neutral-18 { background: var(--md-sys-palette-neutral-18, #2a2d24);}
.bg-neutral-19 { background: var(--md-sys-palette-neutral-19, #2c2f26);}
.bg-neutral-20 { background: var(--md-sys-palette-neutral-20, #2e3228);}
.bg-neutral-21 { background: var(--md-sys-palette-neutral-21, #31342a);}
.bg-neutral-22 { background: var(--md-sys-palette-neutral-22, #33362c);}
.bg-neutral-23 { background: var(--md-sys-palette-neutral-23, #35382e);}
.bg-neutral-24 { background: var(--md-sys-palette-neutral-24, #373a30);}
.bg-neutral-25 { background: var(--md-sys-palette-neutral-25, #393d33);}
.bg-neutral-26 { background: var(--md-sys-palette-neutral-26, #3c3f35);}
.bg-neutral-27 { background: var(--md-sys-palette-neutral-27, #3e4137);}
.bg-neutral-28 { background: var(--md-sys-palette-neutral-28, #404339);}
.bg-neutral-29 { background: var(--md-sys-palette-neutral-29, #42463b);}
.bg-neutral-30 { background: var(--md-sys-palette-neutral-30, #45483e);}
.bg-neutral-31 { background: var(--md-sys-palette-neutral-31, #474a40);}
.bg-neutral-32 { background: var(--md-sys-palette-neutral-32, #494d42);}
.bg-neutral-33 { background: var(--md-sys-palette-neutral-33, #4c4f44);}
.bg-neutral-34 { background: var(--md-sys-palette-neutral-34, #4e5147);}
.bg-neutral-35 { background: var(--md-sys-palette-neutral-35, #505449);}
.bg-neutral-36 { background: var(--md-sys-palette-neutral-36, #53564b);}
.bg-neutral-37 { background: var(--md-sys-palette-neutral-37, #55584d);}
.bg-neutral-38 { background: var(--md-sys-palette-neutral-38, #585b50);}
.bg-neutral-39 { background: var(--md-sys-palette-neutral-39, #5a5d52);}
.bg-neutral-40 { background: var(--md-sys-palette-neutral-40, #5c6054);}
.bg-neutral-41 { background: var(--md-sys-palette-neutral-41, #5f6257);}
.bg-neutral-42 { background: var(--md-sys-palette-neutral-42, #616559);}
.bg-neutral-43 { background: var(--md-sys-palette-neutral-43, #64675c);}
.bg-neutral-44 { background: var(--md-sys-palette-neutral-44, #66695e);}
.bg-neutral-45 { background: var(--md-sys-palette-neutral-45, #696c60);}
.bg-neutral-46 { background: var(--md-sys-palette-neutral-46, #6b6e63);}
.bg-neutral-47 { background: var(--md-sys-palette-neutral-47, #6e7165);}
.bg-neutral-48 { background: var(--md-sys-palette-neutral-48, #707368);}
.bg-neutral-49 { background: var(--md-sys-palette-neutral-49, #73766a);}
.bg-neutral-50 { background: var(--md-sys-palette-neutral-50, #75786c);}
.bg-neutral-51 { background: var(--md-sys-palette-neutral-51, #787b6f);}
.bg-neutral-52 { background: var(--md-sys-palette-neutral-52, #7a7d71);}
.bg-neutral-53 { background: var(--md-sys-palette-neutral-53, #7d8074);}
.bg-neutral-54 { background: var(--md-sys-palette-neutral-54, #808376);}
.bg-neutral-55 { background: var(--md-sys-palette-neutral-55, #828579);}
.bg-neutral-56 { background: var(--md-sys-palette-neutral-56, #85887b);}
.bg-neutral-57 { background: var(--md-sys-palette-neutral-57, #878a7e);}
.bg-neutral-58 { background: var(--md-sys-palette-neutral-58, #8a8d80);}
.bg-neutral-59 { background: var(--md-sys-palette-neutral-59, #8d8f83);}
.bg-neutral-60 { background: var(--md-sys-palette-neutral-60, #8f9285);}
.bg-neutral-61 { background: var(--md-sys-palette-neutral-61, #929588);}
.bg-neutral-62 { background: var(--md-sys-palette-neutral-62, #94978b);}
.bg-neutral-63 { background: var(--md-sys-palette-neutral-63, #979a8d);}
.bg-neutral-64 { background: var(--md-sys-palette-neutral-64, #9a9d90);}
.bg-neutral-65 { background: var(--md-sys-palette-neutral-65, #9c9f92);}
.bg-neutral-66 { background: var(--md-sys-palette-neutral-66, #9fa295);}
.bg-neutral-67 { background: var(--md-sys-palette-neutral-67, #a2a497);}
.bg-neutral-68 { background: var(--md-sys-palette-neutral-68, #a4a79a);}
.bg-neutral-69 { background: var(--md-sys-palette-neutral-69, #a7aa9d);}
.bg-neutral-70 { background: var(--md-sys-palette-neutral-70, #aaad9f);}
.bg-neutral-71 { background: var(--md-sys-palette-neutral-71, #adafa2);}
.bg-neutral-72 { background: var(--md-sys-palette-neutral-72, #afb2a5);}
.bg-neutral-73 { background: var(--md-sys-palette-neutral-73, #b2b5a7);}
.bg-neutral-74 { background: var(--md-sys-palette-neutral-74, #b5b7aa);}
.bg-neutral-75 { background: var(--md-sys-palette-neutral-75, #b7baad);}
.bg-neutral-76 { background: var(--md-sys-palette-neutral-76, #babdaf);}
.bg-neutral-77 { background: var(--md-sys-palette-neutral-77, #bdc0b2);}
.bg-neutral-78 { background: var(--md-sys-palette-neutral-78, #c0c2b5);}
.bg-neutral-79 { background: var(--md-sys-palette-neutral-79, #c3c5b7);}
.bg-neutral-80 { background: var(--md-sys-palette-neutral-80, #c5c8ba);}
.bg-neutral-81 { background: var(--md-sys-palette-neutral-81, #c8cbbd);}
.bg-neutral-82 { background: var(--md-sys-palette-neutral-82, #cbcdbf);}
.bg-neutral-83 { background: var(--md-sys-palette-neutral-83, #ced0c2);}
.bg-neutral-84 { background: var(--md-sys-palette-neutral-84, #d1d3c5);}
.bg-neutral-85 { background: var(--md-sys-palette-neutral-85, #d3d6c8);}
.bg-neutral-86 { background: var(--md-sys-palette-neutral-86, #d6d9ca);}
.bg-neutral-87 { background: var(--md-sys-palette-neutral-87, #d9dbcd);}
.bg-neutral-88 { background: var(--md-sys-palette-neutral-88, #dcded0);}
.bg-neutral-89 { background: var(--md-sys-palette-neutral-89, #dfe1d3);}
.bg-neutral-90 { background: var(--md-sys-palette-neutral-90, #e2e4d5);}
.bg-neutral-91 { background: var(--md-sys-palette-neutral-91, #e4e7d8);}
.bg-neutral-92 { background: var(--md-sys-palette-neutral-92, #e7e9db);}
.bg-neutral-93 { background: var(--md-sys-palette-neutral-93, #eaecde);}
.bg-neutral-94 { background: var(--md-sys-palette-neutral-94, #edefe1);}
.bg-neutral-95 { background: var(--md-sys-palette-neutral-95, #f0f2e3);}
.bg-neutral-96 { background: var(--md-sys-palette-neutral-96, #f3f5e6);}
.bg-neutral-97 { background: var(--md-sys-palette-neutral-97, #f6f8e9);}
.bg-neutral-98 { background: var(--md-sys-palette-neutral-98, #f9fbec);}
.bg-neutral-99 { background: var(--md-sys-palette-neutral-99, #fcfeef);}
.bg-neutral-100 { background: var(--md-sys-palette-neutral-100, #ffffff);}
.bg-neutral-variant-0 { background: var(--md-sys-palette-neutral-variant-0, #000000);}
.bg-neutral-variant-1 { background: var(--md-sys-palette-neutral-variant-1, #020400);}
.bg-neutral-variant-2 { background: var(--md-sys-palette-neutral-variant-2, #050901);}
.bg-neutral-variant-3 { background: var(--md-sys-palette-neutral-variant-3, #080d03);}
.bg-neutral-variant-4 { background: var(--md-sys-palette-neutral-variant-4, #0b1004);}
.bg-neutral-variant-5 { background: var(--md-sys-palette-neutral-variant-5, #0d1306);}
.bg-neutral-variant-6 { background: var(--md-sys-palette-neutral-variant-6, #101508);}
.bg-neutral-variant-7 { background: var(--md-sys-palette-neutral-variant-7, #12170a);}
.bg-neutral-variant-8 { background: var(--md-sys-palette-neutral-variant-8, #14190c);}
.bg-neutral-variant-9 { background: var(--md-sys-palette-neutral-variant-9, #161b0e);}
.bg-neutral-variant-10 { background: var(--md-sys-palette-neutral-variant-10, #181d10);}
.bg-neutral-variant-11 { background: var(--md-sys-palette-neutral-variant-11, #1a1f11);}
.bg-neutral-variant-12 { background: var(--md-sys-palette-neutral-variant-12, #1c2113);}
.bg-neutral-variant-13 { background: var(--md-sys-palette-neutral-variant-13, #1e2415);}
.bg-neutral-variant-14 { background: var(--md-sys-palette-neutral-variant-14, #202617);}
.bg-neutral-variant-15 { background: var(--md-sys-palette-neutral-variant-15, #222819);}
.bg-neutral-variant-16 { background: var(--md-sys-palette-neutral-variant-16, #242a1b);}
.bg-neutral-variant-17 { background: var(--md-sys-palette-neutral-variant-17, #262c1d);}
.bg-neutral-variant-18 { background: var(--md-sys-palette-neutral-variant-18, #282e1f);}
.bg-neutral-variant-19 { background: var(--md-sys-palette-neutral-variant-19, #2b3021);}
.bg-neutral-variant-20 { background: var(--md-sys-palette-neutral-variant-20, #2d3223);}
.bg-neutral-variant-21 { background: var(--md-sys-palette-neutral-variant-21, #2f3525);}
.bg-neutral-variant-22 { background: var(--md-sys-palette-neutral-variant-22, #313727);}
.bg-neutral-variant-23 { background: var(--md-sys-palette-neutral-variant-23, #333929);}
.bg-neutral-variant-24 { background: var(--md-sys-palette-neutral-variant-24, #353b2c);}
.bg-neutral-variant-25 { background: var(--md-sys-palette-neutral-variant-25, #383d2e);}
.bg-neutral-variant-26 { background: var(--md-sys-palette-neutral-variant-26, #3a4030);}
.bg-neutral-variant-27 { background: var(--md-sys-palette-neutral-variant-27, #3c4232);}
.bg-neutral-variant-28 { background: var(--md-sys-palette-neutral-variant-28, #3e4434);}
.bg-neutral-variant-29 { background: var(--md-sys-palette-neutral-variant-29, #414736);}
.bg-neutral-variant-30 { background: var(--md-sys-palette-neutral-variant-30, #434938);}
.bg-neutral-variant-31 { background: var(--md-sys-palette-neutral-variant-31, #454b3b);}
.bg-neutral-variant-32 { background: var(--md-sys-palette-neutral-variant-32, #484e3d);}
.bg-neutral-variant-33 { background: var(--md-sys-palette-neutral-variant-33, #4a503f);}
.bg-neutral-variant-34 { background: var(--md-sys-palette-neutral-variant-34, #4c5241);}
.bg-neutral-variant-35 { background: var(--md-sys-palette-neutral-variant-35, #4f5544);}
.bg-neutral-variant-36 { background: var(--md-sys-palette-neutral-variant-36, #515746);}
.bg-neutral-variant-37 { background: var(--md-sys-palette-neutral-variant-37, #535948);}
.bg-neutral-variant-38 { background: var(--md-sys-palette-neutral-variant-38, #565c4a);}
.bg-neutral-variant-39 { background: var(--md-sys-palette-neutral-variant-39, #585e4d);}
.bg-neutral-variant-40 { background: var(--md-sys-palette-neutral-variant-40, #5b614f);}
.bg-neutral-variant-41 { background: var(--md-sys-palette-neutral-variant-41, #5d6351);}
.bg-neutral-variant-42 { background: var(--md-sys-palette-neutral-variant-42, #5f6654);}
.bg-neutral-variant-43 { background: var(--md-sys-palette-neutral-variant-43, #626856);}
.bg-neutral-variant-44 { background: var(--md-sys-palette-neutral-variant-44, #646a58);}
.bg-neutral-variant-45 { background: var(--md-sys-palette-neutral-variant-45, #676d5b);}
.bg-neutral-variant-46 { background: var(--md-sys-palette-neutral-variant-46, #696f5d);}
.bg-neutral-variant-47 { background: var(--md-sys-palette-neutral-variant-47, #6c725f);}
.bg-neutral-variant-48 { background: var(--md-sys-palette-neutral-variant-48, #6e7462);}
.bg-neutral-variant-49 { background: var(--md-sys-palette-neutral-variant-49, #717764);}
.bg-neutral-variant-50 { background: var(--md-sys-palette-neutral-variant-50, #737967);}
.bg-neutral-variant-51 { background: var(--md-sys-palette-neutral-variant-51, #767c69);}
.bg-neutral-variant-52 { background: var(--md-sys-palette-neutral-variant-52, #787f6c);}
.bg-neutral-variant-53 { background: var(--md-sys-palette-neutral-variant-53, #7b816e);}
.bg-neutral-variant-54 { background: var(--md-sys-palette-neutral-variant-54, #7d8470);}
.bg-neutral-variant-55 { background: var(--md-sys-palette-neutral-variant-55, #808673);}
.bg-neutral-variant-56 { background: var(--md-sys-palette-neutral-variant-56, #838975);}
.bg-neutral-variant-57 { background: var(--md-sys-palette-neutral-variant-57, #858b78);}
.bg-neutral-variant-58 { background: var(--md-sys-palette-neutral-variant-58, #888e7a);}
.bg-neutral-variant-59 { background: var(--md-sys-palette-neutral-variant-59, #8a917d);}
.bg-neutral-variant-60 { background: var(--md-sys-palette-neutral-variant-60, #8d937f);}
.bg-neutral-variant-61 { background: var(--md-sys-palette-neutral-variant-61, #909682);}
.bg-neutral-variant-62 { background: var(--md-sys-palette-neutral-variant-62, #929884);}
.bg-neutral-variant-63 { background: var(--md-sys-palette-neutral-variant-63, #959b87);}
.bg-neutral-variant-64 { background: var(--md-sys-palette-neutral-variant-64, #989e8a);}
.bg-neutral-variant-65 { background: var(--md-sys-palette-neutral-variant-65, #9aa08c);}
.bg-neutral-variant-66 { background: var(--md-sys-palette-neutral-variant-66, #9da38f);}
.bg-neutral-variant-67 { background: var(--md-sys-palette-neutral-variant-67, #a0a691);}
.bg-neutral-variant-68 { background: var(--md-sys-palette-neutral-variant-68, #a2a894);}
.bg-neutral-variant-69 { background: var(--md-sys-palette-neutral-variant-69, #a5ab96);}
.bg-neutral-variant-70 { background: var(--md-sys-palette-neutral-variant-70, #a8ae99);}
.bg-neutral-variant-71 { background: var(--md-sys-palette-neutral-variant-71, #aab09c);}
.bg-neutral-variant-72 { background: var(--md-sys-palette-neutral-variant-72, #adb39e);}
.bg-neutral-variant-73 { background: var(--md-sys-palette-neutral-variant-73, #b0b6a1);}
.bg-neutral-variant-74 { background: var(--md-sys-palette-neutral-variant-74, #b2b9a3);}
.bg-neutra