@charset "UTF-8";
/* style-primer-color.css（下地用カラー）
-------------------------------------- */
:root {
  --c-base: white;
  --c-base-l1: white;
  --c-base-d1: #ebebeb;
  --c-base-a0\.5: rgba(255, 255, 255, 0.5);
  --c-base-a0\.05: rgba(255, 255, 255, 0.05);
}

:is(*, .text).c-base {
  color: var(--c-base);
}

:is(*, .card, .box).bgc-base {
  background-color: var(--c-base);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base {
  border-color: var(--c-base);
}

:is(.badge, .button).is-plain.is-base {
  background-color: var(--c-base);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base:is(:hover, :focus) {
    background-color: var(--c-base-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base {
  border-color: var(--c-base);
  color: var(--c-base);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base:is(:hover, :focus) {
    background-color: var(--c-base);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base {
  color: var(--c-base);
}

@media (any-hover: hover) {
  .button.is-melt.is-base:is(:hover, :focus) {
    background-color: var(--c-base-a0\.05);
    color: var(--c-base-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base {
  background-color: var(--c-base-100);
  border-color: var(--c-base-a0\.5);
}

:root {
  --c-base-50: #fafafa;
  --c-base-50-l1: white;
  --c-base-50-d1: #e6e6e6;
  --c-base-50-a0\.5: rgba(250, 250, 250, 0.5);
  --c-base-50-a0\.05: rgba(250, 250, 250, 0.05);
}

:is(*, .text).c-base-50 {
  color: var(--c-base-50);
}

:is(*, .card, .box).bgc-base-50 {
  background-color: var(--c-base-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-50 {
  border-color: var(--c-base-50);
}

:is(.badge, .button).is-plain.is-base-50 {
  background-color: var(--c-base-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-50:is(:hover, :focus) {
    background-color: var(--c-base-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-50 {
  border-color: var(--c-base-50);
  color: var(--c-base-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-50:is(:hover, :focus) {
    background-color: var(--c-base-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-50 {
  color: var(--c-base-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-50:is(:hover, :focus) {
    background-color: var(--c-base-50-a0\.05);
    color: var(--c-base-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-50 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-50-a0\.5);
}

:root {
  --c-base-100: whitesmoke;
  --c-base-100-l1: white;
  --c-base-100-d1: #e0e0e0;
  --c-base-100-a0\.5: rgba(245, 245, 245, 0.5);
  --c-base-100-a0\.05: rgba(245, 245, 245, 0.05);
}

:is(*, .text).c-base-100 {
  color: var(--c-base-100);
}

:is(*, .card, .box).bgc-base-100 {
  background-color: var(--c-base-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-100 {
  border-color: var(--c-base-100);
}

:is(.badge, .button).is-plain.is-base-100 {
  background-color: var(--c-base-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-100:is(:hover, :focus) {
    background-color: var(--c-base-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-100 {
  border-color: var(--c-base-100);
  color: var(--c-base-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-100:is(:hover, :focus) {
    background-color: var(--c-base-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-100 {
  color: var(--c-base-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-100:is(:hover, :focus) {
    background-color: var(--c-base-100-a0\.05);
    color: var(--c-base-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-100 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-100-a0\.5);
}

:root {
  --c-base-150: #ededed;
  --c-base-150-l1: white;
  --c-base-150-d1: #d9d9d9;
  --c-base-150-a0\.5: rgba(237, 237, 237, 0.5);
  --c-base-150-a0\.05: rgba(237, 237, 237, 0.05);
}

:is(*, .text).c-base-150 {
  color: var(--c-base-150);
}

:is(*, .card, .box).bgc-base-150 {
  background-color: var(--c-base-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-150 {
  border-color: var(--c-base-150);
}

:is(.badge, .button).is-plain.is-base-150 {
  background-color: var(--c-base-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-150:is(:hover, :focus) {
    background-color: var(--c-base-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-150 {
  border-color: var(--c-base-150);
  color: var(--c-base-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-150:is(:hover, :focus) {
    background-color: var(--c-base-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-150 {
  color: var(--c-base-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-150:is(:hover, :focus) {
    background-color: var(--c-base-150-a0\.05);
    color: var(--c-base-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-150 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-150-a0\.5);
}

:root {
  --c-base-200: #e0e0e0;
  --c-base-200-l1: #faf0f0;
  --c-base-200-d1: #cccccc;
  --c-base-200-a0\.5: rgba(224, 224, 224, 0.5);
  --c-base-200-a0\.05: rgba(224, 224, 224, 0.05);
}

:is(*, .text).c-base-200 {
  color: var(--c-base-200);
}

:is(*, .card, .box).bgc-base-200 {
  background-color: var(--c-base-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-200 {
  border-color: var(--c-base-200);
}

:is(.badge, .button).is-plain.is-base-200 {
  background-color: var(--c-base-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-200:is(:hover, :focus) {
    background-color: var(--c-base-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-200 {
  border-color: var(--c-base-200);
  color: var(--c-base-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-200:is(:hover, :focus) {
    background-color: var(--c-base-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-200 {
  color: var(--c-base-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-200:is(:hover, :focus) {
    background-color: var(--c-base-200-a0\.05);
    color: var(--c-base-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-200 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-200-a0\.5);
}

:root {
  --c-base-300: #c9c9c9;
  --c-base-300-l1: #edcece;
  --c-base-300-d1: #b5b5b5;
  --c-base-300-a0\.5: rgba(201, 201, 201, 0.5);
  --c-base-300-a0\.05: rgba(201, 201, 201, 0.05);
}

:is(*, .text).c-base-300 {
  color: var(--c-base-300);
}

:is(*, .card, .box).bgc-base-300 {
  background-color: var(--c-base-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-300 {
  border-color: var(--c-base-300);
}

:is(.badge, .button).is-plain.is-base-300 {
  background-color: var(--c-base-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-300:is(:hover, :focus) {
    background-color: var(--c-base-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-300 {
  border-color: var(--c-base-300);
  color: var(--c-base-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-300:is(:hover, :focus) {
    background-color: var(--c-base-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-300 {
  color: var(--c-base-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-300:is(:hover, :focus) {
    background-color: var(--c-base-300-a0\.05);
    color: var(--c-base-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-300 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-300-a0\.5);
}

:root {
  --c-base-400: #b0b0b0;
  --c-base-400-l1: #e0a9a9;
  --c-base-400-d1: #9c9c9c;
  --c-base-400-a0\.5: rgba(176, 176, 176, 0.5);
  --c-base-400-a0\.05: rgba(176, 176, 176, 0.05);
}

:is(*, .text).c-base-400 {
  color: var(--c-base-400);
}

:is(*, .card, .box).bgc-base-400 {
  background-color: var(--c-base-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-400 {
  border-color: var(--c-base-400);
}

:is(.badge, .button).is-plain.is-base-400 {
  background-color: var(--c-base-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-400:is(:hover, :focus) {
    background-color: var(--c-base-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-400 {
  border-color: var(--c-base-400);
  color: var(--c-base-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-400:is(:hover, :focus) {
    background-color: var(--c-base-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-400 {
  color: var(--c-base-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-400:is(:hover, :focus) {
    background-color: var(--c-base-400-a0\.05);
    color: var(--c-base-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-400 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-400-a0\.5);
}

:root {
  --c-base-500: #949494;
  --c-base-500-l1: #d18080;
  --c-base-500-d1: gray;
  --c-base-500-a0\.5: rgba(148, 148, 148, 0.5);
  --c-base-500-a0\.05: rgba(148, 148, 148, 0.05);
}

:is(*, .text).c-base-500 {
  color: var(--c-base-500);
}

:is(*, .card, .box).bgc-base-500 {
  background-color: var(--c-base-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-500 {
  border-color: var(--c-base-500);
}

:is(.badge, .button).is-plain.is-base-500 {
  background-color: var(--c-base-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-500:is(:hover, :focus) {
    background-color: var(--c-base-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-500 {
  border-color: var(--c-base-500);
  color: var(--c-base-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-500:is(:hover, :focus) {
    background-color: var(--c-base-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-500 {
  color: var(--c-base-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-500:is(:hover, :focus) {
    background-color: var(--c-base-500-a0\.05);
    color: var(--c-base-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-500 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-500-a0\.5);
}

:root {
  --c-base-550: #858585;
  --c-base-550-l1: #c96969;
  --c-base-550-d1: #707070;
  --c-base-550-a0\.5: rgba(133, 133, 133, 0.5);
  --c-base-550-a0\.05: rgba(133, 133, 133, 0.05);
}

:is(*, .text).c-base-550 {
  color: var(--c-base-550);
}

:is(*, .card, .box).bgc-base-550 {
  background-color: var(--c-base-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-550 {
  border-color: var(--c-base-550);
}

:is(.badge, .button).is-plain.is-base-550 {
  background-color: var(--c-base-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-550:is(:hover, :focus) {
    background-color: var(--c-base-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-550 {
  border-color: var(--c-base-550);
  color: var(--c-base-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-550:is(:hover, :focus) {
    background-color: var(--c-base-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-550 {
  color: var(--c-base-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-550:is(:hover, :focus) {
    background-color: var(--c-base-550-a0\.05);
    color: var(--c-base-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-550 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-550-a0\.5);
}

:root {
  --c-base-600: #757575;
  --c-base-600-l1: #c15353;
  --c-base-600-d1: #616161;
  --c-base-600-a0\.5: rgba(117, 117, 117, 0.5);
  --c-base-600-a0\.05: rgba(117, 117, 117, 0.05);
}

:is(*, .text).c-base-600 {
  color: var(--c-base-600);
}

:is(*, .card, .box).bgc-base-600 {
  background-color: var(--c-base-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-600 {
  border-color: var(--c-base-600);
}

:is(.badge, .button).is-plain.is-base-600 {
  background-color: var(--c-base-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-600:is(:hover, :focus) {
    background-color: var(--c-base-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-600 {
  border-color: var(--c-base-600);
  color: var(--c-base-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-600:is(:hover, :focus) {
    background-color: var(--c-base-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-600 {
  color: var(--c-base-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-600:is(:hover, :focus) {
    background-color: var(--c-base-600-a0\.05);
    color: var(--c-base-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-600 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-600-a0\.5);
}

:root {
  --c-base-700: #575757;
  --c-base-700-l1: #9d3939;
  --c-base-700-d1: #424242;
  --c-base-700-a0\.5: rgba(87, 87, 87, 0.5);
  --c-base-700-a0\.05: rgba(87, 87, 87, 0.05);
}

:is(*, .text).c-base-700 {
  color: var(--c-base-700);
}

:is(*, .card, .box).bgc-base-700 {
  background-color: var(--c-base-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-700 {
  border-color: var(--c-base-700);
}

:is(.badge, .button).is-plain.is-base-700 {
  background-color: var(--c-base-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-700:is(:hover, :focus) {
    background-color: var(--c-base-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-700 {
  border-color: var(--c-base-700);
  color: var(--c-base-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-700:is(:hover, :focus) {
    background-color: var(--c-base-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-700 {
  color: var(--c-base-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-700:is(:hover, :focus) {
    background-color: var(--c-base-700-a0\.05);
    color: var(--c-base-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-700 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-700-a0\.5);
}

:root {
  --c-base-800: #3b3b3b;
  --c-base-800-l1: #742a2a;
  --c-base-800-d1: #262626;
  --c-base-800-a0\.5: rgba(59, 59, 59, 0.5);
  --c-base-800-a0\.05: rgba(59, 59, 59, 0.05);
}

:is(*, .text).c-base-800 {
  color: var(--c-base-800);
}

:is(*, .card, .box).bgc-base-800 {
  background-color: var(--c-base-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-800 {
  border-color: var(--c-base-800);
}

:is(.badge, .button).is-plain.is-base-800 {
  background-color: var(--c-base-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-800:is(:hover, :focus) {
    background-color: var(--c-base-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-800 {
  border-color: var(--c-base-800);
  color: var(--c-base-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-800:is(:hover, :focus) {
    background-color: var(--c-base-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-800 {
  color: var(--c-base-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-800:is(:hover, :focus) {
    background-color: var(--c-base-800-a0\.05);
    color: var(--c-base-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-800 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-800-a0\.5);
}

:root {
  --c-base-900: #212121;
  --c-base-900-l1: #4f1c1c;
  --c-base-900-d1: #0d0d0d;
  --c-base-900-a0\.5: rgba(33, 33, 33, 0.5);
  --c-base-900-a0\.05: rgba(33, 33, 33, 0.05);
}

:is(*, .text).c-base-900 {
  color: var(--c-base-900);
}

:is(*, .card, .box).bgc-base-900 {
  background-color: var(--c-base-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-base-900 {
  border-color: var(--c-base-900);
}

:is(.badge, .button).is-plain.is-base-900 {
  background-color: var(--c-base-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-base-900:is(:hover, :focus) {
    background-color: var(--c-base-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-base-900 {
  border-color: var(--c-base-900);
  color: var(--c-base-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-base-900:is(:hover, :focus) {
    background-color: var(--c-base-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-base-900 {
  color: var(--c-base-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-base-900:is(:hover, :focus) {
    background-color: var(--c-base-900-a0\.05);
    color: var(--c-base-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-base-900 {
  background-color: var(--c-base-100);
  border-color: var(--c-base-900-a0\.5);
}

:root {
  --c-second: #f0f9f8;
  --c-second-l1: white;
  --c-second-d1: #d3eeea;
  --c-second-a0\.5: rgba(240, 249, 248, 0.5);
  --c-second-a0\.05: rgba(240, 249, 248, 0.05);
}

:is(*, .text).c-second {
  color: var(--c-second);
}

:is(*, .card, .box).bgc-second {
  background-color: var(--c-second);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second {
  border-color: var(--c-second);
}

:is(.badge, .button).is-plain.is-second {
  background-color: var(--c-second);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second:is(:hover, :focus) {
    background-color: var(--c-second-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second {
  border-color: var(--c-second);
  color: var(--c-second);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second:is(:hover, :focus) {
    background-color: var(--c-second);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second {
  color: var(--c-second);
}

@media (any-hover: hover) {
  .button.is-melt.is-second:is(:hover, :focus) {
    background-color: var(--c-second-a0\.05);
    color: var(--c-second-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second {
  background-color: var(--c-second-100);
  border-color: var(--c-second-a0\.5);
}

:root {
  --c-second-50: #f8fcfc;
  --c-second-50-l1: white;
  --c-second-50-d1: #dbf0ee;
  --c-second-50-a0\.5: rgba(248, 252, 252, 0.5);
  --c-second-50-a0\.05: rgba(248, 252, 252, 0.05);
}

:is(*, .text).c-second-50 {
  color: var(--c-second-50);
}

:is(*, .card, .box).bgc-second-50 {
  background-color: var(--c-second-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-50 {
  border-color: var(--c-second-50);
}

:is(.badge, .button).is-plain.is-second-50 {
  background-color: var(--c-second-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-50:is(:hover, :focus) {
    background-color: var(--c-second-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-50 {
  border-color: var(--c-second-50);
  color: var(--c-second-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-50:is(:hover, :focus) {
    background-color: var(--c-second-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-50 {
  color: var(--c-second-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-50:is(:hover, :focus) {
    background-color: var(--c-second-50-a0\.05);
    color: var(--c-second-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-50 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-50-a0\.5);
}

:root {
  --c-second-100: #f0f9f8;
  --c-second-100-l1: white;
  --c-second-100-d1: #d3eeea;
  --c-second-100-a0\.5: rgba(240, 249, 248, 0.5);
  --c-second-100-a0\.05: rgba(240, 249, 248, 0.05);
}

:is(*, .text).c-second-100 {
  color: var(--c-second-100);
}

:is(*, .card, .box).bgc-second-100 {
  background-color: var(--c-second-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-100 {
  border-color: var(--c-second-100);
}

:is(.badge, .button).is-plain.is-second-100 {
  background-color: var(--c-second-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-100:is(:hover, :focus) {
    background-color: var(--c-second-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-100 {
  border-color: var(--c-second-100);
  color: var(--c-second-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-100:is(:hover, :focus) {
    background-color: var(--c-second-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-100 {
  color: var(--c-second-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-100:is(:hover, :focus) {
    background-color: var(--c-second-100-a0\.05);
    color: var(--c-second-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-100 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-100-a0\.5);
}

:root {
  --c-second-150: #e5f5f3;
  --c-second-150-l1: white;
  --c-second-150-d1: #c8e9e5;
  --c-second-150-a0\.5: rgba(229, 245, 243, 0.5);
  --c-second-150-a0\.05: rgba(229, 245, 243, 0.05);
}

:is(*, .text).c-second-150 {
  color: var(--c-second-150);
}

:is(*, .card, .box).bgc-second-150 {
  background-color: var(--c-second-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-150 {
  border-color: var(--c-second-150);
}

:is(.badge, .button).is-plain.is-second-150 {
  background-color: var(--c-second-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-150:is(:hover, :focus) {
    background-color: var(--c-second-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-150 {
  border-color: var(--c-second-150);
  color: var(--c-second-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-150:is(:hover, :focus) {
    background-color: var(--c-second-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-150 {
  color: var(--c-second-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-150:is(:hover, :focus) {
    background-color: var(--c-second-150-a0\.05);
    color: var(--c-second-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-150 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-150-a0\.5);
}

:root {
  --c-second-200: #d3eeea;
  --c-second-200-l1: #f0faf8;
  --c-second-200-d1: #b6e2dd;
  --c-second-200-a0\.5: rgba(211, 238, 234, 0.5);
  --c-second-200-a0\.05: rgba(211, 238, 234, 0.05);
}

:is(*, .text).c-second-200 {
  color: var(--c-second-200);
}

:is(*, .card, .box).bgc-second-200 {
  background-color: var(--c-second-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-200 {
  border-color: var(--c-second-200);
}

:is(.badge, .button).is-plain.is-second-200 {
  background-color: var(--c-second-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-200:is(:hover, :focus) {
    background-color: var(--c-second-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-200 {
  border-color: var(--c-second-200);
  color: var(--c-second-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-200:is(:hover, :focus) {
    background-color: var(--c-second-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-200 {
  color: var(--c-second-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-200:is(:hover, :focus) {
    background-color: var(--c-second-200-a0\.05);
    color: var(--c-second-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-200 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-200-a0\.5);
}

:root {
  --c-second-300: #b2e0db;
  --c-second-300-l1: #ceedea;
  --c-second-300-d1: #95d5cd;
  --c-second-300-a0\.5: rgba(178, 224, 219, 0.5);
  --c-second-300-a0\.05: rgba(178, 224, 219, 0.05);
}

:is(*, .text).c-second-300 {
  color: var(--c-second-300);
}

:is(*, .card, .box).bgc-second-300 {
  background-color: var(--c-second-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-300 {
  border-color: var(--c-second-300);
}

:is(.badge, .button).is-plain.is-second-300 {
  background-color: var(--c-second-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-300:is(:hover, :focus) {
    background-color: var(--c-second-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-300 {
  border-color: var(--c-second-300);
  color: var(--c-second-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-300:is(:hover, :focus) {
    background-color: var(--c-second-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-300 {
  color: var(--c-second-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-300:is(:hover, :focus) {
    background-color: var(--c-second-300-a0\.05);
    color: var(--c-second-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-300 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-300-a0\.5);
}

:root {
  --c-second-400: #8ed2ca;
  --c-second-400-l1: #a9e0d9;
  --c-second-400-d1: #71c6bc;
  --c-second-400-a0\.5: rgba(142, 210, 202, 0.5);
  --c-second-400-a0\.05: rgba(142, 210, 202, 0.05);
}

:is(*, .text).c-second-400 {
  color: var(--c-second-400);
}

:is(*, .card, .box).bgc-second-400 {
  background-color: var(--c-second-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-400 {
  border-color: var(--c-second-400);
}

:is(.badge, .button).is-plain.is-second-400 {
  background-color: var(--c-second-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-400:is(:hover, :focus) {
    background-color: var(--c-second-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-400 {
  border-color: var(--c-second-400);
  color: var(--c-second-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-400:is(:hover, :focus) {
    background-color: var(--c-second-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-400 {
  color: var(--c-second-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-400:is(:hover, :focus) {
    background-color: var(--c-second-400-a0\.05);
    color: var(--c-second-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-400 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-400-a0\.5);
}

:root {
  --c-second-500: #66c2b7;
  --c-second-500-l1: #80d1c8;
  --c-second-500-d1: #49b6aa;
  --c-second-500-a0\.5: rgba(102, 194, 183, 0.5);
  --c-second-500-a0\.05: rgba(102, 194, 183, 0.05);
}

:is(*, .text).c-second-500 {
  color: var(--c-second-500);
}

:is(*, .card, .box).bgc-second-500 {
  background-color: var(--c-second-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-500 {
  border-color: var(--c-second-500);
}

:is(.badge, .button).is-plain.is-second-500 {
  background-color: var(--c-second-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-500:is(:hover, :focus) {
    background-color: var(--c-second-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-500 {
  border-color: var(--c-second-500);
  color: var(--c-second-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-500:is(:hover, :focus) {
    background-color: var(--c-second-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-500 {
  color: var(--c-second-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-500:is(:hover, :focus) {
    background-color: var(--c-second-500-a0\.05);
    color: var(--c-second-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-500 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-500-a0\.5);
}

:root {
  --c-second-550: #50b9ad;
  --c-second-550-l1: #69c9be;
  --c-second-550-d1: #40a095;
  --c-second-550-a0\.5: rgba(80, 185, 173, 0.5);
  --c-second-550-a0\.05: rgba(80, 185, 173, 0.05);
}

:is(*, .text).c-second-550 {
  color: var(--c-second-550);
}

:is(*, .card, .box).bgc-second-550 {
  background-color: var(--c-second-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-550 {
  border-color: var(--c-second-550);
}

:is(.badge, .button).is-plain.is-second-550 {
  background-color: var(--c-second-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-550:is(:hover, :focus) {
    background-color: var(--c-second-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-550 {
  border-color: var(--c-second-550);
  color: var(--c-second-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-550:is(:hover, :focus) {
    background-color: var(--c-second-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-550 {
  color: var(--c-second-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-550:is(:hover, :focus) {
    background-color: var(--c-second-550-a0\.05);
    color: var(--c-second-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-550 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-550-a0\.5);
}

:root {
  --c-second-600: #43a89c;
  --c-second-600-l1: #53c1b4;
  --c-second-600-d1: #378b81;
  --c-second-600-a0\.5: rgba(67, 168, 156, 0.5);
  --c-second-600-a0\.05: rgba(67, 168, 156, 0.05);
}

:is(*, .text).c-second-600 {
  color: var(--c-second-600);
}

:is(*, .card, .box).bgc-second-600 {
  background-color: var(--c-second-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-600 {
  border-color: var(--c-second-600);
}

:is(.badge, .button).is-plain.is-second-600 {
  background-color: var(--c-second-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-600:is(:hover, :focus) {
    background-color: var(--c-second-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-600 {
  border-color: var(--c-second-600);
  color: var(--c-second-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-600:is(:hover, :focus) {
    background-color: var(--c-second-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-600 {
  color: var(--c-second-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-600:is(:hover, :focus) {
    background-color: var(--c-second-600-a0\.05);
    color: var(--c-second-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-600 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-600-a0\.5);
}

:root {
  --c-second-700: #317c73;
  --c-second-700-l1: #399d92;
  --c-second-700-d1: #265f58;
  --c-second-700-a0\.5: rgba(49, 124, 115, 0.5);
  --c-second-700-a0\.05: rgba(49, 124, 115, 0.05);
}

:is(*, .text).c-second-700 {
  color: var(--c-second-700);
}

:is(*, .card, .box).bgc-second-700 {
  background-color: var(--c-second-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-700 {
  border-color: var(--c-second-700);
}

:is(.badge, .button).is-plain.is-second-700 {
  background-color: var(--c-second-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-700:is(:hover, :focus) {
    background-color: var(--c-second-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-700 {
  border-color: var(--c-second-700);
  color: var(--c-second-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-700:is(:hover, :focus) {
    background-color: var(--c-second-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-700 {
  color: var(--c-second-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-700:is(:hover, :focus) {
    background-color: var(--c-second-700-a0\.05);
    color: var(--c-second-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-700 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-700-a0\.5);
}

:root {
  --c-second-800: #21544e;
  --c-second-800-l1: #2a746c;
  --c-second-800-d1: #163733;
  --c-second-800-a0\.5: rgba(33, 84, 78, 0.5);
  --c-second-800-a0\.05: rgba(33, 84, 78, 0.05);
}

:is(*, .text).c-second-800 {
  color: var(--c-second-800);
}

:is(*, .card, .box).bgc-second-800 {
  background-color: var(--c-second-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-800 {
  border-color: var(--c-second-800);
}

:is(.badge, .button).is-plain.is-second-800 {
  background-color: var(--c-second-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-800:is(:hover, :focus) {
    background-color: var(--c-second-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-800 {
  border-color: var(--c-second-800);
  color: var(--c-second-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-800:is(:hover, :focus) {
    background-color: var(--c-second-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-800 {
  color: var(--c-second-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-800:is(:hover, :focus) {
    background-color: var(--c-second-800-a0\.05);
    color: var(--c-second-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-800 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-800-a0\.5);
}

:root {
  --c-second-900: #132f2c;
  --c-second-900-l1: #1c4f49;
  --c-second-900-d1: #071211;
  --c-second-900-a0\.5: rgba(19, 47, 44, 0.5);
  --c-second-900-a0\.05: rgba(19, 47, 44, 0.05);
}

:is(*, .text).c-second-900 {
  color: var(--c-second-900);
}

:is(*, .card, .box).bgc-second-900 {
  background-color: var(--c-second-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-second-900 {
  border-color: var(--c-second-900);
}

:is(.badge, .button).is-plain.is-second-900 {
  background-color: var(--c-second-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-second-900:is(:hover, :focus) {
    background-color: var(--c-second-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-second-900 {
  border-color: var(--c-second-900);
  color: var(--c-second-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-second-900:is(:hover, :focus) {
    background-color: var(--c-second-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-second-900 {
  color: var(--c-second-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-second-900:is(:hover, :focus) {
    background-color: var(--c-second-900-a0\.05);
    color: var(--c-second-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-second-900 {
  background-color: var(--c-second-100);
  border-color: var(--c-second-900-a0\.5);
}

:root {
  --c-assort: #45a196;
  --c-assort-l1: #4fbfb2;
  --c-assort-d1: #39847b;
  --c-assort-a0\.5: rgba(69, 161, 150, 0.5);
  --c-assort-a0\.05: rgba(69, 161, 150, 0.05);
}

:is(*, .text).c-assort {
  color: var(--c-assort);
}

:is(*, .card, .box).bgc-assort {
  background-color: var(--c-assort);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort {
  border-color: var(--c-assort);
}

:is(.badge, .button).is-plain.is-assort {
  background-color: var(--c-assort);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort:is(:hover, :focus) {
    background-color: var(--c-assort-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort {
  border-color: var(--c-assort);
  color: var(--c-assort);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort:is(:hover, :focus) {
    background-color: var(--c-assort);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort {
  color: var(--c-assort);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort:is(:hover, :focus) {
    background-color: var(--c-assort-a0\.05);
    color: var(--c-assort-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-a0\.5);
}

:root {
  --c-assort-50: #f8fcfb;
  --c-assort-50-l1: white;
  --c-assort-50-d1: #dbf0ed;
  --c-assort-50-a0\.5: rgba(248, 252, 251, 0.5);
  --c-assort-50-a0\.05: rgba(248, 252, 251, 0.05);
}

:is(*, .text).c-assort-50 {
  color: var(--c-assort-50);
}

:is(*, .card, .box).bgc-assort-50 {
  background-color: var(--c-assort-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-50 {
  border-color: var(--c-assort-50);
}

:is(.badge, .button).is-plain.is-assort-50 {
  background-color: var(--c-assort-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-50:is(:hover, :focus) {
    background-color: var(--c-assort-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-50 {
  border-color: var(--c-assort-50);
  color: var(--c-assort-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-50:is(:hover, :focus) {
    background-color: var(--c-assort-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-50 {
  color: var(--c-assort-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-50:is(:hover, :focus) {
    background-color: var(--c-assort-50-a0\.05);
    color: var(--c-assort-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-50 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-50-a0\.5);
}

:root {
  --c-assort-100: #f1f9f8;
  --c-assort-100-l1: white;
  --c-assort-100-d1: #d4edea;
  --c-assort-100-a0\.5: rgba(241, 249, 248, 0.5);
  --c-assort-100-a0\.05: rgba(241, 249, 248, 0.05);
}

:is(*, .text).c-assort-100 {
  color: var(--c-assort-100);
}

:is(*, .card, .box).bgc-assort-100 {
  background-color: var(--c-assort-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-100 {
  border-color: var(--c-assort-100);
}

:is(.badge, .button).is-plain.is-assort-100 {
  background-color: var(--c-assort-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-100:is(:hover, :focus) {
    background-color: var(--c-assort-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-100 {
  border-color: var(--c-assort-100);
  color: var(--c-assort-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-100:is(:hover, :focus) {
    background-color: var(--c-assort-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-100 {
  color: var(--c-assort-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-100:is(:hover, :focus) {
    background-color: var(--c-assort-100-a0\.05);
    color: var(--c-assort-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-100 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-100-a0\.5);
}

:root {
  --c-assort-150: #e6f4f3;
  --c-assort-150-l1: white;
  --c-assort-150-d1: #c9e8e4;
  --c-assort-150-a0\.5: rgba(230, 244, 243, 0.5);
  --c-assort-150-a0\.05: rgba(230, 244, 243, 0.05);
}

:is(*, .text).c-assort-150 {
  color: var(--c-assort-150);
}

:is(*, .card, .box).bgc-assort-150 {
  background-color: var(--c-assort-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-150 {
  border-color: var(--c-assort-150);
}

:is(.badge, .button).is-plain.is-assort-150 {
  background-color: var(--c-assort-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-150:is(:hover, :focus) {
    background-color: var(--c-assort-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-150 {
  border-color: var(--c-assort-150);
  color: var(--c-assort-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-150:is(:hover, :focus) {
    background-color: var(--c-assort-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-150 {
  color: var(--c-assort-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-150:is(:hover, :focus) {
    background-color: var(--c-assort-150-a0\.05);
    color: var(--c-assort-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-150 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-150-a0\.5);
}

:root {
  --c-assort-200: #d4edea;
  --c-assort-200-l1: #f0faf8;
  --c-assort-200-d1: #b8e0dc;
  --c-assort-200-a0\.5: rgba(212, 237, 234, 0.5);
  --c-assort-200-a0\.05: rgba(212, 237, 234, 0.05);
}

:is(*, .text).c-assort-200 {
  color: var(--c-assort-200);
}

:is(*, .card, .box).bgc-assort-200 {
  background-color: var(--c-assort-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-200 {
  border-color: var(--c-assort-200);
}

:is(.badge, .button).is-plain.is-assort-200 {
  background-color: var(--c-assort-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-200:is(:hover, :focus) {
    background-color: var(--c-assort-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-200 {
  border-color: var(--c-assort-200);
  color: var(--c-assort-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-200:is(:hover, :focus) {
    background-color: var(--c-assort-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-200 {
  color: var(--c-assort-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-200:is(:hover, :focus) {
    background-color: var(--c-assort-200-a0\.05);
    color: var(--c-assort-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-200 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-200-a0\.5);
}

:root {
  --c-assort-300: #b4dfda;
  --c-assort-300-l1: #ceedea;
  --c-assort-300-d1: #97d3cc;
  --c-assort-300-a0\.5: rgba(180, 223, 218, 0.5);
  --c-assort-300-a0\.05: rgba(180, 223, 218, 0.05);
}

:is(*, .text).c-assort-300 {
  color: var(--c-assort-300);
}

:is(*, .card, .box).bgc-assort-300 {
  background-color: var(--c-assort-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-300 {
  border-color: var(--c-assort-300);
}

:is(.badge, .button).is-plain.is-assort-300 {
  background-color: var(--c-assort-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-300:is(:hover, :focus) {
    background-color: var(--c-assort-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-300 {
  border-color: var(--c-assort-300);
  color: var(--c-assort-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-300:is(:hover, :focus) {
    background-color: var(--c-assort-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-300 {
  color: var(--c-assort-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-300:is(:hover, :focus) {
    background-color: var(--c-assort-300-a0\.05);
    color: var(--c-assort-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-300 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-300-a0\.5);
}

:root {
  --c-assort-400: #90d0c8;
  --c-assort-400-l1: #a9e0d9;
  --c-assort-400-d1: #74c3ba;
  --c-assort-400-a0\.5: rgba(144, 208, 200, 0.5);
  --c-assort-400-a0\.05: rgba(144, 208, 200, 0.05);
}

:is(*, .text).c-assort-400 {
  color: var(--c-assort-400);
}

:is(*, .card, .box).bgc-assort-400 {
  background-color: var(--c-assort-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-400 {
  border-color: var(--c-assort-400);
}

:is(.badge, .button).is-plain.is-assort-400 {
  background-color: var(--c-assort-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-400:is(:hover, :focus) {
    background-color: var(--c-assort-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-400 {
  border-color: var(--c-assort-400);
  color: var(--c-assort-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-400:is(:hover, :focus) {
    background-color: var(--c-assort-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-400 {
  color: var(--c-assort-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-400:is(:hover, :focus) {
    background-color: var(--c-assort-400-a0\.05);
    color: var(--c-assort-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-400 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-400-a0\.5);
}

:root {
  --c-assort-500: #69bfb5;
  --c-assort-500-l1: #80d1c8;
  --c-assort-500-d1: #4db3a7;
  --c-assort-500-a0\.5: rgba(105, 191, 181, 0.5);
  --c-assort-500-a0\.05: rgba(105, 191, 181, 0.05);
}

:is(*, .text).c-assort-500 {
  color: var(--c-assort-500);
}

:is(*, .card, .box).bgc-assort-500 {
  background-color: var(--c-assort-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-500 {
  border-color: var(--c-assort-500);
}

:is(.badge, .button).is-plain.is-assort-500 {
  background-color: var(--c-assort-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-500:is(:hover, :focus) {
    background-color: var(--c-assort-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-500 {
  border-color: var(--c-assort-500);
  color: var(--c-assort-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-500:is(:hover, :focus) {
    background-color: var(--c-assort-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-500 {
  color: var(--c-assort-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-500:is(:hover, :focus) {
    background-color: var(--c-assort-500-a0\.05);
    color: var(--c-assort-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-500 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-500-a0\.5);
}

:root {
  --c-assort-550: #54b6aa;
  --c-assort-550-l1: #69c9be;
  --c-assort-550-d1: #439d93;
  --c-assort-550-a0\.5: rgba(84, 182, 170, 0.5);
  --c-assort-550-a0\.05: rgba(84, 182, 170, 0.05);
}

:is(*, .text).c-assort-550 {
  color: var(--c-assort-550);
}

:is(*, .card, .box).bgc-assort-550 {
  background-color: var(--c-assort-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-550 {
  border-color: var(--c-assort-550);
}

:is(.badge, .button).is-plain.is-assort-550 {
  background-color: var(--c-assort-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-550:is(:hover, :focus) {
    background-color: var(--c-assort-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-550 {
  border-color: var(--c-assort-550);
  color: var(--c-assort-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-550:is(:hover, :focus) {
    background-color: var(--c-assort-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-550 {
  color: var(--c-assort-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-550:is(:hover, :focus) {
    background-color: var(--c-assort-550-a0\.05);
    color: var(--c-assort-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-550 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-550-a0\.5);
}

:root {
  --c-assort-600: #46a499;
  --c-assort-600-l1: #53c1b4;
  --c-assort-600-d1: #3a887f;
  --c-assort-600-a0\.5: rgba(70, 164, 153, 0.5);
  --c-assort-600-a0\.05: rgba(70, 164, 153, 0.05);
}

:is(*, .text).c-assort-600 {
  color: var(--c-assort-600);
}

:is(*, .card, .box).bgc-assort-600 {
  background-color: var(--c-assort-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-600 {
  border-color: var(--c-assort-600);
}

:is(.badge, .button).is-plain.is-assort-600 {
  background-color: var(--c-assort-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-600:is(:hover, :focus) {
    background-color: var(--c-assort-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-600 {
  border-color: var(--c-assort-600);
  color: var(--c-assort-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-600:is(:hover, :focus) {
    background-color: var(--c-assort-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-600 {
  color: var(--c-assort-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-600:is(:hover, :focus) {
    background-color: var(--c-assort-600-a0\.05);
    color: var(--c-assort-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-600 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-600-a0\.5);
}

:root {
  --c-assort-700: #347971;
  --c-assort-700-l1: #399d92;
  --c-assort-700-d1: #285d57;
  --c-assort-700-a0\.5: rgba(52, 121, 113, 0.5);
  --c-assort-700-a0\.05: rgba(52, 121, 113, 0.05);
}

:is(*, .text).c-assort-700 {
  color: var(--c-assort-700);
}

:is(*, .card, .box).bgc-assort-700 {
  background-color: var(--c-assort-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-700 {
  border-color: var(--c-assort-700);
}

:is(.badge, .button).is-plain.is-assort-700 {
  background-color: var(--c-assort-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-700:is(:hover, :focus) {
    background-color: var(--c-assort-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-700 {
  border-color: var(--c-assort-700);
  color: var(--c-assort-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-700:is(:hover, :focus) {
    background-color: var(--c-assort-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-700 {
  color: var(--c-assort-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-700:is(:hover, :focus) {
    background-color: var(--c-assort-700-a0\.05);
    color: var(--c-assort-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-700 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-700-a0\.5);
}

:root {
  --c-assort-800: #23524d;
  --c-assort-800-l1: #2a746c;
  --c-assort-800-d1: #173632;
  --c-assort-800-a0\.5: rgba(35, 82, 77, 0.5);
  --c-assort-800-a0\.05: rgba(35, 82, 77, 0.05);
}

:is(*, .text).c-assort-800 {
  color: var(--c-assort-800);
}

:is(*, .card, .box).bgc-assort-800 {
  background-color: var(--c-assort-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-800 {
  border-color: var(--c-assort-800);
}

:is(.badge, .button).is-plain.is-assort-800 {
  background-color: var(--c-assort-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-800:is(:hover, :focus) {
    background-color: var(--c-assort-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-800 {
  border-color: var(--c-assort-800);
  color: var(--c-assort-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-800:is(:hover, :focus) {
    background-color: var(--c-assort-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-800 {
  color: var(--c-assort-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-800:is(:hover, :focus) {
    background-color: var(--c-assort-800-a0\.05);
    color: var(--c-assort-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-800 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-800-a0\.5);
}

:root {
  --c-assort-900: #142e2b;
  --c-assort-900-l1: #1c4f49;
  --c-assort-900-d1: #081211;
  --c-assort-900-a0\.5: rgba(20, 46, 43, 0.5);
  --c-assort-900-a0\.05: rgba(20, 46, 43, 0.05);
}

:is(*, .text).c-assort-900 {
  color: var(--c-assort-900);
}

:is(*, .card, .box).bgc-assort-900 {
  background-color: var(--c-assort-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-assort-900 {
  border-color: var(--c-assort-900);
}

:is(.badge, .button).is-plain.is-assort-900 {
  background-color: var(--c-assort-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-assort-900:is(:hover, :focus) {
    background-color: var(--c-assort-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-assort-900 {
  border-color: var(--c-assort-900);
  color: var(--c-assort-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-assort-900:is(:hover, :focus) {
    background-color: var(--c-assort-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-assort-900 {
  color: var(--c-assort-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-assort-900:is(:hover, :focus) {
    background-color: var(--c-assort-900-a0\.05);
    color: var(--c-assort-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-assort-900 {
  background-color: var(--c-assort-100);
  border-color: var(--c-assort-900-a0\.5);
}

:root {
  --c-subsid: #74afa8;
  --c-subsid-l1: #7cd0c6;
  --c-subsid-d1: #5b9f97;
  --c-subsid-a0\.5: rgba(116, 175, 168, 0.5);
  --c-subsid-a0\.05: rgba(116, 175, 168, 0.05);
}

:is(*, .text).c-subsid {
  color: var(--c-subsid);
}

:is(*, .card, .box).bgc-subsid {
  background-color: var(--c-subsid);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid {
  border-color: var(--c-subsid);
}

:is(.badge, .button).is-plain.is-subsid {
  background-color: var(--c-subsid);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid:is(:hover, :focus) {
    background-color: var(--c-subsid-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid {
  border-color: var(--c-subsid);
  color: var(--c-subsid);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid:is(:hover, :focus) {
    background-color: var(--c-subsid);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid {
  color: var(--c-subsid);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid:is(:hover, :focus) {
    background-color: var(--c-subsid-a0\.05);
    color: var(--c-subsid-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-a0\.5);
}

:root {
  --c-subsid-50: #f9fbfb;
  --c-subsid-50-l1: white;
  --c-subsid-50-d1: #dfeceb;
  --c-subsid-50-a0\.5: rgba(249, 251, 251, 0.5);
  --c-subsid-50-a0\.05: rgba(249, 251, 251, 0.05);
}

:is(*, .text).c-subsid-50 {
  color: var(--c-subsid-50);
}

:is(*, .card, .box).bgc-subsid-50 {
  background-color: var(--c-subsid-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-50 {
  border-color: var(--c-subsid-50);
}

:is(.badge, .button).is-plain.is-subsid-50 {
  background-color: var(--c-subsid-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-50:is(:hover, :focus) {
    background-color: var(--c-subsid-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-50 {
  border-color: var(--c-subsid-50);
  color: var(--c-subsid-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-50:is(:hover, :focus) {
    background-color: var(--c-subsid-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-50 {
  color: var(--c-subsid-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-50:is(:hover, :focus) {
    background-color: var(--c-subsid-50-a0\.05);
    color: var(--c-subsid-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-50 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-50-a0\.5);
}

:root {
  --c-subsid-100: #f2f8f7;
  --c-subsid-100-l1: white;
  --c-subsid-100-d1: #d8e9e7;
  --c-subsid-100-a0\.5: rgba(242, 248, 247, 0.5);
  --c-subsid-100-a0\.05: rgba(242, 248, 247, 0.05);
}

:is(*, .text).c-subsid-100 {
  color: var(--c-subsid-100);
}

:is(*, .card, .box).bgc-subsid-100 {
  background-color: var(--c-subsid-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-100 {
  border-color: var(--c-subsid-100);
}

:is(.badge, .button).is-plain.is-subsid-100 {
  background-color: var(--c-subsid-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-100:is(:hover, :focus) {
    background-color: var(--c-subsid-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-100 {
  border-color: var(--c-subsid-100);
  color: var(--c-subsid-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-100:is(:hover, :focus) {
    background-color: var(--c-subsid-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-100 {
  color: var(--c-subsid-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-100:is(:hover, :focus) {
    background-color: var(--c-subsid-100-a0\.05);
    color: var(--c-subsid-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-100 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-100-a0\.5);
}

:root {
  --c-subsid-150: #e8f2f1;
  --c-subsid-150-l1: white;
  --c-subsid-150-d1: #cee3e1;
  --c-subsid-150-a0\.5: rgba(232, 242, 241, 0.5);
  --c-subsid-150-a0\.05: rgba(232, 242, 241, 0.05);
}

:is(*, .text).c-subsid-150 {
  color: var(--c-subsid-150);
}

:is(*, .card, .box).bgc-subsid-150 {
  background-color: var(--c-subsid-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-150 {
  border-color: var(--c-subsid-150);
}

:is(.badge, .button).is-plain.is-subsid-150 {
  background-color: var(--c-subsid-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-150:is(:hover, :focus) {
    background-color: var(--c-subsid-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-150 {
  border-color: var(--c-subsid-150);
  color: var(--c-subsid-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-150:is(:hover, :focus) {
    background-color: var(--c-subsid-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-150 {
  color: var(--c-subsid-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-150:is(:hover, :focus) {
    background-color: var(--c-subsid-150-a0\.05);
    color: var(--c-subsid-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-150 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-150-a0\.5);
}

:root {
  --c-subsid-200: #d8e9e7;
  --c-subsid-200-l1: #f0faf8;
  --c-subsid-200-d1: #bedad7;
  --c-subsid-200-a0\.5: rgba(216, 233, 231, 0.5);
  --c-subsid-200-a0\.05: rgba(216, 233, 231, 0.05);
}

:is(*, .text).c-subsid-200 {
  color: var(--c-subsid-200);
}

:is(*, .card, .box).bgc-subsid-200 {
  background-color: var(--c-subsid-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-200 {
  border-color: var(--c-subsid-200);
}

:is(.badge, .button).is-plain.is-subsid-200 {
  background-color: var(--c-subsid-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-200:is(:hover, :focus) {
    background-color: var(--c-subsid-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-200 {
  border-color: var(--c-subsid-200);
  color: var(--c-subsid-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-200:is(:hover, :focus) {
    background-color: var(--c-subsid-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-200 {
  color: var(--c-subsid-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-200:is(:hover, :focus) {
    background-color: var(--c-subsid-200-a0\.05);
    color: var(--c-subsid-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-200 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-200-a0\.5);
}

:root {
  --c-subsid-300: #bbd8d5;
  --c-subsid-300-l1: #ceedea;
  --c-subsid-300-d1: #a1c9c4;
  --c-subsid-300-a0\.5: rgba(187, 216, 213, 0.5);
  --c-subsid-300-a0\.05: rgba(187, 216, 213, 0.05);
}

:is(*, .text).c-subsid-300 {
  color: var(--c-subsid-300);
}

:is(*, .card, .box).bgc-subsid-300 {
  background-color: var(--c-subsid-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-300 {
  border-color: var(--c-subsid-300);
}

:is(.badge, .button).is-plain.is-subsid-300 {
  background-color: var(--c-subsid-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-300:is(:hover, :focus) {
    background-color: var(--c-subsid-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-300 {
  border-color: var(--c-subsid-300);
  color: var(--c-subsid-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-300:is(:hover, :focus) {
    background-color: var(--c-subsid-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-300 {
  color: var(--c-subsid-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-300:is(:hover, :focus) {
    background-color: var(--c-subsid-300-a0\.05);
    color: var(--c-subsid-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-300 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-300-a0\.5);
}

:root {
  --c-subsid-400: #9bc5c0;
  --c-subsid-400-l1: #a9e0d9;
  --c-subsid-400-d1: #81b6b0;
  --c-subsid-400-a0\.5: rgba(155, 197, 192, 0.5);
  --c-subsid-400-a0\.05: rgba(155, 197, 192, 0.05);
}

:is(*, .text).c-subsid-400 {
  color: var(--c-subsid-400);
}

:is(*, .card, .box).bgc-subsid-400 {
  background-color: var(--c-subsid-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-400 {
  border-color: var(--c-subsid-400);
}

:is(.badge, .button).is-plain.is-subsid-400 {
  background-color: var(--c-subsid-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-400:is(:hover, :focus) {
    background-color: var(--c-subsid-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-400 {
  border-color: var(--c-subsid-400);
  color: var(--c-subsid-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-400:is(:hover, :focus) {
    background-color: var(--c-subsid-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-400 {
  color: var(--c-subsid-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-400:is(:hover, :focus) {
    background-color: var(--c-subsid-400-a0\.05);
    color: var(--c-subsid-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-400 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-400-a0\.5);
}

:root {
  --c-subsid-500: #77b1aa;
  --c-subsid-500-l1: #80d1c8;
  --c-subsid-500-d1: #5da29a;
  --c-subsid-500-a0\.5: rgba(119, 177, 170, 0.5);
  --c-subsid-500-a0\.05: rgba(119, 177, 170, 0.05);
}

:is(*, .text).c-subsid-500 {
  color: var(--c-subsid-500);
}

:is(*, .card, .box).bgc-subsid-500 {
  background-color: var(--c-subsid-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-500 {
  border-color: var(--c-subsid-500);
}

:is(.badge, .button).is-plain.is-subsid-500 {
  background-color: var(--c-subsid-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-500:is(:hover, :focus) {
    background-color: var(--c-subsid-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-500 {
  border-color: var(--c-subsid-500);
  color: var(--c-subsid-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-500:is(:hover, :focus) {
    background-color: var(--c-subsid-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-500 {
  color: var(--c-subsid-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-500:is(:hover, :focus) {
    background-color: var(--c-subsid-500-a0\.05);
    color: var(--c-subsid-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-500 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-500-a0\.5);
}

:root {
  --c-subsid-550: #64a69e;
  --c-subsid-550-l1: #69c9be;
  --c-subsid-550-d1: #528e87;
  --c-subsid-550-a0\.5: rgba(100, 166, 158, 0.5);
  --c-subsid-550-a0\.05: rgba(100, 166, 158, 0.05);
}

:is(*, .text).c-subsid-550 {
  color: var(--c-subsid-550);
}

:is(*, .card, .box).bgc-subsid-550 {
  background-color: var(--c-subsid-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-550 {
  border-color: var(--c-subsid-550);
}

:is(.badge, .button).is-plain.is-subsid-550 {
  background-color: var(--c-subsid-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-550:is(:hover, :focus) {
    background-color: var(--c-subsid-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-550 {
  border-color: var(--c-subsid-550);
  color: var(--c-subsid-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-550:is(:hover, :focus) {
    background-color: var(--c-subsid-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-550 {
  color: var(--c-subsid-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-550:is(:hover, :focus) {
    background-color: var(--c-subsid-550-a0\.05);
    color: var(--c-subsid-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-550 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-550-a0\.5);
}

:root {
  --c-subsid-600: #56958e;
  --c-subsid-600-l1: #53c1b4;
  --c-subsid-600-d1: #477b75;
  --c-subsid-600-a0\.5: rgba(86, 149, 142, 0.5);
  --c-subsid-600-a0\.05: rgba(86, 149, 142, 0.05);
}

:is(*, .text).c-subsid-600 {
  color: var(--c-subsid-600);
}

:is(*, .card, .box).bgc-subsid-600 {
  background-color: var(--c-subsid-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-600 {
  border-color: var(--c-subsid-600);
}

:is(.badge, .button).is-plain.is-subsid-600 {
  background-color: var(--c-subsid-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-600:is(:hover, :focus) {
    background-color: var(--c-subsid-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-600 {
  border-color: var(--c-subsid-600);
  color: var(--c-subsid-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-600:is(:hover, :focus) {
    background-color: var(--c-subsid-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-600 {
  color: var(--c-subsid-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-600:is(:hover, :focus) {
    background-color: var(--c-subsid-600-a0\.05);
    color: var(--c-subsid-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-600 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-600-a0\.5);
}

:root {
  --c-subsid-700: #3f6e69;
  --c-subsid-700-l1: #399d92;
  --c-subsid-700-d1: #305450;
  --c-subsid-700-a0\.5: rgba(63, 110, 105, 0.5);
  --c-subsid-700-a0\.05: rgba(63, 110, 105, 0.05);
}

:is(*, .text).c-subsid-700 {
  color: var(--c-subsid-700);
}

:is(*, .card, .box).bgc-subsid-700 {
  background-color: var(--c-subsid-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-700 {
  border-color: var(--c-subsid-700);
}

:is(.badge, .button).is-plain.is-subsid-700 {
  background-color: var(--c-subsid-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-700:is(:hover, :focus) {
    background-color: var(--c-subsid-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-700 {
  border-color: var(--c-subsid-700);
  color: var(--c-subsid-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-700:is(:hover, :focus) {
    background-color: var(--c-subsid-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-700 {
  color: var(--c-subsid-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-700:is(:hover, :focus) {
    background-color: var(--c-subsid-700-a0\.05);
    color: var(--c-subsid-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-700 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-700-a0\.5);
}

:root {
  --c-subsid-800: #2b4a47;
  --c-subsid-800-l1: #2a746c;
  --c-subsid-800-d1: #1c312e;
  --c-subsid-800-a0\.5: rgba(43, 74, 71, 0.5);
  --c-subsid-800-a0\.05: rgba(43, 74, 71, 0.05);
}

:is(*, .text).c-subsid-800 {
  color: var(--c-subsid-800);
}

:is(*, .card, .box).bgc-subsid-800 {
  background-color: var(--c-subsid-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-800 {
  border-color: var(--c-subsid-800);
}

:is(.badge, .button).is-plain.is-subsid-800 {
  background-color: var(--c-subsid-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-800:is(:hover, :focus) {
    background-color: var(--c-subsid-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-800 {
  border-color: var(--c-subsid-800);
  color: var(--c-subsid-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-800:is(:hover, :focus) {
    background-color: var(--c-subsid-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-800 {
  color: var(--c-subsid-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-800:is(:hover, :focus) {
    background-color: var(--c-subsid-800-a0\.05);
    color: var(--c-subsid-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-800 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-800-a0\.5);
}

:root {
  --c-subsid-900: #182a28;
  --c-subsid-900-l1: #1c4f49;
  --c-subsid-900-d1: #09100f;
  --c-subsid-900-a0\.5: rgba(24, 42, 40, 0.5);
  --c-subsid-900-a0\.05: rgba(24, 42, 40, 0.05);
}

:is(*, .text).c-subsid-900 {
  color: var(--c-subsid-900);
}

:is(*, .card, .box).bgc-subsid-900 {
  background-color: var(--c-subsid-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-subsid-900 {
  border-color: var(--c-subsid-900);
}

:is(.badge, .button).is-plain.is-subsid-900 {
  background-color: var(--c-subsid-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-subsid-900:is(:hover, :focus) {
    background-color: var(--c-subsid-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-subsid-900 {
  border-color: var(--c-subsid-900);
  color: var(--c-subsid-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-subsid-900:is(:hover, :focus) {
    background-color: var(--c-subsid-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-subsid-900 {
  color: var(--c-subsid-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-subsid-900:is(:hover, :focus) {
    background-color: var(--c-subsid-900-a0\.05);
    color: var(--c-subsid-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-subsid-900 {
  background-color: var(--c-subsid-100);
  border-color: var(--c-subsid-900-a0\.5);
}

:root {
  --c-accent: #1c287d;
  --c-accent-l1: #333e8e;
  --c-accent-d1: #151d5b;
  --c-accent-a0\.5: rgba(28, 40, 125, 0.5);
  --c-accent-a0\.05: rgba(28, 40, 125, 0.05);
}

:is(*, .text).c-accent {
  color: var(--c-accent);
}

:is(*, .card, .box).bgc-accent {
  background-color: var(--c-accent);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent {
  border-color: var(--c-accent);
}

:is(.badge, .button).is-plain.is-accent {
  background-color: var(--c-accent);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent:is(:hover, :focus) {
    background-color: var(--c-accent-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent {
  border-color: var(--c-accent);
  color: var(--c-accent);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent:is(:hover, :focus) {
    background-color: var(--c-accent);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent {
  color: var(--c-accent);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent:is(:hover, :focus) {
    background-color: var(--c-accent-a0\.05);
    color: var(--c-accent-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-a0\.5);
}

:root {
  --c-accent-50: #f7f7fd;
  --c-accent-50-l1: white;
  --c-accent-50-d1: #d5d9f6;
  --c-accent-50-a0\.5: rgba(247, 247, 253, 0.5);
  --c-accent-50-a0\.05: rgba(247, 247, 253, 0.05);
}

:is(*, .text).c-accent-50 {
  color: var(--c-accent-50);
}

:is(*, .card, .box).bgc-accent-50 {
  background-color: var(--c-accent-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-50 {
  border-color: var(--c-accent-50);
}

:is(.badge, .button).is-plain.is-accent-50 {
  background-color: var(--c-accent-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-50:is(:hover, :focus) {
    background-color: var(--c-accent-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-50 {
  border-color: var(--c-accent-50);
  color: var(--c-accent-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-50:is(:hover, :focus) {
    background-color: var(--c-accent-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-50 {
  color: var(--c-accent-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-50:is(:hover, :focus) {
    background-color: var(--c-accent-50-a0\.05);
    color: var(--c-accent-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-50 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-50-a0\.5);
}

:root {
  --c-accent-100: #eef0fb;
  --c-accent-100-l1: white;
  --c-accent-100-d1: #cdd2f4;
  --c-accent-100-a0\.5: rgba(238, 240, 251, 0.5);
  --c-accent-100-a0\.05: rgba(238, 240, 251, 0.05);
}

:is(*, .text).c-accent-100 {
  color: var(--c-accent-100);
}

:is(*, .card, .box).bgc-accent-100 {
  background-color: var(--c-accent-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-100 {
  border-color: var(--c-accent-100);
}

:is(.badge, .button).is-plain.is-accent-100 {
  background-color: var(--c-accent-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-100:is(:hover, :focus) {
    background-color: var(--c-accent-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-100 {
  border-color: var(--c-accent-100);
  color: var(--c-accent-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-100:is(:hover, :focus) {
    background-color: var(--c-accent-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-100 {
  color: var(--c-accent-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-100:is(:hover, :focus) {
    background-color: var(--c-accent-100-a0\.05);
    color: var(--c-accent-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-100 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-100-a0\.5);
}

:root {
  --c-accent-150: #e2e5f8;
  --c-accent-150-l1: white;
  --c-accent-150-d1: #c1c6f1;
  --c-accent-150-a0\.5: rgba(226, 229, 248, 0.5);
  --c-accent-150-a0\.05: rgba(226, 229, 248, 0.05);
}

:is(*, .text).c-accent-150 {
  color: var(--c-accent-150);
}

:is(*, .card, .box).bgc-accent-150 {
  background-color: var(--c-accent-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-150 {
  border-color: var(--c-accent-150);
}

:is(.badge, .button).is-plain.is-accent-150 {
  background-color: var(--c-accent-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-150:is(:hover, :focus) {
    background-color: var(--c-accent-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-150 {
  border-color: var(--c-accent-150);
  color: var(--c-accent-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-150:is(:hover, :focus) {
    background-color: var(--c-accent-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-150 {
  color: var(--c-accent-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-150:is(:hover, :focus) {
    background-color: var(--c-accent-150-a0\.05);
    color: var(--c-accent-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-150 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-150-a0\.5);
}

:root {
  --c-accent-200: #cdd2f4;
  --c-accent-200-l1: #f0f1fa;
  --c-accent-200-d1: #acb3ec;
  --c-accent-200-a0\.5: rgba(205, 210, 244, 0.5);
  --c-accent-200-a0\.05: rgba(205, 210, 244, 0.05);
}

:is(*, .text).c-accent-200 {
  color: var(--c-accent-200);
}

:is(*, .card, .box).bgc-accent-200 {
  background-color: var(--c-accent-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-200 {
  border-color: var(--c-accent-200);
}

:is(.badge, .button).is-plain.is-accent-200 {
  background-color: var(--c-accent-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-200:is(:hover, :focus) {
    background-color: var(--c-accent-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-200 {
  border-color: var(--c-accent-200);
  color: var(--c-accent-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-200:is(:hover, :focus) {
    background-color: var(--c-accent-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-200 {
  color: var(--c-accent-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-200:is(:hover, :focus) {
    background-color: var(--c-accent-200-a0\.05);
    color: var(--c-accent-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-200 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-200-a0\.5);
}

:root {
  --c-accent-300: #a8b0eb;
  --c-accent-300-l1: #ced2ed;
  --c-accent-300-d1: #8691e4;
  --c-accent-300-a0\.5: rgba(168, 176, 235, 0.5);
  --c-accent-300-a0\.05: rgba(168, 176, 235, 0.05);
}

:is(*, .text).c-accent-300 {
  color: var(--c-accent-300);
}

:is(*, .card, .box).bgc-accent-300 {
  background-color: var(--c-accent-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-300 {
  border-color: var(--c-accent-300);
}

:is(.badge, .button).is-plain.is-accent-300 {
  background-color: var(--c-accent-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-300:is(:hover, :focus) {
    background-color: var(--c-accent-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-300 {
  border-color: var(--c-accent-300);
  color: var(--c-accent-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-300:is(:hover, :focus) {
    background-color: var(--c-accent-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-300 {
  color: var(--c-accent-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-300:is(:hover, :focus) {
    background-color: var(--c-accent-300-a0\.05);
    color: var(--c-accent-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-300 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-300-a0\.5);
}

:root {
  --c-accent-400: #7e8ae2;
  --c-accent-400-l1: #a9afe0;
  --c-accent-400-d1: #5d6cda;
  --c-accent-400-a0\.5: rgba(126, 138, 226, 0.5);
  --c-accent-400-a0\.05: rgba(126, 138, 226, 0.05);
}

:is(*, .text).c-accent-400 {
  color: var(--c-accent-400);
}

:is(*, .card, .box).bgc-accent-400 {
  background-color: var(--c-accent-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-400 {
  border-color: var(--c-accent-400);
}

:is(.badge, .button).is-plain.is-accent-400 {
  background-color: var(--c-accent-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-400:is(:hover, :focus) {
    background-color: var(--c-accent-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-400 {
  border-color: var(--c-accent-400);
  color: var(--c-accent-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-400:is(:hover, :focus) {
    background-color: var(--c-accent-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-400 {
  color: var(--c-accent-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-400:is(:hover, :focus) {
    background-color: var(--c-accent-400-a0\.05);
    color: var(--c-accent-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-400 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-400-a0\.5);
}

:root {
  --c-accent-500: #5060d7;
  --c-accent-500-l1: #8089d1;
  --c-accent-500-d1: #2f42d0;
  --c-accent-500-a0\.5: rgba(80, 96, 215, 0.5);
  --c-accent-500-a0\.05: rgba(80, 96, 215, 0.05);
}

:is(*, .text).c-accent-500 {
  color: var(--c-accent-500);
}

:is(*, .card, .box).bgc-accent-500 {
  background-color: var(--c-accent-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-500 {
  border-color: var(--c-accent-500);
}

:is(.badge, .button).is-plain.is-accent-500 {
  background-color: var(--c-accent-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-500:is(:hover, :focus) {
    background-color: var(--c-accent-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-500 {
  border-color: var(--c-accent-500);
  color: var(--c-accent-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-500:is(:hover, :focus) {
    background-color: var(--c-accent-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-500 {
  color: var(--c-accent-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-500:is(:hover, :focus) {
    background-color: var(--c-accent-500-a0\.05);
    color: var(--c-accent-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-500 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-500-a0\.5);
}

:root {
  --c-accent-550: #3749d2;
  --c-accent-550-l1: #6974c9;
  --c-accent-550-d1: #2a3ab7;
  --c-accent-550-a0\.5: rgba(55, 73, 210, 0.5);
  --c-accent-550-a0\.05: rgba(55, 73, 210, 0.05);
}

:is(*, .text).c-accent-550 {
  color: var(--c-accent-550);
}

:is(*, .card, .box).bgc-accent-550 {
  background-color: var(--c-accent-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-550 {
  border-color: var(--c-accent-550);
}

:is(.badge, .button).is-plain.is-accent-550 {
  background-color: var(--c-accent-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-550:is(:hover, :focus) {
    background-color: var(--c-accent-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-550 {
  border-color: var(--c-accent-550);
  color: var(--c-accent-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-550:is(:hover, :focus) {
    background-color: var(--c-accent-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-550 {
  color: var(--c-accent-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-550:is(:hover, :focus) {
    background-color: var(--c-accent-550-a0\.05);
    color: var(--c-accent-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-550 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-550-a0\.5);
}

:root {
  --c-accent-600: #2b3dbf;
  --c-accent-600-l1: #535fc1;
  --c-accent-600-d1: #24329e;
  --c-accent-600-a0\.5: rgba(43, 61, 191, 0.5);
  --c-accent-600-a0\.05: rgba(43, 61, 191, 0.05);
}

:is(*, .text).c-accent-600 {
  color: var(--c-accent-600);
}

:is(*, .card, .box).bgc-accent-600 {
  background-color: var(--c-accent-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-600 {
  border-color: var(--c-accent-600);
}

:is(.badge, .button).is-plain.is-accent-600 {
  background-color: var(--c-accent-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-600:is(:hover, :focus) {
    background-color: var(--c-accent-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-600 {
  border-color: var(--c-accent-600);
  color: var(--c-accent-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-600:is(:hover, :focus) {
    background-color: var(--c-accent-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-600 {
  color: var(--c-accent-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-600:is(:hover, :focus) {
    background-color: var(--c-accent-600-a0\.05);
    color: var(--c-accent-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-600 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-600-a0\.5);
}

:root {
  --c-accent-700: #202d8d;
  --c-accent-700-l1: #39459d;
  --c-accent-700-d1: #19226c;
  --c-accent-700-a0\.5: rgba(32, 45, 141, 0.5);
  --c-accent-700-a0\.05: rgba(32, 45, 141, 0.05);
}

:is(*, .text).c-accent-700 {
  color: var(--c-accent-700);
}

:is(*, .card, .box).bgc-accent-700 {
  background-color: var(--c-accent-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-700 {
  border-color: var(--c-accent-700);
}

:is(.badge, .button).is-plain.is-accent-700 {
  background-color: var(--c-accent-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-700:is(:hover, :focus) {
    background-color: var(--c-accent-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-700 {
  border-color: var(--c-accent-700);
  color: var(--c-accent-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-700:is(:hover, :focus) {
    background-color: var(--c-accent-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-700 {
  color: var(--c-accent-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-700:is(:hover, :focus) {
    background-color: var(--c-accent-700-a0\.05);
    color: var(--c-accent-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-700 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-700-a0\.5);
}

:root {
  --c-accent-800: #161e60;
  --c-accent-800-l1: #2a3374;
  --c-accent-800-d1: #0e143e;
  --c-accent-800-a0\.5: rgba(22, 30, 96, 0.5);
  --c-accent-800-a0\.05: rgba(22, 30, 96, 0.05);
}

:is(*, .text).c-accent-800 {
  color: var(--c-accent-800);
}

:is(*, .card, .box).bgc-accent-800 {
  background-color: var(--c-accent-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-800 {
  border-color: var(--c-accent-800);
}

:is(.badge, .button).is-plain.is-accent-800 {
  background-color: var(--c-accent-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-800:is(:hover, :focus) {
    background-color: var(--c-accent-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-800 {
  border-color: var(--c-accent-800);
  color: var(--c-accent-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-800:is(:hover, :focus) {
    background-color: var(--c-accent-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-800 {
  color: var(--c-accent-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-800:is(:hover, :focus) {
    background-color: var(--c-accent-800-a0\.05);
    color: var(--c-accent-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-800 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-800-a0\.5);
}

:root {
  --c-accent-900: #0c1136;
  --c-accent-900-l1: #1c224f;
  --c-accent-900-d1: #050715;
  --c-accent-900-a0\.5: rgba(12, 17, 54, 0.5);
  --c-accent-900-a0\.05: rgba(12, 17, 54, 0.05);
}

:is(*, .text).c-accent-900 {
  color: var(--c-accent-900);
}

:is(*, .card, .box).bgc-accent-900 {
  background-color: var(--c-accent-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent-900 {
  border-color: var(--c-accent-900);
}

:is(.badge, .button).is-plain.is-accent-900 {
  background-color: var(--c-accent-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent-900:is(:hover, :focus) {
    background-color: var(--c-accent-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent-900 {
  border-color: var(--c-accent-900);
  color: var(--c-accent-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent-900:is(:hover, :focus) {
    background-color: var(--c-accent-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent-900 {
  color: var(--c-accent-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent-900:is(:hover, :focus) {
    background-color: var(--c-accent-900-a0\.05);
    color: var(--c-accent-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent-900 {
  background-color: var(--c-accent-100);
  border-color: var(--c-accent-900-a0\.5);
}

:root {
  --c-accent2: #c2c2c2;
  --c-accent2-l1: #e9c3c3;
  --c-accent2-d1: #adadad;
  --c-accent2-a0\.5: rgba(194, 194, 194, 0.5);
  --c-accent2-a0\.05: rgba(194, 194, 194, 0.05);
}

:is(*, .text).c-accent2 {
  color: var(--c-accent2);
}

:is(*, .card, .box).bgc-accent2 {
  background-color: var(--c-accent2);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2 {
  border-color: var(--c-accent2);
}

:is(.badge, .button).is-plain.is-accent2 {
  background-color: var(--c-accent2);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2:is(:hover, :focus) {
    background-color: var(--c-accent2-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2 {
  border-color: var(--c-accent2);
  color: var(--c-accent2);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2:is(:hover, :focus) {
    background-color: var(--c-accent2);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2 {
  color: var(--c-accent2);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2:is(:hover, :focus) {
    background-color: var(--c-accent2-a0\.05);
    color: var(--c-accent2-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-a0\.5);
}

:root {
  --c-accent2-50: #fafafa;
  --c-accent2-50-l1: white;
  --c-accent2-50-d1: #e6e6e6;
  --c-accent2-50-a0\.5: rgba(250, 250, 250, 0.5);
  --c-accent2-50-a0\.05: rgba(250, 250, 250, 0.05);
}

:is(*, .text).c-accent2-50 {
  color: var(--c-accent2-50);
}

:is(*, .card, .box).bgc-accent2-50 {
  background-color: var(--c-accent2-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-50 {
  border-color: var(--c-accent2-50);
}

:is(.badge, .button).is-plain.is-accent2-50 {
  background-color: var(--c-accent2-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-50:is(:hover, :focus) {
    background-color: var(--c-accent2-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-50 {
  border-color: var(--c-accent2-50);
  color: var(--c-accent2-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-50:is(:hover, :focus) {
    background-color: var(--c-accent2-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-50 {
  color: var(--c-accent2-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-50:is(:hover, :focus) {
    background-color: var(--c-accent2-50-a0\.05);
    color: var(--c-accent2-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-50 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-50-a0\.5);
}

:root {
  --c-accent2-100: whitesmoke;
  --c-accent2-100-l1: white;
  --c-accent2-100-d1: #e0e0e0;
  --c-accent2-100-a0\.5: rgba(245, 245, 245, 0.5);
  --c-accent2-100-a0\.05: rgba(245, 245, 245, 0.05);
}

:is(*, .text).c-accent2-100 {
  color: var(--c-accent2-100);
}

:is(*, .card, .box).bgc-accent2-100 {
  background-color: var(--c-accent2-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-100 {
  border-color: var(--c-accent2-100);
}

:is(.badge, .button).is-plain.is-accent2-100 {
  background-color: var(--c-accent2-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-100:is(:hover, :focus) {
    background-color: var(--c-accent2-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-100 {
  border-color: var(--c-accent2-100);
  color: var(--c-accent2-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-100:is(:hover, :focus) {
    background-color: var(--c-accent2-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-100 {
  color: var(--c-accent2-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-100:is(:hover, :focus) {
    background-color: var(--c-accent2-100-a0\.05);
    color: var(--c-accent2-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-100 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-100-a0\.5);
}

:root {
  --c-accent2-150: #ededed;
  --c-accent2-150-l1: white;
  --c-accent2-150-d1: #d9d9d9;
  --c-accent2-150-a0\.5: rgba(237, 237, 237, 0.5);
  --c-accent2-150-a0\.05: rgba(237, 237, 237, 0.05);
}

:is(*, .text).c-accent2-150 {
  color: var(--c-accent2-150);
}

:is(*, .card, .box).bgc-accent2-150 {
  background-color: var(--c-accent2-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-150 {
  border-color: var(--c-accent2-150);
}

:is(.badge, .button).is-plain.is-accent2-150 {
  background-color: var(--c-accent2-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-150:is(:hover, :focus) {
    background-color: var(--c-accent2-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-150 {
  border-color: var(--c-accent2-150);
  color: var(--c-accent2-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-150:is(:hover, :focus) {
    background-color: var(--c-accent2-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-150 {
  color: var(--c-accent2-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-150:is(:hover, :focus) {
    background-color: var(--c-accent2-150-a0\.05);
    color: var(--c-accent2-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-150 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-150-a0\.5);
}

:root {
  --c-accent2-200: #e0e0e0;
  --c-accent2-200-l1: #faf0f0;
  --c-accent2-200-d1: #cccccc;
  --c-accent2-200-a0\.5: rgba(224, 224, 224, 0.5);
  --c-accent2-200-a0\.05: rgba(224, 224, 224, 0.05);
}

:is(*, .text).c-accent2-200 {
  color: var(--c-accent2-200);
}

:is(*, .card, .box).bgc-accent2-200 {
  background-color: var(--c-accent2-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-200 {
  border-color: var(--c-accent2-200);
}

:is(.badge, .button).is-plain.is-accent2-200 {
  background-color: var(--c-accent2-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-200:is(:hover, :focus) {
    background-color: var(--c-accent2-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-200 {
  border-color: var(--c-accent2-200);
  color: var(--c-accent2-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-200:is(:hover, :focus) {
    background-color: var(--c-accent2-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-200 {
  color: var(--c-accent2-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-200:is(:hover, :focus) {
    background-color: var(--c-accent2-200-a0\.05);
    color: var(--c-accent2-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-200 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-200-a0\.5);
}

:root {
  --c-accent2-300: #c9c9c9;
  --c-accent2-300-l1: #edcece;
  --c-accent2-300-d1: #b5b5b5;
  --c-accent2-300-a0\.5: rgba(201, 201, 201, 0.5);
  --c-accent2-300-a0\.05: rgba(201, 201, 201, 0.05);
}

:is(*, .text).c-accent2-300 {
  color: var(--c-accent2-300);
}

:is(*, .card, .box).bgc-accent2-300 {
  background-color: var(--c-accent2-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-300 {
  border-color: var(--c-accent2-300);
}

:is(.badge, .button).is-plain.is-accent2-300 {
  background-color: var(--c-accent2-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-300:is(:hover, :focus) {
    background-color: var(--c-accent2-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-300 {
  border-color: var(--c-accent2-300);
  color: var(--c-accent2-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-300:is(:hover, :focus) {
    background-color: var(--c-accent2-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-300 {
  color: var(--c-accent2-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-300:is(:hover, :focus) {
    background-color: var(--c-accent2-300-a0\.05);
    color: var(--c-accent2-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-300 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-300-a0\.5);
}

:root {
  --c-accent2-400: #b0b0b0;
  --c-accent2-400-l1: #e0a9a9;
  --c-accent2-400-d1: #9c9c9c;
  --c-accent2-400-a0\.5: rgba(176, 176, 176, 0.5);
  --c-accent2-400-a0\.05: rgba(176, 176, 176, 0.05);
}

:is(*, .text).c-accent2-400 {
  color: var(--c-accent2-400);
}

:is(*, .card, .box).bgc-accent2-400 {
  background-color: var(--c-accent2-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-400 {
  border-color: var(--c-accent2-400);
}

:is(.badge, .button).is-plain.is-accent2-400 {
  background-color: var(--c-accent2-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-400:is(:hover, :focus) {
    background-color: var(--c-accent2-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-400 {
  border-color: var(--c-accent2-400);
  color: var(--c-accent2-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-400:is(:hover, :focus) {
    background-color: var(--c-accent2-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-400 {
  color: var(--c-accent2-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-400:is(:hover, :focus) {
    background-color: var(--c-accent2-400-a0\.05);
    color: var(--c-accent2-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-400 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-400-a0\.5);
}

:root {
  --c-accent2-500: #949494;
  --c-accent2-500-l1: #d18080;
  --c-accent2-500-d1: gray;
  --c-accent2-500-a0\.5: rgba(148, 148, 148, 0.5);
  --c-accent2-500-a0\.05: rgba(148, 148, 148, 0.05);
}

:is(*, .text).c-accent2-500 {
  color: var(--c-accent2-500);
}

:is(*, .card, .box).bgc-accent2-500 {
  background-color: var(--c-accent2-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-500 {
  border-color: var(--c-accent2-500);
}

:is(.badge, .button).is-plain.is-accent2-500 {
  background-color: var(--c-accent2-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-500:is(:hover, :focus) {
    background-color: var(--c-accent2-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-500 {
  border-color: var(--c-accent2-500);
  color: var(--c-accent2-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-500:is(:hover, :focus) {
    background-color: var(--c-accent2-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-500 {
  color: var(--c-accent2-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-500:is(:hover, :focus) {
    background-color: var(--c-accent2-500-a0\.05);
    color: var(--c-accent2-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-500 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-500-a0\.5);
}

:root {
  --c-accent2-550: #858585;
  --c-accent2-550-l1: #c96969;
  --c-accent2-550-d1: #707070;
  --c-accent2-550-a0\.5: rgba(133, 133, 133, 0.5);
  --c-accent2-550-a0\.05: rgba(133, 133, 133, 0.05);
}

:is(*, .text).c-accent2-550 {
  color: var(--c-accent2-550);
}

:is(*, .card, .box).bgc-accent2-550 {
  background-color: var(--c-accent2-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-550 {
  border-color: var(--c-accent2-550);
}

:is(.badge, .button).is-plain.is-accent2-550 {
  background-color: var(--c-accent2-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-550:is(:hover, :focus) {
    background-color: var(--c-accent2-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-550 {
  border-color: var(--c-accent2-550);
  color: var(--c-accent2-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-550:is(:hover, :focus) {
    background-color: var(--c-accent2-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-550 {
  color: var(--c-accent2-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-550:is(:hover, :focus) {
    background-color: var(--c-accent2-550-a0\.05);
    color: var(--c-accent2-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-550 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-550-a0\.5);
}

:root {
  --c-accent2-600: #757575;
  --c-accent2-600-l1: #c15353;
  --c-accent2-600-d1: #616161;
  --c-accent2-600-a0\.5: rgba(117, 117, 117, 0.5);
  --c-accent2-600-a0\.05: rgba(117, 117, 117, 0.05);
}

:is(*, .text).c-accent2-600 {
  color: var(--c-accent2-600);
}

:is(*, .card, .box).bgc-accent2-600 {
  background-color: var(--c-accent2-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-600 {
  border-color: var(--c-accent2-600);
}

:is(.badge, .button).is-plain.is-accent2-600 {
  background-color: var(--c-accent2-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-600:is(:hover, :focus) {
    background-color: var(--c-accent2-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-600 {
  border-color: var(--c-accent2-600);
  color: var(--c-accent2-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-600:is(:hover, :focus) {
    background-color: var(--c-accent2-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-600 {
  color: var(--c-accent2-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-600:is(:hover, :focus) {
    background-color: var(--c-accent2-600-a0\.05);
    color: var(--c-accent2-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-600 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-600-a0\.5);
}

:root {
  --c-accent2-700: #575757;
  --c-accent2-700-l1: #9d3939;
  --c-accent2-700-d1: #424242;
  --c-accent2-700-a0\.5: rgba(87, 87, 87, 0.5);
  --c-accent2-700-a0\.05: rgba(87, 87, 87, 0.05);
}

:is(*, .text).c-accent2-700 {
  color: var(--c-accent2-700);
}

:is(*, .card, .box).bgc-accent2-700 {
  background-color: var(--c-accent2-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-700 {
  border-color: var(--c-accent2-700);
}

:is(.badge, .button).is-plain.is-accent2-700 {
  background-color: var(--c-accent2-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-700:is(:hover, :focus) {
    background-color: var(--c-accent2-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-700 {
  border-color: var(--c-accent2-700);
  color: var(--c-accent2-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-700:is(:hover, :focus) {
    background-color: var(--c-accent2-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-700 {
  color: var(--c-accent2-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-700:is(:hover, :focus) {
    background-color: var(--c-accent2-700-a0\.05);
    color: var(--c-accent2-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-700 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-700-a0\.5);
}

:root {
  --c-accent2-800: #3b3b3b;
  --c-accent2-800-l1: #742a2a;
  --c-accent2-800-d1: #262626;
  --c-accent2-800-a0\.5: rgba(59, 59, 59, 0.5);
  --c-accent2-800-a0\.05: rgba(59, 59, 59, 0.05);
}

:is(*, .text).c-accent2-800 {
  color: var(--c-accent2-800);
}

:is(*, .card, .box).bgc-accent2-800 {
  background-color: var(--c-accent2-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-800 {
  border-color: var(--c-accent2-800);
}

:is(.badge, .button).is-plain.is-accent2-800 {
  background-color: var(--c-accent2-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-800:is(:hover, :focus) {
    background-color: var(--c-accent2-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-800 {
  border-color: var(--c-accent2-800);
  color: var(--c-accent2-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-800:is(:hover, :focus) {
    background-color: var(--c-accent2-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-800 {
  color: var(--c-accent2-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-800:is(:hover, :focus) {
    background-color: var(--c-accent2-800-a0\.05);
    color: var(--c-accent2-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-800 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-800-a0\.5);
}

:root {
  --c-accent2-900: #212121;
  --c-accent2-900-l1: #4f1c1c;
  --c-accent2-900-d1: #0d0d0d;
  --c-accent2-900-a0\.5: rgba(33, 33, 33, 0.5);
  --c-accent2-900-a0\.05: rgba(33, 33, 33, 0.05);
}

:is(*, .text).c-accent2-900 {
  color: var(--c-accent2-900);
}

:is(*, .card, .box).bgc-accent2-900 {
  background-color: var(--c-accent2-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-accent2-900 {
  border-color: var(--c-accent2-900);
}

:is(.badge, .button).is-plain.is-accent2-900 {
  background-color: var(--c-accent2-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-accent2-900:is(:hover, :focus) {
    background-color: var(--c-accent2-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-accent2-900 {
  border-color: var(--c-accent2-900);
  color: var(--c-accent2-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-accent2-900:is(:hover, :focus) {
    background-color: var(--c-accent2-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-accent2-900 {
  color: var(--c-accent2-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-accent2-900:is(:hover, :focus) {
    background-color: var(--c-accent2-900-a0\.05);
    color: var(--c-accent2-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-accent2-900 {
  background-color: var(--c-accent2-100);
  border-color: var(--c-accent2-900-a0\.5);
}

:root {
  --c-text: #212121;
  --c-text-l1: #4f1c1c;
  --c-text-d1: #0d0d0d;
  --c-text-a0\.5: rgba(33, 33, 33, 0.5);
  --c-text-a0\.05: rgba(33, 33, 33, 0.05);
}

:is(*, .text).c-text {
  color: var(--c-text);
}

:is(*, .card, .box).bgc-text {
  background-color: var(--c-text);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text {
  border-color: var(--c-text);
}

:is(.badge, .button).is-plain.is-text {
  background-color: var(--c-text);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text:is(:hover, :focus) {
    background-color: var(--c-text-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text {
  border-color: var(--c-text);
  color: var(--c-text);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text:is(:hover, :focus) {
    background-color: var(--c-text);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text {
  color: var(--c-text);
}

@media (any-hover: hover) {
  .button.is-melt.is-text:is(:hover, :focus) {
    background-color: var(--c-text-a0\.05);
    color: var(--c-text-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text {
  background-color: var(--c-text-100);
  border-color: var(--c-text-a0\.5);
}

:root {
  --c-text-50: #fafafa;
  --c-text-50-l1: white;
  --c-text-50-d1: #e6e6e6;
  --c-text-50-a0\.5: rgba(250, 250, 250, 0.5);
  --c-text-50-a0\.05: rgba(250, 250, 250, 0.05);
}

:is(*, .text).c-text-50 {
  color: var(--c-text-50);
}

:is(*, .card, .box).bgc-text-50 {
  background-color: var(--c-text-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-50 {
  border-color: var(--c-text-50);
}

:is(.badge, .button).is-plain.is-text-50 {
  background-color: var(--c-text-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-50:is(:hover, :focus) {
    background-color: var(--c-text-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-50 {
  border-color: var(--c-text-50);
  color: var(--c-text-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-50:is(:hover, :focus) {
    background-color: var(--c-text-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-50 {
  color: var(--c-text-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-50:is(:hover, :focus) {
    background-color: var(--c-text-50-a0\.05);
    color: var(--c-text-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-50 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-50-a0\.5);
}

:root {
  --c-text-100: whitesmoke;
  --c-text-100-l1: white;
  --c-text-100-d1: #e0e0e0;
  --c-text-100-a0\.5: rgba(245, 245, 245, 0.5);
  --c-text-100-a0\.05: rgba(245, 245, 245, 0.05);
}

:is(*, .text).c-text-100 {
  color: var(--c-text-100);
}

:is(*, .card, .box).bgc-text-100 {
  background-color: var(--c-text-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-100 {
  border-color: var(--c-text-100);
}

:is(.badge, .button).is-plain.is-text-100 {
  background-color: var(--c-text-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-100:is(:hover, :focus) {
    background-color: var(--c-text-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-100 {
  border-color: var(--c-text-100);
  color: var(--c-text-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-100:is(:hover, :focus) {
    background-color: var(--c-text-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-100 {
  color: var(--c-text-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-100:is(:hover, :focus) {
    background-color: var(--c-text-100-a0\.05);
    color: var(--c-text-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-100 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-100-a0\.5);
}

:root {
  --c-text-150: #ededed;
  --c-text-150-l1: white;
  --c-text-150-d1: #d9d9d9;
  --c-text-150-a0\.5: rgba(237, 237, 237, 0.5);
  --c-text-150-a0\.05: rgba(237, 237, 237, 0.05);
}

:is(*, .text).c-text-150 {
  color: var(--c-text-150);
}

:is(*, .card, .box).bgc-text-150 {
  background-color: var(--c-text-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-150 {
  border-color: var(--c-text-150);
}

:is(.badge, .button).is-plain.is-text-150 {
  background-color: var(--c-text-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-150:is(:hover, :focus) {
    background-color: var(--c-text-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-150 {
  border-color: var(--c-text-150);
  color: var(--c-text-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-150:is(:hover, :focus) {
    background-color: var(--c-text-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-150 {
  color: var(--c-text-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-150:is(:hover, :focus) {
    background-color: var(--c-text-150-a0\.05);
    color: var(--c-text-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-150 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-150-a0\.5);
}

:root {
  --c-text-200: #e0e0e0;
  --c-text-200-l1: #faf0f0;
  --c-text-200-d1: #cccccc;
  --c-text-200-a0\.5: rgba(224, 224, 224, 0.5);
  --c-text-200-a0\.05: rgba(224, 224, 224, 0.05);
}

:is(*, .text).c-text-200 {
  color: var(--c-text-200);
}

:is(*, .card, .box).bgc-text-200 {
  background-color: var(--c-text-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-200 {
  border-color: var(--c-text-200);
}

:is(.badge, .button).is-plain.is-text-200 {
  background-color: var(--c-text-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-200:is(:hover, :focus) {
    background-color: var(--c-text-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-200 {
  border-color: var(--c-text-200);
  color: var(--c-text-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-200:is(:hover, :focus) {
    background-color: var(--c-text-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-200 {
  color: var(--c-text-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-200:is(:hover, :focus) {
    background-color: var(--c-text-200-a0\.05);
    color: var(--c-text-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-200 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-200-a0\.5);
}

:root {
  --c-text-300: #c9c9c9;
  --c-text-300-l1: #edcece;
  --c-text-300-d1: #b5b5b5;
  --c-text-300-a0\.5: rgba(201, 201, 201, 0.5);
  --c-text-300-a0\.05: rgba(201, 201, 201, 0.05);
}

:is(*, .text).c-text-300 {
  color: var(--c-text-300);
}

:is(*, .card, .box).bgc-text-300 {
  background-color: var(--c-text-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-300 {
  border-color: var(--c-text-300);
}

:is(.badge, .button).is-plain.is-text-300 {
  background-color: var(--c-text-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-300:is(:hover, :focus) {
    background-color: var(--c-text-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-300 {
  border-color: var(--c-text-300);
  color: var(--c-text-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-300:is(:hover, :focus) {
    background-color: var(--c-text-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-300 {
  color: var(--c-text-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-300:is(:hover, :focus) {
    background-color: var(--c-text-300-a0\.05);
    color: var(--c-text-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-300 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-300-a0\.5);
}

:root {
  --c-text-400: #b0b0b0;
  --c-text-400-l1: #e0a9a9;
  --c-text-400-d1: #9c9c9c;
  --c-text-400-a0\.5: rgba(176, 176, 176, 0.5);
  --c-text-400-a0\.05: rgba(176, 176, 176, 0.05);
}

:is(*, .text).c-text-400 {
  color: var(--c-text-400);
}

:is(*, .card, .box).bgc-text-400 {
  background-color: var(--c-text-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-400 {
  border-color: var(--c-text-400);
}

:is(.badge, .button).is-plain.is-text-400 {
  background-color: var(--c-text-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-400:is(:hover, :focus) {
    background-color: var(--c-text-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-400 {
  border-color: var(--c-text-400);
  color: var(--c-text-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-400:is(:hover, :focus) {
    background-color: var(--c-text-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-400 {
  color: var(--c-text-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-400:is(:hover, :focus) {
    background-color: var(--c-text-400-a0\.05);
    color: var(--c-text-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-400 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-400-a0\.5);
}

:root {
  --c-text-500: #949494;
  --c-text-500-l1: #d18080;
  --c-text-500-d1: gray;
  --c-text-500-a0\.5: rgba(148, 148, 148, 0.5);
  --c-text-500-a0\.05: rgba(148, 148, 148, 0.05);
}

:is(*, .text).c-text-500 {
  color: var(--c-text-500);
}

:is(*, .card, .box).bgc-text-500 {
  background-color: var(--c-text-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-500 {
  border-color: var(--c-text-500);
}

:is(.badge, .button).is-plain.is-text-500 {
  background-color: var(--c-text-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-500:is(:hover, :focus) {
    background-color: var(--c-text-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-500 {
  border-color: var(--c-text-500);
  color: var(--c-text-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-500:is(:hover, :focus) {
    background-color: var(--c-text-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-500 {
  color: var(--c-text-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-500:is(:hover, :focus) {
    background-color: var(--c-text-500-a0\.05);
    color: var(--c-text-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-500 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-500-a0\.5);
}

:root {
  --c-text-550: #858585;
  --c-text-550-l1: #c96969;
  --c-text-550-d1: #707070;
  --c-text-550-a0\.5: rgba(133, 133, 133, 0.5);
  --c-text-550-a0\.05: rgba(133, 133, 133, 0.05);
}

:is(*, .text).c-text-550 {
  color: var(--c-text-550);
}

:is(*, .card, .box).bgc-text-550 {
  background-color: var(--c-text-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-550 {
  border-color: var(--c-text-550);
}

:is(.badge, .button).is-plain.is-text-550 {
  background-color: var(--c-text-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-550:is(:hover, :focus) {
    background-color: var(--c-text-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-550 {
  border-color: var(--c-text-550);
  color: var(--c-text-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-550:is(:hover, :focus) {
    background-color: var(--c-text-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-550 {
  color: var(--c-text-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-550:is(:hover, :focus) {
    background-color: var(--c-text-550-a0\.05);
    color: var(--c-text-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-550 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-550-a0\.5);
}

:root {
  --c-text-600: #757575;
  --c-text-600-l1: #c15353;
  --c-text-600-d1: #616161;
  --c-text-600-a0\.5: rgba(117, 117, 117, 0.5);
  --c-text-600-a0\.05: rgba(117, 117, 117, 0.05);
}

:is(*, .text).c-text-600 {
  color: var(--c-text-600);
}

:is(*, .card, .box).bgc-text-600 {
  background-color: var(--c-text-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-600 {
  border-color: var(--c-text-600);
}

:is(.badge, .button).is-plain.is-text-600 {
  background-color: var(--c-text-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-600:is(:hover, :focus) {
    background-color: var(--c-text-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-600 {
  border-color: var(--c-text-600);
  color: var(--c-text-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-600:is(:hover, :focus) {
    background-color: var(--c-text-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-600 {
  color: var(--c-text-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-600:is(:hover, :focus) {
    background-color: var(--c-text-600-a0\.05);
    color: var(--c-text-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-600 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-600-a0\.5);
}

:root {
  --c-text-700: #575757;
  --c-text-700-l1: #9d3939;
  --c-text-700-d1: #424242;
  --c-text-700-a0\.5: rgba(87, 87, 87, 0.5);
  --c-text-700-a0\.05: rgba(87, 87, 87, 0.05);
}

:is(*, .text).c-text-700 {
  color: var(--c-text-700);
}

:is(*, .card, .box).bgc-text-700 {
  background-color: var(--c-text-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-700 {
  border-color: var(--c-text-700);
}

:is(.badge, .button).is-plain.is-text-700 {
  background-color: var(--c-text-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-700:is(:hover, :focus) {
    background-color: var(--c-text-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-700 {
  border-color: var(--c-text-700);
  color: var(--c-text-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-700:is(:hover, :focus) {
    background-color: var(--c-text-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-700 {
  color: var(--c-text-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-700:is(:hover, :focus) {
    background-color: var(--c-text-700-a0\.05);
    color: var(--c-text-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-700 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-700-a0\.5);
}

:root {
  --c-text-800: #3b3b3b;
  --c-text-800-l1: #742a2a;
  --c-text-800-d1: #262626;
  --c-text-800-a0\.5: rgba(59, 59, 59, 0.5);
  --c-text-800-a0\.05: rgba(59, 59, 59, 0.05);
}

:is(*, .text).c-text-800 {
  color: var(--c-text-800);
}

:is(*, .card, .box).bgc-text-800 {
  background-color: var(--c-text-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-800 {
  border-color: var(--c-text-800);
}

:is(.badge, .button).is-plain.is-text-800 {
  background-color: var(--c-text-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-800:is(:hover, :focus) {
    background-color: var(--c-text-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-800 {
  border-color: var(--c-text-800);
  color: var(--c-text-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-800:is(:hover, :focus) {
    background-color: var(--c-text-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-800 {
  color: var(--c-text-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-800:is(:hover, :focus) {
    background-color: var(--c-text-800-a0\.05);
    color: var(--c-text-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-800 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-800-a0\.5);
}

:root {
  --c-text-900: #212121;
  --c-text-900-l1: #4f1c1c;
  --c-text-900-d1: #0d0d0d;
  --c-text-900-a0\.5: rgba(33, 33, 33, 0.5);
  --c-text-900-a0\.05: rgba(33, 33, 33, 0.05);
}

:is(*, .text).c-text-900 {
  color: var(--c-text-900);
}

:is(*, .card, .box).bgc-text-900 {
  background-color: var(--c-text-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text-900 {
  border-color: var(--c-text-900);
}

:is(.badge, .button).is-plain.is-text-900 {
  background-color: var(--c-text-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text-900:is(:hover, :focus) {
    background-color: var(--c-text-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text-900 {
  border-color: var(--c-text-900);
  color: var(--c-text-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text-900:is(:hover, :focus) {
    background-color: var(--c-text-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text-900 {
  color: var(--c-text-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-text-900:is(:hover, :focus) {
    background-color: var(--c-text-900-a0\.05);
    color: var(--c-text-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text-900 {
  background-color: var(--c-text-100);
  border-color: var(--c-text-900-a0\.5);
}

:root {
  --c-text2: #212121;
  --c-text2-l1: #4f1c1c;
  --c-text2-d1: #0d0d0d;
  --c-text2-a0\.5: rgba(33, 33, 33, 0.5);
  --c-text2-a0\.05: rgba(33, 33, 33, 0.05);
}

:is(*, .text).c-text2 {
  color: var(--c-text2);
}

:is(*, .card, .box).bgc-text2 {
  background-color: var(--c-text2);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2 {
  border-color: var(--c-text2);
}

:is(.badge, .button).is-plain.is-text2 {
  background-color: var(--c-text2);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2:is(:hover, :focus) {
    background-color: var(--c-text2-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2 {
  border-color: var(--c-text2);
  color: var(--c-text2);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2:is(:hover, :focus) {
    background-color: var(--c-text2);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2 {
  color: var(--c-text2);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2:is(:hover, :focus) {
    background-color: var(--c-text2-a0\.05);
    color: var(--c-text2-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-a0\.5);
}

:root {
  --c-text2-50: #fafafa;
  --c-text2-50-l1: white;
  --c-text2-50-d1: #e6e6e6;
  --c-text2-50-a0\.5: rgba(250, 250, 250, 0.5);
  --c-text2-50-a0\.05: rgba(250, 250, 250, 0.05);
}

:is(*, .text).c-text2-50 {
  color: var(--c-text2-50);
}

:is(*, .card, .box).bgc-text2-50 {
  background-color: var(--c-text2-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-50 {
  border-color: var(--c-text2-50);
}

:is(.badge, .button).is-plain.is-text2-50 {
  background-color: var(--c-text2-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-50:is(:hover, :focus) {
    background-color: var(--c-text2-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-50 {
  border-color: var(--c-text2-50);
  color: var(--c-text2-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-50:is(:hover, :focus) {
    background-color: var(--c-text2-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-50 {
  color: var(--c-text2-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-50:is(:hover, :focus) {
    background-color: var(--c-text2-50-a0\.05);
    color: var(--c-text2-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-50 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-50-a0\.5);
}

:root {
  --c-text2-100: whitesmoke;
  --c-text2-100-l1: white;
  --c-text2-100-d1: #e0e0e0;
  --c-text2-100-a0\.5: rgba(245, 245, 245, 0.5);
  --c-text2-100-a0\.05: rgba(245, 245, 245, 0.05);
}

:is(*, .text).c-text2-100 {
  color: var(--c-text2-100);
}

:is(*, .card, .box).bgc-text2-100 {
  background-color: var(--c-text2-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-100 {
  border-color: var(--c-text2-100);
}

:is(.badge, .button).is-plain.is-text2-100 {
  background-color: var(--c-text2-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-100:is(:hover, :focus) {
    background-color: var(--c-text2-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-100 {
  border-color: var(--c-text2-100);
  color: var(--c-text2-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-100:is(:hover, :focus) {
    background-color: var(--c-text2-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-100 {
  color: var(--c-text2-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-100:is(:hover, :focus) {
    background-color: var(--c-text2-100-a0\.05);
    color: var(--c-text2-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-100 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-100-a0\.5);
}

:root {
  --c-text2-150: #ededed;
  --c-text2-150-l1: white;
  --c-text2-150-d1: #d9d9d9;
  --c-text2-150-a0\.5: rgba(237, 237, 237, 0.5);
  --c-text2-150-a0\.05: rgba(237, 237, 237, 0.05);
}

:is(*, .text).c-text2-150 {
  color: var(--c-text2-150);
}

:is(*, .card, .box).bgc-text2-150 {
  background-color: var(--c-text2-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-150 {
  border-color: var(--c-text2-150);
}

:is(.badge, .button).is-plain.is-text2-150 {
  background-color: var(--c-text2-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-150:is(:hover, :focus) {
    background-color: var(--c-text2-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-150 {
  border-color: var(--c-text2-150);
  color: var(--c-text2-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-150:is(:hover, :focus) {
    background-color: var(--c-text2-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-150 {
  color: var(--c-text2-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-150:is(:hover, :focus) {
    background-color: var(--c-text2-150-a0\.05);
    color: var(--c-text2-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-150 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-150-a0\.5);
}

:root {
  --c-text2-200: #e0e0e0;
  --c-text2-200-l1: #faf0f0;
  --c-text2-200-d1: #cccccc;
  --c-text2-200-a0\.5: rgba(224, 224, 224, 0.5);
  --c-text2-200-a0\.05: rgba(224, 224, 224, 0.05);
}

:is(*, .text).c-text2-200 {
  color: var(--c-text2-200);
}

:is(*, .card, .box).bgc-text2-200 {
  background-color: var(--c-text2-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-200 {
  border-color: var(--c-text2-200);
}

:is(.badge, .button).is-plain.is-text2-200 {
  background-color: var(--c-text2-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-200:is(:hover, :focus) {
    background-color: var(--c-text2-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-200 {
  border-color: var(--c-text2-200);
  color: var(--c-text2-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-200:is(:hover, :focus) {
    background-color: var(--c-text2-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-200 {
  color: var(--c-text2-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-200:is(:hover, :focus) {
    background-color: var(--c-text2-200-a0\.05);
    color: var(--c-text2-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-200 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-200-a0\.5);
}

:root {
  --c-text2-300: #c9c9c9;
  --c-text2-300-l1: #edcece;
  --c-text2-300-d1: #b5b5b5;
  --c-text2-300-a0\.5: rgba(201, 201, 201, 0.5);
  --c-text2-300-a0\.05: rgba(201, 201, 201, 0.05);
}

:is(*, .text).c-text2-300 {
  color: var(--c-text2-300);
}

:is(*, .card, .box).bgc-text2-300 {
  background-color: var(--c-text2-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-300 {
  border-color: var(--c-text2-300);
}

:is(.badge, .button).is-plain.is-text2-300 {
  background-color: var(--c-text2-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-300:is(:hover, :focus) {
    background-color: var(--c-text2-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-300 {
  border-color: var(--c-text2-300);
  color: var(--c-text2-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-300:is(:hover, :focus) {
    background-color: var(--c-text2-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-300 {
  color: var(--c-text2-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-300:is(:hover, :focus) {
    background-color: var(--c-text2-300-a0\.05);
    color: var(--c-text2-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-300 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-300-a0\.5);
}

:root {
  --c-text2-400: #b0b0b0;
  --c-text2-400-l1: #e0a9a9;
  --c-text2-400-d1: #9c9c9c;
  --c-text2-400-a0\.5: rgba(176, 176, 176, 0.5);
  --c-text2-400-a0\.05: rgba(176, 176, 176, 0.05);
}

:is(*, .text).c-text2-400 {
  color: var(--c-text2-400);
}

:is(*, .card, .box).bgc-text2-400 {
  background-color: var(--c-text2-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-400 {
  border-color: var(--c-text2-400);
}

:is(.badge, .button).is-plain.is-text2-400 {
  background-color: var(--c-text2-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-400:is(:hover, :focus) {
    background-color: var(--c-text2-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-400 {
  border-color: var(--c-text2-400);
  color: var(--c-text2-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-400:is(:hover, :focus) {
    background-color: var(--c-text2-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-400 {
  color: var(--c-text2-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-400:is(:hover, :focus) {
    background-color: var(--c-text2-400-a0\.05);
    color: var(--c-text2-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-400 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-400-a0\.5);
}

:root {
  --c-text2-500: #949494;
  --c-text2-500-l1: #d18080;
  --c-text2-500-d1: gray;
  --c-text2-500-a0\.5: rgba(148, 148, 148, 0.5);
  --c-text2-500-a0\.05: rgba(148, 148, 148, 0.05);
}

:is(*, .text).c-text2-500 {
  color: var(--c-text2-500);
}

:is(*, .card, .box).bgc-text2-500 {
  background-color: var(--c-text2-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-500 {
  border-color: var(--c-text2-500);
}

:is(.badge, .button).is-plain.is-text2-500 {
  background-color: var(--c-text2-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-500:is(:hover, :focus) {
    background-color: var(--c-text2-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-500 {
  border-color: var(--c-text2-500);
  color: var(--c-text2-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-500:is(:hover, :focus) {
    background-color: var(--c-text2-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-500 {
  color: var(--c-text2-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-500:is(:hover, :focus) {
    background-color: var(--c-text2-500-a0\.05);
    color: var(--c-text2-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-500 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-500-a0\.5);
}

:root {
  --c-text2-550: #858585;
  --c-text2-550-l1: #c96969;
  --c-text2-550-d1: #707070;
  --c-text2-550-a0\.5: rgba(133, 133, 133, 0.5);
  --c-text2-550-a0\.05: rgba(133, 133, 133, 0.05);
}

:is(*, .text).c-text2-550 {
  color: var(--c-text2-550);
}

:is(*, .card, .box).bgc-text2-550 {
  background-color: var(--c-text2-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-550 {
  border-color: var(--c-text2-550);
}

:is(.badge, .button).is-plain.is-text2-550 {
  background-color: var(--c-text2-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-550:is(:hover, :focus) {
    background-color: var(--c-text2-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-550 {
  border-color: var(--c-text2-550);
  color: var(--c-text2-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-550:is(:hover, :focus) {
    background-color: var(--c-text2-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-550 {
  color: var(--c-text2-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-550:is(:hover, :focus) {
    background-color: var(--c-text2-550-a0\.05);
    color: var(--c-text2-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-550 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-550-a0\.5);
}

:root {
  --c-text2-600: #757575;
  --c-text2-600-l1: #c15353;
  --c-text2-600-d1: #616161;
  --c-text2-600-a0\.5: rgba(117, 117, 117, 0.5);
  --c-text2-600-a0\.05: rgba(117, 117, 117, 0.05);
}

:is(*, .text).c-text2-600 {
  color: var(--c-text2-600);
}

:is(*, .card, .box).bgc-text2-600 {
  background-color: var(--c-text2-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-600 {
  border-color: var(--c-text2-600);
}

:is(.badge, .button).is-plain.is-text2-600 {
  background-color: var(--c-text2-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-600:is(:hover, :focus) {
    background-color: var(--c-text2-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-600 {
  border-color: var(--c-text2-600);
  color: var(--c-text2-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-600:is(:hover, :focus) {
    background-color: var(--c-text2-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-600 {
  color: var(--c-text2-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-600:is(:hover, :focus) {
    background-color: var(--c-text2-600-a0\.05);
    color: var(--c-text2-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-600 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-600-a0\.5);
}

:root {
  --c-text2-700: #575757;
  --c-text2-700-l1: #9d3939;
  --c-text2-700-d1: #424242;
  --c-text2-700-a0\.5: rgba(87, 87, 87, 0.5);
  --c-text2-700-a0\.05: rgba(87, 87, 87, 0.05);
}

:is(*, .text).c-text2-700 {
  color: var(--c-text2-700);
}

:is(*, .card, .box).bgc-text2-700 {
  background-color: var(--c-text2-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-700 {
  border-color: var(--c-text2-700);
}

:is(.badge, .button).is-plain.is-text2-700 {
  background-color: var(--c-text2-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-700:is(:hover, :focus) {
    background-color: var(--c-text2-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-700 {
  border-color: var(--c-text2-700);
  color: var(--c-text2-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-700:is(:hover, :focus) {
    background-color: var(--c-text2-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-700 {
  color: var(--c-text2-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-700:is(:hover, :focus) {
    background-color: var(--c-text2-700-a0\.05);
    color: var(--c-text2-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-700 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-700-a0\.5);
}

:root {
  --c-text2-800: #3b3b3b;
  --c-text2-800-l1: #742a2a;
  --c-text2-800-d1: #262626;
  --c-text2-800-a0\.5: rgba(59, 59, 59, 0.5);
  --c-text2-800-a0\.05: rgba(59, 59, 59, 0.05);
}

:is(*, .text).c-text2-800 {
  color: var(--c-text2-800);
}

:is(*, .card, .box).bgc-text2-800 {
  background-color: var(--c-text2-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-800 {
  border-color: var(--c-text2-800);
}

:is(.badge, .button).is-plain.is-text2-800 {
  background-color: var(--c-text2-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-800:is(:hover, :focus) {
    background-color: var(--c-text2-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-800 {
  border-color: var(--c-text2-800);
  color: var(--c-text2-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-800:is(:hover, :focus) {
    background-color: var(--c-text2-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-800 {
  color: var(--c-text2-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-800:is(:hover, :focus) {
    background-color: var(--c-text2-800-a0\.05);
    color: var(--c-text2-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-800 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-800-a0\.5);
}

:root {
  --c-text2-900: #212121;
  --c-text2-900-l1: #4f1c1c;
  --c-text2-900-d1: #0d0d0d;
  --c-text2-900-a0\.5: rgba(33, 33, 33, 0.5);
  --c-text2-900-a0\.05: rgba(33, 33, 33, 0.05);
}

:is(*, .text).c-text2-900 {
  color: var(--c-text2-900);
}

:is(*, .card, .box).bgc-text2-900 {
  background-color: var(--c-text2-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-text2-900 {
  border-color: var(--c-text2-900);
}

:is(.badge, .button).is-plain.is-text2-900 {
  background-color: var(--c-text2-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-text2-900:is(:hover, :focus) {
    background-color: var(--c-text2-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-text2-900 {
  border-color: var(--c-text2-900);
  color: var(--c-text2-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-text2-900:is(:hover, :focus) {
    background-color: var(--c-text2-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-text2-900 {
  color: var(--c-text2-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-text2-900:is(:hover, :focus) {
    background-color: var(--c-text2-900-a0\.05);
    color: var(--c-text2-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-text2-900 {
  background-color: var(--c-text2-100);
  border-color: var(--c-text2-900-a0\.5);
}

:root {
  --c-primary: #3040bb;
  --c-primary-l1: #535fc1;
  --c-primary-d1: #28359a;
  --c-primary-a0\.5: rgba(48, 64, 187, 0.5);
  --c-primary-a0\.05: rgba(48, 64, 187, 0.05);
}

:is(*, .text).c-primary {
  color: var(--c-primary);
}

:is(*, .card, .box).bgc-primary {
  background-color: var(--c-primary);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary {
  border-color: var(--c-primary);
}

:is(.badge, .button).is-plain.is-primary {
  background-color: var(--c-primary);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary:is(:hover, :focus) {
    background-color: var(--c-primary-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary {
  border-color: var(--c-primary);
  color: var(--c-primary);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary:is(:hover, :focus) {
    background-color: var(--c-primary);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary {
  color: var(--c-primary);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary:is(:hover, :focus) {
    background-color: var(--c-primary-a0\.05);
    color: var(--c-primary-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-a0\.5);
}

:root {
  --c-primary-50: #f7f8fd;
  --c-primary-50-l1: white;
  --c-primary-50-d1: #d6daf5;
  --c-primary-50-a0\.5: rgba(247, 248, 253, 0.5);
  --c-primary-50-a0\.05: rgba(247, 248, 253, 0.05);
}

:is(*, .text).c-primary-50 {
  color: var(--c-primary-50);
}

:is(*, .card, .box).bgc-primary-50 {
  background-color: var(--c-primary-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-50 {
  border-color: var(--c-primary-50);
}

:is(.badge, .button).is-plain.is-primary-50 {
  background-color: var(--c-primary-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-50:is(:hover, :focus) {
    background-color: var(--c-primary-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-50 {
  border-color: var(--c-primary-50);
  color: var(--c-primary-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-50:is(:hover, :focus) {
    background-color: var(--c-primary-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-50 {
  color: var(--c-primary-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-50:is(:hover, :focus) {
    background-color: var(--c-primary-50-a0\.05);
    color: var(--c-primary-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-50 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-50-a0\.5);
}

:root {
  --c-primary-100: #eff0fb;
  --c-primary-100-l1: white;
  --c-primary-100-d1: #ced3f2;
  --c-primary-100-a0\.5: rgba(239, 240, 251, 0.5);
  --c-primary-100-a0\.05: rgba(239, 240, 251, 0.05);
}

:is(*, .text).c-primary-100 {
  color: var(--c-primary-100);
}

:is(*, .card, .box).bgc-primary-100 {
  background-color: var(--c-primary-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-100 {
  border-color: var(--c-primary-100);
}

:is(.badge, .button).is-plain.is-primary-100 {
  background-color: var(--c-primary-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-100:is(:hover, :focus) {
    background-color: var(--c-primary-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-100 {
  border-color: var(--c-primary-100);
  color: var(--c-primary-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-100:is(:hover, :focus) {
    background-color: var(--c-primary-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-100 {
  color: var(--c-primary-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-100:is(:hover, :focus) {
    background-color: var(--c-primary-100-a0\.05);
    color: var(--c-primary-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-100 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-100-a0\.5);
}

:root {
  --c-primary-150: #e3e5f8;
  --c-primary-150-l1: white;
  --c-primary-150-d1: #c2c7ef;
  --c-primary-150-a0\.5: rgba(227, 229, 248, 0.5);
  --c-primary-150-a0\.05: rgba(227, 229, 248, 0.05);
}

:is(*, .text).c-primary-150 {
  color: var(--c-primary-150);
}

:is(*, .card, .box).bgc-primary-150 {
  background-color: var(--c-primary-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-150 {
  border-color: var(--c-primary-150);
}

:is(.badge, .button).is-plain.is-primary-150 {
  background-color: var(--c-primary-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-150:is(:hover, :focus) {
    background-color: var(--c-primary-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-150 {
  border-color: var(--c-primary-150);
  color: var(--c-primary-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-150:is(:hover, :focus) {
    background-color: var(--c-primary-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-150 {
  color: var(--c-primary-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-150:is(:hover, :focus) {
    background-color: var(--c-primary-150-a0\.05);
    color: var(--c-primary-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-150 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-150-a0\.5);
}

:root {
  --c-primary-200: #ced3f2;
  --c-primary-200-l1: #f0f1fa;
  --c-primary-200-d1: #aeb5ea;
  --c-primary-200-a0\.5: rgba(206, 211, 242, 0.5);
  --c-primary-200-a0\.05: rgba(206, 211, 242, 0.05);
}

:is(*, .text).c-primary-200 {
  color: var(--c-primary-200);
}

:is(*, .card, .box).bgc-primary-200 {
  background-color: var(--c-primary-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-200 {
  border-color: var(--c-primary-200);
}

:is(.badge, .button).is-plain.is-primary-200 {
  background-color: var(--c-primary-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-200:is(:hover, :focus) {
    background-color: var(--c-primary-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-200 {
  border-color: var(--c-primary-200);
  color: var(--c-primary-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-200:is(:hover, :focus) {
    background-color: var(--c-primary-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-200 {
  color: var(--c-primary-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-200:is(:hover, :focus) {
    background-color: var(--c-primary-200-a0\.05);
    color: var(--c-primary-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-200 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-200-a0\.5);
}

:root {
  --c-primary-300: #aab1e9;
  --c-primary-300-l1: #ced2ed;
  --c-primary-300-d1: #8994e1;
  --c-primary-300-a0\.5: rgba(170, 177, 233, 0.5);
  --c-primary-300-a0\.05: rgba(170, 177, 233, 0.05);
}

:is(*, .text).c-primary-300 {
  color: var(--c-primary-300);
}

:is(*, .card, .box).bgc-primary-300 {
  background-color: var(--c-primary-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-300 {
  border-color: var(--c-primary-300);
}

:is(.badge, .button).is-plain.is-primary-300 {
  background-color: var(--c-primary-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-300:is(:hover, :focus) {
    background-color: var(--c-primary-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-300 {
  border-color: var(--c-primary-300);
  color: var(--c-primary-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-300:is(:hover, :focus) {
    background-color: var(--c-primary-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-300 {
  color: var(--c-primary-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-300:is(:hover, :focus) {
    background-color: var(--c-primary-300-a0\.05);
    color: var(--c-primary-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-300 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-300-a0\.5);
}

:root {
  --c-primary-400: #818cdf;
  --c-primary-400-l1: #a9afe0;
  --c-primary-400-d1: #616fd6;
  --c-primary-400-a0\.5: rgba(129, 140, 223, 0.5);
  --c-primary-400-a0\.05: rgba(129, 140, 223, 0.05);
}

:is(*, .text).c-primary-400 {
  color: var(--c-primary-400);
}

:is(*, .card, .box).bgc-primary-400 {
  background-color: var(--c-primary-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-400 {
  border-color: var(--c-primary-400);
}

:is(.badge, .button).is-plain.is-primary-400 {
  background-color: var(--c-primary-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-400:is(:hover, :focus) {
    background-color: var(--c-primary-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-400 {
  border-color: var(--c-primary-400);
  color: var(--c-primary-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-400:is(:hover, :focus) {
    background-color: var(--c-primary-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-400 {
  color: var(--c-primary-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-400:is(:hover, :focus) {
    background-color: var(--c-primary-400-a0\.05);
    color: var(--c-primary-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-400 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-400-a0\.5);
}

:root {
  --c-primary-500: #5563d3;
  --c-primary-500-l1: #8089d1;
  --c-primary-500-d1: #3446cb;
  --c-primary-500-a0\.5: rgba(85, 99, 211, 0.5);
  --c-primary-500-a0\.05: rgba(85, 99, 211, 0.05);
}

:is(*, .text).c-primary-500 {
  color: var(--c-primary-500);
}

:is(*, .card, .box).bgc-primary-500 {
  background-color: var(--c-primary-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-500 {
  border-color: var(--c-primary-500);
}

:is(.badge, .button).is-plain.is-primary-500 {
  background-color: var(--c-primary-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-500:is(:hover, :focus) {
    background-color: var(--c-primary-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-500 {
  border-color: var(--c-primary-500);
  color: var(--c-primary-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-500:is(:hover, :focus) {
    background-color: var(--c-primary-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-500 {
  color: var(--c-primary-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-500:is(:hover, :focus) {
    background-color: var(--c-primary-500-a0\.05);
    color: var(--c-primary-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-500 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-500-a0\.5);
}

:root {
  --c-primary-550: #3c4dcd;
  --c-primary-550-l1: #6974c9;
  --c-primary-550-d1: #2e3db2;
  --c-primary-550-a0\.5: rgba(60, 77, 205, 0.5);
  --c-primary-550-a0\.05: rgba(60, 77, 205, 0.05);
}

:is(*, .text).c-primary-550 {
  color: var(--c-primary-550);
}

:is(*, .card, .box).bgc-primary-550 {
  background-color: var(--c-primary-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-550 {
  border-color: var(--c-primary-550);
}

:is(.badge, .button).is-plain.is-primary-550 {
  background-color: var(--c-primary-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-550:is(:hover, :focus) {
    background-color: var(--c-primary-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-550 {
  border-color: var(--c-primary-550);
  color: var(--c-primary-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-550:is(:hover, :focus) {
    background-color: var(--c-primary-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-550 {
  color: var(--c-primary-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-550:is(:hover, :focus) {
    background-color: var(--c-primary-550-a0\.05);
    color: var(--c-primary-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-550 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-550-a0\.5);
}

:root {
  --c-primary-600: #3040bb;
  --c-primary-600-l1: #535fc1;
  --c-primary-600-d1: #28359a;
  --c-primary-600-a0\.5: rgba(48, 64, 187, 0.5);
  --c-primary-600-a0\.05: rgba(48, 64, 187, 0.05);
}

:is(*, .text).c-primary-600 {
  color: var(--c-primary-600);
}

:is(*, .card, .box).bgc-primary-600 {
  background-color: var(--c-primary-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-600 {
  border-color: var(--c-primary-600);
}

:is(.badge, .button).is-plain.is-primary-600 {
  background-color: var(--c-primary-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-600:is(:hover, :focus) {
    background-color: var(--c-primary-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-600 {
  border-color: var(--c-primary-600);
  color: var(--c-primary-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-600:is(:hover, :focus) {
    background-color: var(--c-primary-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-600 {
  color: var(--c-primary-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-600:is(:hover, :focus) {
    background-color: var(--c-primary-600-a0\.05);
    color: var(--c-primary-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-600 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-600-a0\.5);
}

:root {
  --c-primary-700: #242f8a;
  --c-primary-700-l1: #39459d;
  --c-primary-700-d1: #1b2469;
  --c-primary-700-a0\.5: rgba(36, 47, 138, 0.5);
  --c-primary-700-a0\.05: rgba(36, 47, 138, 0.05);
}

:is(*, .text).c-primary-700 {
  color: var(--c-primary-700);
}

:is(*, .card, .box).bgc-primary-700 {
  background-color: var(--c-primary-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-700 {
  border-color: var(--c-primary-700);
}

:is(.badge, .button).is-plain.is-primary-700 {
  background-color: var(--c-primary-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-700:is(:hover, :focus) {
    background-color: var(--c-primary-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-700 {
  border-color: var(--c-primary-700);
  color: var(--c-primary-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-700:is(:hover, :focus) {
    background-color: var(--c-primary-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-700 {
  color: var(--c-primary-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-700:is(:hover, :focus) {
    background-color: var(--c-primary-700-a0\.05);
    color: var(--c-primary-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-700 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-700-a0\.5);
}

:root {
  --c-primary-800: #18205d;
  --c-primary-800-l1: #2a3374;
  --c-primary-800-d1: #10153d;
  --c-primary-800-a0\.5: rgba(24, 32, 93, 0.5);
  --c-primary-800-a0\.05: rgba(24, 32, 93, 0.05);
}

:is(*, .text).c-primary-800 {
  color: var(--c-primary-800);
}

:is(*, .card, .box).bgc-primary-800 {
  background-color: var(--c-primary-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-800 {
  border-color: var(--c-primary-800);
}

:is(.badge, .button).is-plain.is-primary-800 {
  background-color: var(--c-primary-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-800:is(:hover, :focus) {
    background-color: var(--c-primary-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-800 {
  border-color: var(--c-primary-800);
  color: var(--c-primary-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-800:is(:hover, :focus) {
    background-color: var(--c-primary-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-800 {
  color: var(--c-primary-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-800:is(:hover, :focus) {
    background-color: var(--c-primary-800-a0\.05);
    color: var(--c-primary-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-800 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-800-a0\.5);
}

:root {
  --c-primary-900: #0e1235;
  --c-primary-900-l1: #1c224f;
  --c-primary-900-d1: #050714;
  --c-primary-900-a0\.5: rgba(14, 18, 53, 0.5);
  --c-primary-900-a0\.05: rgba(14, 18, 53, 0.05);
}

:is(*, .text).c-primary-900 {
  color: var(--c-primary-900);
}

:is(*, .card, .box).bgc-primary-900 {
  background-color: var(--c-primary-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-primary-900 {
  border-color: var(--c-primary-900);
}

:is(.badge, .button).is-plain.is-primary-900 {
  background-color: var(--c-primary-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-primary-900:is(:hover, :focus) {
    background-color: var(--c-primary-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-primary-900 {
  border-color: var(--c-primary-900);
  color: var(--c-primary-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-primary-900:is(:hover, :focus) {
    background-color: var(--c-primary-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-primary-900 {
  color: var(--c-primary-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-primary-900:is(:hover, :focus) {
    background-color: var(--c-primary-900-a0\.05);
    color: var(--c-primary-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-primary-900 {
  background-color: var(--c-primary-100);
  border-color: var(--c-primary-900-a0\.5);
}

:root {
  --c-info: #30afbb;
  --c-info-l1: #53b8c1;
  --c-info-d1: #28919a;
  --c-info-a0\.5: rgba(48, 175, 187, 0.5);
  --c-info-a0\.05: rgba(48, 175, 187, 0.05);
}

:is(*, .text).c-info {
  color: var(--c-info);
}

:is(*, .card, .box).bgc-info {
  background-color: var(--c-info);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info {
  border-color: var(--c-info);
}

:is(.badge, .button).is-plain.is-info {
  background-color: var(--c-info);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info:is(:hover, :focus) {
    background-color: var(--c-info-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info {
  border-color: var(--c-info);
  color: var(--c-info);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info:is(:hover, :focus) {
    background-color: var(--c-info);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info {
  color: var(--c-info);
}

@media (any-hover: hover) {
  .button.is-melt.is-info:is(:hover, :focus) {
    background-color: var(--c-info-a0\.05);
    color: var(--c-info-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info {
  background-color: var(--c-info-100);
  border-color: var(--c-info-a0\.5);
}

:root {
  --c-info-50: #f7fcfd;
  --c-info-50-l1: white;
  --c-info-50-d1: #d6f2f5;
  --c-info-50-a0\.5: rgba(247, 252, 253, 0.5);
  --c-info-50-a0\.05: rgba(247, 252, 253, 0.05);
}

:is(*, .text).c-info-50 {
  color: var(--c-info-50);
}

:is(*, .card, .box).bgc-info-50 {
  background-color: var(--c-info-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-50 {
  border-color: var(--c-info-50);
}

:is(.badge, .button).is-plain.is-info-50 {
  background-color: var(--c-info-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-50:is(:hover, :focus) {
    background-color: var(--c-info-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-50 {
  border-color: var(--c-info-50);
  color: var(--c-info-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-50:is(:hover, :focus) {
    background-color: var(--c-info-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-50 {
  color: var(--c-info-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-50:is(:hover, :focus) {
    background-color: var(--c-info-50-a0\.05);
    color: var(--c-info-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-50 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-50-a0\.5);
}

:root {
  --c-info-100: #effafb;
  --c-info-100-l1: white;
  --c-info-100-d1: #ceeff2;
  --c-info-100-a0\.5: rgba(239, 250, 251, 0.5);
  --c-info-100-a0\.05: rgba(239, 250, 251, 0.05);
}

:is(*, .text).c-info-100 {
  color: var(--c-info-100);
}

:is(*, .card, .box).bgc-info-100 {
  background-color: var(--c-info-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-100 {
  border-color: var(--c-info-100);
}

:is(.badge, .button).is-plain.is-info-100 {
  background-color: var(--c-info-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-100:is(:hover, :focus) {
    background-color: var(--c-info-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-100 {
  border-color: var(--c-info-100);
  color: var(--c-info-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-100:is(:hover, :focus) {
    background-color: var(--c-info-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-100 {
  color: var(--c-info-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-100:is(:hover, :focus) {
    background-color: var(--c-info-100-a0\.05);
    color: var(--c-info-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-100 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-100-a0\.5);
}

:root {
  --c-info-150: #e3f6f8;
  --c-info-150-l1: white;
  --c-info-150-d1: #c2ecef;
  --c-info-150-a0\.5: rgba(227, 246, 248, 0.5);
  --c-info-150-a0\.05: rgba(227, 246, 248, 0.05);
}

:is(*, .text).c-info-150 {
  color: var(--c-info-150);
}

:is(*, .card, .box).bgc-info-150 {
  background-color: var(--c-info-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-150 {
  border-color: var(--c-info-150);
}

:is(.badge, .button).is-plain.is-info-150 {
  background-color: var(--c-info-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-150:is(:hover, :focus) {
    background-color: var(--c-info-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-150 {
  border-color: var(--c-info-150);
  color: var(--c-info-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-150:is(:hover, :focus) {
    background-color: var(--c-info-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-150 {
  color: var(--c-info-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-150:is(:hover, :focus) {
    background-color: var(--c-info-150-a0\.05);
    color: var(--c-info-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-150 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-150-a0\.5);
}

:root {
  --c-info-200: #ceeff2;
  --c-info-200-l1: #f0f9fa;
  --c-info-200-d1: #aee5ea;
  --c-info-200-a0\.5: rgba(206, 239, 242, 0.5);
  --c-info-200-a0\.05: rgba(206, 239, 242, 0.05);
}

:is(*, .text).c-info-200 {
  color: var(--c-info-200);
}

:is(*, .card, .box).bgc-info-200 {
  background-color: var(--c-info-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-200 {
  border-color: var(--c-info-200);
}

:is(.badge, .button).is-plain.is-info-200 {
  background-color: var(--c-info-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-200:is(:hover, :focus) {
    background-color: var(--c-info-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-200 {
  border-color: var(--c-info-200);
  color: var(--c-info-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-200:is(:hover, :focus) {
    background-color: var(--c-info-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-200 {
  color: var(--c-info-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-200:is(:hover, :focus) {
    background-color: var(--c-info-200-a0\.05);
    color: var(--c-info-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-200 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-200-a0\.5);
}

:root {
  --c-info-300: #aae4e9;
  --c-info-300-l1: #ceebed;
  --c-info-300-d1: #89d9e1;
  --c-info-300-a0\.5: rgba(170, 228, 233, 0.5);
  --c-info-300-a0\.05: rgba(170, 228, 233, 0.05);
}

:is(*, .text).c-info-300 {
  color: var(--c-info-300);
}

:is(*, .card, .box).bgc-info-300 {
  background-color: var(--c-info-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-300 {
  border-color: var(--c-info-300);
}

:is(.badge, .button).is-plain.is-info-300 {
  background-color: var(--c-info-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-300:is(:hover, :focus) {
    background-color: var(--c-info-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-300 {
  border-color: var(--c-info-300);
  color: var(--c-info-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-300:is(:hover, :focus) {
    background-color: var(--c-info-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-300 {
  color: var(--c-info-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-300:is(:hover, :focus) {
    background-color: var(--c-info-300-a0\.05);
    color: var(--c-info-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-300 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-300-a0\.5);
}

:root {
  --c-info-400: #81d7df;
  --c-info-400-l1: #a9dbe0;
  --c-info-400-d1: #61ccd6;
  --c-info-400-a0\.5: rgba(129, 215, 223, 0.5);
  --c-info-400-a0\.05: rgba(129, 215, 223, 0.05);
}

:is(*, .text).c-info-400 {
  color: var(--c-info-400);
}

:is(*, .card, .box).bgc-info-400 {
  background-color: var(--c-info-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-400 {
  border-color: var(--c-info-400);
}

:is(.badge, .button).is-plain.is-info-400 {
  background-color: var(--c-info-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-400:is(:hover, :focus) {
    background-color: var(--c-info-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-400 {
  border-color: var(--c-info-400);
  color: var(--c-info-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-400:is(:hover, :focus) {
    background-color: var(--c-info-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-400 {
  color: var(--c-info-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-400:is(:hover, :focus) {
    background-color: var(--c-info-400-a0\.05);
    color: var(--c-info-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-400 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-400-a0\.5);
}

:root {
  --c-info-500: #55c9d3;
  --c-info-500-l1: #80cad1;
  --c-info-500-d1: #34becb;
  --c-info-500-a0\.5: rgba(85, 201, 211, 0.5);
  --c-info-500-a0\.05: rgba(85, 201, 211, 0.05);
}

:is(*, .text).c-info-500 {
  color: var(--c-info-500);
}

:is(*, .card, .box).bgc-info-500 {
  background-color: var(--c-info-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-500 {
  border-color: var(--c-info-500);
}

:is(.badge, .button).is-plain.is-info-500 {
  background-color: var(--c-info-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-500:is(:hover, :focus) {
    background-color: var(--c-info-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-500 {
  border-color: var(--c-info-500);
  color: var(--c-info-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-500:is(:hover, :focus) {
    background-color: var(--c-info-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-500 {
  color: var(--c-info-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-500:is(:hover, :focus) {
    background-color: var(--c-info-500-a0\.05);
    color: var(--c-info-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-500 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-500-a0\.5);
}

:root {
  --c-info-550: #3cc1cd;
  --c-info-550-l1: #69c1c9;
  --c-info-550-d1: #2ea7b2;
  --c-info-550-a0\.5: rgba(60, 193, 205, 0.5);
  --c-info-550-a0\.05: rgba(60, 193, 205, 0.05);
}

:is(*, .text).c-info-550 {
  color: var(--c-info-550);
}

:is(*, .card, .box).bgc-info-550 {
  background-color: var(--c-info-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-550 {
  border-color: var(--c-info-550);
}

:is(.badge, .button).is-plain.is-info-550 {
  background-color: var(--c-info-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-550:is(:hover, :focus) {
    background-color: var(--c-info-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-550 {
  border-color: var(--c-info-550);
  color: var(--c-info-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-550:is(:hover, :focus) {
    background-color: var(--c-info-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-550 {
  color: var(--c-info-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-550:is(:hover, :focus) {
    background-color: var(--c-info-550-a0\.05);
    color: var(--c-info-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-550 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-550-a0\.5);
}

:root {
  --c-info-600: #30afbb;
  --c-info-600-l1: #53b8c1;
  --c-info-600-d1: #28919a;
  --c-info-600-a0\.5: rgba(48, 175, 187, 0.5);
  --c-info-600-a0\.05: rgba(48, 175, 187, 0.05);
}

:is(*, .text).c-info-600 {
  color: var(--c-info-600);
}

:is(*, .card, .box).bgc-info-600 {
  background-color: var(--c-info-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-600 {
  border-color: var(--c-info-600);
}

:is(.badge, .button).is-plain.is-info-600 {
  background-color: var(--c-info-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-600:is(:hover, :focus) {
    background-color: var(--c-info-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-600 {
  border-color: var(--c-info-600);
  color: var(--c-info-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-600:is(:hover, :focus) {
    background-color: var(--c-info-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-600 {
  color: var(--c-info-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-600:is(:hover, :focus) {
    background-color: var(--c-info-600-a0\.05);
    color: var(--c-info-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-600 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-600-a0\.5);
}

:root {
  --c-info-700: #24818a;
  --c-info-700-l1: #39959d;
  --c-info-700-d1: #1b6369;
  --c-info-700-a0\.5: rgba(36, 129, 138, 0.5);
  --c-info-700-a0\.05: rgba(36, 129, 138, 0.05);
}

:is(*, .text).c-info-700 {
  color: var(--c-info-700);
}

:is(*, .card, .box).bgc-info-700 {
  background-color: var(--c-info-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-700 {
  border-color: var(--c-info-700);
}

:is(.badge, .button).is-plain.is-info-700 {
  background-color: var(--c-info-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-700:is(:hover, :focus) {
    background-color: var(--c-info-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-700 {
  border-color: var(--c-info-700);
  color: var(--c-info-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-700:is(:hover, :focus) {
    background-color: var(--c-info-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-700 {
  color: var(--c-info-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-700:is(:hover, :focus) {
    background-color: var(--c-info-700-a0\.05);
    color: var(--c-info-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-700 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-700-a0\.5);
}

:root {
  --c-info-800: #18575d;
  --c-info-800-l1: #2a6e74;
  --c-info-800-d1: #10393d;
  --c-info-800-a0\.5: rgba(24, 87, 93, 0.5);
  --c-info-800-a0\.05: rgba(24, 87, 93, 0.05);
}

:is(*, .text).c-info-800 {
  color: var(--c-info-800);
}

:is(*, .card, .box).bgc-info-800 {
  background-color: var(--c-info-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-800 {
  border-color: var(--c-info-800);
}

:is(.badge, .button).is-plain.is-info-800 {
  background-color: var(--c-info-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-800:is(:hover, :focus) {
    background-color: var(--c-info-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-800 {
  border-color: var(--c-info-800);
  color: var(--c-info-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-800:is(:hover, :focus) {
    background-color: var(--c-info-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-800 {
  color: var(--c-info-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-800:is(:hover, :focus) {
    background-color: var(--c-info-800-a0\.05);
    color: var(--c-info-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-800 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-800-a0\.5);
}

:root {
  --c-info-900: #0e3135;
  --c-info-900-l1: #1c4b4f;
  --c-info-900-d1: #051314;
  --c-info-900-a0\.5: rgba(14, 49, 53, 0.5);
  --c-info-900-a0\.05: rgba(14, 49, 53, 0.05);
}

:is(*, .text).c-info-900 {
  color: var(--c-info-900);
}

:is(*, .card, .box).bgc-info-900 {
  background-color: var(--c-info-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-info-900 {
  border-color: var(--c-info-900);
}

:is(.badge, .button).is-plain.is-info-900 {
  background-color: var(--c-info-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-info-900:is(:hover, :focus) {
    background-color: var(--c-info-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-info-900 {
  border-color: var(--c-info-900);
  color: var(--c-info-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-info-900:is(:hover, :focus) {
    background-color: var(--c-info-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-info-900 {
  color: var(--c-info-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-info-900:is(:hover, :focus) {
    background-color: var(--c-info-900-a0\.05);
    color: var(--c-info-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-info-900 {
  background-color: var(--c-info-100);
  border-color: var(--c-info-900-a0\.5);
}

:root {
  --c-success: #30bb53;
  --c-success-l1: #53c16e;
  --c-success-d1: #289a44;
  --c-success-a0\.5: rgba(48, 187, 83, 0.5);
  --c-success-a0\.05: rgba(48, 187, 83, 0.05);
}

:is(*, .text).c-success {
  color: var(--c-success);
}

:is(*, .card, .box).bgc-success {
  background-color: var(--c-success);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success {
  border-color: var(--c-success);
}

:is(.badge, .button).is-plain.is-success {
  background-color: var(--c-success);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success:is(:hover, :focus) {
    background-color: var(--c-success-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success {
  border-color: var(--c-success);
  color: var(--c-success);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success:is(:hover, :focus) {
    background-color: var(--c-success);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success {
  color: var(--c-success);
}

@media (any-hover: hover) {
  .button.is-melt.is-success:is(:hover, :focus) {
    background-color: var(--c-success-a0\.05);
    color: var(--c-success-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success {
  background-color: var(--c-success-100);
  border-color: var(--c-success-a0\.5);
}

:root {
  --c-success-50: #f7fdf8;
  --c-success-50-l1: white;
  --c-success-50-d1: #d6f5de;
  --c-success-50-a0\.5: rgba(247, 253, 248, 0.5);
  --c-success-50-a0\.05: rgba(247, 253, 248, 0.05);
}

:is(*, .text).c-success-50 {
  color: var(--c-success-50);
}

:is(*, .card, .box).bgc-success-50 {
  background-color: var(--c-success-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-50 {
  border-color: var(--c-success-50);
}

:is(.badge, .button).is-plain.is-success-50 {
  background-color: var(--c-success-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-50:is(:hover, :focus) {
    background-color: var(--c-success-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-50 {
  border-color: var(--c-success-50);
  color: var(--c-success-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-50:is(:hover, :focus) {
    background-color: var(--c-success-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-50 {
  color: var(--c-success-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-50:is(:hover, :focus) {
    background-color: var(--c-success-50-a0\.05);
    color: var(--c-success-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-50 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-50-a0\.5);
}

:root {
  --c-success-100: #effbf2;
  --c-success-100-l1: white;
  --c-success-100-d1: #cef2d7;
  --c-success-100-a0\.5: rgba(239, 251, 242, 0.5);
  --c-success-100-a0\.05: rgba(239, 251, 242, 0.05);
}

:is(*, .text).c-success-100 {
  color: var(--c-success-100);
}

:is(*, .card, .box).bgc-success-100 {
  background-color: var(--c-success-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-100 {
  border-color: var(--c-success-100);
}

:is(.badge, .button).is-plain.is-success-100 {
  background-color: var(--c-success-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-100:is(:hover, :focus) {
    background-color: var(--c-success-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-100 {
  border-color: var(--c-success-100);
  color: var(--c-success-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-100:is(:hover, :focus) {
    background-color: var(--c-success-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-100 {
  color: var(--c-success-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-100:is(:hover, :focus) {
    background-color: var(--c-success-100-a0\.05);
    color: var(--c-success-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-100 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-100-a0\.5);
}

:root {
  --c-success-150: #e3f8e8;
  --c-success-150-l1: white;
  --c-success-150-d1: #c2efcd;
  --c-success-150-a0\.5: rgba(227, 248, 232, 0.5);
  --c-success-150-a0\.05: rgba(227, 248, 232, 0.05);
}

:is(*, .text).c-success-150 {
  color: var(--c-success-150);
}

:is(*, .card, .box).bgc-success-150 {
  background-color: var(--c-success-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-150 {
  border-color: var(--c-success-150);
}

:is(.badge, .button).is-plain.is-success-150 {
  background-color: var(--c-success-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-150:is(:hover, :focus) {
    background-color: var(--c-success-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-150 {
  border-color: var(--c-success-150);
  color: var(--c-success-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-150:is(:hover, :focus) {
    background-color: var(--c-success-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-150 {
  color: var(--c-success-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-150:is(:hover, :focus) {
    background-color: var(--c-success-150-a0\.05);
    color: var(--c-success-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-150 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-150-a0\.5);
}

:root {
  --c-success-200: #cef2d7;
  --c-success-200-l1: #f0faf2;
  --c-success-200-d1: #aeeabd;
  --c-success-200-a0\.5: rgba(206, 242, 215, 0.5);
  --c-success-200-a0\.05: rgba(206, 242, 215, 0.05);
}

:is(*, .text).c-success-200 {
  color: var(--c-success-200);
}

:is(*, .card, .box).bgc-success-200 {
  background-color: var(--c-success-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-200 {
  border-color: var(--c-success-200);
}

:is(.badge, .button).is-plain.is-success-200 {
  background-color: var(--c-success-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-200:is(:hover, :focus) {
    background-color: var(--c-success-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-200 {
  border-color: var(--c-success-200);
  color: var(--c-success-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-200:is(:hover, :focus) {
    background-color: var(--c-success-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-200 {
  color: var(--c-success-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-200:is(:hover, :focus) {
    background-color: var(--c-success-200-a0\.05);
    color: var(--c-success-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-200 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-200-a0\.5);
}

:root {
  --c-success-300: #aae9ba;
  --c-success-300-l1: #ceedd6;
  --c-success-300-d1: #89e19f;
  --c-success-300-a0\.5: rgba(170, 233, 186, 0.5);
  --c-success-300-a0\.05: rgba(170, 233, 186, 0.05);
}

:is(*, .text).c-success-300 {
  color: var(--c-success-300);
}

:is(*, .card, .box).bgc-success-300 {
  background-color: var(--c-success-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-300 {
  border-color: var(--c-success-300);
}

:is(.badge, .button).is-plain.is-success-300 {
  background-color: var(--c-success-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-300:is(:hover, :focus) {
    background-color: var(--c-success-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-300 {
  border-color: var(--c-success-300);
  color: var(--c-success-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-300:is(:hover, :focus) {
    background-color: var(--c-success-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-300 {
  color: var(--c-success-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-300:is(:hover, :focus) {
    background-color: var(--c-success-300-a0\.05);
    color: var(--c-success-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-300 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-300-a0\.5);
}

:root {
  --c-success-400: #81df99;
  --c-success-400-l1: #a9e0b7;
  --c-success-400-d1: #61d67e;
  --c-success-400-a0\.5: rgba(129, 223, 153, 0.5);
  --c-success-400-a0\.05: rgba(129, 223, 153, 0.05);
}

:is(*, .text).c-success-400 {
  color: var(--c-success-400);
}

:is(*, .card, .box).bgc-success-400 {
  background-color: var(--c-success-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-400 {
  border-color: var(--c-success-400);
}

:is(.badge, .button).is-plain.is-success-400 {
  background-color: var(--c-success-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-400:is(:hover, :focus) {
    background-color: var(--c-success-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-400 {
  border-color: var(--c-success-400);
  color: var(--c-success-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-400:is(:hover, :focus) {
    background-color: var(--c-success-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-400 {
  color: var(--c-success-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-400:is(:hover, :focus) {
    background-color: var(--c-success-400-a0\.05);
    color: var(--c-success-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-400 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-400-a0\.5);
}

:root {
  --c-success-500: #55d374;
  --c-success-500-l1: #80d194;
  --c-success-500-d1: #34cb5a;
  --c-success-500-a0\.5: rgba(85, 211, 116, 0.5);
  --c-success-500-a0\.05: rgba(85, 211, 116, 0.05);
}

:is(*, .text).c-success-500 {
  color: var(--c-success-500);
}

:is(*, .card, .box).bgc-success-500 {
  background-color: var(--c-success-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-500 {
  border-color: var(--c-success-500);
}

:is(.badge, .button).is-plain.is-success-500 {
  background-color: var(--c-success-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-500:is(:hover, :focus) {
    background-color: var(--c-success-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-500 {
  border-color: var(--c-success-500);
  color: var(--c-success-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-500:is(:hover, :focus) {
    background-color: var(--c-success-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-500 {
  color: var(--c-success-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-500:is(:hover, :focus) {
    background-color: var(--c-success-500-a0\.05);
    color: var(--c-success-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-500 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-500-a0\.5);
}

:root {
  --c-success-550: #3ccd60;
  --c-success-550-l1: #69c981;
  --c-success-550-d1: #2eb24f;
  --c-success-550-a0\.5: rgba(60, 205, 96, 0.5);
  --c-success-550-a0\.05: rgba(60, 205, 96, 0.05);
}

:is(*, .text).c-success-550 {
  color: var(--c-success-550);
}

:is(*, .card, .box).bgc-success-550 {
  background-color: var(--c-success-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-550 {
  border-color: var(--c-success-550);
}

:is(.badge, .button).is-plain.is-success-550 {
  background-color: var(--c-success-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-550:is(:hover, :focus) {
    background-color: var(--c-success-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-550 {
  border-color: var(--c-success-550);
  color: var(--c-success-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-550:is(:hover, :focus) {
    background-color: var(--c-success-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-550 {
  color: var(--c-success-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-550:is(:hover, :focus) {
    background-color: var(--c-success-550-a0\.05);
    color: var(--c-success-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-550 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-550-a0\.5);
}

:root {
  --c-success-600: #30bb53;
  --c-success-600-l1: #53c16e;
  --c-success-600-d1: #289a44;
  --c-success-600-a0\.5: rgba(48, 187, 83, 0.5);
  --c-success-600-a0\.05: rgba(48, 187, 83, 0.05);
}

:is(*, .text).c-success-600 {
  color: var(--c-success-600);
}

:is(*, .card, .box).bgc-success-600 {
  background-color: var(--c-success-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-600 {
  border-color: var(--c-success-600);
}

:is(.badge, .button).is-plain.is-success-600 {
  background-color: var(--c-success-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-600:is(:hover, :focus) {
    background-color: var(--c-success-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-600 {
  border-color: var(--c-success-600);
  color: var(--c-success-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-600:is(:hover, :focus) {
    background-color: var(--c-success-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-600 {
  color: var(--c-success-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-600:is(:hover, :focus) {
    background-color: var(--c-success-600-a0\.05);
    color: var(--c-success-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-600 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-600-a0\.5);
}

:root {
  --c-success-700: #248a3d;
  --c-success-700-l1: #399d52;
  --c-success-700-d1: #1b692f;
  --c-success-700-a0\.5: rgba(36, 138, 61, 0.5);
  --c-success-700-a0\.05: rgba(36, 138, 61, 0.05);
}

:is(*, .text).c-success-700 {
  color: var(--c-success-700);
}

:is(*, .card, .box).bgc-success-700 {
  background-color: var(--c-success-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-700 {
  border-color: var(--c-success-700);
}

:is(.badge, .button).is-plain.is-success-700 {
  background-color: var(--c-success-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-700:is(:hover, :focus) {
    background-color: var(--c-success-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-700 {
  border-color: var(--c-success-700);
  color: var(--c-success-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-700:is(:hover, :focus) {
    background-color: var(--c-success-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-700 {
  color: var(--c-success-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-700:is(:hover, :focus) {
    background-color: var(--c-success-700-a0\.05);
    color: var(--c-success-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-700 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-700-a0\.5);
}

:root {
  --c-success-800: #185d29;
  --c-success-800-l1: #2a743c;
  --c-success-800-d1: #103d1b;
  --c-success-800-a0\.5: rgba(24, 93, 41, 0.5);
  --c-success-800-a0\.05: rgba(24, 93, 41, 0.05);
}

:is(*, .text).c-success-800 {
  color: var(--c-success-800);
}

:is(*, .card, .box).bgc-success-800 {
  background-color: var(--c-success-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-800 {
  border-color: var(--c-success-800);
}

:is(.badge, .button).is-plain.is-success-800 {
  background-color: var(--c-success-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-800:is(:hover, :focus) {
    background-color: var(--c-success-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-800 {
  border-color: var(--c-success-800);
  color: var(--c-success-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-800:is(:hover, :focus) {
    background-color: var(--c-success-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-800 {
  color: var(--c-success-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-800:is(:hover, :focus) {
    background-color: var(--c-success-800-a0\.05);
    color: var(--c-success-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-800 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-800-a0\.5);
}

:root {
  --c-success-900: #0e3517;
  --c-success-900-l1: #1c4f29;
  --c-success-900-d1: #051409;
  --c-success-900-a0\.5: rgba(14, 53, 23, 0.5);
  --c-success-900-a0\.05: rgba(14, 53, 23, 0.05);
}

:is(*, .text).c-success-900 {
  color: var(--c-success-900);
}

:is(*, .card, .box).bgc-success-900 {
  background-color: var(--c-success-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-success-900 {
  border-color: var(--c-success-900);
}

:is(.badge, .button).is-plain.is-success-900 {
  background-color: var(--c-success-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-success-900:is(:hover, :focus) {
    background-color: var(--c-success-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-success-900 {
  border-color: var(--c-success-900);
  color: var(--c-success-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-success-900:is(:hover, :focus) {
    background-color: var(--c-success-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-success-900 {
  color: var(--c-success-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-success-900:is(:hover, :focus) {
    background-color: var(--c-success-900-a0\.05);
    color: var(--c-success-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-success-900 {
  background-color: var(--c-success-100);
  border-color: var(--c-success-900-a0\.5);
}

:root {
  --c-warning: #e99c01;
  --c-warning-l1: #eaaa2a;
  --c-warning-d1: #c18101;
  --c-warning-a0\.5: rgba(233, 156, 1, 0.5);
  --c-warning-a0\.05: rgba(233, 156, 1, 0.05);
}

:is(*, .text).c-warning {
  color: var(--c-warning);
}

:is(*, .card, .box).bgc-warning {
  background-color: var(--c-warning);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning {
  border-color: var(--c-warning);
}

:is(.badge, .button).is-plain.is-warning {
  background-color: var(--c-warning);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning:is(:hover, :focus) {
    background-color: var(--c-warning-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning {
  border-color: var(--c-warning);
  color: var(--c-warning);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning:is(:hover, :focus) {
    background-color: var(--c-warning);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning {
  color: var(--c-warning);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning:is(:hover, :focus) {
    background-color: var(--c-warning-a0\.05);
    color: var(--c-warning-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-a0\.5);
}

:root {
  --c-warning-50: #fffcf5;
  --c-warning-50-l1: white;
  --c-warning-50-d1: #ffeecc;
  --c-warning-50-a0\.5: rgba(255, 252, 245, 0.5);
  --c-warning-50-a0\.05: rgba(255, 252, 245, 0.05);
}

:is(*, .text).c-warning-50 {
  color: var(--c-warning-50);
}

:is(*, .card, .box).bgc-warning-50 {
  background-color: var(--c-warning-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-50 {
  border-color: var(--c-warning-50);
}

:is(.badge, .button).is-plain.is-warning-50 {
  background-color: var(--c-warning-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-50:is(:hover, :focus) {
    background-color: var(--c-warning-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-50 {
  border-color: var(--c-warning-50);
  color: var(--c-warning-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-50:is(:hover, :focus) {
    background-color: var(--c-warning-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-50 {
  color: var(--c-warning-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-50:is(:hover, :focus) {
    background-color: var(--c-warning-50-a0\.05);
    color: var(--c-warning-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-50 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-50-a0\.5);
}

:root {
  --c-warning-100: #fff8eb;
  --c-warning-100-l1: white;
  --c-warning-100-d1: #ffeac2;
  --c-warning-100-a0\.5: rgba(255, 248, 235, 0.5);
  --c-warning-100-a0\.05: rgba(255, 248, 235, 0.05);
}

:is(*, .text).c-warning-100 {
  color: var(--c-warning-100);
}

:is(*, .card, .box).bgc-warning-100 {
  background-color: var(--c-warning-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-100 {
  border-color: var(--c-warning-100);
}

:is(.badge, .button).is-plain.is-warning-100 {
  background-color: var(--c-warning-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-100:is(:hover, :focus) {
    background-color: var(--c-warning-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-100 {
  border-color: var(--c-warning-100);
  color: var(--c-warning-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-100:is(:hover, :focus) {
    background-color: var(--c-warning-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-100 {
  color: var(--c-warning-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-100:is(:hover, :focus) {
    background-color: var(--c-warning-100-a0\.05);
    color: var(--c-warning-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-100 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-100-a0\.5);
}

:root {
  --c-warning-150: #fff3db;
  --c-warning-150-l1: white;
  --c-warning-150-d1: #ffe5b3;
  --c-warning-150-a0\.5: rgba(255, 243, 219, 0.5);
  --c-warning-150-a0\.05: rgba(255, 243, 219, 0.05);
}

:is(*, .text).c-warning-150 {
  color: var(--c-warning-150);
}

:is(*, .card, .box).bgc-warning-150 {
  background-color: var(--c-warning-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-150 {
  border-color: var(--c-warning-150);
}

:is(.badge, .button).is-plain.is-warning-150 {
  background-color: var(--c-warning-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-150:is(:hover, :focus) {
    background-color: var(--c-warning-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-150 {
  border-color: var(--c-warning-150);
  color: var(--c-warning-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-150:is(:hover, :focus) {
    background-color: var(--c-warning-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-150 {
  color: var(--c-warning-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-150:is(:hover, :focus) {
    background-color: var(--c-warning-150-a0\.05);
    color: var(--c-warning-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-150 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-150-a0\.5);
}

:root {
  --c-warning-200: #ffeac2;
  --c-warning-200-l1: #fdf8ec;
  --c-warning-200-d1: #fedd9a;
  --c-warning-200-a0\.5: rgba(255, 234, 194, 0.5);
  --c-warning-200-a0\.05: rgba(255, 234, 194, 0.05);
}

:is(*, .text).c-warning-200 {
  color: var(--c-warning-200);
}

:is(*, .card, .box).bgc-warning-200 {
  background-color: var(--c-warning-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-200 {
  border-color: var(--c-warning-200);
}

:is(.badge, .button).is-plain.is-warning-200 {
  background-color: var(--c-warning-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-200:is(:hover, :focus) {
    background-color: var(--c-warning-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-200 {
  border-color: var(--c-warning-200);
  color: var(--c-warning-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-200:is(:hover, :focus) {
    background-color: var(--c-warning-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-200 {
  color: var(--c-warning-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-200:is(:hover, :focus) {
    background-color: var(--c-warning-200-a0\.05);
    color: var(--c-warning-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-200 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-200-a0\.5);
}

:root {
  --c-warning-300: #fedb94;
  --c-warning-300-l1: #f9e7c3;
  --c-warning-300-d1: #fecd6c;
  --c-warning-300-a0\.5: rgba(254, 219, 148, 0.5);
  --c-warning-300-a0\.05: rgba(254, 219, 148, 0.05);
}

:is(*, .text).c-warning-300 {
  color: var(--c-warning-300);
}

:is(*, .card, .box).bgc-warning-300 {
  background-color: var(--c-warning-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-300 {
  border-color: var(--c-warning-300);
}

:is(.badge, .button).is-plain.is-warning-300 {
  background-color: var(--c-warning-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-300:is(:hover, :focus) {
    background-color: var(--c-warning-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-300 {
  border-color: var(--c-warning-300);
  color: var(--c-warning-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-300:is(:hover, :focus) {
    background-color: var(--c-warning-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-300 {
  color: var(--c-warning-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-300:is(:hover, :focus) {
    background-color: var(--c-warning-300-a0\.05);
    color: var(--c-warning-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-300 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-300-a0\.5);
}

:root {
  --c-warning-400: #feca62;
  --c-warning-400-l1: #f4d494;
  --c-warning-400-d1: #febc39;
  --c-warning-400-a0\.5: rgba(254, 202, 98, 0.5);
  --c-warning-400-a0\.05: rgba(254, 202, 98, 0.05);
}

:is(*, .text).c-warning-400 {
  color: var(--c-warning-400);
}

:is(*, .card, .box).bgc-warning-400 {
  background-color: var(--c-warning-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-400 {
  border-color: var(--c-warning-400);
}

:is(.badge, .button).is-plain.is-warning-400 {
  background-color: var(--c-warning-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-400:is(:hover, :focus) {
    background-color: var(--c-warning-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-400 {
  border-color: var(--c-warning-400);
  color: var(--c-warning-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-400:is(:hover, :focus) {
    background-color: var(--c-warning-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-400 {
  color: var(--c-warning-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-400:is(:hover, :focus) {
    background-color: var(--c-warning-400-a0\.05);
    color: var(--c-warning-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-400 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-400-a0\.5);
}

:root {
  --c-warning-500: #feb72a;
  --c-warning-500-l1: #efc061;
  --c-warning-500-d1: #feaa01;
  --c-warning-500-a0\.5: rgba(254, 183, 42, 0.5);
  --c-warning-500-a0\.05: rgba(254, 183, 42, 0.05);
}

:is(*, .text).c-warning-500 {
  color: var(--c-warning-500);
}

:is(*, .card, .box).bgc-warning-500 {
  background-color: var(--c-warning-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-500 {
  border-color: var(--c-warning-500);
}

:is(.badge, .button).is-plain.is-warning-500 {
  background-color: var(--c-warning-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-500:is(:hover, :focus) {
    background-color: var(--c-warning-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-500 {
  border-color: var(--c-warning-500);
  color: var(--c-warning-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-500:is(:hover, :focus) {
    background-color: var(--c-warning-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-500 {
  color: var(--c-warning-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-500:is(:hover, :focus) {
    background-color: var(--c-warning-500-a0\.05);
    color: var(--c-warning-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-500 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-500-a0\.5);
}

:root {
  --c-warning-550: #fead0b;
  --c-warning-550-l1: #edb545;
  --c-warning-550-d1: #df9501;
  --c-warning-550-a0\.5: rgba(254, 173, 11, 0.5);
  --c-warning-550-a0\.05: rgba(254, 173, 11, 0.05);
}

:is(*, .text).c-warning-550 {
  color: var(--c-warning-550);
}

:is(*, .card, .box).bgc-warning-550 {
  background-color: var(--c-warning-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-550 {
  border-color: var(--c-warning-550);
}

:is(.badge, .button).is-plain.is-warning-550 {
  background-color: var(--c-warning-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-550:is(:hover, :focus) {
    background-color: var(--c-warning-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-550 {
  border-color: var(--c-warning-550);
  color: var(--c-warning-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-550:is(:hover, :focus) {
    background-color: var(--c-warning-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-550 {
  color: var(--c-warning-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-550:is(:hover, :focus) {
    background-color: var(--c-warning-550-a0\.05);
    color: var(--c-warning-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-550 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-550-a0\.5);
}

:root {
  --c-warning-600: #e99c01;
  --c-warning-600-l1: #eaaa2a;
  --c-warning-600-d1: #c18101;
  --c-warning-600-a0\.5: rgba(233, 156, 1, 0.5);
  --c-warning-600-a0\.05: rgba(233, 156, 1, 0.05);
}

:is(*, .text).c-warning-600 {
  color: var(--c-warning-600);
}

:is(*, .card, .box).bgc-warning-600 {
  background-color: var(--c-warning-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-600 {
  border-color: var(--c-warning-600);
}

:is(.badge, .button).is-plain.is-warning-600 {
  background-color: var(--c-warning-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-600:is(:hover, :focus) {
    background-color: var(--c-warning-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-600 {
  border-color: var(--c-warning-600);
  color: var(--c-warning-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-600:is(:hover, :focus) {
    background-color: var(--c-warning-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-600 {
  color: var(--c-warning-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-600:is(:hover, :focus) {
    background-color: var(--c-warning-600-a0\.05);
    color: var(--c-warning-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-600 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-600-a0\.5);
}

:root {
  --c-warning-700: #ad7301;
  --c-warning-700-l1: #c38813;
  --c-warning-700-d1: #845801;
  --c-warning-700-a0\.5: rgba(173, 115, 1, 0.5);
  --c-warning-700-a0\.05: rgba(173, 115, 1, 0.05);
}

:is(*, .text).c-warning-700 {
  color: var(--c-warning-700);
}

:is(*, .card, .box).bgc-warning-700 {
  background-color: var(--c-warning-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-700 {
  border-color: var(--c-warning-700);
}

:is(.badge, .button).is-plain.is-warning-700 {
  background-color: var(--c-warning-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-700:is(:hover, :focus) {
    background-color: var(--c-warning-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-700 {
  border-color: var(--c-warning-700);
  color: var(--c-warning-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-700:is(:hover, :focus) {
    background-color: var(--c-warning-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-700 {
  color: var(--c-warning-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-700:is(:hover, :focus) {
    background-color: var(--c-warning-700-a0\.05);
    color: var(--c-warning-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-700 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-700-a0\.5);
}

:root {
  --c-warning-800: #754e01;
  --c-warning-800-l1: #90650e;
  --c-warning-800-d1: #4c3300;
  --c-warning-800-a0\.5: rgba(117, 78, 1, 0.5);
  --c-warning-800-a0\.05: rgba(117, 78, 1, 0.05);
}

:is(*, .text).c-warning-800 {
  color: var(--c-warning-800);
}

:is(*, .card, .box).bgc-warning-800 {
  background-color: var(--c-warning-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-800 {
  border-color: var(--c-warning-800);
}

:is(.badge, .button).is-plain.is-warning-800 {
  background-color: var(--c-warning-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-800:is(:hover, :focus) {
    background-color: var(--c-warning-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-800 {
  border-color: var(--c-warning-800);
  color: var(--c-warning-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-800:is(:hover, :focus) {
    background-color: var(--c-warning-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-800 {
  color: var(--c-warning-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-800:is(:hover, :focus) {
    background-color: var(--c-warning-800-a0\.05);
    color: var(--c-warning-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-800 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-800-a0\.5);
}

:root {
  --c-warning-900: #422c00;
  --c-warning-900-l1: #61440a;
  --c-warning-900-d1: #191100;
  --c-warning-900-a0\.5: rgba(66, 44, 0, 0.5);
  --c-warning-900-a0\.05: rgba(66, 44, 0, 0.05);
}

:is(*, .text).c-warning-900 {
  color: var(--c-warning-900);
}

:is(*, .card, .box).bgc-warning-900 {
  background-color: var(--c-warning-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-warning-900 {
  border-color: var(--c-warning-900);
}

:is(.badge, .button).is-plain.is-warning-900 {
  background-color: var(--c-warning-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-warning-900:is(:hover, :focus) {
    background-color: var(--c-warning-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-warning-900 {
  border-color: var(--c-warning-900);
  color: var(--c-warning-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-warning-900:is(:hover, :focus) {
    background-color: var(--c-warning-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-warning-900 {
  color: var(--c-warning-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-warning-900:is(:hover, :focus) {
    background-color: var(--c-warning-900-a0\.05);
    color: var(--c-warning-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-warning-900 {
  background-color: var(--c-warning-100);
  border-color: var(--c-warning-900-a0\.5);
}

:root {
  --c-danger: #1c297d;
  --c-danger-l1: #33408e;
  --c-danger-d1: #151e5b;
  --c-danger-a0\.5: rgba(28, 41, 125, 0.5);
  --c-danger-a0\.05: rgba(28, 41, 125, 0.05);
}

:is(*, .text).c-danger {
  color: var(--c-danger);
}

:is(*, .card, .box).bgc-danger {
  background-color: var(--c-danger);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger {
  border-color: var(--c-danger);
}

:is(.badge, .button).is-plain.is-danger {
  background-color: var(--c-danger);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger:is(:hover, :focus) {
    background-color: var(--c-danger-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger {
  border-color: var(--c-danger);
  color: var(--c-danger);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger:is(:hover, :focus) {
    background-color: var(--c-danger);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger {
  color: var(--c-danger);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger:is(:hover, :focus) {
    background-color: var(--c-danger-a0\.05);
    color: var(--c-danger-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-a0\.5);
}

:root {
  --c-danger-50: #f7f8fd;
  --c-danger-50-l1: white;
  --c-danger-50-d1: #d5daf6;
  --c-danger-50-a0\.5: rgba(247, 248, 253, 0.5);
  --c-danger-50-a0\.05: rgba(247, 248, 253, 0.05);
}

:is(*, .text).c-danger-50 {
  color: var(--c-danger-50);
}

:is(*, .card, .box).bgc-danger-50 {
  background-color: var(--c-danger-50);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-50 {
  border-color: var(--c-danger-50);
}

:is(.badge, .button).is-plain.is-danger-50 {
  background-color: var(--c-danger-50);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-50:is(:hover, :focus) {
    background-color: var(--c-danger-50-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-50 {
  border-color: var(--c-danger-50);
  color: var(--c-danger-50);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-50:is(:hover, :focus) {
    background-color: var(--c-danger-50);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-50 {
  color: var(--c-danger-50);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-50:is(:hover, :focus) {
    background-color: var(--c-danger-50-a0\.05);
    color: var(--c-danger-50-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-50 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-50-a0\.5);
}

:root {
  --c-danger-100: #eef0fb;
  --c-danger-100-l1: white;
  --c-danger-100-d1: #cdd2f4;
  --c-danger-100-a0\.5: rgba(238, 240, 251, 0.5);
  --c-danger-100-a0\.05: rgba(238, 240, 251, 0.05);
}

:is(*, .text).c-danger-100 {
  color: var(--c-danger-100);
}

:is(*, .card, .box).bgc-danger-100 {
  background-color: var(--c-danger-100);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-100 {
  border-color: var(--c-danger-100);
}

:is(.badge, .button).is-plain.is-danger-100 {
  background-color: var(--c-danger-100);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-100:is(:hover, :focus) {
    background-color: var(--c-danger-100-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-100 {
  border-color: var(--c-danger-100);
  color: var(--c-danger-100);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-100:is(:hover, :focus) {
    background-color: var(--c-danger-100);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-100 {
  color: var(--c-danger-100);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-100:is(:hover, :focus) {
    background-color: var(--c-danger-100-a0\.05);
    color: var(--c-danger-100-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-100 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-100-a0\.5);
}

:root {
  --c-danger-150: #e2e5f8;
  --c-danger-150-l1: white;
  --c-danger-150-d1: #c1c7f1;
  --c-danger-150-a0\.5: rgba(226, 229, 248, 0.5);
  --c-danger-150-a0\.05: rgba(226, 229, 248, 0.05);
}

:is(*, .text).c-danger-150 {
  color: var(--c-danger-150);
}

:is(*, .card, .box).bgc-danger-150 {
  background-color: var(--c-danger-150);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-150 {
  border-color: var(--c-danger-150);
}

:is(.badge, .button).is-plain.is-danger-150 {
  background-color: var(--c-danger-150);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-150:is(:hover, :focus) {
    background-color: var(--c-danger-150-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-150 {
  border-color: var(--c-danger-150);
  color: var(--c-danger-150);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-150:is(:hover, :focus) {
    background-color: var(--c-danger-150);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-150 {
  color: var(--c-danger-150);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-150:is(:hover, :focus) {
    background-color: var(--c-danger-150-a0\.05);
    color: var(--c-danger-150-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-150 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-150-a0\.5);
}

:root {
  --c-danger-200: #cdd2f4;
  --c-danger-200-l1: #f0f1fa;
  --c-danger-200-d1: #acb4ec;
  --c-danger-200-a0\.5: rgba(205, 210, 244, 0.5);
  --c-danger-200-a0\.05: rgba(205, 210, 244, 0.05);
}

:is(*, .text).c-danger-200 {
  color: var(--c-danger-200);
}

:is(*, .card, .box).bgc-danger-200 {
  background-color: var(--c-danger-200);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-200 {
  border-color: var(--c-danger-200);
}

:is(.badge, .button).is-plain.is-danger-200 {
  background-color: var(--c-danger-200);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-200:is(:hover, :focus) {
    background-color: var(--c-danger-200-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-200 {
  border-color: var(--c-danger-200);
  color: var(--c-danger-200);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-200:is(:hover, :focus) {
    background-color: var(--c-danger-200);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-200 {
  color: var(--c-danger-200);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-200:is(:hover, :focus) {
    background-color: var(--c-danger-200-a0\.05);
    color: var(--c-danger-200-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-200 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-200-a0\.5);
}

:root {
  --c-danger-300: #a8b1eb;
  --c-danger-300-l1: #ced2ed;
  --c-danger-300-d1: #8693e4;
  --c-danger-300-a0\.5: rgba(168, 177, 235, 0.5);
  --c-danger-300-a0\.05: rgba(168, 177, 235, 0.05);
}

:is(*, .text).c-danger-300 {
  color: var(--c-danger-300);
}

:is(*, .card, .box).bgc-danger-300 {
  background-color: var(--c-danger-300);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-300 {
  border-color: var(--c-danger-300);
}

:is(.badge, .button).is-plain.is-danger-300 {
  background-color: var(--c-danger-300);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-300:is(:hover, :focus) {
    background-color: var(--c-danger-300-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-300 {
  border-color: var(--c-danger-300);
  color: var(--c-danger-300);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-300:is(:hover, :focus) {
    background-color: var(--c-danger-300);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-300 {
  color: var(--c-danger-300);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-300:is(:hover, :focus) {
    background-color: var(--c-danger-300-a0\.05);
    color: var(--c-danger-300-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-300 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-300-a0\.5);
}

:root {
  --c-danger-400: #7e8be2;
  --c-danger-400-l1: #a9b0e0;
  --c-danger-400-d1: #5d6eda;
  --c-danger-400-a0\.5: rgba(126, 139, 226, 0.5);
  --c-danger-400-a0\.05: rgba(126, 139, 226, 0.05);
}

:is(*, .text).c-danger-400 {
  color: var(--c-danger-400);
}

:is(*, .card, .box).bgc-danger-400 {
  background-color: var(--c-danger-400);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-400 {
  border-color: var(--c-danger-400);
}

:is(.badge, .button).is-plain.is-danger-400 {
  background-color: var(--c-danger-400);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-400:is(:hover, :focus) {
    background-color: var(--c-danger-400-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-400 {
  border-color: var(--c-danger-400);
  color: var(--c-danger-400);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-400:is(:hover, :focus) {
    background-color: var(--c-danger-400);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-400 {
  color: var(--c-danger-400);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-400:is(:hover, :focus) {
    background-color: var(--c-danger-400-a0\.05);
    color: var(--c-danger-400-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-400 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-400-a0\.5);
}

:root {
  --c-danger-500: #5062d7;
  --c-danger-500-l1: #808ad1;
  --c-danger-500-d1: #2f45d0;
  --c-danger-500-a0\.5: rgba(80, 98, 215, 0.5);
  --c-danger-500-a0\.05: rgba(80, 98, 215, 0.05);
}

:is(*, .text).c-danger-500 {
  color: var(--c-danger-500);
}

:is(*, .card, .box).bgc-danger-500 {
  background-color: var(--c-danger-500);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-500 {
  border-color: var(--c-danger-500);
}

:is(.badge, .button).is-plain.is-danger-500 {
  background-color: var(--c-danger-500);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-500:is(:hover, :focus) {
    background-color: var(--c-danger-500-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-500 {
  border-color: var(--c-danger-500);
  color: var(--c-danger-500);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-500:is(:hover, :focus) {
    background-color: var(--c-danger-500);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-500 {
  color: var(--c-danger-500);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-500:is(:hover, :focus) {
    background-color: var(--c-danger-500-a0\.05);
    color: var(--c-danger-500-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-500 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-500-a0\.5);
}

:root {
  --c-danger-550: #374cd2;
  --c-danger-550-l1: #6976c9;
  --c-danger-550-d1: #2a3cb7;
  --c-danger-550-a0\.5: rgba(55, 76, 210, 0.5);
  --c-danger-550-a0\.05: rgba(55, 76, 210, 0.05);
}

:is(*, .text).c-danger-550 {
  color: var(--c-danger-550);
}

:is(*, .card, .box).bgc-danger-550 {
  background-color: var(--c-danger-550);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-550 {
  border-color: var(--c-danger-550);
}

:is(.badge, .button).is-plain.is-danger-550 {
  background-color: var(--c-danger-550);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-550:is(:hover, :focus) {
    background-color: var(--c-danger-550-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-550 {
  border-color: var(--c-danger-550);
  color: var(--c-danger-550);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-550:is(:hover, :focus) {
    background-color: var(--c-danger-550);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-550 {
  color: var(--c-danger-550);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-550:is(:hover, :focus) {
    background-color: var(--c-danger-550-a0\.05);
    color: var(--c-danger-550-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-550 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-550-a0\.5);
}

:root {
  --c-danger-600: #2b3fbf;
  --c-danger-600-l1: #5361c1;
  --c-danger-600-d1: #24349e;
  --c-danger-600-a0\.5: rgba(43, 63, 191, 0.5);
  --c-danger-600-a0\.05: rgba(43, 63, 191, 0.05);
}

:is(*, .text).c-danger-600 {
  color: var(--c-danger-600);
}

:is(*, .card, .box).bgc-danger-600 {
  background-color: var(--c-danger-600);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-600 {
  border-color: var(--c-danger-600);
}

:is(.badge, .button).is-plain.is-danger-600 {
  background-color: var(--c-danger-600);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-600:is(:hover, :focus) {
    background-color: var(--c-danger-600-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-600 {
  border-color: var(--c-danger-600);
  color: var(--c-danger-600);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-600:is(:hover, :focus) {
    background-color: var(--c-danger-600);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-600 {
  color: var(--c-danger-600);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-600:is(:hover, :focus) {
    background-color: var(--c-danger-600-a0\.05);
    color: var(--c-danger-600-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-600 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-600-a0\.5);
}

:root {
  --c-danger-700: #202f8d;
  --c-danger-700-l1: #39469d;
  --c-danger-700-d1: #19246c;
  --c-danger-700-a0\.5: rgba(32, 47, 141, 0.5);
  --c-danger-700-a0\.05: rgba(32, 47, 141, 0.05);
}

:is(*, .text).c-danger-700 {
  color: var(--c-danger-700);
}

:is(*, .card, .box).bgc-danger-700 {
  background-color: var(--c-danger-700);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-700 {
  border-color: var(--c-danger-700);
}

:is(.badge, .button).is-plain.is-danger-700 {
  background-color: var(--c-danger-700);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-700:is(:hover, :focus) {
    background-color: var(--c-danger-700-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-700 {
  border-color: var(--c-danger-700);
  color: var(--c-danger-700);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-700:is(:hover, :focus) {
    background-color: var(--c-danger-700);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-700 {
  color: var(--c-danger-700);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-700:is(:hover, :focus) {
    background-color: var(--c-danger-700-a0\.05);
    color: var(--c-danger-700-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-700 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-700-a0\.5);
}

:root {
  --c-danger-800: #162060;
  --c-danger-800-l1: #2a3474;
  --c-danger-800-d1: #0e153e;
  --c-danger-800-a0\.5: rgba(22, 32, 96, 0.5);
  --c-danger-800-a0\.05: rgba(22, 32, 96, 0.05);
}

:is(*, .text).c-danger-800 {
  color: var(--c-danger-800);
}

:is(*, .card, .box).bgc-danger-800 {
  background-color: var(--c-danger-800);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-800 {
  border-color: var(--c-danger-800);
}

:is(.badge, .button).is-plain.is-danger-800 {
  background-color: var(--c-danger-800);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-800:is(:hover, :focus) {
    background-color: var(--c-danger-800-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-800 {
  border-color: var(--c-danger-800);
  color: var(--c-danger-800);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-800:is(:hover, :focus) {
    background-color: var(--c-danger-800);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-800 {
  color: var(--c-danger-800);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-800:is(:hover, :focus) {
    background-color: var(--c-danger-800-a0\.05);
    color: var(--c-danger-800-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-800 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-800-a0\.5);
}

:root {
  --c-danger-900: #0c1236;
  --c-danger-900-l1: #1c234f;
  --c-danger-900-d1: #050715;
  --c-danger-900-a0\.5: rgba(12, 18, 54, 0.5);
  --c-danger-900-a0\.05: rgba(12, 18, 54, 0.05);
}

:is(*, .text).c-danger-900 {
  color: var(--c-danger-900);
}

:is(*, .card, .box).bgc-danger-900 {
  background-color: var(--c-danger-900);
}

:is(*, .card, .box)[class*="is-outline"].bdc-danger-900 {
  border-color: var(--c-danger-900);
}

:is(.badge, .button).is-plain.is-danger-900 {
  background-color: var(--c-danger-900);
  color: #FFF;
}

@media (any-hover: hover) {
  .button.is-plain.is-danger-900:is(:hover, :focus) {
    background-color: var(--c-danger-900-l1);
    -webkit-filter: brightness(1.08);
            filter: brightness(1.08);
  }
}
:is(.badge, .button)[class*="is-outline"].is-danger-900 {
  border-color: var(--c-danger-900);
  color: var(--c-danger-900);
}

@media (any-hover: hover) {
  .button[class*="is-outline"].is-danger-900:is(:hover, :focus) {
    background-color: var(--c-danger-900);
    color: #FFF;
    border-color: transparent;
  }
}
:is(.badge, .button).is-melt.is-danger-900 {
  color: var(--c-danger-900);
}

@media (any-hover: hover) {
  .button.is-melt.is-danger-900:is(:hover, :focus) {
    background-color: var(--c-danger-900-a0\.05);
    color: var(--c-danger-900-l1);
  }
}
:is(input, .input, .button, .alert):not([disabled]):not([readonly]):not([type=button]):not(input[type=reset]):not(input[type=submit]).is-danger-900 {
  background-color: var(--c-danger-100);
  border-color: var(--c-danger-900-a0\.5);
}