.t-color-card1 {
  color: rgb(255, 255, 255);
}
.t-color-card2 {
  color: rgb(245, 245, 245);
}
.t-color-prim {
  color: rgb(54, 131, 216);
}
.t-color-primon {
  color: rgba(54, 131, 216, 0.15);
}
.t-color-sub {
  color: rgb(215, 220, 225);
}
.t-color-tag {
  color: rgba(50, 50, 60, 0.6);
}
.t-color-tag__text {
  color: rgb(255, 255, 255);
}
.t-color-line {
  color: rgba(150, 150, 150, 0.3);
}
.t-color-error {
  color: rgb(250, 85, 70);
}
.t-color-caution {
  color: rgb(240, 180, 50);
}
.t-color-text1 {
  color: rgb(50, 50, 60);
}
.t-color-text2 {
  color: rgb(150, 150, 150);
}
.t-color-text-disable1 {
  color: rgb(180, 190, 205);
}
.t-color-button {
  color: rgb(54, 131, 216);
}
.t-color-button__text {
  color: rgb(255, 255, 255);
}
.t-color-link {
  color: rgb(51, 122, 183);
}
.t-color-header-extraon {
  color: rgba(10, 100, 205, 0.7);
}
.t-color-header-extraoff {
  color: rgba(50, 50, 60, 0.65);
}
.t-color-footer {
  color: rgb(51, 51, 51);
}

.t-color-hover-card1:hover {
  color: rgb(255, 255, 255);
}
.t-color-hover-card2:hover {
  color: rgb(245, 245, 245);
}
.t-color-hover-prim:hover {
  color: rgb(54, 131, 216);
}
.t-color-hover-primon:hover {
  color: rgba(54, 131, 216, 0.15);
}
.t-color-hover-sub:hover {
  color: rgb(215, 220, 225);
}
.t-color-hover-tag :hover {
  color: rgba(50, 50, 60, 0.6);
}
.t-color-hover-tag__text:hover {
  color: rgb(255, 255, 255);
}
.t-color-hover-line:hover {
  color: rgba(150, 150, 150, 0.3);
}
.t-color-hover-error:hover {
  color: rgb(250, 85, 70);
}
.t-color-hover-caution:hover {
  color: rgb(240, 180, 50);
}
.t-color-hover-text1:hover {
  color: rgb(50, 50, 60);
}
.t-color-hover-text2:hover {
  color: rgb(150, 150, 150);
}
.t-color-hover-text-disable1:hover {
  color: rgb(180, 190, 205);
}
.t-color-hover-button:hover {
  color: rgb(54, 131, 216);
}
.t-color-hover-button__text:hover {
  color: rgb(255, 255, 255);
}
.t-color-hover-link:hover {
  color: rgb(51, 122, 183);
}
.t-color-hover-header-extraon:hover {
  color: rgba(10, 100, 205, 0.7);
}
.t-color-hover-header-extraoff:hover {
  color: rgba(50, 50, 60, 0.65);
}
.t-color-hover-footer:hover {
  color: rgb(51, 51, 51);
}

.t-bgcolor-card1 {
  background-color: rgb(255, 255, 255);
}
.t-bgcolor-card1__shadow {
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.2);
}
.t-bgcolor-card2 {
  background-color: rgb(245, 245, 245);
}
.t-bgcolor-card2__shadow {
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.2);
}
.t-bgcolor-prim {
  background-color: rgb(54, 131, 216);
}
.t-bgcolor-primon {
  background-color: rgba(54, 131, 216, 0.15);
}
.t-bgcolor-sub {
  background-color: rgb(215, 220, 225);
}
.t-bgcolor-tag {
  background-color: rgba(50, 50, 60, 0.6);
}
.t-bgcolor-tag__text {
  background-color: rgb(255, 255, 255);
}
.t-bgcolor-line {
  background-color: rgba(150, 150, 150, 0.3);
}
.t-bgcolor-error {
  background-color: rgb(250, 85, 70);
}
.t-bgcolor-caution {
  background-color: rgb(240, 180, 50);
}
.t-bgcolor-text1 {
  background-color: rgb(50, 50, 60);
}
.t-bgcolor-text2 {
  background-color: rgb(150, 150, 150);
}
.t-bgcolor-text-disable1 {
  background-color: rgb(180, 190, 205);
}
.t-bgcolor-button {
  background-color: rgb(54, 131, 216);
}
.t-bgcolor-button__text {
  background-color: rgb(255, 255, 255);
}
.t-bgcolor-button__shadow {
  box-shadow: 0 2px 6px 1px rgba(54, 131, 216, 0.5);
}
.t-bgcolor-link {
  background-color: rgb(51, 122, 183);
}
.t-bgcolor-header-extraon {
  background-color: rgba(10, 100, 205, 0.7);
}
.t-bgcolor-header-extraoff {
  background-color: rgba(50, 50, 60, 0.65);
}
.t-bgcolor-header-extraoff__trip {
  background-color: rgba(255, 255, 255, 0.65);
}
.t-bgcolor-footer {
  background-color: rgb(51, 51, 51);
}

.t-bgcolor-hover-card1:hover {
  background-color: rgb(255, 255, 255);
}
.t-bgcolor-hover-card1__shadow:hover {
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.2);
}
.t-bgcolor-hover-card2:hover {
  background-color: rgb(245, 245, 245);
}
.t-bgcolor-hover-card2__shadow:hover {
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.2);
}
.t-bgcolor-hover-prim:hover {
  background-color: rgb(54, 131, 216);
}
.t-bgcolor-hover-primon:hover {
  background-color: rgba(54, 131, 216, 0.15);
}
.t-bgcolor-hover-sub:hover {
  background-color: rgb(215, 220, 225);
}
.t-bgcolor-hover-tag:hover {
  background-color: rgba(50, 50, 60, 0.6);
}
.t-bgcolor-hover-tag__text:hover {
  background-color: rgb(255, 255, 255);
}
.t-bgcolor-hover-line:hover {
  background-color: rgba(150, 150, 150, 0.3);
}
.t-bgcolor-hover-error:hover {
  background-color: rgb(250, 85, 70);
}
.t-bgcolor-hover-caution:hover {
  background-color: rgb(240, 180, 50);
}
.t-bgcolor-hover-text1:hover {
  background-color: rgb(50, 50, 60);
}
.t-bgcolor-hover-text2:hover {
  background-color: rgb(150, 150, 150);
}
.t-bgcolor-hover-text-disable1:hover {
  background-color: rgb(180, 190, 205);
}
.t-bgcolor-hover-button:hover {
  background-color: rgb(54, 131, 216);
}
.t-bgcolor-hover-button__text:hover {
  background-color: rgb(255, 255, 255);
}
.t-bgcolor-hover-button__shadow:hover {
  box-shadow: 0 2px 6px 1px rgba(54, 131, 216, 0.5);
}
.t-bgcolor-hover-link:hover {
  background-color: rgb(51, 122, 183);
}
.t-bgcolor-hover-header-extraon:hover {
  background-color: rgba(10, 100, 205, 0.7);
}
.t-bgcolor-hover-header-extraoff:hover {
  background-color: rgba(50, 50, 60, 0.65);
}
.t-bgcolor-hover-footer:hover {
  background-color: rgb(51, 51, 51);
}

.t-bgcolor-pseudo-card1:before, .t-bgcolor-pseudo-card1:after {
  background-color: rgb(255, 255, 255);
}
.t-bgcolor-pseudo-card1__shadow:before, .t-bgcolor-pseudo-card1__shadow:after {
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.2);
}
.t-bgcolor-pseudo-card2:before, .t-bgcolor-pseudo-card2:after {
  background-color: rgb(245, 245, 245);
}
.t-bgcolor-pseudo-card2__shadow:before, .t-bgcolor-pseudo-card2__shadow:after {
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.2);
}
.t-bgcolor-pseudo-prim:before, .t-bgcolor-pseudo-prim:after {
  background-color: rgb(54, 131, 216);
}
.t-bgcolor-pseudo-primon:before, .t-bgcolor-pseudo-primon:after {
  background-color: rgba(54, 131, 216, 0.15);
}
.t-bgcolor-pseudo-sub:before, .t-bgcolor-pseudo-sub:after {
  background-color: rgb(215, 220, 225);
}
.t-bgcolor-pseudo-tag:before, .t-bgcolor-pseudo-tag:after {
  background-color: rgba(50, 50, 60, 0.6);
}
.t-bgcolor-pseudo-tag__text:before, .t-bgcolor-pseudo-tag__text:after {
  background-color: rgb(255, 255, 255);
}
.t-bgcolor-pseudo-line:before, .t-bgcolor-pseudo-line:after {
  background-color: rgba(150, 150, 150, 0.3);
}
.t-bgcolor-pseudo-error:before, .t-bgcolor-pseudo-error:after {
  background-color: rgb(250, 85, 70);
}
.t-bgcolor-pseudo-caution:before, .t-bgcolor-pseudo-caution:after {
  background-color: rgb(240, 180, 50);
}
.t-bgcolor-pseudo-text1:before, .t-bgcolor-pseudo-text1:after {
  background-color: rgb(50, 50, 60);
}
.t-bgcolor-pseudo-text2:before, .t-bgcolor-pseudo-text2:after {
  background-color: rgb(150, 150, 150);
}
.t-bgcolor-pseudo-text-disable1:before, .t-bgcolor-pseudo-text-disable1:after {
  background-color: rgb(180, 190, 205);
}
.t-bgcolor-pseudo-button:before, .t-bgcolor-pseudo-button:after {
  background-color: rgb(54, 131, 216);
}
.t-bgcolor-pseudo-button__text:before, .t-bgcolor-pseudo-button__text:after {
  background-color: rgb(255, 255, 255);
}
.t-bgcolor-pseudo-button__shadow:before, .t-bgcolor-pseudo-button__shadow:after {
  box-shadow: 0 2px 6px 1px rgba(54, 131, 216, 0.5);
}
.t-bgcolor-pseudo-link:before, .t-bgcolor-pseudo-link:after {
  background-color: rgb(51, 122, 183);
}
.t-bgcolor-pseudo-header-extraon:before, .t-bgcolor-pseudo-header-extraon:after {
  background-color: rgba(10, 100, 205, 0.7);
}
.t-bgcolor-pseudo-header-extraoff:before, .t-bgcolor-pseudo-header-extraoff:after {
  background-color: rgba(50, 50, 60, 0.65);
}
.t-bgcolor-pseudo-footer:before, .t-bgcolor-pseudo-footer:after {
  background-color: rgb(51, 51, 51);
}

.t-bcolor-card1 {
  border-color: rgb(255, 255, 255);
}
.t-bcolor-card2 {
  border-color: rgb(245, 245, 245);
}
.t-bcolor-prim {
  border-color: rgb(54, 131, 216);
}
.t-bcolor-primon {
  border-color: rgba(54, 131, 216, 0.15);
}
.t-bcolor-sub {
  border-color: rgb(215, 220, 225);
}
.t-bcolor-tag {
  border-color: rgba(50, 50, 60, 0.6);
}
.t-bcolor-tag__text {
  border-color: rgb(255, 255, 255);
}
.t-bcolor-line {
  border-color: rgba(150, 150, 150, 0.3);
}
.t-bcolor-error {
  border-color: rgb(250, 85, 70);
}
.t-bcolor-caution {
  border-color: rgb(240, 180, 50);
}
.t-bcolor-text1 {
  border-color: rgb(50, 50, 60);
}
.t-bcolor-text2 {
  border-color: rgb(150, 150, 150);
}
.t-bcolor-text-disable1 {
  border-color: rgb(180, 190, 205);
}
.t-bcolor-button {
  border-color: rgb(54, 131, 216);
}
.t-bcolor-button__text {
  border-color: rgb(255, 255, 255);
}
.t-bcolor-link {
  border-color: rgb(51, 122, 183);
}
.t-bcolor-header-extraon {
  border-color: rgba(10, 100, 205, 0.7);
}
.t-bcolor-header-extraoff {
  border-color: rgba(50, 50, 60, 0.65);
}
.t-bcolor-footer {
  border-color: rgb(51, 51, 51);
}

.t-bcolor-hover-card1:hover {
  border-color: rgb(255, 255, 255);
}
.t-bcolor-hover-card2:hover {
  border-color: rgb(245, 245, 245);
}
.t-bcolor-hover-prim:hover {
  border-color: rgb(54, 131, 216);
}
.t-bcolor-hover-primon:hover {
  border-color: rgba(54, 131, 216, 0.15);
}
.t-bcolor-hover-sub:hover {
  border-color: rgb(215, 220, 225);
}
.t-bcolor-hover-tag:hover {
  border-color: rgba(50, 50, 60, 0.6);
}
.t-bcolor-hover-tag__text:hover {
  border-color: rgb(255, 255, 255);
}
.t-bcolor-hover-line:hover {
  border-color: rgba(150, 150, 150, 0.3);
}
.t-bcolor-hover-error:hover {
  border-color: rgb(250, 85, 70);
}
.t-bcolor-hover-caution:hover {
  border-color: rgb(240, 180, 50);
}
.t-bcolor-hover-text1:hover {
  border-color: rgb(50, 50, 60);
}
.t-bcolor-hover-text2:hover {
  border-color: rgb(150, 150, 150);
}
.t-bcolor-hover-text-disable1:hover {
  border-color: rgb(180, 190, 205);
}
.t-bcolor-hover-button:hover {
  border-color: rgb(54, 131, 216);
}
.t-bcolor-hover-button__text:hover {
  border-color: rgb(255, 255, 255);
}
.t-bcolor-hover-link:hover {
  border-color: rgb(51, 122, 183);
}
.t-bcolor-hover-header-extraon:hover {
  border-color: rgba(10, 100, 205, 0.7);
}
.t-bcolor-hover-header-extraoff:hover {
  border-color: rgba(50, 50, 60, 0.65);
}
.t-bcolor-hover-footer:hover {
  border-color: rgb(51, 51, 51);
}
