.c-inherit { color: inherit }
.c-transparent { color: transparent }
.bg-transparent { background-color: transparent }
.bg-current { background-color: currentColor }
.fill-transparent { fill: transparent }
.fill-current { fill: currentColor }
.border-transparent { border-color: transparent }
.border-current { border-color: currentColor }
.c-black { color: #1F323D }
.c-steel { color: #40525E }
.c-slate { color: #62727E }
.c-silver { color: #8595A1 }
.c-carbon { color: #B4C5D0 }
.c-smog { color: #CDD9E2 }
.c-smoke { color: #E0E7ED }
.c-slush { color: #E6ECF0 }
.c-sleet { color: #F2F5F8 }
.c-snow { color: #F8FAFB }
.c-white { color: #ffffff }
.c-blue-100 { color: #ecf1fc }
.c-blue-200 { color: #b3c9f2 }
.c-blue-400 { color: #5597e4 }
.c-blue-500 { color: #0085de }
.c-blue-700 { color: #1c609e }
.c-blue-900 { color: #1e456f }
.c-green-100 { color: #ecf7ec }
.c-green-200 { color: #b3e0b3 }
.c-green-400 { color: #60bf69 }
.c-green-500 { color: #35a849 }
.c-green-700 { color: #2e803a }
.c-green-900 { color: #255a2b }
.c-red-100 { color: #ffece9 }
.c-red-200 { color: #ffb4a9 }
.c-red-400 { color: #f9645a }
.c-red-500 { color: #e23c3b }
.c-red-700 { color: #ac322f }
.c-red-900 { color: #792823 }
.c-amber-100 { color: #fff5e7 }
.c-amber-200 { color: #ffd6a1 }
.c-amber-400 { color: #fbae40 }
.c-amber-500 { color: #e79605 }
.c-amber-700 { color: #af7311 }
.c-amber-900 { color: #7b5114 }
.c-purple-100 { color: #f3ecfd }
.c-purple-200 { color: #cdb4f7 }
.c-purple-400 { color: #926ced }
.c-purple-500 { color: #714dda }
.c-purple-700 { color: #583da5 }
.c-purple-900 { color: #412d73 }
.c-blue-hard { color: #1e456f }
.c-blue-dim { color: #1c609e }
.c-blue-base { color: #0085de }
.c-blue-lit { color: #5597e4 }
.c-blue-dull { color: #5597e4 }
.c-blue-soft { color: #b3c9f2 }
.c-blue-pale { color: #ecf1fc }
.c-green-hard { color: #255a2b }
.c-green-dim { color: #2e803a }
.c-green-base { color: #35a849 }
.c-green-lit { color: #60bf69 }
.c-green-dull { color: #60bf69 }
.c-green-soft { color: #b3e0b3 }
.c-green-pale { color: #ecf7ec }
.c-red-hard { color: #792823 }
.c-red-dim { color: #ac322f }
.c-red-base { color: #e23c3b }
.c-red-lit { color: #f9645a }
.c-red-dull { color: #f9645a }
.c-red-soft { color: #ffb4a9 }
.c-red-pale { color: #ffece9 }
.c-amber-hard { color: #7b5114 }
.c-amber-dim { color: #af7311 }
.c-amber-base { color: #e79605 }
.c-amber-lit { color: #fbae40 }
.c-amber-dull { color: #fbae40 }
.c-amber-soft { color: #ffd6a1 }
.c-amber-pale { color: #fff5e7 }
.bc-black { border-color: #1F323D }
.bc-steel { border-color: #40525E }
.bc-slate { border-color: #62727E }
.bc-silver { border-color: #8595A1 }
.bc-carbon { border-color: #B4C5D0 }
.bc-smog { border-color: #CDD9E2 }
.bc-smoke { border-color: #E0E7ED }
.bc-slush { border-color: #E6ECF0 }
.bc-sleet { border-color: #F2F5F8 }
.bc-snow { border-color: #F8FAFB }
.bc-white { border-color: #ffffff }
.bc-blue-100 { border-color: #ecf1fc }
.bc-blue-200 { border-color: #b3c9f2 }
.bc-blue-400 { border-color: #5597e4 }
.bc-blue-500 { border-color: #0085de }
.bc-blue-700 { border-color: #1c609e }
.bc-blue-900 { border-color: #1e456f }
.bc-green-100 { border-color: #ecf7ec }
.bc-green-200 { border-color: #b3e0b3 }
.bc-green-400 { border-color: #60bf69 }
.bc-green-500 { border-color: #35a849 }
.bc-green-700 { border-color: #2e803a }
.bc-green-900 { border-color: #255a2b }
.bc-red-100 { border-color: #ffece9 }
.bc-red-200 { border-color: #ffb4a9 }
.bc-red-400 { border-color: #f9645a }
.bc-red-500 { border-color: #e23c3b }
.bc-red-700 { border-color: #ac322f }
.bc-red-900 { border-color: #792823 }
.bc-amber-100 { border-color: #fff5e7 }
.bc-amber-200 { border-color: #ffd6a1 }
.bc-amber-400 { border-color: #fbae40 }
.bc-amber-500 { border-color: #e79605 }
.bc-amber-700 { border-color: #af7311 }
.bc-amber-900 { border-color: #7b5114 }
.bc-purple-100 { border-color: #f3ecfd }
.bc-purple-200 { border-color: #cdb4f7 }
.bc-purple-400 { border-color: #926ced }
.bc-purple-500 { border-color: #714dda }
.bc-purple-700 { border-color: #583da5 }
.bc-purple-900 { border-color: #412d73 }
.bc-blue-hard { border-color: #1e456f }
.bc-blue-dim { border-color: #1c609e }
.bc-blue-base { border-color: #0085de }
.bc-blue-lit { border-color: #5597e4 }
.bc-blue-dull { border-color: #5597e4 }
.bc-blue-soft { border-color: #b3c9f2 }
.bc-blue-pale { border-color: #ecf1fc }
.bc-green-hard { border-color: #255a2b }
.bc-green-dim { border-color: #2e803a }
.bc-green-base { border-color: #35a849 }
.bc-green-lit { border-color: #60bf69 }
.bc-green-dull { border-color: #60bf69 }
.bc-green-soft { border-color: #b3e0b3 }
.bc-green-pale { border-color: #ecf7ec }
.bc-red-hard { border-color: #792823 }
.bc-red-dim { border-color: #ac322f }
.bc-red-base { border-color: #e23c3b }
.bc-red-lit { border-color: #f9645a }
.bc-red-dull { border-color: #f9645a }
.bc-red-soft { border-color: #ffb4a9 }
.bc-red-pale { border-color: #ffece9 }
.bc-amber-hard { border-color: #7b5114 }
.bc-amber-dim { border-color: #af7311 }
.bc-amber-base { border-color: #e79605 }
.bc-amber-lit { border-color: #fbae40 }
.bc-amber-dull { border-color: #fbae40 }
.bc-amber-soft { border-color: #ffd6a1 }
.bc-amber-pale { border-color: #fff5e7 }
.bg-black { background-color: #1F323D }
.bg-steel { background-color: #40525E }
.bg-slate { background-color: #62727E }
.bg-silver { background-color: #8595A1 }
.bg-carbon { background-color: #B4C5D0 }
.bg-smog { background-color: #CDD9E2 }
.bg-smoke { background-color: #E0E7ED }
.bg-slush { background-color: #E6ECF0 }
.bg-sleet { background-color: #F2F5F8 }
.bg-snow { background-color: #F8FAFB }
.bg-white { background-color: #ffffff }
.bg-transparent { background-color: rgba(255, 255, 255, 0) }
.bg-dark-90 { background-color: rgba(31, 49, 61, 0.9) }
.bg-dark-80 { background-color: rgba(31, 49, 61, 0.8) }
.bg-dark-70 { background-color: rgba(31, 49, 61, 0.7) }
.bg-dark-60 { background-color: rgba(31, 49, 61, 0.6) }
.bg-dark-50 { background-color: rgba(31, 49, 61, 0.5) }
.bg-dark-40 { background-color: rgba(31, 49, 61, 0.4) }
.bg-dark-30 { background-color: rgba(31, 49, 61, 0.3) }
.bg-dark-20 { background-color: rgba(31, 49, 61, 0.2) }
.bg-dark-10 { background-color: rgba(31, 49, 61, 0.1) }
.bg-dark-05 { background-color: rgba(31, 49, 61, 0.05) }
.bg-light-90 { background-color: rgba(250, 251, 252, 0.9) }
.bg-light-80 { background-color: rgba(250, 251, 252, 0.8) }
.bg-light-70 { background-color: rgba(250, 251, 252, 0.7) }
.bg-light-60 { background-color: rgba(250, 251, 252, 0.6) }
.bg-light-50 { background-color: rgba(250, 251, 252, 0.5) }
.bg-light-40 { background-color: rgba(250, 251, 252, 0.4) }
.bg-light-30 { background-color: rgba(250, 251, 252, 0.3) }
.bg-light-20 { background-color: rgba(250, 251, 252, 0.2) }
.bg-light-10 { background-color: rgba(250, 251, 252, 0.1) }
.bg-light-05 { background-color: rgba(250, 251, 252, 0.05) }
.bg-blue-100 { background-color: #ecf1fc }
.bg-blue-200 { background-color: #b3c9f2 }
.bg-blue-400 { background-color: #5597e4 }
.bg-blue-500 { background-color: #0085de }
.bg-blue-700 { background-color: #1c609e }
.bg-blue-900 { background-color: #1e456f }
.bg-green-100 { background-color: #ecf7ec }
.bg-green-200 { background-color: #b3e0b3 }
.bg-green-400 { background-color: #60bf69 }
.bg-green-500 { background-color: #35a849 }
.bg-green-700 { background-color: #2e803a }
.bg-green-900 { background-color: #255a2b }
.bg-red-100 { background-color: #ffece9 }
.bg-red-200 { background-color: #ffb4a9 }
.bg-red-400 { background-color: #f9645a }
.bg-red-500 { background-color: #e23c3b }
.bg-red-700 { background-color: #ac322f }
.bg-red-900 { background-color: #792823 }
.bg-amber-100 { background-color: #fff5e7 }
.bg-amber-200 { background-color: #ffd6a1 }
.bg-amber-400 { background-color: #fbae40 }
.bg-amber-500 { background-color: #e79605 }
.bg-amber-700 { background-color: #af7311 }
.bg-amber-900 { background-color: #7b5114 }
.bg-purple-100 { background-color: #f3ecfd }
.bg-purple-200 { background-color: #cdb4f7 }
.bg-purple-400 { background-color: #926ced }
.bg-purple-500 { background-color: #714dda }
.bg-purple-700 { background-color: #583da5 }
.bg-purple-900 { background-color: #412d73 }
.bg-blue-hard { background-color: #1e456f }
.bg-blue-dim { background-color: #1c609e }
.bg-blue-base { background-color: #0085de }
.bg-blue-lit { background-color: #5597e4 }
.bg-blue-dull { background-color: #5597e4 }
.bg-blue-soft { background-color: #b3c9f2 }
.bg-blue-pale { background-color: #ecf1fc }
.bg-green-hard { background-color: #255a2b }
.bg-green-dim { background-color: #2e803a }
.bg-green-base { background-color: #35a849 }
.bg-green-lit { background-color: #60bf69 }
.bg-green-dull { background-color: #60bf69 }
.bg-green-soft { background-color: #b3e0b3 }
.bg-green-pale { background-color: #ecf7ec }
.bg-red-hard { background-color: #792823 }
.bg-red-dim { background-color: #ac322f }
.bg-red-base { background-color: #e23c3b }
.bg-red-lit { background-color: #f9645a }
.bg-red-dull { background-color: #f9645a }
.bg-red-soft { background-color: #ffb4a9 }
.bg-red-pale { background-color: #ffece9 }
.bg-amber-hard { background-color: #7b5114 }
.bg-amber-dim { background-color: #af7311 }
.bg-amber-base { background-color: #e79605 }
.bg-amber-lit { background-color: #fbae40 }
.bg-amber-dull { background-color: #fbae40 }
.bg-amber-soft { background-color: #ffd6a1 }
.bg-amber-pale { background-color: #fff5e7 }
.fill-black { fill: #1F323D }
.fill-steel { fill: #40525E }
.fill-slate { fill: #62727E }
.fill-silver { fill: #8595A1 }
.fill-carbon { fill: #B4C5D0 }
.fill-smog { fill: #CDD9E2 }
.fill-smoke { fill: #E0E7ED }
.fill-slush { fill: #E6ECF0 }
.fill-sleet { fill: #F2F5F8 }
.fill-snow { fill: #F8FAFB }
.fill-white { fill: #ffffff }
/* Recommended */
.wet-red { color: #ff0000 }
.wet-orange { color: #f38109 }
.wet-brown { color: #a17541 }
.wet-yellow { color: #ffff00 }
.wet-olive { color: #9fb254 }
.wet-green { color: #00ff00 }
.wet-cyan { color: #5ceeee }
.wet-blue { color: #0a43c2 }
.wet-purple { color: #c33ee1 }
.wet-pink { color: #f77f68 }
.wet-gray { color: #dddddd }
.wet-black { color: #000000 }
.dry-red { color: #a30000 }
.dry-orange { color: #e6400a }
.dry-brown { color: #704c22 }
.dry-yellow { color: #d9bd00 }
.dry-olive { color: #748726 }
.dry-green { color: #3e7935 }
.dry-cyan { color: #007aa5 }
.dry-blue { color: #05266b }
.dry-purple { color: #7e009d }
.dry-pink { color: #be3b6b }
.dry-gray { color: #9b9b9b }
.dry-black { color: #000000 }
.gel-blue { color: #0000ff }
/* Reasonable but would prefer to remove these and use above. */
.inkset-user.ink-red { color: #ff0000 }
.inkset-user.ink-orange { color: #f38109 }
.inkset-user.ink-brown { color: #a17541 }
.inkset-user.ink-yellow { color: #ffff00 }
.inkset-user.ink-olive { color: #9fb254 }
.inkset-user.ink-green { color: #00ff00 }
.inkset-user.ink-cyan { color: #5ceeee }
.inkset-user.ink-blue { color: #0a43c2 }
.inkset-user.ink-purple { color: #c33ee1 }
.inkset-user.ink-pink { color: #f77f68 }
.inkset-user.ink-gray { color: #dddddd }
.inkset-user.ink-black { color: #000000 }
.inkset-master.ink-red { color: #a30000 }
.inkset-master.ink-orange { color: #e6400a }
.inkset-master.ink-brown { color: #704c22 }
.inkset-master.ink-yellow { color: #d9bd00 }
.inkset-master.ink-olive { color: #748726 }
.inkset-master.ink-green { color: #3e7935 }
.inkset-master.ink-cyan { color: #007aa5 }
.inkset-master.ink-blue { color: #05266b }
.inkset-master.ink-purple { color: #7e009d }
.inkset-master.ink-pink { color: #be3b6b }
.inkset-master.ink-gray { color: #9b9b9b }
.inkset-master.ink-black { color: #000000 }
/* @deprecated Favor agnostic "bg-current fill-current" */
.ink {
  background-color: currentColor;
  fill: currentColor;
}
/* Deprecated shadow classes */
.shadow-raised {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1) }
.shadow-ring:focus {
  outline-style: none;
  box-shadow: 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.shadow-halo {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.shadow-ring[aria-disabled=true],
.shadow-ring:disabled {
  box-shadow: none }
.shadow-halo::-moz-focus-inner,
.shadow-ring::-moz-focus-inner {
  border-color: transparent }
/* Favor the floor-based system */
.lift-b10[class] {
  box-shadow: inset 0 1px 1px 0 rgba(31, 49, 61, 0.1) }
.lift-f10[class] {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1) }
.lift-f20[class] {
  box-shadow: 0 4px 8px 0 rgba(31, 49, 61, 0.05),
    0 1px 3px 0 rgba(31, 49, 61, 0.05),
    0 1px 10px 0 rgba(31, 49, 61, 0.05) }
.lift-f30[class] {
  box-shadow: 0 24px 38px 3px rgba(31, 49, 61, 0.05),
    0 9px 46px 8px rgba(31, 49, 61, 0.05),
    0 11px 15px 0 rgba(31, 49, 61, 0.05) }
.lift-g10[class] {
  box-shadow: 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.lift-b10-g10[class] {
  box-shadow: inset 0 1px 1px 0 rgba(31, 49, 61, 0.1), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.lift-f10-g10[class] {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.lift-f20-g10[class] {
  box-shadow: 0 4px 8px 0 rgba(31, 49, 61, 0.05),
    0 1px 3px 0 rgba(31, 49, 61, 0.05),
    0 1px 10px 0 rgba(31, 49, 61, 0.05), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.lift-f30-g10[class] {
  box-shadow: 0 24px 38px 3px rgba(31, 49, 61, 0.05),
    0 9px 46px 8px rgba(31, 49, 61, 0.05),
    0 11px 15px 0 rgba(31, 49, 61, 0.05), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.lift-level[class] {
  box-shadow: none }
.focus-b10:focus {
  box-shadow: inset 0 1px 1px 0 rgba(31, 49, 61, 0.1) }
.focus-f10:focus {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1) }
.focus-f20:focus {
  box-shadow: 0 4px 8px 0 rgba(31, 49, 61, 0.05),
    0 1px 3px 0 rgba(31, 49, 61, 0.05),
    0 1px 10px 0 rgba(31, 49, 61, 0.05) }
.focus-f30:focus {
  box-shadow: 0 24px 38px 3px rgba(31, 49, 61, 0.05),
    0 9px 46px 8px rgba(31, 49, 61, 0.05),
    0 11px 15px 0 rgba(31, 49, 61, 0.05) }
.focus-g10:focus {
  box-shadow: 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.focus-b10-g10:focus {
  box-shadow: inset 0 1px 1px 0 rgba(31, 49, 61, 0.1), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.focus-f10-g10:focus {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.focus-f20-g10:focus {
  box-shadow: 0 4px 8px 0 rgba(31, 49, 61, 0.05),
    0 1px 3px 0 rgba(31, 49, 61, 0.05),
    0 1px 10px 0 rgba(31, 49, 61, 0.05), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.focus-f30-g10:focus {
  box-shadow: 0 24px 38px 3px rgba(31, 49, 61, 0.05),
    0 9px 46px 8px rgba(31, 49, 61, 0.05),
    0 11px 15px 0 rgba(31, 49, 61, 0.05), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.focus-level:hover {
  box-shadow: none }
.hover-b10:hover {
  box-shadow: inset 0 1px 1px 0 rgba(31, 49, 61, 0.1) }
.hover-f10:hover {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1) }
.hover-f20:hover {
  box-shadow: 0 4px 8px 0 rgba(31, 49, 61, 0.05),
    0 1px 3px 0 rgba(31, 49, 61, 0.05),
    0 1px 10px 0 rgba(31, 49, 61, 0.05) }
.hover-f30:hover {
  box-shadow: 0 24px 38px 3px rgba(31, 49, 61, 0.05),
    0 9px 46px 8px rgba(31, 49, 61, 0.05),
    0 11px 15px 0 rgba(31, 49, 61, 0.05) }
.hover-g10:hover {
  box-shadow: 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.hover-b10-g10:hover {
  box-shadow: inset 0 1px 1px 0 rgba(31, 49, 61, 0.1), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.hover-f10-g10:hover {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.hover-f20-g10:hover {
  box-shadow: 0 4px 8px 0 rgba(31, 49, 61, 0.05),
    0 1px 3px 0 rgba(31, 49, 61, 0.05),
    0 1px 10px 0 rgba(31, 49, 61, 0.05), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.hover-f30-g10:hover {
  box-shadow: 0 24px 38px 3px rgba(31, 49, 61, 0.05),
    0 9px 46px 8px rgba(31, 49, 61, 0.05),
    0 11px 15px 0 rgba(31, 49, 61, 0.05), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.hover-level:hover {
  box-shadow: none }
.active-b10:active {
  box-shadow: inset 0 1px 1px 0 rgba(31, 49, 61, 0.1) }
.active-f10:active {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1) }
.active-f20:active {
  box-shadow: 0 4px 8px 0 rgba(31, 49, 61, 0.05),
    0 1px 3px 0 rgba(31, 49, 61, 0.05),
    0 1px 10px 0 rgba(31, 49, 61, 0.05) }
.active-f30:active {
  box-shadow: 0 24px 38px 3px rgba(31, 49, 61, 0.05),
    0 9px 46px 8px rgba(31, 49, 61, 0.05),
    0 11px 15px 0 rgba(31, 49, 61, 0.05) }
.active-g10:active {
  box-shadow: 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.active-b10-g10:active {
  box-shadow: inset 0 1px 1px 0 rgba(31, 49, 61, 0.1), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.active-f10-g10:active {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.active-f20-g10:active {
  box-shadow: 0 4px 8px 0 rgba(31, 49, 61, 0.05),
    0 1px 3px 0 rgba(31, 49, 61, 0.05),
    0 1px 10px 0 rgba(31, 49, 61, 0.05), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.active-f30-g10:active {
  box-shadow: 0 24px 38px 3px rgba(31, 49, 61, 0.05),
    0 9px 46px 8px rgba(31, 49, 61, 0.05),
    0 11px 15px 0 rgba(31, 49, 61, 0.05), 0 0 0 1px #ffffff,
    0 0 0 3px #0085de }
.active-level:active {
  box-shadow: none }
/* Exclude g ones because disabled doesn't have use case to glow */
.disabled-b10[aria-disabled=true],
.disabled-b10:disabled {
  box-shadow: inset 0 1px 1px 0 rgba(31, 49, 61, 0.1) }
.disabled-f10[aria-disabled=true],
.disabled-f10:disabled {
  box-shadow: 0 1px 3px 0 rgba(31, 49, 61, 0.1) }
.disabled-f20[aria-disabled=true],
.disabled-f20:disabled {
  box-shadow: 0 4px 8px 0 rgba(31, 49, 61, 0.05),
    0 1px 3px 0 rgba(31, 49, 61, 0.05),
    0 1px 10px 0 rgba(31, 49, 61, 0.05) }
.disabled-f30[aria-disabled=true],
.disabled-f30:disabled {
  box-shadow: 0 24px 38px 3px rgba(31, 49, 61, 0.05),
    0 9px 46px 8px rgba(31, 49, 61, 0.05),
    0 11px 15px 0 rgba(31, 49, 61, 0.05) }
.disabled-level[aria-disabled=true],
.disabled-level:disabled {
  box-shadow: none }
.tone-validity:valid,
.tone-valid:not(:disabled) {
  color: #1F323D;
  background-color: #ffffff;
  border-color: #CDD9E2;
}
.tone-validate[aria-invalid],
.tone-validity:invalid,
.tone-invalid:not(:disabled) {
  color: #1F323D;
  background-color: #ffece9;
  border-color: #e23c3b;
}
.tone-validate:not([aria-invalid]),
.tone-validate[aria-invalid=false],
.tone-validate:focus,
.tone-validity:focus {
  color: #1F323D;
  background-color: #ffffff;
  border-color: #CDD9E2;
}
.tone-validate[aria-disabled=true],
.tone-validity[aria-disabled=true],
.tone-valid[aria-disabled=true],
.tone-invalid[aria-disabled=true],
.tone-validate:disabled,
.tone-validity:disabled,
.tone-valid:disabled,
.tone-invalid:disabled {
  color: #40525E;
  background-color: #F2F5F8;
  border-color: #E0E7ED;
}
.tone-link:not(:hover) {
  color: #0085de;
  background-color: transparent;
  border-color: transparent;
}
.tone-link:hover {
  color: #1c609e;
  background-color: transparent;
  border-color: transparent;
}
.tone-icon:not(:hover) {
  color: #62727E;
  background-color: transparent;
  border-color: transparent;
}
.tone-icon:hover {
  color: #40525E;
  background-color: transparent;
  border-color: transparent;
}
.tone-icon:disabled,
.tone-link:disabled {
  color: #8595A1;
  background-color: transparent;
  border-color: transparent;
}
.tone-secondary:not(:disabled) {
  color: #1c609e;
  background-color: #ffffff;
  border-color: #8595A1;
}
.tone-secondary:hover {
  color: #0085de;
  background-color: #ffffff;
  border-color: currentColor;
}
.tone-primary:not(:disabled) {
  color: #ffffff;
  background-color: #0085de;
  border-color: transparent;
}
.tone-primary:hover {
  color: #ffffff;
  background-color: #1c609e;
  border-color: transparent;
}
.tone-additive:not(:disabled) {
  color: #ffffff;
  background-color: #35a849;
  border-color: transparent;
}
.tone-additive:hover {
  color: #ffffff;
  background-color: #2e803a;
  border-color: transparent;
}
.tone-destructive:not(:disabled) {
  color: #ffffff;
  background-color: #e23c3b;
  border-color: transparent;
}
.tone-destructive:hover {
  color: #ffffff;
  background-color: #ac322f;
  border-color: transparent;
}
.tone-secondary[aria-expanded=true],
.tone-secondary[aria-pressed=true],
.tone-secondary:active {
  color: #0085de;
  background-color: #ecf1fc;
  border-color: currentColor;
}
.tone-primary[aria-expanded=true],
.tone-primary[aria-pressed=true],
.tone-primary:active {
  color: #ffffff;
  background-color: #1c609e;
  border-color: transparent;
}
.tone-additive[aria-expanded=true],
.tone-additive[aria-pressed=true],
.tone-additive:active {
  color: #ffffff;
  background-color: #2e803a;
  border-color: transparent;
}
.tone-destructive[aria-expanded=true],
.tone-destructive[aria-pressed=true],
.tone-destructive:active {
  color: #ffffff;
  background-color: #ac322f;
  border-color: transparent;
}
.tone-primary:disabled,
.tone-additive:disabled,
.tone-secondary:disabled,
.tone-destructive:disabled {
  color: #8595A1;
  background-color: #F8FAFB;
  border-color: #E0E7ED;
}
.tone-pill[class] {
  color: #ffffff;
  background-color: #0085de;
  border-color: transparent }
.tone-pill:hover,
.tone-pill[aria-pressed=true],
.tone-pill:active {
  background-color: #f9645a }
.tone-pill[aria-disabled=true],
.tone-pill:disabled {
  background-color: #0085de }
/*
Route coloring such that it can be intuitively applied via the element itself
*/
.tone-check::before {
  background: transparent;
  border-color: transparent; }
.tone-check::after {
  background: transparent;
  border-color: currentColor; }
/*
::-ms-check rules are for IE11 and must be separate duplicates to work
*/
.tone-check:enabled[aria-checked=false],
.tone-check:enabled:not(:checked) {
  color: transparent;
  background: #ffffff;
  border-color: #CDD9E2; }
.tone-check:enabled:not(:checked)::-ms-check {
  color: transparent;
  background: #ffffff;
  border-color: #CDD9E2; }
.tone-check:enabled[aria-checked=mixed],
.tone-check:enabled[aria-checked=true],
.tone-check:enabled:indeterminate,
.tone-check:enabled:checked {
  color: #ffffff;
  background: #0085de;
  border-color: #0085de; }
.tone-check:enabled:checked::-ms-check {
  color: #ffffff;
  background: #0085de;
  border-color: #0085de; }
.tone-check:disabled[aria-checked=false],
.tone-check:disabled:not(:checked) {
  color: transparent;
  background: #F8FAFB;
  border-color: #E0E7ED; }
.tone-check:disabled:not(:checked)::-ms-check {
  color: transparent;
  background: #F8FAFB;
  border-color: #E0E7ED; }
.tone-check:disabled[aria-checked=mixed],
.tone-check:disabled[aria-checked=true],
.tone-check:disabled:indeterminate,
.tone-check:disabled:checked {
  color: #B4C5D0;
  background: #F8FAFB;
  border-color: #E0E7ED; }
.tone-check:disabled:checked::-ms-check {
  color: #B4C5D0;
  background: #F8FAFB;
  border-color: #E0E7ED; }
.ccc-black[class] {
  color: #1F323D }
.ccc-steel[class] {
  color: #40525E }
.ccc-slate[class] {
  color: #62727E }
.ccc-silver[class] {
  color: #8595A1 }
.ccc-carbon[class] {
  color: #B4C5D0 }
.ccc-smog[class] {
  color: #CDD9E2 }
.ccc-smoke[class] {
  color: #E0E7ED }
.ccc-slush[class] {
  color: #E6ECF0 }
.ccc-sleet[class] {
  color: #F2F5F8 }
.ccc-snow[class] {
  color: #F8FAFB }
.ccc-white[class] {
  color: #ffffff }
.ccc-transparent[class] {
  color: rgba(255, 255, 255, 0) }
.ccc-dark-90[class] {
  color: rgba(31, 49, 61, 0.9) }
.ccc-dark-80[class] {
  color: rgba(31, 49, 61, 0.8) }
.ccc-dark-70[class] {
  color: rgba(31, 49, 61, 0.7) }
.ccc-dark-60[class] {
  color: rgba(31, 49, 61, 0.6) }
.ccc-dark-50[class] {
  color: rgba(31, 49, 61, 0.5) }
.ccc-dark-40[class] {
  color: rgba(31, 49, 61, 0.4) }
.ccc-dark-30[class] {
  color: rgba(31, 49, 61, 0.3) }
.ccc-dark-20[class] {
  color: rgba(31, 49, 61, 0.2) }
.ccc-dark-10[class] {
  color: rgba(31, 49, 61, 0.1) }
.ccc-dark-05[class] {
  color: rgba(31, 49, 61, 0.05) }
.ccc-light-90[class] {
  color: rgba(250, 251, 252, 0.9) }
.ccc-light-80[class] {
  color: rgba(250, 251, 252, 0.8) }
.ccc-light-70[class] {
  color: rgba(250, 251, 252, 0.7) }
.ccc-light-60[class] {
  color: rgba(250, 251, 252, 0.6) }
.ccc-light-50[class] {
  color: rgba(250, 251, 252, 0.5) }
.ccc-light-40[class] {
  color: rgba(250, 251, 252, 0.4) }
.ccc-light-30[class] {
  color: rgba(250, 251, 252, 0.3) }
.ccc-light-20[class] {
  color: rgba(250, 251, 252, 0.2) }
.ccc-light-10[class] {
  color: rgba(250, 251, 252, 0.1) }
.ccc-light-05[class] {
  color: rgba(250, 251, 252, 0.05) }
.ccc-blue-100[class] {
  color: #ecf1fc }
.ccc-blue-200[class] {
  color: #b3c9f2 }
.ccc-blue-400[class] {
  color: #5597e4 }
.ccc-blue-500[class] {
  color: #0085de }
.ccc-blue-700[class] {
  color: #1c609e }
.ccc-blue-900[class] {
  color: #1e456f }
.ccc-green-100[class] {
  color: #ecf7ec }
.ccc-green-200[class] {
  color: #b3e0b3 }
.ccc-green-400[class] {
  color: #60bf69 }
.ccc-green-500[class] {
  color: #35a849 }
.ccc-green-700[class] {
  color: #2e803a }
.ccc-green-900[class] {
  color: #255a2b }
.ccc-red-100[class] {
  color: #ffece9 }
.ccc-red-200[class] {
  color: #ffb4a9 }
.ccc-red-400[class] {
  color: #f9645a }
.ccc-red-500[class] {
  color: #e23c3b }
.ccc-red-700[class] {
  color: #ac322f }
.ccc-red-900[class] {
  color: #792823 }
.ccc-amber-100[class] {
  color: #fff5e7 }
.ccc-amber-200[class] {
  color: #ffd6a1 }
.ccc-amber-400[class] {
  color: #fbae40 }
.ccc-amber-500[class] {
  color: #e79605 }
.ccc-amber-700[class] {
  color: #af7311 }
.ccc-amber-900[class] {
  color: #7b5114 }
.ccc-purple-100[class] {
  color: #f3ecfd }
.ccc-purple-200[class] {
  color: #cdb4f7 }
.ccc-purple-400[class] {
  color: #926ced }
.ccc-purple-500[class] {
  color: #714dda }
.ccc-purple-700[class] {
  color: #583da5 }
.ccc-purple-900[class] {
  color: #412d73 }
.fcc-black:focus {
  color: #1F323D }
.fcc-steel:focus {
  color: #40525E }
.fcc-slate:focus {
  color: #62727E }
.fcc-silver:focus {
  color: #8595A1 }
.fcc-carbon:focus {
  color: #B4C5D0 }
.fcc-smog:focus {
  color: #CDD9E2 }
.fcc-smoke:focus {
  color: #E0E7ED }
.fcc-slush:focus {
  color: #E6ECF0 }
.fcc-sleet:focus {
  color: #F2F5F8 }
.fcc-snow:focus {
  color: #F8FAFB }
.fcc-white:focus {
  color: #ffffff }
.fcc-transparent:focus {
  color: rgba(255, 255, 255, 0) }
.fcc-dark-90:focus {
  color: rgba(31, 49, 61, 0.9) }
.fcc-dark-80:focus {
  color: rgba(31, 49, 61, 0.8) }
.fcc-dark-70:focus {
  color: rgba(31, 49, 61, 0.7) }
.fcc-dark-60:focus {
  color: rgba(31, 49, 61, 0.6) }
.fcc-dark-50:focus {
  color: rgba(31, 49, 61, 0.5) }
.fcc-dark-40:focus {
  color: rgba(31, 49, 61, 0.4) }
.fcc-dark-30:focus {
  color: rgba(31, 49, 61, 0.3) }
.fcc-dark-20:focus {
  color: rgba(31, 49, 61, 0.2) }
.fcc-dark-10:focus {
  color: rgba(31, 49, 61, 0.1) }
.fcc-dark-05:focus {
  color: rgba(31, 49, 61, 0.05) }
.fcc-light-90:focus {
  color: rgba(250, 251, 252, 0.9) }
.fcc-light-80:focus {
  color: rgba(250, 251, 252, 0.8) }
.fcc-light-70:focus {
  color: rgba(250, 251, 252, 0.7) }
.fcc-light-60:focus {
  color: rgba(250, 251, 252, 0.6) }
.fcc-light-50:focus {
  color: rgba(250, 251, 252, 0.5) }
.fcc-light-40:focus {
  color: rgba(250, 251, 252, 0.4) }
.fcc-light-30:focus {
  color: rgba(250, 251, 252, 0.3) }
.fcc-light-20:focus {
  color: rgba(250, 251, 252, 0.2) }
.fcc-light-10:focus {
  color: rgba(250, 251, 252, 0.1) }
.fcc-light-05:focus {
  color: rgba(250, 251, 252, 0.05) }
.fcc-blue-100:focus {
  color: #ecf1fc }
.fcc-blue-200:focus {
  color: #b3c9f2 }
.fcc-blue-400:focus {
  color: #5597e4 }
.fcc-blue-500:focus {
  color: #0085de }
.fcc-blue-700:focus {
  color: #1c609e }
.fcc-blue-900:focus {
  color: #1e456f }
.fcc-green-100:focus {
  color: #ecf7ec }
.fcc-green-200:focus {
  color: #b3e0b3 }
.fcc-green-400:focus {
  color: #60bf69 }
.fcc-green-500:focus {
  color: #35a849 }
.fcc-green-700:focus {
  color: #2e803a }
.fcc-green-900:focus {
  color: #255a2b }
.fcc-red-100:focus {
  color: #ffece9 }
.fcc-red-200:focus {
  color: #ffb4a9 }
.fcc-red-400:focus {
  color: #f9645a }
.fcc-red-500:focus {
  color: #e23c3b }
.fcc-red-700:focus {
  color: #ac322f }
.fcc-red-900:focus {
  color: #792823 }
.fcc-amber-100:focus {
  color: #fff5e7 }
.fcc-amber-200:focus {
  color: #ffd6a1 }
.fcc-amber-400:focus {
  color: #fbae40 }
.fcc-amber-500:focus {
  color: #e79605 }
.fcc-amber-700:focus {
  color: #af7311 }
.fcc-amber-900:focus {
  color: #7b5114 }
.fcc-purple-100:focus {
  color: #f3ecfd }
.fcc-purple-200:focus {
  color: #cdb4f7 }
.fcc-purple-400:focus {
  color: #926ced }
.fcc-purple-500:focus {
  color: #714dda }
.fcc-purple-700:focus {
  color: #583da5 }
.fcc-purple-900:focus {
  color: #412d73 }
.hcc-black:hover {
  color: #1F323D }
.hcc-steel:hover {
  color: #40525E }
.hcc-slate:hover {
  color: #62727E }
.hcc-silver:hover {
  color: #8595A1 }
.hcc-carbon:hover {
  color: #B4C5D0 }
.hcc-smog:hover {
  color: #CDD9E2 }
.hcc-smoke:hover {
  color: #E0E7ED }
.hcc-slush:hover {
  color: #E6ECF0 }
.hcc-sleet:hover {
  color: #F2F5F8 }
.hcc-snow:hover {
  color: #F8FAFB }
.hcc-white:hover {
  color: #ffffff }
.hcc-transparent:hover {
  color: rgba(255, 255, 255, 0) }
.hcc-dark-90:hover {
  color: rgba(31, 49, 61, 0.9) }
.hcc-dark-80:hover {
  color: rgba(31, 49, 61, 0.8) }
.hcc-dark-70:hover {
  color: rgba(31, 49, 61, 0.7) }
.hcc-dark-60:hover {
  color: rgba(31, 49, 61, 0.6) }
.hcc-dark-50:hover {
  color: rgba(31, 49, 61, 0.5) }
.hcc-dark-40:hover {
  color: rgba(31, 49, 61, 0.4) }
.hcc-dark-30:hover {
  color: rgba(31, 49, 61, 0.3) }
.hcc-dark-20:hover {
  color: rgba(31, 49, 61, 0.2) }
.hcc-dark-10:hover {
  color: rgba(31, 49, 61, 0.1) }
.hcc-dark-05:hover {
  color: rgba(31, 49, 61, 0.05) }
.hcc-light-90:hover {
  color: rgba(250, 251, 252, 0.9) }
.hcc-light-80:hover {
  color: rgba(250, 251, 252, 0.8) }
.hcc-light-70:hover {
  color: rgba(250, 251, 252, 0.7) }
.hcc-light-60:hover {
  color: rgba(250, 251, 252, 0.6) }
.hcc-light-50:hover {
  color: rgba(250, 251, 252, 0.5) }
.hcc-light-40:hover {
  color: rgba(250, 251, 252, 0.4) }
.hcc-light-30:hover {
  color: rgba(250, 251, 252, 0.3) }
.hcc-light-20:hover {
  color: rgba(250, 251, 252, 0.2) }
.hcc-light-10:hover {
  color: rgba(250, 251, 252, 0.1) }
.hcc-light-05:hover {
  color: rgba(250, 251, 252, 0.05) }
.hcc-blue-100:hover {
  color: #ecf1fc }
.hcc-blue-200:hover {
  color: #b3c9f2 }
.hcc-blue-400:hover {
  color: #5597e4 }
.hcc-blue-500:hover {
  color: #0085de }
.hcc-blue-700:hover {
  color: #1c609e }
.hcc-blue-900:hover {
  color: #1e456f }
.hcc-green-100:hover {
  color: #ecf7ec }
.hcc-green-200:hover {
  color: #b3e0b3 }
.hcc-green-400:hover {
  color: #60bf69 }
.hcc-green-500:hover {
  color: #35a849 }
.hcc-green-700:hover {
  color: #2e803a }
.hcc-green-900:hover {
  color: #255a2b }
.hcc-red-100:hover {
  color: #ffece9 }
.hcc-red-200:hover {
  color: #ffb4a9 }
.hcc-red-400:hover {
  color: #f9645a }
.hcc-red-500:hover {
  color: #e23c3b }
.hcc-red-700:hover {
  color: #ac322f }
.hcc-red-900:hover {
  color: #792823 }
.hcc-amber-100:hover {
  color: #fff5e7 }
.hcc-amber-200:hover {
  color: #ffd6a1 }
.hcc-amber-400:hover {
  color: #fbae40 }
.hcc-amber-500:hover {
  color: #e79605 }
.hcc-amber-700:hover {
  color: #af7311 }
.hcc-amber-900:hover {
  color: #7b5114 }
.hcc-purple-100:hover {
  color: #f3ecfd }
.hcc-purple-200:hover {
  color: #cdb4f7 }
.hcc-purple-400:hover {
  color: #926ced }
.hcc-purple-500:hover {
  color: #714dda }
.hcc-purple-700:hover {
  color: #583da5 }
.hcc-purple-900:hover {
  color: #412d73 }
.acc-black:active {
  color: #1F323D }
.acc-steel:active {
  color: #40525E }
.acc-slate:active {
  color: #62727E }
.acc-silver:active {
  color: #8595A1 }
.acc-carbon:active {
  color: #B4C5D0 }
.acc-smog:active {
  color: #CDD9E2 }
.acc-smoke:active {
  color: #E0E7ED }
.acc-slush:active {
  color: #E6ECF0 }
.acc-sleet:active {
  color: #F2F5F8 }
.acc-snow:active {
  color: #F8FAFB }
.acc-white:active {
  color: #ffffff }
.acc-transparent:active {
  color: rgba(255, 255, 255, 0) }
.acc-dark-90:active {
  color: rgba(31, 49, 61, 0.9) }
.acc-dark-80:active {
  color: rgba(31, 49, 61, 0.8) }
.acc-dark-70:active {
  color: rgba(31, 49, 61, 0.7) }
.acc-dark-60:active {
  color: rgba(31, 49, 61, 0.6) }
.acc-dark-50:active {
  color: rgba(31, 49, 61, 0.5) }
.acc-dark-40:active {
  color: rgba(31, 49, 61, 0.4) }
.acc-dark-30:active {
  color: rgba(31, 49, 61, 0.3) }
.acc-dark-20:active {
  color: rgba(31, 49, 61, 0.2) }
.acc-dark-10:active {
  color: rgba(31, 49, 61, 0.1) }
.acc-dark-05:active {
  color: rgba(31, 49, 61, 0.05) }
.acc-light-90:active {
  color: rgba(250, 251, 252, 0.9) }
.acc-light-80:active {
  color: rgba(250, 251, 252, 0.8) }
.acc-light-70:active {
  color: rgba(250, 251, 252, 0.7) }
.acc-light-60:active {
  color: rgba(250, 251, 252, 0.6) }
.acc-light-50:active {
  color: rgba(250, 251, 252, 0.5) }
.acc-light-40:active {
  color: rgba(250, 251, 252, 0.4) }
.acc-light-30:active {
  color: rgba(250, 251, 252, 0.3) }
.acc-light-20:active {
  color: rgba(250, 251, 252, 0.2) }
.acc-light-10:active {
  color: rgba(250, 251, 252, 0.1) }
.acc-light-05:active {
  color: rgba(250, 251, 252, 0.05) }
.acc-blue-100:active {
  color: #ecf1fc }
.acc-blue-200:active {
  color: #b3c9f2 }
.acc-blue-400:active {
  color: #5597e4 }
.acc-blue-500:active {
  color: #0085de }
.acc-blue-700:active {
  color: #1c609e }
.acc-blue-900:active {
  color: #1e456f }
.acc-green-100:active {
  color: #ecf7ec }
.acc-green-200:active {
  color: #b3e0b3 }
.acc-green-400:active {
  color: #60bf69 }
.acc-green-500:active {
  color: #35a849 }
.acc-green-700:active {
  color: #2e803a }
.acc-green-900:active {
  color: #255a2b }
.acc-red-100:active {
  color: #ffece9 }
.acc-red-200:active {
  color: #ffb4a9 }
.acc-red-400:active {
  color: #f9645a }
.acc-red-500:active {
  color: #e23c3b }
.acc-red-700:active {
  color: #ac322f }
.acc-red-900:active {
  color: #792823 }
.acc-amber-100:active {
  color: #fff5e7 }
.acc-amber-200:active {
  color: #ffd6a1 }
.acc-amber-400:active {
  color: #fbae40 }
.acc-amber-500:active {
  color: #e79605 }
.acc-amber-700:active {
  color: #af7311 }
.acc-amber-900:active {
  color: #7b5114 }
.acc-purple-100:active {
  color: #f3ecfd }
.acc-purple-200:active {
  color: #cdb4f7 }
.acc-purple-400:active {
  color: #926ced }
.acc-purple-500:active {
  color: #714dda }
.acc-purple-700:active {
  color: #583da5 }
.acc-purple-900:active {
  color: #412d73 }
.dcc-black[aria-disabled=true],
.dcc-black:disabled {
  color: #1F323D }
.dcc-steel[aria-disabled=true],
.dcc-steel:disabled {
  color: #40525E }
.dcc-slate[aria-disabled=true],
.dcc-slate:disabled {
  color: #62727E }
.dcc-silver[aria-disabled=true],
.dcc-silver:disabled {
  color: #8595A1 }
.dcc-carbon[aria-disabled=true],
.dcc-carbon:disabled {
  color: #B4C5D0 }
.dcc-smog[aria-disabled=true],
.dcc-smog:disabled {
  color: #CDD9E2 }
.dcc-smoke[aria-disabled=true],
.dcc-smoke:disabled {
  color: #E0E7ED }
.dcc-slush[aria-disabled=true],
.dcc-slush:disabled {
  color: #E6ECF0 }
.dcc-sleet[aria-disabled=true],
.dcc-sleet:disabled {
  color: #F2F5F8 }
.dcc-snow[aria-disabled=true],
.dcc-snow:disabled {
  color: #F8FAFB }
.dcc-white[aria-disabled=true],
.dcc-white:disabled {
  color: #ffffff }
.dcc-transparent[aria-disabled=true],
.dcc-transparent:disabled {
  color: rgba(255, 255, 255, 0) }
.dcc-dark-90[aria-disabled=true],
.dcc-dark-90:disabled {
  color: rgba(31, 49, 61, 0.9) }
.dcc-dark-80[aria-disabled=true],
.dcc-dark-80:disabled {
  color: rgba(31, 49, 61, 0.8) }
.dcc-dark-70[aria-disabled=true],
.dcc-dark-70:disabled {
  color: rgba(31, 49, 61, 0.7) }
.dcc-dark-60[aria-disabled=true],
.dcc-dark-60:disabled {
  color: rgba(31, 49, 61, 0.6) }
.dcc-dark-50[aria-disabled=true],
.dcc-dark-50:disabled {
  color: rgba(31, 49, 61, 0.5) }
.dcc-dark-40[aria-disabled=true],
.dcc-dark-40:disabled {
  color: rgba(31, 49, 61, 0.4) }
.dcc-dark-30[aria-disabled=true],
.dcc-dark-30:disabled {
  color: rgba(31, 49, 61, 0.3) }
.dcc-dark-20[aria-disabled=true],
.dcc-dark-20:disabled {
  color: rgba(31, 49, 61, 0.2) }
.dcc-dark-10[aria-disabled=true],
.dcc-dark-10:disabled {
  color: rgba(31, 49, 61, 0.1) }
.dcc-dark-05[aria-disabled=true],
.dcc-dark-05:disabled {
  color: rgba(31, 49, 61, 0.05) }
.dcc-light-90[aria-disabled=true],
.dcc-light-90:disabled {
  color: rgba(250, 251, 252, 0.9) }
.dcc-light-80[aria-disabled=true],
.dcc-light-80:disabled {
  color: rgba(250, 251, 252, 0.8) }
.dcc-light-70[aria-disabled=true],
.dcc-light-70:disabled {
  color: rgba(250, 251, 252, 0.7) }
.dcc-light-60[aria-disabled=true],
.dcc-light-60:disabled {
  color: rgba(250, 251, 252, 0.6) }
.dcc-light-50[aria-disabled=true],
.dcc-light-50:disabled {
  color: rgba(250, 251, 252, 0.5) }
.dcc-light-40[aria-disabled=true],
.dcc-light-40:disabled {
  color: rgba(250, 251, 252, 0.4) }
.dcc-light-30[aria-disabled=true],
.dcc-light-30:disabled {
  color: rgba(250, 251, 252, 0.3) }
.dcc-light-20[aria-disabled=true],
.dcc-light-20:disabled {
  color: rgba(250, 251, 252, 0.2) }
.dcc-light-10[aria-disabled=true],
.dcc-light-10:disabled {
  color: rgba(250, 251, 252, 0.1) }
.dcc-light-05[aria-disabled=true],
.dcc-light-05:disabled {
  color: rgba(250, 251, 252, 0.05) }
.dcc-blue-100[aria-disabled=true],
.dcc-blue-100:disabled {
  color: #ecf1fc }
.dcc-blue-200[aria-disabled=true],
.dcc-blue-200:disabled {
  color: #b3c9f2 }
.dcc-blue-400[aria-disabled=true],
.dcc-blue-400:disabled {
  color: #5597e4 }
.dcc-blue-500[aria-disabled=true],
.dcc-blue-500:disabled {
  color: #0085de }
.dcc-blue-700[aria-disabled=true],
.dcc-blue-700:disabled {
  color: #1c609e }
.dcc-blue-900[aria-disabled=true],
.dcc-blue-900:disabled {
  color: #1e456f }
.dcc-green-100[aria-disabled=true],
.dcc-green-100:disabled {
  color: #ecf7ec }
.dcc-green-200[aria-disabled=true],
.dcc-green-200:disabled {
  color: #b3e0b3 }
.dcc-green-400[aria-disabled=true],
.dcc-green-400:disabled {
  color: #60bf69 }
.dcc-green-500[aria-disabled=true],
.dcc-green-500:disabled {
  color: #35a849 }
.dcc-green-700[aria-disabled=true],
.dcc-green-700:disabled {
  color: #2e803a }
.dcc-green-900[aria-disabled=true],
.dcc-green-900:disabled {
  color: #255a2b }
.dcc-red-100[aria-disabled=true],
.dcc-red-100:disabled {
  color: #ffece9 }
.dcc-red-200[aria-disabled=true],
.dcc-red-200:disabled {
  color: #ffb4a9 }
.dcc-red-400[aria-disabled=true],
.dcc-red-400:disabled {
  color: #f9645a }
.dcc-red-500[aria-disabled=true],
.dcc-red-500:disabled {
  color: #e23c3b }
.dcc-red-700[aria-disabled=true],
.dcc-red-700:disabled {
  color: #ac322f }
.dcc-red-900[aria-disabled=true],
.dcc-red-900:disabled {
  color: #792823 }
.dcc-amber-100[aria-disabled=true],
.dcc-amber-100:disabled {
  color: #fff5e7 }
.dcc-amber-200[aria-disabled=true],
.dcc-amber-200:disabled {
  color: #ffd6a1 }
.dcc-amber-400[aria-disabled=true],
.dcc-amber-400:disabled {
  color: #fbae40 }
.dcc-amber-500[aria-disabled=true],
.dcc-amber-500:disabled {
  color: #e79605 }
.dcc-amber-700[aria-disabled=true],
.dcc-amber-700:disabled {
  color: #af7311 }
.dcc-amber-900[aria-disabled=true],
.dcc-amber-900:disabled {
  color: #7b5114 }
.dcc-purple-100[aria-disabled=true],
.dcc-purple-100:disabled {
  color: #f3ecfd }
.dcc-purple-200[aria-disabled=true],
.dcc-purple-200:disabled {
  color: #cdb4f7 }
.dcc-purple-400[aria-disabled=true],
.dcc-purple-400:disabled {
  color: #926ced }
.dcc-purple-500[aria-disabled=true],
.dcc-purple-500:disabled {
  color: #714dda }
.dcc-purple-700[aria-disabled=true],
.dcc-purple-700:disabled {
  color: #583da5 }
.dcc-purple-900[aria-disabled=true],
.dcc-purple-900:disabled {
  color: #412d73 }
.ggg-black[class] {
  background-color: #1F323D;
  background-image: linear-gradient(#1F323D, #1F323D) }
.ggg-steel[class] {
  background-color: #40525E;
  background-image: linear-gradient(#40525E, #40525E) }
.ggg-slate[class] {
  background-color: #62727E;
  background-image: linear-gradient(#62727E, #62727E) }
.ggg-silver[class] {
  background-color: #8595A1;
  background-image: linear-gradient(#8595A1, #8595A1) }
.ggg-carbon[class] {
  background-color: #B4C5D0;
  background-image: linear-gradient(#B4C5D0, #B4C5D0) }
.ggg-smog[class] {
  background-color: #CDD9E2;
  background-image: linear-gradient(#CDD9E2, #CDD9E2) }
.ggg-smoke[class] {
  background-color: #E0E7ED;
  background-image: linear-gradient(#E0E7ED, #E0E7ED) }
.ggg-slush[class] {
  background-color: #E6ECF0;
  background-image: linear-gradient(#E6ECF0, #E6ECF0) }
.ggg-sleet[class] {
  background-color: #F2F5F8;
  background-image: linear-gradient(#F2F5F8, #F2F5F8) }
.ggg-snow[class] {
  background-color: #F8FAFB;
  background-image: linear-gradient(#F8FAFB, #F8FAFB) }
.ggg-white[class] {
  background-color: #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff) }
.ggg-transparent[class] {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) }
.ggg-dark-90[class] {
  background-color: rgba(31, 49, 61, 0.9);
  background-image: linear-gradient(rgba(31, 49, 61, 0.9), rgba(31, 49, 61, 0.9)) }
.ggg-dark-80[class] {
  background-color: rgba(31, 49, 61, 0.8);
  background-image: linear-gradient(rgba(31, 49, 61, 0.8), rgba(31, 49, 61, 0.8)) }
.ggg-dark-70[class] {
  background-color: rgba(31, 49, 61, 0.7);
  background-image: linear-gradient(rgba(31, 49, 61, 0.7), rgba(31, 49, 61, 0.7)) }
.ggg-dark-60[class] {
  background-color: rgba(31, 49, 61, 0.6);
  background-image: linear-gradient(rgba(31, 49, 61, 0.6), rgba(31, 49, 61, 0.6)) }
.ggg-dark-50[class] {
  background-color: rgba(31, 49, 61, 0.5);
  background-image: linear-gradient(rgba(31, 49, 61, 0.5), rgba(31, 49, 61, 0.5)) }
.ggg-dark-40[class] {
  background-color: rgba(31, 49, 61, 0.4);
  background-image: linear-gradient(rgba(31, 49, 61, 0.4), rgba(31, 49, 61, 0.4)) }
.ggg-dark-30[class] {
  background-color: rgba(31, 49, 61, 0.3);
  background-image: linear-gradient(rgba(31, 49, 61, 0.3), rgba(31, 49, 61, 0.3)) }
.ggg-dark-20[class] {
  background-color: rgba(31, 49, 61, 0.2);
  background-image: linear-gradient(rgba(31, 49, 61, 0.2), rgba(31, 49, 61, 0.2)) }
.ggg-dark-10[class] {
  background-color: rgba(31, 49, 61, 0.1);
  background-image: linear-gradient(rgba(31, 49, 61, 0.1), rgba(31, 49, 61, 0.1)) }
.ggg-dark-05[class] {
  background-color: rgba(31, 49, 61, 0.05);
  background-image: linear-gradient(rgba(31, 49, 61, 0.05), rgba(31, 49, 61, 0.05)) }
.ggg-light-90[class] {
  background-color: rgba(250, 251, 252, 0.9);
  background-image: linear-gradient(rgba(250, 251, 252, 0.9), rgba(250, 251, 252, 0.9)) }
.ggg-light-80[class] {
  background-color: rgba(250, 251, 252, 0.8);
  background-image: linear-gradient(rgba(250, 251, 252, 0.8), rgba(250, 251, 252, 0.8)) }
.ggg-light-70[class] {
  background-color: rgba(250, 251, 252, 0.7);
  background-image: linear-gradient(rgba(250, 251, 252, 0.7), rgba(250, 251, 252, 0.7)) }
.ggg-light-60[class] {
  background-color: rgba(250, 251, 252, 0.6);
  background-image: linear-gradient(rgba(250, 251, 252, 0.6), rgba(250, 251, 252, 0.6)) }
.ggg-light-50[class] {
  background-color: rgba(250, 251, 252, 0.5);
  background-image: linear-gradient(rgba(250, 251, 252, 0.5), rgba(250, 251, 252, 0.5)) }
.ggg-light-40[class] {
  background-color: rgba(250, 251, 252, 0.4);
  background-image: linear-gradient(rgba(250, 251, 252, 0.4), rgba(250, 251, 252, 0.4)) }
.ggg-light-30[class] {
  background-color: rgba(250, 251, 252, 0.3);
  background-image: linear-gradient(rgba(250, 251, 252, 0.3), rgba(250, 251, 252, 0.3)) }
.ggg-light-20[class] {
  background-color: rgba(250, 251, 252, 0.2);
  background-image: linear-gradient(rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.2)) }
.ggg-light-10[class] {
  background-color: rgba(250, 251, 252, 0.1);
  background-image: linear-gradient(rgba(250, 251, 252, 0.1), rgba(250, 251, 252, 0.1)) }
.ggg-light-05[class] {
  background-color: rgba(250, 251, 252, 0.05);
  background-image: linear-gradient(rgba(250, 251, 252, 0.05), rgba(250, 251, 252, 0.05)) }
.ggg-blue-100[class] {
  background-color: #ecf1fc;
  background-image: linear-gradient(#ecf1fc, #ecf1fc) }
.ggg-blue-200[class] {
  background-color: #b3c9f2;
  background-image: linear-gradient(#b3c9f2, #b3c9f2) }
.ggg-blue-400[class] {
  background-color: #5597e4;
  background-image: linear-gradient(#5597e4, #5597e4) }
.ggg-blue-500[class] {
  background-color: #0085de;
  background-image: linear-gradient(#0085de, #0085de) }
.ggg-blue-700[class] {
  background-color: #1c609e;
  background-image: linear-gradient(#1c609e, #1c609e) }
.ggg-blue-900[class] {
  background-color: #1e456f;
  background-image: linear-gradient(#1e456f, #1e456f) }
.ggg-green-100[class] {
  background-color: #ecf7ec;
  background-image: linear-gradient(#ecf7ec, #ecf7ec) }
.ggg-green-200[class] {
  background-color: #b3e0b3;
  background-image: linear-gradient(#b3e0b3, #b3e0b3) }
.ggg-green-400[class] {
  background-color: #60bf69;
  background-image: linear-gradient(#60bf69, #60bf69) }
.ggg-green-500[class] {
  background-color: #35a849;
  background-image: linear-gradient(#35a849, #35a849) }
.ggg-green-700[class] {
  background-color: #2e803a;
  background-image: linear-gradient(#2e803a, #2e803a) }
.ggg-green-900[class] {
  background-color: #255a2b;
  background-image: linear-gradient(#255a2b, #255a2b) }
.ggg-red-100[class] {
  background-color: #ffece9;
  background-image: linear-gradient(#ffece9, #ffece9) }
.ggg-red-200[class] {
  background-color: #ffb4a9;
  background-image: linear-gradient(#ffb4a9, #ffb4a9) }
.ggg-red-400[class] {
  background-color: #f9645a;
  background-image: linear-gradient(#f9645a, #f9645a) }
.ggg-red-500[class] {
  background-color: #e23c3b;
  background-image: linear-gradient(#e23c3b, #e23c3b) }
.ggg-red-700[class] {
  background-color: #ac322f;
  background-image: linear-gradient(#ac322f, #ac322f) }
.ggg-red-900[class] {
  background-color: #792823;
  background-image: linear-gradient(#792823, #792823) }
.ggg-amber-100[class] {
  background-color: #fff5e7;
  background-image: linear-gradient(#fff5e7, #fff5e7) }
.ggg-amber-200[class] {
  background-color: #ffd6a1;
  background-image: linear-gradient(#ffd6a1, #ffd6a1) }
.ggg-amber-400[class] {
  background-color: #fbae40;
  background-image: linear-gradient(#fbae40, #fbae40) }
.ggg-amber-500[class] {
  background-color: #e79605;
  background-image: linear-gradient(#e79605, #e79605) }
.ggg-amber-700[class] {
  background-color: #af7311;
  background-image: linear-gradient(#af7311, #af7311) }
.ggg-amber-900[class] {
  background-color: #7b5114;
  background-image: linear-gradient(#7b5114, #7b5114) }
.ggg-purple-100[class] {
  background-color: #f3ecfd;
  background-image: linear-gradient(#f3ecfd, #f3ecfd) }
.ggg-purple-200[class] {
  background-color: #cdb4f7;
  background-image: linear-gradient(#cdb4f7, #cdb4f7) }
.ggg-purple-400[class] {
  background-color: #926ced;
  background-image: linear-gradient(#926ced, #926ced) }
.ggg-purple-500[class] {
  background-color: #714dda;
  background-image: linear-gradient(#714dda, #714dda) }
.ggg-purple-700[class] {
  background-color: #583da5;
  background-image: linear-gradient(#583da5, #583da5) }
.ggg-purple-900[class] {
  background-color: #412d73;
  background-image: linear-gradient(#412d73, #412d73) }
.fgg-black:focus {
  background-color: #1F323D;
  background-image: linear-gradient(#1F323D, #1F323D) }
.fgg-steel:focus {
  background-color: #40525E;
  background-image: linear-gradient(#40525E, #40525E) }
.fgg-slate:focus {
  background-color: #62727E;
  background-image: linear-gradient(#62727E, #62727E) }
.fgg-silver:focus {
  background-color: #8595A1;
  background-image: linear-gradient(#8595A1, #8595A1) }
.fgg-carbon:focus {
  background-color: #B4C5D0;
  background-image: linear-gradient(#B4C5D0, #B4C5D0) }
.fgg-smog:focus {
  background-color: #CDD9E2;
  background-image: linear-gradient(#CDD9E2, #CDD9E2) }
.fgg-smoke:focus {
  background-color: #E0E7ED;
  background-image: linear-gradient(#E0E7ED, #E0E7ED) }
.fgg-slush:focus {
  background-color: #E6ECF0;
  background-image: linear-gradient(#E6ECF0, #E6ECF0) }
.fgg-sleet:focus {
  background-color: #F2F5F8;
  background-image: linear-gradient(#F2F5F8, #F2F5F8) }
.fgg-snow:focus {
  background-color: #F8FAFB;
  background-image: linear-gradient(#F8FAFB, #F8FAFB) }
.fgg-white:focus {
  background-color: #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff) }
.fgg-transparent:focus {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) }
.fgg-dark-90:focus {
  background-color: rgba(31, 49, 61, 0.9);
  background-image: linear-gradient(rgba(31, 49, 61, 0.9), rgba(31, 49, 61, 0.9)) }
.fgg-dark-80:focus {
  background-color: rgba(31, 49, 61, 0.8);
  background-image: linear-gradient(rgba(31, 49, 61, 0.8), rgba(31, 49, 61, 0.8)) }
.fgg-dark-70:focus {
  background-color: rgba(31, 49, 61, 0.7);
  background-image: linear-gradient(rgba(31, 49, 61, 0.7), rgba(31, 49, 61, 0.7)) }
.fgg-dark-60:focus {
  background-color: rgba(31, 49, 61, 0.6);
  background-image: linear-gradient(rgba(31, 49, 61, 0.6), rgba(31, 49, 61, 0.6)) }
.fgg-dark-50:focus {
  background-color: rgba(31, 49, 61, 0.5);
  background-image: linear-gradient(rgba(31, 49, 61, 0.5), rgba(31, 49, 61, 0.5)) }
.fgg-dark-40:focus {
  background-color: rgba(31, 49, 61, 0.4);
  background-image: linear-gradient(rgba(31, 49, 61, 0.4), rgba(31, 49, 61, 0.4)) }
.fgg-dark-30:focus {
  background-color: rgba(31, 49, 61, 0.3);
  background-image: linear-gradient(rgba(31, 49, 61, 0.3), rgba(31, 49, 61, 0.3)) }
.fgg-dark-20:focus {
  background-color: rgba(31, 49, 61, 0.2);
  background-image: linear-gradient(rgba(31, 49, 61, 0.2), rgba(31, 49, 61, 0.2)) }
.fgg-dark-10:focus {
  background-color: rgba(31, 49, 61, 0.1);
  background-image: linear-gradient(rgba(31, 49, 61, 0.1), rgba(31, 49, 61, 0.1)) }
.fgg-dark-05:focus {
  background-color: rgba(31, 49, 61, 0.05);
  background-image: linear-gradient(rgba(31, 49, 61, 0.05), rgba(31, 49, 61, 0.05)) }
.fgg-light-90:focus {
  background-color: rgba(250, 251, 252, 0.9);
  background-image: linear-gradient(rgba(250, 251, 252, 0.9), rgba(250, 251, 252, 0.9)) }
.fgg-light-80:focus {
  background-color: rgba(250, 251, 252, 0.8);
  background-image: linear-gradient(rgba(250, 251, 252, 0.8), rgba(250, 251, 252, 0.8)) }
.fgg-light-70:focus {
  background-color: rgba(250, 251, 252, 0.7);
  background-image: linear-gradient(rgba(250, 251, 252, 0.7), rgba(250, 251, 252, 0.7)) }
.fgg-light-60:focus {
  background-color: rgba(250, 251, 252, 0.6);
  background-image: linear-gradient(rgba(250, 251, 252, 0.6), rgba(250, 251, 252, 0.6)) }
.fgg-light-50:focus {
  background-color: rgba(250, 251, 252, 0.5);
  background-image: linear-gradient(rgba(250, 251, 252, 0.5), rgba(250, 251, 252, 0.5)) }
.fgg-light-40:focus {
  background-color: rgba(250, 251, 252, 0.4);
  background-image: linear-gradient(rgba(250, 251, 252, 0.4), rgba(250, 251, 252, 0.4)) }
.fgg-light-30:focus {
  background-color: rgba(250, 251, 252, 0.3);
  background-image: linear-gradient(rgba(250, 251, 252, 0.3), rgba(250, 251, 252, 0.3)) }
.fgg-light-20:focus {
  background-color: rgba(250, 251, 252, 0.2);
  background-image: linear-gradient(rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.2)) }
.fgg-light-10:focus {
  background-color: rgba(250, 251, 252, 0.1);
  background-image: linear-gradient(rgba(250, 251, 252, 0.1), rgba(250, 251, 252, 0.1)) }
.fgg-light-05:focus {
  background-color: rgba(250, 251, 252, 0.05);
  background-image: linear-gradient(rgba(250, 251, 252, 0.05), rgba(250, 251, 252, 0.05)) }
.fgg-blue-100:focus {
  background-color: #ecf1fc;
  background-image: linear-gradient(#ecf1fc, #ecf1fc) }
.fgg-blue-200:focus {
  background-color: #b3c9f2;
  background-image: linear-gradient(#b3c9f2, #b3c9f2) }
.fgg-blue-400:focus {
  background-color: #5597e4;
  background-image: linear-gradient(#5597e4, #5597e4) }
.fgg-blue-500:focus {
  background-color: #0085de;
  background-image: linear-gradient(#0085de, #0085de) }
.fgg-blue-700:focus {
  background-color: #1c609e;
  background-image: linear-gradient(#1c609e, #1c609e) }
.fgg-blue-900:focus {
  background-color: #1e456f;
  background-image: linear-gradient(#1e456f, #1e456f) }
.fgg-green-100:focus {
  background-color: #ecf7ec;
  background-image: linear-gradient(#ecf7ec, #ecf7ec) }
.fgg-green-200:focus {
  background-color: #b3e0b3;
  background-image: linear-gradient(#b3e0b3, #b3e0b3) }
.fgg-green-400:focus {
  background-color: #60bf69;
  background-image: linear-gradient(#60bf69, #60bf69) }
.fgg-green-500:focus {
  background-color: #35a849;
  background-image: linear-gradient(#35a849, #35a849) }
.fgg-green-700:focus {
  background-color: #2e803a;
  background-image: linear-gradient(#2e803a, #2e803a) }
.fgg-green-900:focus {
  background-color: #255a2b;
  background-image: linear-gradient(#255a2b, #255a2b) }
.fgg-red-100:focus {
  background-color: #ffece9;
  background-image: linear-gradient(#ffece9, #ffece9) }
.fgg-red-200:focus {
  background-color: #ffb4a9;
  background-image: linear-gradient(#ffb4a9, #ffb4a9) }
.fgg-red-400:focus {
  background-color: #f9645a;
  background-image: linear-gradient(#f9645a, #f9645a) }
.fgg-red-500:focus {
  background-color: #e23c3b;
  background-image: linear-gradient(#e23c3b, #e23c3b) }
.fgg-red-700:focus {
  background-color: #ac322f;
  background-image: linear-gradient(#ac322f, #ac322f) }
.fgg-red-900:focus {
  background-color: #792823;
  background-image: linear-gradient(#792823, #792823) }
.fgg-amber-100:focus {
  background-color: #fff5e7;
  background-image: linear-gradient(#fff5e7, #fff5e7) }
.fgg-amber-200:focus {
  background-color: #ffd6a1;
  background-image: linear-gradient(#ffd6a1, #ffd6a1) }
.fgg-amber-400:focus {
  background-color: #fbae40;
  background-image: linear-gradient(#fbae40, #fbae40) }
.fgg-amber-500:focus {
  background-color: #e79605;
  background-image: linear-gradient(#e79605, #e79605) }
.fgg-amber-700:focus {
  background-color: #af7311;
  background-image: linear-gradient(#af7311, #af7311) }
.fgg-amber-900:focus {
  background-color: #7b5114;
  background-image: linear-gradient(#7b5114, #7b5114) }
.fgg-purple-100:focus {
  background-color: #f3ecfd;
  background-image: linear-gradient(#f3ecfd, #f3ecfd) }
.fgg-purple-200:focus {
  background-color: #cdb4f7;
  background-image: linear-gradient(#cdb4f7, #cdb4f7) }
.fgg-purple-400:focus {
  background-color: #926ced;
  background-image: linear-gradient(#926ced, #926ced) }
.fgg-purple-500:focus {
  background-color: #714dda;
  background-image: linear-gradient(#714dda, #714dda) }
.fgg-purple-700:focus {
  background-color: #583da5;
  background-image: linear-gradient(#583da5, #583da5) }
.fgg-purple-900:focus {
  background-color: #412d73;
  background-image: linear-gradient(#412d73, #412d73) }
.hgg-black:hover {
  background-color: #1F323D;
  background-image: linear-gradient(#1F323D, #1F323D) }
.hgg-steel:hover {
  background-color: #40525E;
  background-image: linear-gradient(#40525E, #40525E) }
.hgg-slate:hover {
  background-color: #62727E;
  background-image: linear-gradient(#62727E, #62727E) }
.hgg-silver:hover {
  background-color: #8595A1;
  background-image: linear-gradient(#8595A1, #8595A1) }
.hgg-carbon:hover {
  background-color: #B4C5D0;
  background-image: linear-gradient(#B4C5D0, #B4C5D0) }
.hgg-smog:hover {
  background-color: #CDD9E2;
  background-image: linear-gradient(#CDD9E2, #CDD9E2) }
.hgg-smoke:hover {
  background-color: #E0E7ED;
  background-image: linear-gradient(#E0E7ED, #E0E7ED) }
.hgg-slush:hover {
  background-color: #E6ECF0;
  background-image: linear-gradient(#E6ECF0, #E6ECF0) }
.hgg-sleet:hover {
  background-color: #F2F5F8;
  background-image: linear-gradient(#F2F5F8, #F2F5F8) }
.hgg-snow:hover {
  background-color: #F8FAFB;
  background-image: linear-gradient(#F8FAFB, #F8FAFB) }
.hgg-white:hover {
  background-color: #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff) }
.hgg-transparent:hover {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) }
.hgg-dark-90:hover {
  background-color: rgba(31, 49, 61, 0.9);
  background-image: linear-gradient(rgba(31, 49, 61, 0.9), rgba(31, 49, 61, 0.9)) }
.hgg-dark-80:hover {
  background-color: rgba(31, 49, 61, 0.8);
  background-image: linear-gradient(rgba(31, 49, 61, 0.8), rgba(31, 49, 61, 0.8)) }
.hgg-dark-70:hover {
  background-color: rgba(31, 49, 61, 0.7);
  background-image: linear-gradient(rgba(31, 49, 61, 0.7), rgba(31, 49, 61, 0.7)) }
.hgg-dark-60:hover {
  background-color: rgba(31, 49, 61, 0.6);
  background-image: linear-gradient(rgba(31, 49, 61, 0.6), rgba(31, 49, 61, 0.6)) }
.hgg-dark-50:hover {
  background-color: rgba(31, 49, 61, 0.5);
  background-image: linear-gradient(rgba(31, 49, 61, 0.5), rgba(31, 49, 61, 0.5)) }
.hgg-dark-40:hover {
  background-color: rgba(31, 49, 61, 0.4);
  background-image: linear-gradient(rgba(31, 49, 61, 0.4), rgba(31, 49, 61, 0.4)) }
.hgg-dark-30:hover {
  background-color: rgba(31, 49, 61, 0.3);
  background-image: linear-gradient(rgba(31, 49, 61, 0.3), rgba(31, 49, 61, 0.3)) }
.hgg-dark-20:hover {
  background-color: rgba(31, 49, 61, 0.2);
  background-image: linear-gradient(rgba(31, 49, 61, 0.2), rgba(31, 49, 61, 0.2)) }
.hgg-dark-10:hover {
  background-color: rgba(31, 49, 61, 0.1);
  background-image: linear-gradient(rgba(31, 49, 61, 0.1), rgba(31, 49, 61, 0.1)) }
.hgg-dark-05:hover {
  background-color: rgba(31, 49, 61, 0.05);
  background-image: linear-gradient(rgba(31, 49, 61, 0.05), rgba(31, 49, 61, 0.05)) }
.hgg-light-90:hover {
  background-color: rgba(250, 251, 252, 0.9);
  background-image: linear-gradient(rgba(250, 251, 252, 0.9), rgba(250, 251, 252, 0.9)) }
.hgg-light-80:hover {
  background-color: rgba(250, 251, 252, 0.8);
  background-image: linear-gradient(rgba(250, 251, 252, 0.8), rgba(250, 251, 252, 0.8)) }
.hgg-light-70:hover {
  background-color: rgba(250, 251, 252, 0.7);
  background-image: linear-gradient(rgba(250, 251, 252, 0.7), rgba(250, 251, 252, 0.7)) }
.hgg-light-60:hover {
  background-color: rgba(250, 251, 252, 0.6);
  background-image: linear-gradient(rgba(250, 251, 252, 0.6), rgba(250, 251, 252, 0.6)) }
.hgg-light-50:hover {
  background-color: rgba(250, 251, 252, 0.5);
  background-image: linear-gradient(rgba(250, 251, 252, 0.5), rgba(250, 251, 252, 0.5)) }
.hgg-light-40:hover {
  background-color: rgba(250, 251, 252, 0.4);
  background-image: linear-gradient(rgba(250, 251, 252, 0.4), rgba(250, 251, 252, 0.4)) }
.hgg-light-30:hover {
  background-color: rgba(250, 251, 252, 0.3);
  background-image: linear-gradient(rgba(250, 251, 252, 0.3), rgba(250, 251, 252, 0.3)) }
.hgg-light-20:hover {
  background-color: rgba(250, 251, 252, 0.2);
  background-image: linear-gradient(rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.2)) }
.hgg-light-10:hover {
  background-color: rgba(250, 251, 252, 0.1);
  background-image: linear-gradient(rgba(250, 251, 252, 0.1), rgba(250, 251, 252, 0.1)) }
.hgg-light-05:hover {
  background-color: rgba(250, 251, 252, 0.05);
  background-image: linear-gradient(rgba(250, 251, 252, 0.05), rgba(250, 251, 252, 0.05)) }
.hgg-blue-100:hover {
  background-color: #ecf1fc;
  background-image: linear-gradient(#ecf1fc, #ecf1fc) }
.hgg-blue-200:hover {
  background-color: #b3c9f2;
  background-image: linear-gradient(#b3c9f2, #b3c9f2) }
.hgg-blue-400:hover {
  background-color: #5597e4;
  background-image: linear-gradient(#5597e4, #5597e4) }
.hgg-blue-500:hover {
  background-color: #0085de;
  background-image: linear-gradient(#0085de, #0085de) }
.hgg-blue-700:hover {
  background-color: #1c609e;
  background-image: linear-gradient(#1c609e, #1c609e) }
.hgg-blue-900:hover {
  background-color: #1e456f;
  background-image: linear-gradient(#1e456f, #1e456f) }
.hgg-green-100:hover {
  background-color: #ecf7ec;
  background-image: linear-gradient(#ecf7ec, #ecf7ec) }
.hgg-green-200:hover {
  background-color: #b3e0b3;
  background-image: linear-gradient(#b3e0b3, #b3e0b3) }
.hgg-green-400:hover {
  background-color: #60bf69;
  background-image: linear-gradient(#60bf69, #60bf69) }
.hgg-green-500:hover {
  background-color: #35a849;
  background-image: linear-gradient(#35a849, #35a849) }
.hgg-green-700:hover {
  background-color: #2e803a;
  background-image: linear-gradient(#2e803a, #2e803a) }
.hgg-green-900:hover {
  background-color: #255a2b;
  background-image: linear-gradient(#255a2b, #255a2b) }
.hgg-red-100:hover {
  background-color: #ffece9;
  background-image: linear-gradient(#ffece9, #ffece9) }
.hgg-red-200:hover {
  background-color: #ffb4a9;
  background-image: linear-gradient(#ffb4a9, #ffb4a9) }
.hgg-red-400:hover {
  background-color: #f9645a;
  background-image: linear-gradient(#f9645a, #f9645a) }
.hgg-red-500:hover {
  background-color: #e23c3b;
  background-image: linear-gradient(#e23c3b, #e23c3b) }
.hgg-red-700:hover {
  background-color: #ac322f;
  background-image: linear-gradient(#ac322f, #ac322f) }
.hgg-red-900:hover {
  background-color: #792823;
  background-image: linear-gradient(#792823, #792823) }
.hgg-amber-100:hover {
  background-color: #fff5e7;
  background-image: linear-gradient(#fff5e7, #fff5e7) }
.hgg-amber-200:hover {
  background-color: #ffd6a1;
  background-image: linear-gradient(#ffd6a1, #ffd6a1) }
.hgg-amber-400:hover {
  background-color: #fbae40;
  background-image: linear-gradient(#fbae40, #fbae40) }
.hgg-amber-500:hover {
  background-color: #e79605;
  background-image: linear-gradient(#e79605, #e79605) }
.hgg-amber-700:hover {
  background-color: #af7311;
  background-image: linear-gradient(#af7311, #af7311) }
.hgg-amber-900:hover {
  background-color: #7b5114;
  background-image: linear-gradient(#7b5114, #7b5114) }
.hgg-purple-100:hover {
  background-color: #f3ecfd;
  background-image: linear-gradient(#f3ecfd, #f3ecfd) }
.hgg-purple-200:hover {
  background-color: #cdb4f7;
  background-image: linear-gradient(#cdb4f7, #cdb4f7) }
.hgg-purple-400:hover {
  background-color: #926ced;
  background-image: linear-gradient(#926ced, #926ced) }
.hgg-purple-500:hover {
  background-color: #714dda;
  background-image: linear-gradient(#714dda, #714dda) }
.hgg-purple-700:hover {
  background-color: #583da5;
  background-image: linear-gradient(#583da5, #583da5) }
.hgg-purple-900:hover {
  background-color: #412d73;
  background-image: linear-gradient(#412d73, #412d73) }
.agg-black:active {
  background-color: #1F323D;
  background-image: linear-gradient(#1F323D, #1F323D) }
.agg-steel:active {
  background-color: #40525E;
  background-image: linear-gradient(#40525E, #40525E) }
.agg-slate:active {
  background-color: #62727E;
  background-image: linear-gradient(#62727E, #62727E) }
.agg-silver:active {
  background-color: #8595A1;
  background-image: linear-gradient(#8595A1, #8595A1) }
.agg-carbon:active {
  background-color: #B4C5D0;
  background-image: linear-gradient(#B4C5D0, #B4C5D0) }
.agg-smog:active {
  background-color: #CDD9E2;
  background-image: linear-gradient(#CDD9E2, #CDD9E2) }
.agg-smoke:active {
  background-color: #E0E7ED;
  background-image: linear-gradient(#E0E7ED, #E0E7ED) }
.agg-slush:active {
  background-color: #E6ECF0;
  background-image: linear-gradient(#E6ECF0, #E6ECF0) }
.agg-sleet:active {
  background-color: #F2F5F8;
  background-image: linear-gradient(#F2F5F8, #F2F5F8) }
.agg-snow:active {
  background-color: #F8FAFB;
  background-image: linear-gradient(#F8FAFB, #F8FAFB) }
.agg-white:active {
  background-color: #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff) }
.agg-transparent:active {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) }
.agg-dark-90:active {
  background-color: rgba(31, 49, 61, 0.9);
  background-image: linear-gradient(rgba(31, 49, 61, 0.9), rgba(31, 49, 61, 0.9)) }
.agg-dark-80:active {
  background-color: rgba(31, 49, 61, 0.8);
  background-image: linear-gradient(rgba(31, 49, 61, 0.8), rgba(31, 49, 61, 0.8)) }
.agg-dark-70:active {
  background-color: rgba(31, 49, 61, 0.7);
  background-image: linear-gradient(rgba(31, 49, 61, 0.7), rgba(31, 49, 61, 0.7)) }
.agg-dark-60:active {
  background-color: rgba(31, 49, 61, 0.6);
  background-image: linear-gradient(rgba(31, 49, 61, 0.6), rgba(31, 49, 61, 0.6)) }
.agg-dark-50:active {
  background-color: rgba(31, 49, 61, 0.5);
  background-image: linear-gradient(rgba(31, 49, 61, 0.5), rgba(31, 49, 61, 0.5)) }
.agg-dark-40:active {
  background-color: rgba(31, 49, 61, 0.4);
  background-image: linear-gradient(rgba(31, 49, 61, 0.4), rgba(31, 49, 61, 0.4)) }
.agg-dark-30:active {
  background-color: rgba(31, 49, 61, 0.3);
  background-image: linear-gradient(rgba(31, 49, 61, 0.3), rgba(31, 49, 61, 0.3)) }
.agg-dark-20:active {
  background-color: rgba(31, 49, 61, 0.2);
  background-image: linear-gradient(rgba(31, 49, 61, 0.2), rgba(31, 49, 61, 0.2)) }
.agg-dark-10:active {
  background-color: rgba(31, 49, 61, 0.1);
  background-image: linear-gradient(rgba(31, 49, 61, 0.1), rgba(31, 49, 61, 0.1)) }
.agg-dark-05:active {
  background-color: rgba(31, 49, 61, 0.05);
  background-image: linear-gradient(rgba(31, 49, 61, 0.05), rgba(31, 49, 61, 0.05)) }
.agg-light-90:active {
  background-color: rgba(250, 251, 252, 0.9);
  background-image: linear-gradient(rgba(250, 251, 252, 0.9), rgba(250, 251, 252, 0.9)) }
.agg-light-80:active {
  background-color: rgba(250, 251, 252, 0.8);
  background-image: linear-gradient(rgba(250, 251, 252, 0.8), rgba(250, 251, 252, 0.8)) }
.agg-light-70:active {
  background-color: rgba(250, 251, 252, 0.7);
  background-image: linear-gradient(rgba(250, 251, 252, 0.7), rgba(250, 251, 252, 0.7)) }
.agg-light-60:active {
  background-color: rgba(250, 251, 252, 0.6);
  background-image: linear-gradient(rgba(250, 251, 252, 0.6), rgba(250, 251, 252, 0.6)) }
.agg-light-50:active {
  background-color: rgba(250, 251, 252, 0.5);
  background-image: linear-gradient(rgba(250, 251, 252, 0.5), rgba(250, 251, 252, 0.5)) }
.agg-light-40:active {
  background-color: rgba(250, 251, 252, 0.4);
  background-image: linear-gradient(rgba(250, 251, 252, 0.4), rgba(250, 251, 252, 0.4)) }
.agg-light-30:active {
  background-color: rgba(250, 251, 252, 0.3);
  background-image: linear-gradient(rgba(250, 251, 252, 0.3), rgba(250, 251, 252, 0.3)) }
.agg-light-20:active {
  background-color: rgba(250, 251, 252, 0.2);
  background-image: linear-gradient(rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.2)) }
.agg-light-10:active {
  background-color: rgba(250, 251, 252, 0.1);
  background-image: linear-gradient(rgba(250, 251, 252, 0.1), rgba(250, 251, 252, 0.1)) }
.agg-light-05:active {
  background-color: rgba(250, 251, 252, 0.05);
  background-image: linear-gradient(rgba(250, 251, 252, 0.05), rgba(250, 251, 252, 0.05)) }
.agg-blue-100:active {
  background-color: #ecf1fc;
  background-image: linear-gradient(#ecf1fc, #ecf1fc) }
.agg-blue-200:active {
  background-color: #b3c9f2;
  background-image: linear-gradient(#b3c9f2, #b3c9f2) }
.agg-blue-400:active {
  background-color: #5597e4;
  background-image: linear-gradient(#5597e4, #5597e4) }
.agg-blue-500:active {
  background-color: #0085de;
  background-image: linear-gradient(#0085de, #0085de) }
.agg-blue-700:active {
  background-color: #1c609e;
  background-image: linear-gradient(#1c609e, #1c609e) }
.agg-blue-900:active {
  background-color: #1e456f;
  background-image: linear-gradient(#1e456f, #1e456f) }
.agg-green-100:active {
  background-color: #ecf7ec;
  background-image: linear-gradient(#ecf7ec, #ecf7ec) }
.agg-green-200:active {
  background-color: #b3e0b3;
  background-image: linear-gradient(#b3e0b3, #b3e0b3) }
.agg-green-400:active {
  background-color: #60bf69;
  background-image: linear-gradient(#60bf69, #60bf69) }
.agg-green-500:active {
  background-color: #35a849;
  background-image: linear-gradient(#35a849, #35a849) }
.agg-green-700:active {
  background-color: #2e803a;
  background-image: linear-gradient(#2e803a, #2e803a) }
.agg-green-900:active {
  background-color: #255a2b;
  background-image: linear-gradient(#255a2b, #255a2b) }
.agg-red-100:active {
  background-color: #ffece9;
  background-image: linear-gradient(#ffece9, #ffece9) }
.agg-red-200:active {
  background-color: #ffb4a9;
  background-image: linear-gradient(#ffb4a9, #ffb4a9) }
.agg-red-400:active {
  background-color: #f9645a;
  background-image: linear-gradient(#f9645a, #f9645a) }
.agg-red-500:active {
  background-color: #e23c3b;
  background-image: linear-gradient(#e23c3b, #e23c3b) }
.agg-red-700:active {
  background-color: #ac322f;
  background-image: linear-gradient(#ac322f, #ac322f) }
.agg-red-900:active {
  background-color: #792823;
  background-image: linear-gradient(#792823, #792823) }
.agg-amber-100:active {
  background-color: #fff5e7;
  background-image: linear-gradient(#fff5e7, #fff5e7) }
.agg-amber-200:active {
  background-color: #ffd6a1;
  background-image: linear-gradient(#ffd6a1, #ffd6a1) }
.agg-amber-400:active {
  background-color: #fbae40;
  background-image: linear-gradient(#fbae40, #fbae40) }
.agg-amber-500:active {
  background-color: #e79605;
  background-image: linear-gradient(#e79605, #e79605) }
.agg-amber-700:active {
  background-color: #af7311;
  background-image: linear-gradient(#af7311, #af7311) }
.agg-amber-900:active {
  background-color: #7b5114;
  background-image: linear-gradient(#7b5114, #7b5114) }
.agg-purple-100:active {
  background-color: #f3ecfd;
  background-image: linear-gradient(#f3ecfd, #f3ecfd) }
.agg-purple-200:active {
  background-color: #cdb4f7;
  background-image: linear-gradient(#cdb4f7, #cdb4f7) }
.agg-purple-400:active {
  background-color: #926ced;
  background-image: linear-gradient(#926ced, #926ced) }
.agg-purple-500:active {
  background-color: #714dda;
  background-image: linear-gradient(#714dda, #714dda) }
.agg-purple-700:active {
  background-color: #583da5;
  background-image: linear-gradient(#583da5, #583da5) }
.agg-purple-900:active {
  background-color: #412d73;
  background-image: linear-gradient(#412d73, #412d73) }
.dgg-black[aria-disabled=true],
.dgg-black:disabled {
  background-color: #1F323D;
  background-image: linear-gradient(#1F323D, #1F323D) }
.dgg-steel[aria-disabled=true],
.dgg-steel:disabled {
  background-color: #40525E;
  background-image: linear-gradient(#40525E, #40525E) }
.dgg-slate[aria-disabled=true],
.dgg-slate:disabled {
  background-color: #62727E;
  background-image: linear-gradient(#62727E, #62727E) }
.dgg-silver[aria-disabled=true],
.dgg-silver:disabled {
  background-color: #8595A1;
  background-image: linear-gradient(#8595A1, #8595A1) }
.dgg-carbon[aria-disabled=true],
.dgg-carbon:disabled {
  background-color: #B4C5D0;
  background-image: linear-gradient(#B4C5D0, #B4C5D0) }
.dgg-smog[aria-disabled=true],
.dgg-smog:disabled {
  background-color: #CDD9E2;
  background-image: linear-gradient(#CDD9E2, #CDD9E2) }
.dgg-smoke[aria-disabled=true],
.dgg-smoke:disabled {
  background-color: #E0E7ED;
  background-image: linear-gradient(#E0E7ED, #E0E7ED) }
.dgg-slush[aria-disabled=true],
.dgg-slush:disabled {
  background-color: #E6ECF0;
  background-image: linear-gradient(#E6ECF0, #E6ECF0) }
.dgg-sleet[aria-disabled=true],
.dgg-sleet:disabled {
  background-color: #F2F5F8;
  background-image: linear-gradient(#F2F5F8, #F2F5F8) }
.dgg-snow[aria-disabled=true],
.dgg-snow:disabled {
  background-color: #F8FAFB;
  background-image: linear-gradient(#F8FAFB, #F8FAFB) }
.dgg-white[aria-disabled=true],
.dgg-white:disabled {
  background-color: #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff) }
.dgg-transparent[aria-disabled=true],
.dgg-transparent:disabled {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) }
.dgg-dark-90[aria-disabled=true],
.dgg-dark-90:disabled {
  background-color: rgba(31, 49, 61, 0.9);
  background-image: linear-gradient(rgba(31, 49, 61, 0.9), rgba(31, 49, 61, 0.9)) }
.dgg-dark-80[aria-disabled=true],
.dgg-dark-80:disabled {
  background-color: rgba(31, 49, 61, 0.8);
  background-image: linear-gradient(rgba(31, 49, 61, 0.8), rgba(31, 49, 61, 0.8)) }
.dgg-dark-70[aria-disabled=true],
.dgg-dark-70:disabled {
  background-color: rgba(31, 49, 61, 0.7);
  background-image: linear-gradient(rgba(31, 49, 61, 0.7), rgba(31, 49, 61, 0.7)) }
.dgg-dark-60[aria-disabled=true],
.dgg-dark-60:disabled {
  background-color: rgba(31, 49, 61, 0.6);
  background-image: linear-gradient(rgba(31, 49, 61, 0.6), rgba(31, 49, 61, 0.6)) }
.dgg-dark-50[aria-disabled=true],
.dgg-dark-50:disabled {
  background-color: rgba(31, 49, 61, 0.5);
  background-image: linear-gradient(rgba(31, 49, 61, 0.5), rgba(31, 49, 61, 0.5)) }
.dgg-dark-40[aria-disabled=true],
.dgg-dark-40:disabled {
  background-color: rgba(31, 49, 61, 0.4);
  background-image: linear-gradient(rgba(31, 49, 61, 0.4), rgba(31, 49, 61, 0.4)) }
.dgg-dark-30[aria-disabled=true],
.dgg-dark-30:disabled {
  background-color: rgba(31, 49, 61, 0.3);
  background-image: linear-gradient(rgba(31, 49, 61, 0.3), rgba(31, 49, 61, 0.3)) }
.dgg-dark-20[aria-disabled=true],
.dgg-dark-20:disabled {
  background-color: rgba(31, 49, 61, 0.2);
  background-image: linear-gradient(rgba(31, 49, 61, 0.2), rgba(31, 49, 61, 0.2)) }
.dgg-dark-10[aria-disabled=true],
.dgg-dark-10:disabled {
  background-color: rgba(31, 49, 61, 0.1);
  background-image: linear-gradient(rgba(31, 49, 61, 0.1), rgba(31, 49, 61, 0.1)) }
.dgg-dark-05[aria-disabled=true],
.dgg-dark-05:disabled {
  background-color: rgba(31, 49, 61, 0.05);
  background-image: linear-gradient(rgba(31, 49, 61, 0.05), rgba(31, 49, 61, 0.05)) }
.dgg-light-90[aria-disabled=true],
.dgg-light-90:disabled {
  background-color: rgba(250, 251, 252, 0.9);
  background-image: linear-gradient(rgba(250, 251, 252, 0.9), rgba(250, 251, 252, 0.9)) }
.dgg-light-80[aria-disabled=true],
.dgg-light-80:disabled {
  background-color: rgba(250, 251, 252, 0.8);
  background-image: linear-gradient(rgba(250, 251, 252, 0.8), rgba(250, 251, 252, 0.8)) }
.dgg-light-70[aria-disabled=true],
.dgg-light-70:disabled {
  background-color: rgba(250, 251, 252, 0.7);
  background-image: linear-gradient(rgba(250, 251, 252, 0.7), rgba(250, 251, 252, 0.7)) }
.dgg-light-60[aria-disabled=true],
.dgg-light-60:disabled {
  background-color: rgba(250, 251, 252, 0.6);
  background-image: linear-gradient(rgba(250, 251, 252, 0.6), rgba(250, 251, 252, 0.6)) }
.dgg-light-50[aria-disabled=true],
.dgg-light-50:disabled {
  background-color: rgba(250, 251, 252, 0.5);
  background-image: linear-gradient(rgba(250, 251, 252, 0.5), rgba(250, 251, 252, 0.5)) }
.dgg-light-40[aria-disabled=true],
.dgg-light-40:disabled {
  background-color: rgba(250, 251, 252, 0.4);
  background-image: linear-gradient(rgba(250, 251, 252, 0.4), rgba(250, 251, 252, 0.4)) }
.dgg-light-30[aria-disabled=true],
.dgg-light-30:disabled {
  background-color: rgba(250, 251, 252, 0.3);
  background-image: linear-gradient(rgba(250, 251, 252, 0.3), rgba(250, 251, 252, 0.3)) }
.dgg-light-20[aria-disabled=true],
.dgg-light-20:disabled {
  background-color: rgba(250, 251, 252, 0.2);
  background-image: linear-gradient(rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.2)) }
.dgg-light-10[aria-disabled=true],
.dgg-light-10:disabled {
  background-color: rgba(250, 251, 252, 0.1);
  background-image: linear-gradient(rgba(250, 251, 252, 0.1), rgba(250, 251, 252, 0.1)) }
.dgg-light-05[aria-disabled=true],
.dgg-light-05:disabled {
  background-color: rgba(250, 251, 252, 0.05);
  background-image: linear-gradient(rgba(250, 251, 252, 0.05), rgba(250, 251, 252, 0.05)) }
.dgg-blue-100[aria-disabled=true],
.dgg-blue-100:disabled {
  background-color: #ecf1fc;
  background-image: linear-gradient(#ecf1fc, #ecf1fc) }
.dgg-blue-200[aria-disabled=true],
.dgg-blue-200:disabled {
  background-color: #b3c9f2;
  background-image: linear-gradient(#b3c9f2, #b3c9f2) }
.dgg-blue-400[aria-disabled=true],
.dgg-blue-400:disabled {
  background-color: #5597e4;
  background-image: linear-gradient(#5597e4, #5597e4) }
.dgg-blue-500[aria-disabled=true],
.dgg-blue-500:disabled {
  background-color: #0085de;
  background-image: linear-gradient(#0085de, #0085de) }
.dgg-blue-700[aria-disabled=true],
.dgg-blue-700:disabled {
  background-color: #1c609e;
  background-image: linear-gradient(#1c609e, #1c609e) }
.dgg-blue-900[aria-disabled=true],
.dgg-blue-900:disabled {
  background-color: #1e456f;
  background-image: linear-gradient(#1e456f, #1e456f) }
.dgg-green-100[aria-disabled=true],
.dgg-green-100:disabled {
  background-color: #ecf7ec;
  background-image: linear-gradient(#ecf7ec, #ecf7ec) }
.dgg-green-200[aria-disabled=true],
.dgg-green-200:disabled {
  background-color: #b3e0b3;
  background-image: linear-gradient(#b3e0b3, #b3e0b3) }
.dgg-green-400[aria-disabled=true],
.dgg-green-400:disabled {
  background-color: #60bf69;
  background-image: linear-gradient(#60bf69, #60bf69) }
.dgg-green-500[aria-disabled=true],
.dgg-green-500:disabled {
  background-color: #35a849;
  background-image: linear-gradient(#35a849, #35a849) }
.dgg-green-700[aria-disabled=true],
.dgg-green-700:disabled {
  background-color: #2e803a;
  background-image: linear-gradient(#2e803a, #2e803a) }
.dgg-green-900[aria-disabled=true],
.dgg-green-900:disabled {
  background-color: #255a2b;
  background-image: linear-gradient(#255a2b, #255a2b) }
.dgg-red-100[aria-disabled=true],
.dgg-red-100:disabled {
  background-color: #ffece9;
  background-image: linear-gradient(#ffece9, #ffece9) }
.dgg-red-200[aria-disabled=true],
.dgg-red-200:disabled {
  background-color: #ffb4a9;
  background-image: linear-gradient(#ffb4a9, #ffb4a9) }
.dgg-red-400[aria-disabled=true],
.dgg-red-400:disabled {
  background-color: #f9645a;
  background-image: linear-gradient(#f9645a, #f9645a) }
.dgg-red-500[aria-disabled=true],
.dgg-red-500:disabled {
  background-color: #e23c3b;
  background-image: linear-gradient(#e23c3b, #e23c3b) }
.dgg-red-700[aria-disabled=true],
.dgg-red-700:disabled {
  background-color: #ac322f;
  background-image: linear-gradient(#ac322f, #ac322f) }
.dgg-red-900[aria-disabled=true],
.dgg-red-900:disabled {
  background-color: #792823;
  background-image: linear-gradient(#792823, #792823) }
.dgg-amber-100[aria-disabled=true],
.dgg-amber-100:disabled {
  background-color: #fff5e7;
  background-image: linear-gradient(#fff5e7, #fff5e7) }
.dgg-amber-200[aria-disabled=true],
.dgg-amber-200:disabled {
  background-color: #ffd6a1;
  background-image: linear-gradient(#ffd6a1, #ffd6a1) }
.dgg-amber-400[aria-disabled=true],
.dgg-amber-400:disabled {
  background-color: #fbae40;
  background-image: linear-gradient(#fbae40, #fbae40) }
.dgg-amber-500[aria-disabled=true],
.dgg-amber-500:disabled {
  background-color: #e79605;
  background-image: linear-gradient(#e79605, #e79605) }
.dgg-amber-700[aria-disabled=true],
.dgg-amber-700:disabled {
  background-color: #af7311;
  background-image: linear-gradient(#af7311, #af7311) }
.dgg-amber-900[aria-disabled=true],
.dgg-amber-900:disabled {
  background-color: #7b5114;
  background-image: linear-gradient(#7b5114, #7b5114) }
.dgg-purple-100[aria-disabled=true],
.dgg-purple-100:disabled {
  background-color: #f3ecfd;
  background-image: linear-gradient(#f3ecfd, #f3ecfd) }
.dgg-purple-200[aria-disabled=true],
.dgg-purple-200:disabled {
  background-color: #cdb4f7;
  background-image: linear-gradient(#cdb4f7, #cdb4f7) }
.dgg-purple-400[aria-disabled=true],
.dgg-purple-400:disabled {
  background-color: #926ced;
  background-image: linear-gradient(#926ced, #926ced) }
.dgg-purple-500[aria-disabled=true],
.dgg-purple-500:disabled {
  background-color: #714dda;
  background-image: linear-gradient(#714dda, #714dda) }
.dgg-purple-700[aria-disabled=true],
.dgg-purple-700:disabled {
  background-color: #583da5;
  background-image: linear-gradient(#583da5, #583da5) }
.dgg-purple-900[aria-disabled=true],
.dgg-purple-900:disabled {
  background-color: #412d73;
  background-image: linear-gradient(#412d73, #412d73) }
.bbb-black[class] {
  border-color: #1F323D }
.bbb-steel[class] {
  border-color: #40525E }
.bbb-slate[class] {
  border-color: #62727E }
.bbb-silver[class] {
  border-color: #8595A1 }
.bbb-carbon[class] {
  border-color: #B4C5D0 }
.bbb-smog[class] {
  border-color: #CDD9E2 }
.bbb-smoke[class] {
  border-color: #E0E7ED }
.bbb-slush[class] {
  border-color: #E6ECF0 }
.bbb-sleet[class] {
  border-color: #F2F5F8 }
.bbb-snow[class] {
  border-color: #F8FAFB }
.bbb-white[class] {
  border-color: #ffffff }
.bbb-transparent[class] {
  border-color: rgba(255, 255, 255, 0) }
.bbb-dark-90[class] {
  border-color: rgba(31, 49, 61, 0.9) }
.bbb-dark-80[class] {
  border-color: rgba(31, 49, 61, 0.8) }
.bbb-dark-70[class] {
  border-color: rgba(31, 49, 61, 0.7) }
.bbb-dark-60[class] {
  border-color: rgba(31, 49, 61, 0.6) }
.bbb-dark-50[class] {
  border-color: rgba(31, 49, 61, 0.5) }
.bbb-dark-40[class] {
  border-color: rgba(31, 49, 61, 0.4) }
.bbb-dark-30[class] {
  border-color: rgba(31, 49, 61, 0.3) }
.bbb-dark-20[class] {
  border-color: rgba(31, 49, 61, 0.2) }
.bbb-dark-10[class] {
  border-color: rgba(31, 49, 61, 0.1) }
.bbb-dark-05[class] {
  border-color: rgba(31, 49, 61, 0.05) }
.bbb-light-90[class] {
  border-color: rgba(250, 251, 252, 0.9) }
.bbb-light-80[class] {
  border-color: rgba(250, 251, 252, 0.8) }
.bbb-light-70[class] {
  border-color: rgba(250, 251, 252, 0.7) }
.bbb-light-60[class] {
  border-color: rgba(250, 251, 252, 0.6) }
.bbb-light-50[class] {
  border-color: rgba(250, 251, 252, 0.5) }
.bbb-light-40[class] {
  border-color: rgba(250, 251, 252, 0.4) }
.bbb-light-30[class] {
  border-color: rgba(250, 251, 252, 0.3) }
.bbb-light-20[class] {
  border-color: rgba(250, 251, 252, 0.2) }
.bbb-light-10[class] {
  border-color: rgba(250, 251, 252, 0.1) }
.bbb-light-05[class] {
  border-color: rgba(250, 251, 252, 0.05) }
.bbb-blue-100[class] {
  border-color: #ecf1fc }
.bbb-blue-200[class] {
  border-color: #b3c9f2 }
.bbb-blue-400[class] {
  border-color: #5597e4 }
.bbb-blue-500[class] {
  border-color: #0085de }
.bbb-blue-700[class] {
  border-color: #1c609e }
.bbb-blue-900[class] {
  border-color: #1e456f }
.bbb-green-100[class] {
  border-color: #ecf7ec }
.bbb-green-200[class] {
  border-color: #b3e0b3 }
.bbb-green-400[class] {
  border-color: #60bf69 }
.bbb-green-500[class] {
  border-color: #35a849 }
.bbb-green-700[class] {
  border-color: #2e803a }
.bbb-green-900[class] {
  border-color: #255a2b }
.bbb-red-100[class] {
  border-color: #ffece9 }
.bbb-red-200[class] {
  border-color: #ffb4a9 }
.bbb-red-400[class] {
  border-color: #f9645a }
.bbb-red-500[class] {
  border-color: #e23c3b }
.bbb-red-700[class] {
  border-color: #ac322f }
.bbb-red-900[class] {
  border-color: #792823 }
.bbb-amber-100[class] {
  border-color: #fff5e7 }
.bbb-amber-200[class] {
  border-color: #ffd6a1 }
.bbb-amber-400[class] {
  border-color: #fbae40 }
.bbb-amber-500[class] {
  border-color: #e79605 }
.bbb-amber-700[class] {
  border-color: #af7311 }
.bbb-amber-900[class] {
  border-color: #7b5114 }
.bbb-purple-100[class] {
  border-color: #f3ecfd }
.bbb-purple-200[class] {
  border-color: #cdb4f7 }
.bbb-purple-400[class] {
  border-color: #926ced }
.bbb-purple-500[class] {
  border-color: #714dda }
.bbb-purple-700[class] {
  border-color: #583da5 }
.bbb-purple-900[class] {
  border-color: #412d73 }
.fbb-black:focus {
  border-color: #1F323D }
.fbb-steel:focus {
  border-color: #40525E }
.fbb-slate:focus {
  border-color: #62727E }
.fbb-silver:focus {
  border-color: #8595A1 }
.fbb-carbon:focus {
  border-color: #B4C5D0 }
.fbb-smog:focus {
  border-color: #CDD9E2 }
.fbb-smoke:focus {
  border-color: #E0E7ED }
.fbb-slush:focus {
  border-color: #E6ECF0 }
.fbb-sleet:focus {
  border-color: #F2F5F8 }
.fbb-snow:focus {
  border-color: #F8FAFB }
.fbb-white:focus {
  border-color: #ffffff }
.fbb-transparent:focus {
  border-color: rgba(255, 255, 255, 0) }
.fbb-dark-90:focus {
  border-color: rgba(31, 49, 61, 0.9) }
.fbb-dark-80:focus {
  border-color: rgba(31, 49, 61, 0.8) }
.fbb-dark-70:focus {
  border-color: rgba(31, 49, 61, 0.7) }
.fbb-dark-60:focus {
  border-color: rgba(31, 49, 61, 0.6) }
.fbb-dark-50:focus {
  border-color: rgba(31, 49, 61, 0.5) }
.fbb-dark-40:focus {
  border-color: rgba(31, 49, 61, 0.4) }
.fbb-dark-30:focus {
  border-color: rgba(31, 49, 61, 0.3) }
.fbb-dark-20:focus {
  border-color: rgba(31, 49, 61, 0.2) }
.fbb-dark-10:focus {
  border-color: rgba(31, 49, 61, 0.1) }
.fbb-dark-05:focus {
  border-color: rgba(31, 49, 61, 0.05) }
.fbb-light-90:focus {
  border-color: rgba(250, 251, 252, 0.9) }
.fbb-light-80:focus {
  border-color: rgba(250, 251, 252, 0.8) }
.fbb-light-70:focus {
  border-color: rgba(250, 251, 252, 0.7) }
.fbb-light-60:focus {
  border-color: rgba(250, 251, 252, 0.6) }
.fbb-light-50:focus {
  border-color: rgba(250, 251, 252, 0.5) }
.fbb-light-40:focus {
  border-color: rgba(250, 251, 252, 0.4) }
.fbb-light-30:focus {
  border-color: rgba(250, 251, 252, 0.3) }
.fbb-light-20:focus {
  border-color: rgba(250, 251, 252, 0.2) }
.fbb-light-10:focus {
  border-color: rgba(250, 251, 252, 0.1) }
.fbb-light-05:focus {
  border-color: rgba(250, 251, 252, 0.05) }
.fbb-blue-100:focus {
  border-color: #ecf1fc }
.fbb-blue-200:focus {
  border-color: #b3c9f2 }
.fbb-blue-400:focus {
  border-color: #5597e4 }
.fbb-blue-500:focus {
  border-color: #0085de }
.fbb-blue-700:focus {
  border-color: #1c609e }
.fbb-blue-900:focus {
  border-color: #1e456f }
.fbb-green-100:focus {
  border-color: #ecf7ec }
.fbb-green-200:focus {
  border-color: #b3e0b3 }
.fbb-green-400:focus {
  border-color: #60bf69 }
.fbb-green-500:focus {
  border-color: #35a849 }
.fbb-green-700:focus {
  border-color: #2e803a }
.fbb-green-900:focus {
  border-color: #255a2b }
.fbb-red-100:focus {
  border-color: #ffece9 }
.fbb-red-200:focus {
  border-color: #ffb4a9 }
.fbb-red-400:focus {
  border-color: #f9645a }
.fbb-red-500:focus {
  border-color: #e23c3b }
.fbb-red-700:focus {
  border-color: #ac322f }
.fbb-red-900:focus {
  border-color: #792823 }
.fbb-amber-100:focus {
  border-color: #fff5e7 }
.fbb-amber-200:focus {
  border-color: #ffd6a1 }
.fbb-amber-400:focus {
  border-color: #fbae40 }
.fbb-amber-500:focus {
  border-color: #e79605 }
.fbb-amber-700:focus {
  border-color: #af7311 }
.fbb-amber-900:focus {
  border-color: #7b5114 }
.fbb-purple-100:focus {
  border-color: #f3ecfd }
.fbb-purple-200:focus {
  border-color: #cdb4f7 }
.fbb-purple-400:focus {
  border-color: #926ced }
.fbb-purple-500:focus {
  border-color: #714dda }
.fbb-purple-700:focus {
  border-color: #583da5 }
.fbb-purple-900:focus {
  border-color: #412d73 }
.hbb-black:hover {
  border-color: #1F323D }
.hbb-steel:hover {
  border-color: #40525E }
.hbb-slate:hover {
  border-color: #62727E }
.hbb-silver:hover {
  border-color: #8595A1 }
.hbb-carbon:hover {
  border-color: #B4C5D0 }
.hbb-smog:hover {
  border-color: #CDD9E2 }
.hbb-smoke:hover {
  border-color: #E0E7ED }
.hbb-slush:hover {
  border-color: #E6ECF0 }
.hbb-sleet:hover {
  border-color: #F2F5F8 }
.hbb-snow:hover {
  border-color: #F8FAFB }
.hbb-white:hover {
  border-color: #ffffff }
.hbb-transparent:hover {
  border-color: rgba(255, 255, 255, 0) }
.hbb-dark-90:hover {
  border-color: rgba(31, 49, 61, 0.9) }
.hbb-dark-80:hover {
  border-color: rgba(31, 49, 61, 0.8) }
.hbb-dark-70:hover {
  border-color: rgba(31, 49, 61, 0.7) }
.hbb-dark-60:hover {
  border-color: rgba(31, 49, 61, 0.6) }
.hbb-dark-50:hover {
  border-color: rgba(31, 49, 61, 0.5) }
.hbb-dark-40:hover {
  border-color: rgba(31, 49, 61, 0.4) }
.hbb-dark-30:hover {
  border-color: rgba(31, 49, 61, 0.3) }
.hbb-dark-20:hover {
  border-color: rgba(31, 49, 61, 0.2) }
.hbb-dark-10:hover {
  border-color: rgba(31, 49, 61, 0.1) }
.hbb-dark-05:hover {
  border-color: rgba(31, 49, 61, 0.05) }
.hbb-light-90:hover {
  border-color: rgba(250, 251, 252, 0.9) }
.hbb-light-80:hover {
  border-color: rgba(250, 251, 252, 0.8) }
.hbb-light-70:hover {
  border-color: rgba(250, 251, 252, 0.7) }
.hbb-light-60:hover {
  border-color: rgba(250, 251, 252, 0.6) }
.hbb-light-50:hover {
  border-color: rgba(250, 251, 252, 0.5) }
.hbb-light-40:hover {
  border-color: rgba(250, 251, 252, 0.4) }
.hbb-light-30:hover {
  border-color: rgba(250, 251, 252, 0.3) }
.hbb-light-20:hover {
  border-color: rgba(250, 251, 252, 0.2) }
.hbb-light-10:hover {
  border-color: rgba(250, 251, 252, 0.1) }
.hbb-light-05:hover {
  border-color: rgba(250, 251, 252, 0.05) }
.hbb-blue-100:hover {
  border-color: #ecf1fc }
.hbb-blue-200:hover {
  border-color: #b3c9f2 }
.hbb-blue-400:hover {
  border-color: #5597e4 }
.hbb-blue-500:hover {
  border-color: #0085de }
.hbb-blue-700:hover {
  border-color: #1c609e }
.hbb-blue-900:hover {
  border-color: #1e456f }
.hbb-green-100:hover {
  border-color: #ecf7ec }
.hbb-green-200:hover {
  border-color: #b3e0b3 }
.hbb-green-400:hover {
  border-color: #60bf69 }
.hbb-green-500:hover {
  border-color: #35a849 }
.hbb-green-700:hover {
  border-color: #2e803a }
.hbb-green-900:hover {
  border-color: #255a2b }
.hbb-red-100:hover {
  border-color: #ffece9 }
.hbb-red-200:hover {
  border-color: #ffb4a9 }
.hbb-red-400:hover {
  border-color: #f9645a }
.hbb-red-500:hover {
  border-color: #e23c3b }
.hbb-red-700:hover {
  border-color: #ac322f }
.hbb-red-900:hover {
  border-color: #792823 }
.hbb-amber-100:hover {
  border-color: #fff5e7 }
.hbb-amber-200:hover {
  border-color: #ffd6a1 }
.hbb-amber-400:hover {
  border-color: #fbae40 }
.hbb-amber-500:hover {
  border-color: #e79605 }
.hbb-amber-700:hover {
  border-color: #af7311 }
.hbb-amber-900:hover {
  border-color: #7b5114 }
.hbb-purple-100:hover {
  border-color: #f3ecfd }
.hbb-purple-200:hover {
  border-color: #cdb4f7 }
.hbb-purple-400:hover {
  border-color: #926ced }
.hbb-purple-500:hover {
  border-color: #714dda }
.hbb-purple-700:hover {
  border-color: #583da5 }
.hbb-purple-900:hover {
  border-color: #412d73 }
.abb-black:active {
  border-color: #1F323D }
.abb-steel:active {
  border-color: #40525E }
.abb-slate:active {
  border-color: #62727E }
.abb-silver:active {
  border-color: #8595A1 }
.abb-carbon:active {
  border-color: #B4C5D0 }
.abb-smog:active {
  border-color: #CDD9E2 }
.abb-smoke:active {
  border-color: #E0E7ED }
.abb-slush:active {
  border-color: #E6ECF0 }
.abb-sleet:active {
  border-color: #F2F5F8 }
.abb-snow:active {
  border-color: #F8FAFB }
.abb-white:active {
  border-color: #ffffff }
.abb-transparent:active {
  border-color: rgba(255, 255, 255, 0) }
.abb-dark-90:active {
  border-color: rgba(31, 49, 61, 0.9) }
.abb-dark-80:active {
  border-color: rgba(31, 49, 61, 0.8) }
.abb-dark-70:active {
  border-color: rgba(31, 49, 61, 0.7) }
.abb-dark-60:active {
  border-color: rgba(31, 49, 61, 0.6) }
.abb-dark-50:active {
  border-color: rgba(31, 49, 61, 0.5) }
.abb-dark-40:active {
  border-color: rgba(31, 49, 61, 0.4) }
.abb-dark-30:active {
  border-color: rgba(31, 49, 61, 0.3) }
.abb-dark-20:active {
  border-color: rgba(31, 49, 61, 0.2) }
.abb-dark-10:active {
  border-color: rgba(31, 49, 61, 0.1) }
.abb-dark-05:active {
  border-color: rgba(31, 49, 61, 0.05) }
.abb-light-90:active {
  border-color: rgba(250, 251, 252, 0.9) }
.abb-light-80:active {
  border-color: rgba(250, 251, 252, 0.8) }
.abb-light-70:active {
  border-color: rgba(250, 251, 252, 0.7) }
.abb-light-60:active {
  border-color: rgba(250, 251, 252, 0.6) }
.abb-light-50:active {
  border-color: rgba(250, 251, 252, 0.5) }
.abb-light-40:active {
  border-color: rgba(250, 251, 252, 0.4) }
.abb-light-30:active {
  border-color: rgba(250, 251, 252, 0.3) }
.abb-light-20:active {
  border-color: rgba(250, 251, 252, 0.2) }
.abb-light-10:active {
  border-color: rgba(250, 251, 252, 0.1) }
.abb-light-05:active {
  border-color: rgba(250, 251, 252, 0.05) }
.abb-blue-100:active {
  border-color: #ecf1fc }
.abb-blue-200:active {
  border-color: #b3c9f2 }
.abb-blue-400:active {
  border-color: #5597e4 }
.abb-blue-500:active {
  border-color: #0085de }
.abb-blue-700:active {
  border-color: #1c609e }
.abb-blue-900:active {
  border-color: #1e456f }
.abb-green-100:active {
  border-color: #ecf7ec }
.abb-green-200:active {
  border-color: #b3e0b3 }
.abb-green-400:active {
  border-color: #60bf69 }
.abb-green-500:active {
  border-color: #35a849 }
.abb-green-700:active {
  border-color: #2e803a }
.abb-green-900:active {
  border-color: #255a2b }
.abb-red-100:active {
  border-color: #ffece9 }
.abb-red-200:active {
  border-color: #ffb4a9 }
.abb-red-400:active {
  border-color: #f9645a }
.abb-red-500:active {
  border-color: #e23c3b }
.abb-red-700:active {
  border-color: #ac322f }
.abb-red-900:active {
  border-color: #792823 }
.abb-amber-100:active {
  border-color: #fff5e7 }
.abb-amber-200:active {
  border-color: #ffd6a1 }
.abb-amber-400:active {
  border-color: #fbae40 }
.abb-amber-500:active {
  border-color: #e79605 }
.abb-amber-700:active {
  border-color: #af7311 }
.abb-amber-900:active {
  border-color: #7b5114 }
.abb-purple-100:active {
  border-color: #f3ecfd }
.abb-purple-200:active {
  border-color: #cdb4f7 }
.abb-purple-400:active {
  border-color: #926ced }
.abb-purple-500:active {
  border-color: #714dda }
.abb-purple-700:active {
  border-color: #583da5 }
.abb-purple-900:active {
  border-color: #412d73 }
.dbb-black[aria-disabled=true],
.dbb-black:disabled {
  border-color: #1F323D }
.dbb-steel[aria-disabled=true],
.dbb-steel:disabled {
  border-color: #40525E }
.dbb-slate[aria-disabled=true],
.dbb-slate:disabled {
  border-color: #62727E }
.dbb-silver[aria-disabled=true],
.dbb-silver:disabled {
  border-color: #8595A1 }
.dbb-carbon[aria-disabled=true],
.dbb-carbon:disabled {
  border-color: #B4C5D0 }
.dbb-smog[aria-disabled=true],
.dbb-smog:disabled {
  border-color: #CDD9E2 }
.dbb-smoke[aria-disabled=true],
.dbb-smoke:disabled {
  border-color: #E0E7ED }
.dbb-slush[aria-disabled=true],
.dbb-slush:disabled {
  border-color: #E6ECF0 }
.dbb-sleet[aria-disabled=true],
.dbb-sleet:disabled {
  border-color: #F2F5F8 }
.dbb-snow[aria-disabled=true],
.dbb-snow:disabled {
  border-color: #F8FAFB }
.dbb-white[aria-disabled=true],
.dbb-white:disabled {
  border-color: #ffffff }
.dbb-transparent[aria-disabled=true],
.dbb-transparent:disabled {
  border-color: rgba(255, 255, 255, 0) }
.dbb-dark-90[aria-disabled=true],
.dbb-dark-90:disabled {
  border-color: rgba(31, 49, 61, 0.9) }
.dbb-dark-80[aria-disabled=true],
.dbb-dark-80:disabled {
  border-color: rgba(31, 49, 61, 0.8) }
.dbb-dark-70[aria-disabled=true],
.dbb-dark-70:disabled {
  border-color: rgba(31, 49, 61, 0.7) }
.dbb-dark-60[aria-disabled=true],
.dbb-dark-60:disabled {
  border-color: rgba(31, 49, 61, 0.6) }
.dbb-dark-50[aria-disabled=true],
.dbb-dark-50:disabled {
  border-color: rgba(31, 49, 61, 0.5) }
.dbb-dark-40[aria-disabled=true],
.dbb-dark-40:disabled {
  border-color: rgba(31, 49, 61, 0.4) }
.dbb-dark-30[aria-disabled=true],
.dbb-dark-30:disabled {
  border-color: rgba(31, 49, 61, 0.3) }
.dbb-dark-20[aria-disabled=true],
.dbb-dark-20:disabled {
  border-color: rgba(31, 49, 61, 0.2) }
.dbb-dark-10[aria-disabled=true],
.dbb-dark-10:disabled {
  border-color: rgba(31, 49, 61, 0.1) }
.dbb-dark-05[aria-disabled=true],
.dbb-dark-05:disabled {
  border-color: rgba(31, 49, 61, 0.05) }
.dbb-light-90[aria-disabled=true],
.dbb-light-90:disabled {
  border-color: rgba(250, 251, 252, 0.9) }
.dbb-light-80[aria-disabled=true],
.dbb-light-80:disabled {
  border-color: rgba(250, 251, 252, 0.8) }
.dbb-light-70[aria-disabled=true],
.dbb-light-70:disabled {
  border-color: rgba(250, 251, 252, 0.7) }
.dbb-light-60[aria-disabled=true],
.dbb-light-60:disabled {
  border-color: rgba(250, 251, 252, 0.6) }
.dbb-light-50[aria-disabled=true],
.dbb-light-50:disabled {
  border-color: rgba(250, 251, 252, 0.5) }
.dbb-light-40[aria-disabled=true],
.dbb-light-40:disabled {
  border-color: rgba(250, 251, 252, 0.4) }
.dbb-light-30[aria-disabled=true],
.dbb-light-30:disabled {
  border-color: rgba(250, 251, 252, 0.3) }
.dbb-light-20[aria-disabled=true],
.dbb-light-20:disabled {
  border-color: rgba(250, 251, 252, 0.2) }
.dbb-light-10[aria-disabled=true],
.dbb-light-10:disabled {
  border-color: rgba(250, 251, 252, 0.1) }
.dbb-light-05[aria-disabled=true],
.dbb-light-05:disabled {
  border-color: rgba(250, 251, 252, 0.05) }
.dbb-blue-100[aria-disabled=true],
.dbb-blue-100:disabled {
  border-color: #ecf1fc }
.dbb-blue-200[aria-disabled=true],
.dbb-blue-200:disabled {
  border-color: #b3c9f2 }
.dbb-blue-400[aria-disabled=true],
.dbb-blue-400:disabled {
  border-color: #5597e4 }
.dbb-blue-500[aria-disabled=true],
.dbb-blue-500:disabled {
  border-color: #0085de }
.dbb-blue-700[aria-disabled=true],
.dbb-blue-700:disabled {
  border-color: #1c609e }
.dbb-blue-900[aria-disabled=true],
.dbb-blue-900:disabled {
  border-color: #1e456f }
.dbb-green-100[aria-disabled=true],
.dbb-green-100:disabled {
  border-color: #ecf7ec }
.dbb-green-200[aria-disabled=true],
.dbb-green-200:disabled {
  border-color: #b3e0b3 }
.dbb-green-400[aria-disabled=true],
.dbb-green-400:disabled {
  border-color: #60bf69 }
.dbb-green-500[aria-disabled=true],
.dbb-green-500:disabled {
  border-color: #35a849 }
.dbb-green-700[aria-disabled=true],
.dbb-green-700:disabled {
  border-color: #2e803a }
.dbb-green-900[aria-disabled=true],
.dbb-green-900:disabled {
  border-color: #255a2b }
.dbb-red-100[aria-disabled=true],
.dbb-red-100:disabled {
  border-color: #ffece9 }
.dbb-red-200[aria-disabled=true],
.dbb-red-200:disabled {
  border-color: #ffb4a9 }
.dbb-red-400[aria-disabled=true],
.dbb-red-400:disabled {
  border-color: #f9645a }
.dbb-red-500[aria-disabled=true],
.dbb-red-500:disabled {
  border-color: #e23c3b }
.dbb-red-700[aria-disabled=true],
.dbb-red-700:disabled {
  border-color: #ac322f }
.dbb-red-900[aria-disabled=true],
.dbb-red-900:disabled {
  border-color: #792823 }
.dbb-amber-100[aria-disabled=true],
.dbb-amber-100:disabled {
  border-color: #fff5e7 }
.dbb-amber-200[aria-disabled=true],
.dbb-amber-200:disabled {
  border-color: #ffd6a1 }
.dbb-amber-400[aria-disabled=true],
.dbb-amber-400:disabled {
  border-color: #fbae40 }
.dbb-amber-500[aria-disabled=true],
.dbb-amber-500:disabled {
  border-color: #e79605 }
.dbb-amber-700[aria-disabled=true],
.dbb-amber-700:disabled {
  border-color: #af7311 }
.dbb-amber-900[aria-disabled=true],
.dbb-amber-900:disabled {
  border-color: #7b5114 }
.dbb-purple-100[aria-disabled=true],
.dbb-purple-100:disabled {
  border-color: #f3ecfd }
.dbb-purple-200[aria-disabled=true],
.dbb-purple-200:disabled {
  border-color: #cdb4f7 }
.dbb-purple-400[aria-disabled=true],
.dbb-purple-400:disabled {
  border-color: #926ced }
.dbb-purple-500[aria-disabled=true],
.dbb-purple-500:disabled {
  border-color: #714dda }
.dbb-purple-700[aria-disabled=true],
.dbb-purple-700:disabled {
  border-color: #583da5 }
.dbb-purple-900[aria-disabled=true],
.dbb-purple-900:disabled {
  border-color: #412d73 }