.r9-multi {
  --filter-icon-image-global: brightness(0);
}

.symbol-and-text-wrapper.symbol-and-text-orientation-vertical.symbol-and-text-position-right, .symbol-and-text-wrapper.symbol-and-text-orientation-vertical.symbol-and-text-position-center, .symbol-and-text-wrapper.symbol-and-text-orientation-vertical.symbol-and-text-position-left, .symbol-and-text-wrapper.symbol-and-text-orientation-horizontal.symbol-and-text-position-bottom, .symbol-and-text-wrapper.symbol-and-text-orientation-horizontal.symbol-and-text-position-center, .symbol-and-text-wrapper.symbol-and-text-orientation-horizontal.symbol-and-text-position-top {
  display: flex;
  flex-wrap: nowrap;
}

.symbol-and-text .symbol-as-icon img {
  height: revert-layer;
}

[class*=r9-multi--colors-] .symbol-and-text .symbol-as-icon img {
  filter: var(--filter-icon-image);
}
[class*=r9-multi--colors-] .symbol-and-text .symbol-as-icon img[src$="-official.svg"] {
  filter: unset;
}

.symbol-and-text-wrapper.symbol-and-text-position-inline {
  clear: both;
}
.symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__symbol h1, .symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__symbol h2, .symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__symbol h3, .symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__symbol h4, .symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__symbol h5, .symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__symbol h6,
.symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__text h1,
.symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__text h2,
.symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__text h3,
.symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__text h4,
.symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__text h5,
.symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__text h6 {
  clear: none;
}
.symbol-and-text-wrapper.symbol-and-text-position-inline .symbol-and-text__symbol {
  float: left;
}
.symbol-and-text-wrapper .symbol-as-icon.height-16,
.symbol-and-text-wrapper .symbol-as-text.height-16 {
  height: 16px;
  width: 16px;
  font-size: 8px;
  line-height: 16px;
  font-weight: bold;
}
.symbol-and-text-wrapper .symbol-as-icon.height-20,
.symbol-and-text-wrapper .symbol-as-text.height-20 {
  height: 20px;
  width: 20px;
  font-size: 10px;
  line-height: 20px;
  font-weight: bold;
}
.symbol-and-text-wrapper .symbol-as-icon.height-24,
.symbol-and-text-wrapper .symbol-as-text.height-24 {
  height: 24px;
  width: 24px;
  font-size: 12px;
  line-height: 24px;
  font-weight: bold;
}
.symbol-and-text-wrapper .symbol-as-icon.height-36,
.symbol-and-text-wrapper .symbol-as-text.height-36 {
  height: 36px;
  width: 36px;
  font-size: 18px;
  line-height: 36px;
  font-weight: bold;
}
.symbol-and-text-wrapper .symbol-as-icon.height-48,
.symbol-and-text-wrapper .symbol-as-text.height-48 {
  height: 48px;
  width: 48px;
  font-size: 24px;
  line-height: 48px;
  font-weight: bold;
}
.symbol-and-text-wrapper .symbol-as-icon.height-72,
.symbol-and-text-wrapper .symbol-as-text.height-72 {
  height: 72px;
  width: 72px;
  font-size: 36px;
  line-height: 72px;
  font-weight: bold;
}
.symbol-and-text-wrapper.symbol-and-text-orientation-horizontal.symbol-and-text-position-top {
  justify-content: flex-start;
  align-items: flex-start;
}
.symbol-and-text-wrapper.symbol-and-text-orientation-horizontal.symbol-and-text-position-center {
  justify-content: flex-start;
  align-items: center;
}
.symbol-and-text-wrapper.symbol-and-text-orientation-horizontal.symbol-and-text-position-bottom {
  justify-content: flex-start;
  align-items: flex-end;
}
.symbol-and-text-wrapper.symbol-and-text-orientation-vertical.symbol-and-text-position-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.symbol-and-text-wrapper.symbol-and-text-orientation-vertical.symbol-and-text-position-center {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.symbol-and-text-wrapper.symbol-and-text-orientation-vertical.symbol-and-text-position-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.symbol-and-text-wrapper.symbol-and-text-gap-2.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 2px;
  margin-bottom: 2px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-2.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-2.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 2px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-2.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 2px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-4.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-4.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 4px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-4.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 4px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-8.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-8.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 8px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-8.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 8px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-12.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-12.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 12px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-12.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 12px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-16.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-16.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 16px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-16.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 16px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-24.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-24.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 24px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-24.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 24px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-32.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-32.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 32px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-32.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 32px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-40.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-40.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 40px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-40.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 40px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-48.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-48.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 48px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-48.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 48px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-72.symbol-and-text-position-inline .symbol-and-text__symbol, .symbol-and-text-wrapper.symbol-and-text-gap-72.symbol-and-text-orientation-horizontal .symbol-and-text__symbol {
  margin-right: 72px;
}
.symbol-and-text-wrapper.symbol-and-text-gap-72.symbol-and-text-orientation-vertical .symbol-and-text__symbol {
  margin-bottom: 72px;
}