#wcag hr {
  opacity: 0;
}
#comparison {
  padding-block-start: var(--section-padding);
  padding-block-end: var(--base-2);
}
#comparison hr {
  opacity: 0;
}
#comparison {
  background-color: var(--current-bg);
  color: var(--sample-text-primary);
  min-height: 100vh;
  align-content: start;
}
#comparison .s-title:not(.s-title--pinned),
#comparison .s-subtitle:not(.s-title--pinned) {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background-color: !important;
}
#comparison .s-title:not(.s-title--pinned) > .s-title__text {
  color: var(--sample-text-primary);
}
#comparison p,
#comparison ul,
#comparison ol {
  color: var(--sample-text-secondary) !important;
}
#comparison a {
  color: var(--sample-text-primary) !important;
  text-decoration: underline;
}
#comparison .label {
  background-color: var(--sample-text-secondary);
  color: var(--current-bg);
}
contrast-demo {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: var(--base-6);
  grid-column: content-start / wide-end;
}
contrast-swatch-grid {
  --dot-size: 16px;
  display: grid;
  justify-content: center;
  align-content: start;
  grid-template-columns: repeat(10, var(--dot-size));
  grid-auto-rows: var(--dot-size);
  gap: var(--base-1h);
}
.swatch-dot {
  --dot-bg: black;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  background-color: var(--dot-bg);
  border-radius: 1000px;
  outline: none;
  box-shadow: inset 0 3px 6px -4px hsla(0, 0%, 0%, 0.2);
}
.theme-dark .swatch-dot {
  --dot-bg: white;
}
.theme-dark .swatch-dot {
  box-shadow: inset 0 3px 6px -4px hsla(0, 0%, 0%, 0.5);
}
.swatch-dot.swatch-dot--red--100 {
  --dot-bg: #1e0606;
}
.swatch-dot.swatch-dot--red--90 {
  --dot-bg: #3d0d0d;
}
.swatch-dot.swatch-dot--red--80 {
  --dot-bg: #651515;
}
.swatch-dot.swatch-dot--red--70 {
  --dot-bg: #8d1e1e;
}
.swatch-dot.swatch-dot--red--60 {
  --dot-bg: #ca2b2b;
}
.swatch-dot.swatch-dot--red--50 {
  --dot-bg: #ea5353;
}
.swatch-dot.swatch-dot--red--40 {
  --dot-bg: #f08686;
}
.swatch-dot.swatch-dot--red--30 {
  --dot-bg: #f6baba;
}
.swatch-dot.swatch-dot--red--20 {
  --dot-bg: #fbdddd;
}
.swatch-dot.swatch-dot--red--10 {
  --dot-bg: #fdf1f1;
}
.swatch-dot.swatch-dot--pink--100 {
  --dot-bg: #1e060e;
}
.swatch-dot.swatch-dot--pink--90 {
  --dot-bg: #3c0c1c;
}
.swatch-dot.swatch-dot--pink--80 {
  --dot-bg: #63142f;
}
.swatch-dot.swatch-dot--pink--70 {
  --dot-bg: #8b1d41;
}
.swatch-dot.swatch-dot--pink--60 {
  --dot-bg: #c7295d;
}
.swatch-dot.swatch-dot--pink--50 {
  --dot-bg: #e35484;
}
.swatch-dot.swatch-dot--pink--40 {
  --dot-bg: #ec87a9;
}
.swatch-dot.swatch-dot--pink--30 {
  --dot-bg: #f4bbce;
}
.swatch-dot.swatch-dot--pink--20 {
  --dot-bg: #f9dde6;
}
.swatch-dot.swatch-dot--pink--10 {
  --dot-bg: #fdf1f5;
}
.swatch-dot.swatch-dot--purple--100 {
  --dot-bg: #1a091c;
}
.swatch-dot.swatch-dot--purple--90 {
  --dot-bg: #331238;
}
.swatch-dot.swatch-dot--purple--80 {
  --dot-bg: #561d5d;
}
.swatch-dot.swatch-dot--purple--70 {
  --dot-bg: #782982;
}
.swatch-dot.swatch-dot--purple--60 {
  --dot-bg: #ab3bba;
}
.swatch-dot.swatch-dot--purple--50 {
  --dot-bg: #cd67da;
}
.swatch-dot.swatch-dot--purple--40 {
  --dot-bg: #dc95e5;
}
.swatch-dot.swatch-dot--purple--30 {
  --dot-bg: #ebc2f0;
}
.swatch-dot.swatch-dot--purple--20 {
  --dot-bg: #f5e1f8;
}
.swatch-dot.swatch-dot--purple--10 {
  --dot-bg: #fbf3fc;
}
.swatch-dot.swatch-dot--deeppurple--100 {
  --dot-bg: #160d23;
}
.swatch-dot.swatch-dot--deeppurple--90 {
  --dot-bg: #2c1946;
}
.swatch-dot.swatch-dot--deeppurple--80 {
  --dot-bg: #412567;
}
.swatch-dot.swatch-dot--deeppurple--70 {
  --dot-bg: #5b3490;
}
.swatch-dot.swatch-dot--deeppurple--60 {
  --dot-bg: #814bce;
}
.swatch-dot.swatch-dot--deeppurple--50 {
  --dot-bg: #a97bea;
}
.swatch-dot.swatch-dot--deeppurple--40 {
  --dot-bg: #c3a2f1;
}
.swatch-dot.swatch-dot--deeppurple--30 {
  --dot-bg: #ddcaf7;
}
.swatch-dot.swatch-dot--deeppurple--20 {
  --dot-bg: #eadffa;
}
.swatch-dot.swatch-dot--deeppurple--10 {
  --dot-bg: #f6f2fd;
}
.swatch-dot.swatch-dot--indigo--100 {
  --dot-bg: #0b0e1e;
}
.swatch-dot.swatch-dot--indigo--90 {
  --dot-bg: #161c3d;
}
.swatch-dot.swatch-dot--indigo--80 {
  --dot-bg: #252f65;
}
.swatch-dot.swatch-dot--indigo--70 {
  --dot-bg: #33428e;
}
.swatch-dot.swatch-dot--indigo--60 {
  --dot-bg: #495fca;
}
.swatch-dot.swatch-dot--indigo--50 {
  --dot-bg: #7083e1;
}
.swatch-dot.swatch-dot--indigo--40 {
  --dot-bg: #9ba8ea;
}
.swatch-dot.swatch-dot--indigo--30 {
  --dot-bg: #c6cdf3;
}
.swatch-dot.swatch-dot--indigo--20 {
  --dot-bg: #e2e6f9;
}
.swatch-dot.swatch-dot--indigo--10 {
  --dot-bg: #f4f5fd;
}
.swatch-dot.swatch-dot--blue--100 {
  --dot-bg: #04111f;
}
.swatch-dot.swatch-dot--blue--90 {
  --dot-bg: #08213e;
}
.swatch-dot.swatch-dot--blue--80 {
  --dot-bg: #0e3867;
}
.swatch-dot.swatch-dot--blue--70 {
  --dot-bg: #144e91;
}
.swatch-dot.swatch-dot--blue--60 {
  --dot-bg: #1c6fce;
}
.swatch-dot.swatch-dot--blue--50 {
  --dot-bg: #65a1e6;
}
.swatch-dot.swatch-dot--blue--40 {
  --dot-bg: #94beee;
}
.swatch-dot.swatch-dot--blue--30 {
  --dot-bg: #c2daf5;
}
.swatch-dot.swatch-dot--blue--20 {
  --dot-bg: #e0ecfa;
}
.swatch-dot.swatch-dot--blue--10 {
  --dot-bg: #f3f8fd;
}
.swatch-dot.swatch-dot--lightblue--100 {
  --dot-bg: #081921;
}
.swatch-dot.swatch-dot--lightblue--90 {
  --dot-bg: #103343;
}
.swatch-dot.swatch-dot--lightblue--80 {
  --dot-bg: #1b546f;
}
.swatch-dot.swatch-dot--lightblue--70 {
  --dot-bg: #25769c;
}
.swatch-dot.swatch-dot--lightblue--60 {
  --dot-bg: #35a9de;
}
.swatch-dot.swatch-dot--lightblue--50 {
  --dot-bg: #6bbfe6;
}
.swatch-dot.swatch-dot--lightblue--40 {
  --dot-bg: #97d2ed;
}
.swatch-dot.swatch-dot--lightblue--30 {
  --dot-bg: #c4e5f5;
}
.swatch-dot.swatch-dot--lightblue--20 {
  --dot-bg: #e1f2fa;
}
.swatch-dot.swatch-dot--lightblue--10 {
  --dot-bg: #f3fafd;
}
.swatch-dot.swatch-dot--cyan--100 {
  --dot-bg: #041c1e;
}
.swatch-dot.swatch-dot--cyan--90 {
  --dot-bg: #09383c;
}
.swatch-dot.swatch-dot--cyan--80 {
  --dot-bg: #0f5d64;
}
.swatch-dot.swatch-dot--cyan--70 {
  --dot-bg: #15828c;
}
.swatch-dot.swatch-dot--cyan--60 {
  --dot-bg: #1ebac8;
}
.swatch-dot.swatch-dot--cyan--50 {
  --dot-bg: #4fd2de;
}
.swatch-dot.swatch-dot--cyan--40 {
  --dot-bg: #84dfe8;
}
.swatch-dot.swatch-dot--cyan--30 {
  --dot-bg: #b9edf2;
}
.swatch-dot.swatch-dot--cyan--20 {
  --dot-bg: #dcf6f8;
}
.swatch-dot.swatch-dot--cyan--10 {
  --dot-bg: #f1fbfc;
}
.swatch-dot.swatch-dot--teal--100 {
  --dot-bg: #041d15;
}
.swatch-dot.swatch-dot--teal--90 {
  --dot-bg: #09392b;
}
.swatch-dot.swatch-dot--teal--80 {
  --dot-bg: #0e5f47;
}
.swatch-dot.swatch-dot--teal--70 {
  --dot-bg: #148663;
}
.swatch-dot.swatch-dot--teal--60 {
  --dot-bg: #1dbf8e;
}
.swatch-dot.swatch-dot--teal--50 {
  --dot-bg: #49d4ab;
}
.swatch-dot.swatch-dot--teal--40 {
  --dot-bg: #80e1c4;
}
.swatch-dot.swatch-dot--teal--30 {
  --dot-bg: #b6eedd;
}
.swatch-dot.swatch-dot--teal--20 {
  --dot-bg: #dbf6ee;
}
.swatch-dot.swatch-dot--teal--10 {
  --dot-bg: #f0fcf8;
}
.swatch-dot.swatch-dot--green--100 {
  --dot-bg: #081c08;
}
.swatch-dot.swatch-dot--green--90 {
  --dot-bg: #0f380f;
}
.swatch-dot.swatch-dot--green--80 {
  --dot-bg: #1a5e1a;
}
.swatch-dot.swatch-dot--green--70 {
  --dot-bg: #248424;
}
.swatch-dot.swatch-dot--green--60 {
  --dot-bg: #34bc34;
}
.swatch-dot.swatch-dot--green--50 {
  --dot-bg: #5ecf5e;
}
.swatch-dot.swatch-dot--green--40 {
  --dot-bg: #8edd8e;
}
.swatch-dot.swatch-dot--green--30 {
  --dot-bg: #bfecbf;
}
.swatch-dot.swatch-dot--green--20 {
  --dot-bg: #dff5df;
}
.swatch-dot.swatch-dot--green--10 {
  --dot-bg: #f2fbf2;
}
.swatch-dot.swatch-dot--lightgreen--100 {
  --dot-bg: #111d06;
}
.swatch-dot.swatch-dot--lightgreen--90 {
  --dot-bg: #223a0b;
}
.swatch-dot.swatch-dot--lightgreen--80 {
  --dot-bg: #396012;
}
.swatch-dot.swatch-dot--lightgreen--70 {
  --dot-bg: #50871a;
}
.swatch-dot.swatch-dot--lightgreen--60 {
  --dot-bg: #73c125;
}
.swatch-dot.swatch-dot--lightgreen--50 {
  --dot-bg: #96d954;
}
.swatch-dot.swatch-dot--lightgreen--40 {
  --dot-bg: #b6e587;
}
.swatch-dot.swatch-dot--lightgreen--30 {
  --dot-bg: #d5f0ba;
}
.swatch-dot.swatch-dot--lightgreen--20 {
  --dot-bg: #eaf7dd;
}
.swatch-dot.swatch-dot--lightgreen--10 {
  --dot-bg: #f7fcf1;
}
.swatch-dot.swatch-dot--lime--100 {
  --dot-bg: #1a2004;
}
.swatch-dot.swatch-dot--lime--90 {
  --dot-bg: #354008;
}
.swatch-dot.swatch-dot--lime--80 {
  --dot-bg: #586a0e;
}
.swatch-dot.swatch-dot--lime--70 {
  --dot-bg: #7b9413;
}
.swatch-dot.swatch-dot--lime--60 {
  --dot-bg: #afd41c;
}
.swatch-dot.swatch-dot--lime--50 {
  --dot-bg: #c5e449;
}
.swatch-dot.swatch-dot--lime--40 {
  --dot-bg: #d6ec80;
}
.swatch-dot.swatch-dot--lime--30 {
  --dot-bg: #e8f4b6;
}
.swatch-dot.swatch-dot--lime--20 {
  --dot-bg: #f3fadb;
}
.swatch-dot.swatch-dot--lime--10 {
  --dot-bg: #fafdf0;
}
.swatch-dot.swatch-dot--yellow--100 {
  --dot-bg: #242002;
}
.swatch-dot.swatch-dot--yellow--90 {
  --dot-bg: #473f04;
}
.swatch-dot.swatch-dot--yellow--80 {
  --dot-bg: #776a06;
}
.swatch-dot.swatch-dot--yellow--70 {
  --dot-bg: #a69409;
}
.swatch-dot.swatch-dot--yellow--60 {
  --dot-bg: #edd30c;
}
.swatch-dot.swatch-dot--yellow--50 {
  --dot-bg: #f5df3d;
}
.swatch-dot.swatch-dot--yellow--40 {
  --dot-bg: #f8e977;
}
.swatch-dot.swatch-dot--yellow--30 {
  --dot-bg: #fbf2b1;
}
.swatch-dot.swatch-dot--yellow--20 {
  --dot-bg: #fdf9d8;
}
.swatch-dot.swatch-dot--yellow--10 {
  --dot-bg: #fefcef;
}
.swatch-dot.swatch-dot--amber--100 {
  --dot-bg: #241a01;
}
.swatch-dot.swatch-dot--amber--90 {
  --dot-bg: #483303;
}
.swatch-dot.swatch-dot--amber--80 {
  --dot-bg: #785505;
}
.swatch-dot.swatch-dot--amber--70 {
  --dot-bg: #a87807;
}
.swatch-dot.swatch-dot--amber--60 {
  --dot-bg: #f0ab0a;
}
.swatch-dot.swatch-dot--amber--50 {
  --dot-bg: #fac038;
}
.swatch-dot.swatch-dot--amber--40 {
  --dot-bg: #fbd374;
}
.swatch-dot.swatch-dot--amber--30 {
  --dot-bg: #fde6af;
}
.swatch-dot.swatch-dot--amber--20 {
  --dot-bg: #fef2d7;
}
.swatch-dot.swatch-dot--amber--10 {
  --dot-bg: #fffaef;
}
.swatch-dot.swatch-dot--orange--100 {
  --dot-bg: #251401;
}
.swatch-dot.swatch-dot--orange--90 {
  --dot-bg: #4b2902;
}
.swatch-dot.swatch-dot--orange--80 {
  --dot-bg: #7c4403;
}
.swatch-dot.swatch-dot--orange--70 {
  --dot-bg: #ae5f04;
}
.swatch-dot.swatch-dot--orange--60 {
  --dot-bg: #f98806;
}
.swatch-dot.swatch-dot--orange--50 {
  --dot-bg: #fa9829;
}
.swatch-dot.swatch-dot--orange--40 {
  --dot-bg: #fbb769;
}
.swatch-dot.swatch-dot--orange--30 {
  --dot-bg: #fdd6a9;
}
.swatch-dot.swatch-dot--orange--20 {
  --dot-bg: #feead4;
}
.swatch-dot.swatch-dot--orange--10 {
  --dot-bg: #fff7ee;
}
.swatch-dot.swatch-dot--deeporange--100 {
  --dot-bg: #200b05;
}
.swatch-dot.swatch-dot--deeporange--90 {
  --dot-bg: #401609;
}
.swatch-dot.swatch-dot--deeporange--80 {
  --dot-bg: #6b250f;
}
.swatch-dot.swatch-dot--deeporange--70 {
  --dot-bg: #963315;
}
.swatch-dot.swatch-dot--deeporange--60 {
  --dot-bg: #d6491f;
}
.swatch-dot.swatch-dot--deeporange--50 {
  --dot-bg: #dd613c;
}
.swatch-dot.swatch-dot--deeporange--40 {
  --dot-bg: #e79176;
}
.swatch-dot.swatch-dot--deeporange--30 {
  --dot-bg: #f1c0b1;
}
.swatch-dot.swatch-dot--deeporange--20 {
  --dot-bg: #f8dfd8;
}
.swatch-dot.swatch-dot--deeporange--10 {
  --dot-bg: #fcf2ef;
}
.swatch-dot.swatch-dot--brown--100 {
  --dot-bg: #130c0a;
}
.swatch-dot.swatch-dot--brown--90 {
  --dot-bg: #261814;
}
.swatch-dot.swatch-dot--brown--80 {
  --dot-bg: #3f2822;
}
.swatch-dot.swatch-dot--brown--70 {
  --dot-bg: #58382f;
}
.swatch-dot.swatch-dot--brown--60 {
  --dot-bg: #7e5044;
}
.swatch-dot.swatch-dot--brown--50 {
  --dot-bg: #a97c70;
}
.swatch-dot.swatch-dot--brown--40 {
  --dot-bg: #c3a39b;
}
.swatch-dot.swatch-dot--brown--30 {
  --dot-bg: #ddcbc6;
}
.swatch-dot.swatch-dot--brown--20 {
  --dot-bg: #eee5e2;
}
.swatch-dot.swatch-dot--brown--10 {
  --dot-bg: #f8f5f4;
}
.swatch-dot.swatch-dot--grey--100 {
  --dot-bg: #0a0a0a;
}
.swatch-dot.swatch-dot--grey--90 {
  --dot-bg: #131313;
}
.swatch-dot.swatch-dot--grey--80 {
  --dot-bg: #202020;
}
.swatch-dot.swatch-dot--grey--70 {
  --dot-bg: #2d2d2d;
}
.swatch-dot.swatch-dot--grey--60 {
  --dot-bg: #404040;
}
.swatch-dot.swatch-dot--grey--50 {
  --dot-bg: #bfbfbf;
}
.swatch-dot.swatch-dot--grey--40 {
  --dot-bg: #d2d2d2;
}
.swatch-dot.swatch-dot--grey--30 {
  --dot-bg: #e6e6e6;
}
.swatch-dot.swatch-dot--grey--20 {
  --dot-bg: #f2f2f2;
}
.swatch-dot.swatch-dot--grey--10 {
  --dot-bg: #fafafa;
}
.swatch-dot::after {
  content: "";
  z-index: 1;
  height: calc(100% - 6px);
  width: calc(100% - 6px);
  border-radius: 1000px;
  position: absolute;
  opacity: 0;
  transform: scale(0);
  background-color: var(--contrast-color);
  transition: all 0.2s ease-out;
  transition: all 0.15s ease-out;
}
.swatch-dot::after:active {
  transition-duration: 0.1s;
}
.swatch-dot.active::after {
  opacity: 1;
  transform: scale(1);
}
.swatch-dot:hover {
  border-color: rgba(0, 0, 0, 0.24);
}
.theme-dark .swatch-dot:hover {
  border-color: rgba(255, 255, 255, 0.3);
}
.swatch-dot > * {
  height: 0;
  width: 0;
  visibility: hidden;
}
contrast-text-samples {
  flex: 1;
  display: grid;
  grid-template-areas: "shades shades" "light dark";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  gap: var(--base-6);
  transition: all 0.2s ease-out;
  transition: all 0.15s ease-out;
}
contrast-text-samples:active {
  transition-duration: 0.1s;
}
.theme-dark contrast-text-samples {
  grid-template-areas: "shades shades" "dark light";
}
contrast-text-samples > * {
  overflow: hidden;
  position: relative;
}
contrast-text-samples > *::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--sample-text-primary);
  opacity: 0.18;
}
contrast-text-sample-type[shades] {
  grid-area: shades;
  background-color: var(--current-bg);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 32px;
}
contrast-text-sample-type[shades]::after {
  display: none;
}
contrast-text-sample-type[light] {
  grid-area: light;
}
contrast-text-sample-type[dark] {
  grid-area: dark;
}
contrast-text-sample-type[light],
contrast-text-sample-type[dark] {
  display: grid;
  grid-auto-rows: 1fr;
}
.contrast-text-sample {
  font-size: 16px;
}
.contrast-text-sample--primary {
  color: var(--sample-text-primary);
  align-self: center;
}
.contrast-text-sample--secondary {
  color: var(--sample-text-secondary);
  align-self: center;
}
.contrast-text-sample--disabled {
  color: var(--sample-text-disabled);
  align-self: center;
}
.contrast-text-sample--primary-bg {
  background-color: var(--sample-text-primary);
}
.contrast-text-sample--secondary-bg {
  background-color: var(--sample-text-secondary);
}
.contrast-text-sample--disabled-bg {
  background-color: var(--sample-text-disabled);
}
.contrasty-text-on-shade {
  padding: var(--base-2);
  font-size: 16px;
}
.contrastify-text-output {
  font-size: var(--font-size-h2);
}
.contrastify-text-output + .contrastify-text-output {
  margin-top: 1rem;
}
.contrastify-text-output--1 {
  color: #666666;
}
.theme-dark .contrastify-text-output--1 {
  color: #b3b3b3;
}
.contrastify-text-output--2 {
  color: #1c6fce;
}
.theme-dark .contrastify-text-output--2 {
  color: #65a1e6;
}
.contrast-self-outputs {
  display: grid;
  gap: var(--base-4);
  grid-auto-columns: 180px;
  grid-auto-rows: 60px;
  justify-content: center;
}
.contrast-self-output {
  border-radius: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-h5);
}
.contrast-self-output--foo-light {
  background-color: #fdf9d8;
  color: #7b6e06;
}
.theme-dark .contrast-self-output--foo-light {
  background-color: #fdf9d8;
}
.theme-dark .contrast-self-output--foo-light {
  color: #7b6e06;
}
.contrast-self-output--foo-dark {
  background-color: #242002;
  color: #f5df3d;
}
.theme-dark .contrast-self-output--foo-dark {
  background-color: #242002;
}
.theme-dark .contrast-self-output--foo-dark {
  color: #f5df3d;
}
.contrast-self-output--bar-light {
  background-color: #fdd6a9;
  color: #904f04;
}
.theme-dark .contrast-self-output--bar-light {
  background-color: #fdd6a9;
}
.theme-dark .contrast-self-output--bar-light {
  color: #904f04;
}
.contrast-self-output--bar-dark {
  background-color: #4b2902;
  color: #fa9829;
}
.theme-dark .contrast-self-output--bar-dark {
  background-color: #4b2902;
}
.theme-dark .contrast-self-output--bar-dark {
  color: #fa9829;
}
.contrast-self-output--qux-light {
  background-color: #f08686;
  color: #6f1818;
}
.theme-dark .contrast-self-output--qux-light {
  background-color: #f08686;
}
.theme-dark .contrast-self-output--qux-light {
  color: #6f1818;
}
.contrast-self-output--qux-dark {
  background-color: #651515;
  color: #ee7777;
}
.theme-dark .contrast-self-output--qux-dark {
  background-color: #651515;
}
.theme-dark .contrast-self-output--qux-dark {
  color: #ee7777;
}
.contrast-self-output--rew-light {
  background-color: #782982;
  color: #e3abeb;
}
.theme-dark .contrast-self-output--rew-light {
  background-color: #782982;
}
.theme-dark .contrast-self-output--rew-light {
  color: #e3abeb;
}
.contrast-self-output--rew-dark {
  background-color: #ab3bba;
  color: #f8ebfa;
}
.theme-dark .contrast-self-output--rew-dark {
  background-color: #ab3bba;
}
.theme-dark .contrast-self-output--rew-dark {
  color: #f8ebfa;
}
.contrast-self-output--cip-light {
  background-color: #252f65;
  color: #8a99e6;
}
.theme-dark .contrast-self-output--cip-light {
  background-color: #252f65;
}
.theme-dark .contrast-self-output--cip-light {
  color: #8a99e6;
}
.contrast-self-output--cip-dark {
  background-color: #7083e1;
  color: #192045;
}
.theme-dark .contrast-self-output--cip-dark {
  background-color: #7083e1;
}
.theme-dark .contrast-self-output--cip-dark {
  color: #192045;
}

/*# sourceMappingURL=docs-contrast.css.map */