/* BUILD CSS BY:
- npm install -g sass
- sass style/elbe.scss dist/elbe.css

*/
/*@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10..0,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Calistoga&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap");*/
:root {
  --g-radius: 9px;
  --c-accent: #1a396f;
  --t-font-body: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  --t-font-accent: Calistoga, Inter, system-ui, Avenir, Helvetica, Arial,
    sans-serif;
}

:root {
  /*font-family: "apple color emoji", "segoe ui emoji", "noto color emoji",
    "android emoji", "emojisymbols", "emojione mozilla", "twemoji mozilla",
    "segoe ui symbol", $t-font-body;*/
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif,
    "Noto Color Emoji";
  line-height: 1.3;
  color: #222;
  background-color: #ffffff;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  font-size: 16px;
  border-collapse: separate;
}

@media (orientation: portrait) {
  :root {
    font-size: 13px;
  }
}
*,
*:before,
*:after {
  box-sizing: inherit;
  font-family: inherit;
  font-weight: inherit;
}

body,
#app,
.elbe-base {
  margin: 0;
  display: block;
  min-height: 100vh;
  background-color: white;
}

body:has(.no-page-scroll) {
  overflow: hidden;
}

.debug {
  display: none;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.accent,
input[type="range"]::-webkit-slider-thumb,
input[type="range"]::-moz-range-thumb,
button {
  animation: blinker 1s linear infinite;
  color: white;
  background-color: rgb(255, 55, 0);
  border-color: transparent;
}

.error {
  animation: blinker 1s linear infinite;
  color: white;
  background-color: rgb(255, 55, 0);
  border-color: transparent;
}

.warning {
  animation: blinker 1s linear infinite;
  color: white;
  background-color: rgb(255, 55, 0);
  border-color: transparent;
}

.success {
  animation: blinker 1s linear infinite;
  color: white;
  background-color: rgb(255, 55, 0);
  border-color: transparent;
}

.info {
  animation: blinker 1s linear infinite;
  color: white;
  background-color: rgb(255, 55, 0);
  border-color: transparent;
}

.loud,
input[type="checkbox"]:checked {
  animation: blinker 1s linear infinite;
  color: white;
  background-color: rgb(255, 55, 0);
  border-color: transparent;
}

.action {
  animation: blinker 1s linear infinite;
  color: white;
  background-color: rgb(255, 55, 0);
  border-color: transparent;
}

.integrated {
  animation: blinker 1s linear infinite;
  color: white;
  background-color: rgb(255, 55, 0);
  border-color: transparent;
}

.primary,
.box.primary,
.primary.base-limited,
.primary.header,
.primary.card,
.primary.code,
input.primary[type="date"],
.primary.toast,
select.primary,
input.primary[type="text"],
input.primary[type="password"],
textarea.primary,
button.primary,
.box,
.base-limited,
.header,
.card,
.code,
input[type="date"],
.tooltipped .tooltip,
.toast,
select,
input[type="text"],
input[type="password"],
textarea,
button {
  color: #222222;
  background-color: #ffffff;
  border-color: rgba(34, 34, 34, 0.0941176471);
  --c-mode: primary;
  --c-accent: #1a396f;
  --c-error: #f34343;
  --c-warning: #ab8100;
  --c-success: #29ac5e;
  --c-info: #2463aa;
  --c-loud: #1a396f;
  --c-action: transparent;
  --c-integrated: transparent;
}
.primary .plain,
.box .plain,
.base-limited .plain,
.header .plain,
.card .plain,
.code .plain,
input[type="date"] .plain,
.tooltipped .tooltip .plain,
.toast .plain,
select .plain,
input[type="text"] .plain,
input[type="password"] .plain,
textarea .plain,
button .plain {
  color: #222222;
  background-color: transparent;
  border-color: rgba(34, 34, 34, 0.0941176471);
}
.primary .plain-opaque,
.box .plain-opaque,
.base-limited .plain-opaque,
.header .plain-opaque,
.card .plain-opaque,
.code .plain-opaque,
input[type="date"] .plain-opaque,
.tooltipped .tooltip .plain-opaque,
.toast .plain-opaque,
select .plain-opaque,
input[type="text"] .plain-opaque,
input[type="password"] .plain-opaque,
textarea .plain-opaque,
button .plain-opaque {
  color: #222222;
  background-color: #ffffff;
  border-color: rgba(34, 34, 34, 0.0941176471);
}
.primary .accent,
.primary input[type="range"]::-webkit-slider-thumb,
.primary input[type="range"]::-moz-range-thumb,
.primary button,
.box .accent,
.box input[type="range"]::-webkit-slider-thumb,
.box input[type="range"]::-moz-range-thumb,
.box button,
.base-limited .accent,
.base-limited input[type="range"]::-webkit-slider-thumb,
.base-limited input[type="range"]::-moz-range-thumb,
.base-limited button,
.header .accent,
.header input[type="range"]::-webkit-slider-thumb,
.header input[type="range"]::-moz-range-thumb,
.header button,
.card .accent,
.code .accent,
input[type="date"] .accent,
.card input[type="range"]::-webkit-slider-thumb,
.code input[type="range"]::-webkit-slider-thumb,
input[type="date"] input[type="range"]::-webkit-slider-thumb,
.card input[type="range"]::-moz-range-thumb,
.code input[type="range"]::-moz-range-thumb,
input[type="date"] input[type="range"]::-moz-range-thumb,
.tooltipped .tooltip .accent,
.tooltipped .tooltip input[type="range"]::-webkit-slider-thumb,
.tooltipped .tooltip input[type="range"]::-moz-range-thumb,
.toast .accent,
.toast input[type="range"]::-webkit-slider-thumb,
.toast input[type="range"]::-moz-range-thumb,
select .accent,
select input[type="range"]::-webkit-slider-thumb,
select input[type="range"]::-moz-range-thumb,
input[type="text"] .accent,
input[type="text"] input[type="range"]::-webkit-slider-thumb,
input[type="text"] input[type="range"]::-moz-range-thumb,
input[type="password"] .accent,
input[type="password"] input[type="range"]::-webkit-slider-thumb,
input[type="password"] input[type="range"]::-moz-range-thumb,
textarea .accent,
textarea input[type="range"]::-webkit-slider-thumb,
textarea input[type="range"]::-moz-range-thumb,
.card button,
.code button,
input[type="date"] button,
.tooltipped .tooltip button,
.toast button,
select button,
input[type="text"] button,
input[type="password"] button,
textarea button,
button .accent,
button input[type="range"]::-webkit-slider-thumb,
button input[type="range"]::-moz-range-thumb,
button button {
  animation: none;
  color: #ffffff;
  background-color: #1a396f;
  border-color: #1a396f;
}
.primary .accent.minor,
.primary input.accent[type="checkbox"]:checked,
.primary input.minor[type="range"]::-webkit-slider-thumb,
.primary input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.primary input.minor[type="range"]::-moz-range-thumb,
.primary input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.primary button.minor,
.box .accent.minor,
.box input.accent[type="checkbox"]:checked,
.box input.minor[type="range"]::-webkit-slider-thumb,
.box input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.box input.minor[type="range"]::-moz-range-thumb,
.box input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.box button.minor,
.base-limited .accent.minor,
.base-limited input.accent[type="checkbox"]:checked,
.base-limited input.minor[type="range"]::-webkit-slider-thumb,
.base-limited
  input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.base-limited input.minor[type="range"]::-moz-range-thumb,
.base-limited input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.base-limited button.minor,
.header .accent.minor,
.header input.accent[type="checkbox"]:checked,
.header input.minor[type="range"]::-webkit-slider-thumb,
.header input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.header input.minor[type="range"]::-moz-range-thumb,
.header input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.header button.minor,
.card .accent.minor,
.code .accent.minor,
input[type="date"] .accent.minor,
.card input.accent[type="checkbox"]:checked,
.code input.accent[type="checkbox"]:checked,
input[type="date"] input.accent[type="checkbox"]:checked,
.card input.minor[type="range"]::-webkit-slider-thumb,
.code input.minor[type="range"]::-webkit-slider-thumb,
input[type="date"] input.minor[type="range"]::-webkit-slider-thumb,
.card input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.code input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="date"]
  input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.card input.minor[type="range"]::-moz-range-thumb,
.code input.minor[type="range"]::-moz-range-thumb,
input[type="date"] input.minor[type="range"]::-moz-range-thumb,
.card input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.code input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="date"]
  input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.tooltipped .tooltip .accent.minor,
.tooltipped .tooltip input.accent[type="checkbox"]:checked,
.tooltipped .tooltip input.minor[type="range"]::-webkit-slider-thumb,
.tooltipped
  .tooltip
  input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.tooltipped .tooltip input.minor[type="range"]::-moz-range-thumb,
.tooltipped
  .tooltip
  input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.toast .accent.minor,
.toast input.accent[type="checkbox"]:checked,
.toast input.minor[type="range"]::-webkit-slider-thumb,
.toast input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.toast input.minor[type="range"]::-moz-range-thumb,
.toast input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
select .accent.minor,
select input.accent[type="checkbox"]:checked,
select input.minor[type="range"]::-webkit-slider-thumb,
select input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
select input.minor[type="range"]::-moz-range-thumb,
select input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="text"] .accent.minor,
input[type="text"] input.accent[type="checkbox"]:checked,
input[type="text"] input.minor[type="range"]::-webkit-slider-thumb,
input[type="text"]
  input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="text"] input.minor[type="range"]::-moz-range-thumb,
input[type="text"]
  input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="password"] .accent.minor,
input[type="password"] input.accent[type="checkbox"]:checked,
input[type="password"] input.minor[type="range"]::-webkit-slider-thumb,
input[type="password"]
  input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="password"] input.minor[type="range"]::-moz-range-thumb,
input[type="password"]
  input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
textarea .accent.minor,
textarea input.accent[type="checkbox"]:checked,
textarea input.minor[type="range"]::-webkit-slider-thumb,
textarea input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
textarea input.minor[type="range"]::-moz-range-thumb,
textarea input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.card button.minor,
.code button.minor,
input[type="date"] button.minor,
.tooltipped .tooltip button.minor,
.toast button.minor,
select button.minor,
input[type="text"] button.minor,
input[type="password"] button.minor,
textarea button.minor,
button .accent.minor,
button input.accent[type="checkbox"]:checked,
button input.minor[type="range"]::-webkit-slider-thumb,
button input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
button input.minor[type="range"]::-moz-range-thumb,
button input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
button button.minor {
  color: #1a396f;
  background-color: #c6cedb;
  border-color: #1a396f;
}
.primary .accent.minor.hovered,
.primary input.accent.hovered[type="checkbox"]:checked,
.primary input.minor.hovered[type="range"]::-webkit-slider-thumb,
.primary
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.primary input.minor.hovered[type="range"]::-moz-range-thumb,
.primary input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.primary button.minor.hovered,
.primary
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .accent.minor.hovered,
.box input.accent.hovered[type="checkbox"]:checked,
.box input.minor.hovered[type="range"]::-webkit-slider-thumb,
.box input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.box input.minor.hovered[type="range"]::-moz-range-thumb,
.box input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.box button.minor.hovered,
.box
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .accent.minor.hovered,
.base-limited input.accent.hovered[type="checkbox"]:checked,
.base-limited input.minor.hovered[type="range"]::-webkit-slider-thumb,
.base-limited
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.base-limited input.minor.hovered[type="range"]::-moz-range-thumb,
.base-limited
  input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.base-limited button.minor.hovered,
.base-limited
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .accent.minor.hovered,
.header input.accent.hovered[type="checkbox"]:checked,
.header input.minor.hovered[type="range"]::-webkit-slider-thumb,
.header
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.header input.minor.hovered[type="range"]::-moz-range-thumb,
.header input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.header button.minor.hovered,
.header
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .accent.minor.hovered,
.code .accent.minor.hovered,
input[type="date"] .accent.minor.hovered,
.card input.accent.hovered[type="checkbox"]:checked,
.code input.accent.hovered[type="checkbox"]:checked,
input[type="date"] input.accent.hovered[type="checkbox"]:checked,
.card input.minor.hovered[type="range"]::-webkit-slider-thumb,
.code input.minor.hovered[type="range"]::-webkit-slider-thumb,
input[type="date"] input.minor.hovered[type="range"]::-webkit-slider-thumb,
.card
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.code
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="date"]
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.card input.minor.hovered[type="range"]::-moz-range-thumb,
.code input.minor.hovered[type="range"]::-moz-range-thumb,
input[type="date"] input.minor.hovered[type="range"]::-moz-range-thumb,
.card input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.code input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="date"]
  input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.tooltipped .tooltip .accent.minor.hovered,
.tooltipped .tooltip input.accent.hovered[type="checkbox"]:checked,
.tooltipped .tooltip input.minor.hovered[type="range"]::-webkit-slider-thumb,
.tooltipped
  .tooltip
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.tooltipped .tooltip input.minor.hovered[type="range"]::-moz-range-thumb,
.tooltipped
  .tooltip
  input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.toast .accent.minor.hovered,
.toast input.accent.hovered[type="checkbox"]:checked,
.toast input.minor.hovered[type="range"]::-webkit-slider-thumb,
.toast
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.toast input.minor.hovered[type="range"]::-moz-range-thumb,
.toast input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
select .accent.minor.hovered,
select input.accent.hovered[type="checkbox"]:checked,
select input.minor.hovered[type="range"]::-webkit-slider-thumb,
select
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
select input.minor.hovered[type="range"]::-moz-range-thumb,
select input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="text"] .accent.minor.hovered,
input[type="text"] input.accent.hovered[type="checkbox"]:checked,
input[type="text"] input.minor.hovered[type="range"]::-webkit-slider-thumb,
input[type="text"]
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="text"] input.minor.hovered[type="range"]::-moz-range-thumb,
input[type="text"]
  input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="password"] .accent.minor.hovered,
input[type="password"] input.accent.hovered[type="checkbox"]:checked,
input[type="password"] input.minor.hovered[type="range"]::-webkit-slider-thumb,
input[type="password"]
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="password"] input.minor.hovered[type="range"]::-moz-range-thumb,
input[type="password"]
  input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
textarea .accent.minor.hovered,
textarea input.accent.hovered[type="checkbox"]:checked,
textarea input.minor.hovered[type="range"]::-webkit-slider-thumb,
textarea
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
textarea input.minor.hovered[type="range"]::-moz-range-thumb,
textarea input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.card button.minor.hovered,
.code button.minor.hovered,
input[type="date"] button.minor.hovered,
.tooltipped .tooltip button.minor.hovered,
.toast button.minor.hovered,
select button.minor.hovered,
input[type="text"] button.minor.hovered,
input[type="password"] button.minor.hovered,
textarea button.minor.hovered,
.card
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .accent.minor.hovered,
button input.accent.hovered[type="checkbox"]:checked,
button input.minor.hovered[type="range"]::-webkit-slider-thumb,
button
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
button input.minor.hovered[type="range"]::-moz-range-thumb,
button input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
button button.minor.hovered,
button
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #b5bfd0;
  border-color: #1a396f;
}
.primary .accent.minor.pressed,
.primary input.accent.pressed[type="checkbox"]:checked,
.primary input.minor.pressed[type="range"]::-webkit-slider-thumb,
.primary
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.primary input.minor.pressed[type="range"]::-moz-range-thumb,
.primary input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.primary button.minor.pressed,
.primary
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .accent.minor.pressed,
.box input.accent.pressed[type="checkbox"]:checked,
.box input.minor.pressed[type="range"]::-webkit-slider-thumb,
.box input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.box input.minor.pressed[type="range"]::-moz-range-thumb,
.box input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.box button.minor.pressed,
.box
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .accent.minor.pressed,
.base-limited input.accent.pressed[type="checkbox"]:checked,
.base-limited input.minor.pressed[type="range"]::-webkit-slider-thumb,
.base-limited
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.base-limited input.minor.pressed[type="range"]::-moz-range-thumb,
.base-limited
  input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.base-limited button.minor.pressed,
.base-limited
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .accent.minor.pressed,
.header input.accent.pressed[type="checkbox"]:checked,
.header input.minor.pressed[type="range"]::-webkit-slider-thumb,
.header
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.header input.minor.pressed[type="range"]::-moz-range-thumb,
.header input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.header button.minor.pressed,
.header
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .accent.minor.pressed,
.code .accent.minor.pressed,
input[type="date"] .accent.minor.pressed,
.card input.accent.pressed[type="checkbox"]:checked,
.code input.accent.pressed[type="checkbox"]:checked,
input[type="date"] input.accent.pressed[type="checkbox"]:checked,
.card input.minor.pressed[type="range"]::-webkit-slider-thumb,
.code input.minor.pressed[type="range"]::-webkit-slider-thumb,
input[type="date"] input.minor.pressed[type="range"]::-webkit-slider-thumb,
.card
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.code
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="date"]
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.card input.minor.pressed[type="range"]::-moz-range-thumb,
.code input.minor.pressed[type="range"]::-moz-range-thumb,
input[type="date"] input.minor.pressed[type="range"]::-moz-range-thumb,
.card input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.code input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="date"]
  input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.tooltipped .tooltip .accent.minor.pressed,
.tooltipped .tooltip input.accent.pressed[type="checkbox"]:checked,
.tooltipped .tooltip input.minor.pressed[type="range"]::-webkit-slider-thumb,
.tooltipped
  .tooltip
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.tooltipped .tooltip input.minor.pressed[type="range"]::-moz-range-thumb,
.tooltipped
  .tooltip
  input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.toast .accent.minor.pressed,
.toast input.accent.pressed[type="checkbox"]:checked,
.toast input.minor.pressed[type="range"]::-webkit-slider-thumb,
.toast
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.toast input.minor.pressed[type="range"]::-moz-range-thumb,
.toast input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
select .accent.minor.pressed,
select input.accent.pressed[type="checkbox"]:checked,
select input.minor.pressed[type="range"]::-webkit-slider-thumb,
select
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
select input.minor.pressed[type="range"]::-moz-range-thumb,
select input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="text"] .accent.minor.pressed,
input[type="text"] input.accent.pressed[type="checkbox"]:checked,
input[type="text"] input.minor.pressed[type="range"]::-webkit-slider-thumb,
input[type="text"]
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="text"] input.minor.pressed[type="range"]::-moz-range-thumb,
input[type="text"]
  input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="password"] .accent.minor.pressed,
input[type="password"] input.accent.pressed[type="checkbox"]:checked,
input[type="password"] input.minor.pressed[type="range"]::-webkit-slider-thumb,
input[type="password"]
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="password"] input.minor.pressed[type="range"]::-moz-range-thumb,
input[type="password"]
  input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
textarea .accent.minor.pressed,
textarea input.accent.pressed[type="checkbox"]:checked,
textarea input.minor.pressed[type="range"]::-webkit-slider-thumb,
textarea
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
textarea input.minor.pressed[type="range"]::-moz-range-thumb,
textarea input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.card button.minor.pressed,
.code button.minor.pressed,
input[type="date"] button.minor.pressed,
.tooltipped .tooltip button.minor.pressed,
.toast button.minor.pressed,
select button.minor.pressed,
input[type="text"] button.minor.pressed,
input[type="password"] button.minor.pressed,
textarea button.minor.pressed,
.card
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .accent.minor.pressed,
button input.accent.pressed[type="checkbox"]:checked,
button input.minor.pressed[type="range"]::-webkit-slider-thumb,
button
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
button input.minor.pressed[type="range"]::-moz-range-thumb,
button input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
button button.minor.pressed,
button
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #9ba9c0;
  border-color: #1a396f;
}
.primary .accent.minor.disabled,
.primary input.accent.disabled[type="checkbox"]:checked,
.primary input.minor.disabled[type="range"]::-webkit-slider-thumb,
.primary
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.primary input.minor.disabled[type="range"]::-moz-range-thumb,
.primary
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.primary button.minor.disabled,
.primary button.minor:disabled,
.box .accent.minor.disabled,
.box input.accent.disabled[type="checkbox"]:checked,
.box input.minor.disabled[type="range"]::-webkit-slider-thumb,
.box
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.box input.minor.disabled[type="range"]::-moz-range-thumb,
.box input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.box button.minor.disabled,
.box button.minor:disabled,
.base-limited .accent.minor.disabled,
.base-limited input.accent.disabled[type="checkbox"]:checked,
.base-limited input.minor.disabled[type="range"]::-webkit-slider-thumb,
.base-limited
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.base-limited input.minor.disabled[type="range"]::-moz-range-thumb,
.base-limited
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.base-limited button.minor.disabled,
.base-limited button.minor:disabled,
.header .accent.minor.disabled,
.header input.accent.disabled[type="checkbox"]:checked,
.header input.minor.disabled[type="range"]::-webkit-slider-thumb,
.header
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.header input.minor.disabled[type="range"]::-moz-range-thumb,
.header input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.header button.minor.disabled,
.header button.minor:disabled,
.card .accent.minor.disabled,
.code .accent.minor.disabled,
input[type="date"] .accent.minor.disabled,
.card input.accent.disabled[type="checkbox"]:checked,
.code input.accent.disabled[type="checkbox"]:checked,
input[type="date"] input.accent.disabled[type="checkbox"]:checked,
.card input.minor.disabled[type="range"]::-webkit-slider-thumb,
.code input.minor.disabled[type="range"]::-webkit-slider-thumb,
input[type="date"] input.minor.disabled[type="range"]::-webkit-slider-thumb,
.card
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.code
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="date"]
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.card input.minor.disabled[type="range"]::-moz-range-thumb,
.code input.minor.disabled[type="range"]::-moz-range-thumb,
input[type="date"] input.minor.disabled[type="range"]::-moz-range-thumb,
.card input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.code input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="date"]
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.tooltipped .tooltip .accent.minor.disabled,
.tooltipped .tooltip input.accent.disabled[type="checkbox"]:checked,
.tooltipped .tooltip input.minor.disabled[type="range"]::-webkit-slider-thumb,
.tooltipped
  .tooltip
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.tooltipped .tooltip input.minor.disabled[type="range"]::-moz-range-thumb,
.tooltipped
  .tooltip
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.toast .accent.minor.disabled,
.toast input.accent.disabled[type="checkbox"]:checked,
.toast input.minor.disabled[type="range"]::-webkit-slider-thumb,
.toast
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.toast input.minor.disabled[type="range"]::-moz-range-thumb,
.toast input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
select .accent.minor.disabled,
select input.accent.disabled[type="checkbox"]:checked,
select input.minor.disabled[type="range"]::-webkit-slider-thumb,
select
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
select input.minor.disabled[type="range"]::-moz-range-thumb,
select input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="text"] .accent.minor.disabled,
input[type="text"] input.accent.disabled[type="checkbox"]:checked,
input[type="text"] input.minor.disabled[type="range"]::-webkit-slider-thumb,
input[type="text"]
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="text"] input.minor.disabled[type="range"]::-moz-range-thumb,
input[type="text"]
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="password"] .accent.minor.disabled,
input[type="password"] input.accent.disabled[type="checkbox"]:checked,
input[type="password"] input.minor.disabled[type="range"]::-webkit-slider-thumb,
input[type="password"]
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="password"] input.minor.disabled[type="range"]::-moz-range-thumb,
input[type="password"]
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
textarea .accent.minor.disabled,
textarea input.accent.disabled[type="checkbox"]:checked,
textarea input.minor.disabled[type="range"]::-webkit-slider-thumb,
textarea
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
textarea input.minor.disabled[type="range"]::-moz-range-thumb,
textarea
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.card button.minor.disabled,
.code button.minor.disabled,
input[type="date"] button.minor.disabled,
.tooltipped .tooltip button.minor.disabled,
.toast button.minor.disabled,
select button.minor.disabled,
input[type="text"] button.minor.disabled,
input[type="password"] button.minor.disabled,
textarea button.minor.disabled,
.card button.minor:disabled,
.code button.minor:disabled,
input[type="date"] button.minor:disabled,
.tooltipped .tooltip button.minor:disabled,
.toast button.minor:disabled,
select button.minor:disabled,
input[type="text"] button.minor:disabled,
input[type="password"] button.minor:disabled,
textarea button.minor:disabled,
button .accent.minor.disabled,
button input.accent.disabled[type="checkbox"]:checked,
button input.minor.disabled[type="range"]::-webkit-slider-thumb,
button
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
button input.minor.disabled[type="range"]::-moz-range-thumb,
button input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
button button.minor.disabled,
button button.minor:disabled {
  color: #454545;
  background-color: #d1d1d1;
  border-color: #454545;
}
.primary .accent.hovered,
.primary input.hovered[type="range"]::-webkit-slider-thumb,
.primary input.hovered[type="range"]::-moz-range-thumb,
.primary button.hovered,
.primary
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .accent.hovered,
.box input.hovered[type="range"]::-webkit-slider-thumb,
.box input.hovered[type="range"]::-moz-range-thumb,
.box button.hovered,
.box
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .accent.hovered,
.base-limited input.hovered[type="range"]::-webkit-slider-thumb,
.base-limited input.hovered[type="range"]::-moz-range-thumb,
.base-limited button.hovered,
.base-limited
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .accent.hovered,
.header input.hovered[type="range"]::-webkit-slider-thumb,
.header input.hovered[type="range"]::-moz-range-thumb,
.header button.hovered,
.header
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .accent.hovered,
.code .accent.hovered,
input[type="date"] .accent.hovered,
.card input.hovered[type="range"]::-webkit-slider-thumb,
.code input.hovered[type="range"]::-webkit-slider-thumb,
input[type="date"] input.hovered[type="range"]::-webkit-slider-thumb,
.card input.hovered[type="range"]::-moz-range-thumb,
.code input.hovered[type="range"]::-moz-range-thumb,
input[type="date"] input.hovered[type="range"]::-moz-range-thumb,
.tooltipped .tooltip .accent.hovered,
.tooltipped .tooltip input.hovered[type="range"]::-webkit-slider-thumb,
.tooltipped .tooltip input.hovered[type="range"]::-moz-range-thumb,
.toast .accent.hovered,
.toast input.hovered[type="range"]::-webkit-slider-thumb,
.toast input.hovered[type="range"]::-moz-range-thumb,
select .accent.hovered,
select input.hovered[type="range"]::-webkit-slider-thumb,
select input.hovered[type="range"]::-moz-range-thumb,
input[type="text"] .accent.hovered,
input[type="text"] input.hovered[type="range"]::-webkit-slider-thumb,
input[type="text"] input.hovered[type="range"]::-moz-range-thumb,
input[type="password"] .accent.hovered,
input[type="password"] input.hovered[type="range"]::-webkit-slider-thumb,
input[type="password"] input.hovered[type="range"]::-moz-range-thumb,
textarea .accent.hovered,
textarea input.hovered[type="range"]::-webkit-slider-thumb,
textarea input.hovered[type="range"]::-moz-range-thumb,
.card button.hovered,
.code button.hovered,
input[type="date"] button.hovered,
.tooltipped .tooltip button.hovered,
.toast button.hovered,
select button.hovered,
input[type="text"] button.hovered,
input[type="password"] button.hovered,
textarea button.hovered,
.card
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .accent.hovered,
button input.hovered[type="range"]::-webkit-slider-thumb,
button input.hovered[type="range"]::-moz-range-thumb,
button button.hovered,
button
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #254376;
  border-color: #254376;
}
.primary .accent.pressed,
.primary input.pressed[type="range"]::-webkit-slider-thumb,
.primary input.pressed[type="range"]::-moz-range-thumb,
.primary button.pressed,
.primary
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .accent.pressed,
.box input.pressed[type="range"]::-webkit-slider-thumb,
.box input.pressed[type="range"]::-moz-range-thumb,
.box button.pressed,
.box
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .accent.pressed,
.base-limited input.pressed[type="range"]::-webkit-slider-thumb,
.base-limited input.pressed[type="range"]::-moz-range-thumb,
.base-limited button.pressed,
.base-limited
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .accent.pressed,
.header input.pressed[type="range"]::-webkit-slider-thumb,
.header input.pressed[type="range"]::-moz-range-thumb,
.header button.pressed,
.header
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .accent.pressed,
.code .accent.pressed,
input[type="date"] .accent.pressed,
.card input.pressed[type="range"]::-webkit-slider-thumb,
.code input.pressed[type="range"]::-webkit-slider-thumb,
input[type="date"] input.pressed[type="range"]::-webkit-slider-thumb,
.card input.pressed[type="range"]::-moz-range-thumb,
.code input.pressed[type="range"]::-moz-range-thumb,
input[type="date"] input.pressed[type="range"]::-moz-range-thumb,
.tooltipped .tooltip .accent.pressed,
.tooltipped .tooltip input.pressed[type="range"]::-webkit-slider-thumb,
.tooltipped .tooltip input.pressed[type="range"]::-moz-range-thumb,
.toast .accent.pressed,
.toast input.pressed[type="range"]::-webkit-slider-thumb,
.toast input.pressed[type="range"]::-moz-range-thumb,
select .accent.pressed,
select input.pressed[type="range"]::-webkit-slider-thumb,
select input.pressed[type="range"]::-moz-range-thumb,
input[type="text"] .accent.pressed,
input[type="text"] input.pressed[type="range"]::-webkit-slider-thumb,
input[type="text"] input.pressed[type="range"]::-moz-range-thumb,
input[type="password"] .accent.pressed,
input[type="password"] input.pressed[type="range"]::-webkit-slider-thumb,
input[type="password"] input.pressed[type="range"]::-moz-range-thumb,
textarea .accent.pressed,
textarea input.pressed[type="range"]::-webkit-slider-thumb,
textarea input.pressed[type="range"]::-moz-range-thumb,
.card button.pressed,
.code button.pressed,
input[type="date"] button.pressed,
.tooltipped .tooltip button.pressed,
.toast button.pressed,
select button.pressed,
input[type="text"] button.pressed,
input[type="password"] button.pressed,
textarea button.pressed,
.card
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .accent.pressed,
button input.pressed[type="range"]::-webkit-slider-thumb,
button input.pressed[type="range"]::-moz-range-thumb,
button button.pressed,
button
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #3c5785;
  border-color: #3c5785;
}
.primary .accent.disabled,
.primary input.disabled[type="range"]::-webkit-slider-thumb,
.primary input.disabled[type="range"]::-moz-range-thumb,
.primary button.disabled,
.primary button:disabled,
.box .accent.disabled,
.box input.disabled[type="range"]::-webkit-slider-thumb,
.box input.disabled[type="range"]::-moz-range-thumb,
.box button.disabled,
.box button:disabled,
.base-limited .accent.disabled,
.base-limited input.disabled[type="range"]::-webkit-slider-thumb,
.base-limited input.disabled[type="range"]::-moz-range-thumb,
.base-limited button.disabled,
.base-limited button:disabled,
.header .accent.disabled,
.header input.disabled[type="range"]::-webkit-slider-thumb,
.header input.disabled[type="range"]::-moz-range-thumb,
.header button.disabled,
.header button:disabled,
.card .accent.disabled,
.code .accent.disabled,
input[type="date"] .accent.disabled,
.card input.disabled[type="range"]::-webkit-slider-thumb,
.code input.disabled[type="range"]::-webkit-slider-thumb,
input[type="date"] input.disabled[type="range"]::-webkit-slider-thumb,
.card input.disabled[type="range"]::-moz-range-thumb,
.code input.disabled[type="range"]::-moz-range-thumb,
input[type="date"] input.disabled[type="range"]::-moz-range-thumb,
.tooltipped .tooltip .accent.disabled,
.tooltipped .tooltip input.disabled[type="range"]::-webkit-slider-thumb,
.tooltipped .tooltip input.disabled[type="range"]::-moz-range-thumb,
.toast .accent.disabled,
.toast input.disabled[type="range"]::-webkit-slider-thumb,
.toast input.disabled[type="range"]::-moz-range-thumb,
select .accent.disabled,
select input.disabled[type="range"]::-webkit-slider-thumb,
select input.disabled[type="range"]::-moz-range-thumb,
input[type="text"] .accent.disabled,
input[type="text"] input.disabled[type="range"]::-webkit-slider-thumb,
input[type="text"] input.disabled[type="range"]::-moz-range-thumb,
input[type="password"] .accent.disabled,
input[type="password"] input.disabled[type="range"]::-webkit-slider-thumb,
input[type="password"] input.disabled[type="range"]::-moz-range-thumb,
textarea .accent.disabled,
textarea input.disabled[type="range"]::-webkit-slider-thumb,
textarea input.disabled[type="range"]::-moz-range-thumb,
.card button.disabled,
.code button.disabled,
input[type="date"] button.disabled,
.tooltipped .tooltip button.disabled,
.toast button.disabled,
select button.disabled,
input[type="text"] button.disabled,
input[type="password"] button.disabled,
textarea button.disabled,
.card button:disabled,
.code button:disabled,
input[type="date"] button:disabled,
.tooltipped .tooltip button:disabled,
.toast button:disabled,
select button:disabled,
input[type="text"] button:disabled,
input[type="password"] button:disabled,
textarea button:disabled,
button .accent.disabled,
button input.disabled[type="range"]::-webkit-slider-thumb,
button input.disabled[type="range"]::-moz-range-thumb,
button button.disabled,
button button:disabled {
  color: white;
  background-color: #454545;
  border-color: #454545;
}
.primary .error,
.box .error,
.base-limited .error,
.header .error,
.card .error,
.code .error,
input[type="date"] .error,
.tooltipped .tooltip .error,
.toast .error,
select .error,
input[type="text"] .error,
input[type="password"] .error,
textarea .error,
button .error {
  animation: none;
  color: #ffffff;
  background-color: #f34343;
  border-color: #f34343;
}
.primary .error.minor,
.primary input.error[type="checkbox"]:checked,
.box .error.minor,
.box input.error[type="checkbox"]:checked,
.base-limited .error.minor,
.base-limited input.error[type="checkbox"]:checked,
.header .error.minor,
.header input.error[type="checkbox"]:checked,
.card .error.minor,
.code .error.minor,
input[type="date"] .error.minor,
.card input.error[type="checkbox"]:checked,
.code input.error[type="checkbox"]:checked,
input[type="date"] input.error[type="checkbox"]:checked,
.tooltipped .tooltip .error.minor,
.tooltipped .tooltip input.error[type="checkbox"]:checked,
.toast .error.minor,
.toast input.error[type="checkbox"]:checked,
select .error.minor,
select input.error[type="checkbox"]:checked,
input[type="text"] .error.minor,
input[type="text"] input.error[type="checkbox"]:checked,
input[type="password"] .error.minor,
input[type="password"] input.error[type="checkbox"]:checked,
textarea .error.minor,
textarea input.error[type="checkbox"]:checked,
button .error.minor,
button input.error[type="checkbox"]:checked {
  color: #f34343;
  background-color: #fcd0d0;
  border-color: #f34343;
}
.primary .error.minor.hovered,
.primary input.error.hovered[type="checkbox"]:checked,
.primary
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .error.minor.hovered,
.box input.error.hovered[type="checkbox"]:checked,
.box
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .error.minor.hovered,
.base-limited input.error.hovered[type="checkbox"]:checked,
.base-limited
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .error.minor.hovered,
.header input.error.hovered[type="checkbox"]:checked,
.header
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .error.minor.hovered,
.code .error.minor.hovered,
input[type="date"] .error.minor.hovered,
.card input.error.hovered[type="checkbox"]:checked,
.code input.error.hovered[type="checkbox"]:checked,
input[type="date"] input.error.hovered[type="checkbox"]:checked,
.tooltipped .tooltip .error.minor.hovered,
.tooltipped .tooltip input.error.hovered[type="checkbox"]:checked,
.toast .error.minor.hovered,
.toast input.error.hovered[type="checkbox"]:checked,
select .error.minor.hovered,
select input.error.hovered[type="checkbox"]:checked,
input[type="text"] .error.minor.hovered,
input[type="text"] input.error.hovered[type="checkbox"]:checked,
input[type="password"] .error.minor.hovered,
input[type="password"] input.error.hovered[type="checkbox"]:checked,
textarea .error.minor.hovered,
textarea input.error.hovered[type="checkbox"]:checked,
.card
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .error.minor.hovered,
button input.error.hovered[type="checkbox"]:checked,
button
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #f34343;
  background-color: #fbc2c2;
  border-color: #f34343;
}
.primary .error.minor.pressed,
.primary input.error.pressed[type="checkbox"]:checked,
.primary
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .error.minor.pressed,
.box input.error.pressed[type="checkbox"]:checked,
.box
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .error.minor.pressed,
.base-limited input.error.pressed[type="checkbox"]:checked,
.base-limited
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .error.minor.pressed,
.header input.error.pressed[type="checkbox"]:checked,
.header
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .error.minor.pressed,
.code .error.minor.pressed,
input[type="date"] .error.minor.pressed,
.card input.error.pressed[type="checkbox"]:checked,
.code input.error.pressed[type="checkbox"]:checked,
input[type="date"] input.error.pressed[type="checkbox"]:checked,
.tooltipped .tooltip .error.minor.pressed,
.tooltipped .tooltip input.error.pressed[type="checkbox"]:checked,
.toast .error.minor.pressed,
.toast input.error.pressed[type="checkbox"]:checked,
select .error.minor.pressed,
select input.error.pressed[type="checkbox"]:checked,
input[type="text"] .error.minor.pressed,
input[type="text"] input.error.pressed[type="checkbox"]:checked,
input[type="password"] .error.minor.pressed,
input[type="password"] input.error.pressed[type="checkbox"]:checked,
textarea .error.minor.pressed,
textarea input.error.pressed[type="checkbox"]:checked,
.card
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .error.minor.pressed,
button input.error.pressed[type="checkbox"]:checked,
button
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #f34343;
  background-color: #faadad;
  border-color: #f34343;
}
.primary .error.minor.disabled,
.primary input.error.disabled[type="checkbox"]:checked,
.primary button.error.minor:disabled,
.box .error.minor.disabled,
.box input.error.disabled[type="checkbox"]:checked,
.box button.error.minor:disabled,
.base-limited .error.minor.disabled,
.base-limited input.error.disabled[type="checkbox"]:checked,
.base-limited button.error.minor:disabled,
.header .error.minor.disabled,
.header input.error.disabled[type="checkbox"]:checked,
.header button.error.minor:disabled,
.card .error.minor.disabled,
.code .error.minor.disabled,
input[type="date"] .error.minor.disabled,
.card input.error.disabled[type="checkbox"]:checked,
.code input.error.disabled[type="checkbox"]:checked,
input[type="date"] input.error.disabled[type="checkbox"]:checked,
.tooltipped .tooltip .error.minor.disabled,
.tooltipped .tooltip input.error.disabled[type="checkbox"]:checked,
.toast .error.minor.disabled,
.toast input.error.disabled[type="checkbox"]:checked,
select .error.minor.disabled,
select input.error.disabled[type="checkbox"]:checked,
input[type="text"] .error.minor.disabled,
input[type="text"] input.error.disabled[type="checkbox"]:checked,
input[type="password"] .error.minor.disabled,
input[type="password"] input.error.disabled[type="checkbox"]:checked,
textarea .error.minor.disabled,
textarea input.error.disabled[type="checkbox"]:checked,
.card button.error.minor:disabled,
.code button.error.minor:disabled,
input[type="date"] button.error.minor:disabled,
.tooltipped .tooltip button.error.minor:disabled,
.toast button.error.minor:disabled,
select button.error.minor:disabled,
input[type="text"] button.error.minor:disabled,
input[type="password"] button.error.minor:disabled,
textarea button.error.minor:disabled,
button .error.minor.disabled,
button input.error.disabled[type="checkbox"]:checked,
button button.error.minor:disabled {
  color: #9b9b9b;
  background-color: #e6e6e6;
  border-color: #9b9b9b;
}
.primary .error.hovered,
.primary
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .error.hovered,
.box
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .error.hovered,
.base-limited
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .error.hovered,
.header
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .error.hovered,
.code .error.hovered,
input[type="date"] .error.hovered,
.tooltipped .tooltip .error.hovered,
.toast .error.hovered,
select .error.hovered,
input[type="text"] .error.hovered,
input[type="password"] .error.hovered,
textarea .error.hovered,
.card
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .error.hovered,
button
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #f44c4c;
  border-color: #f44c4c;
}
.primary .error.pressed,
.primary
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .error.pressed,
.box
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .error.pressed,
.base-limited
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .error.pressed,
.header
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .error.pressed,
.code .error.pressed,
input[type="date"] .error.pressed,
.tooltipped .tooltip .error.pressed,
.toast .error.pressed,
select .error.pressed,
input[type="text"] .error.pressed,
input[type="password"] .error.pressed,
textarea .error.pressed,
.card
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .error.pressed,
button
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #f55f5f;
  border-color: #f55f5f;
}
.primary .error.disabled,
.primary button.error:disabled,
.box .error.disabled,
.box button.error:disabled,
.base-limited .error.disabled,
.base-limited button.error:disabled,
.header .error.disabled,
.header button.error:disabled,
.card .error.disabled,
.code .error.disabled,
input[type="date"] .error.disabled,
.tooltipped .tooltip .error.disabled,
.toast .error.disabled,
select .error.disabled,
input[type="text"] .error.disabled,
input[type="password"] .error.disabled,
textarea .error.disabled,
.card button.error:disabled,
.code button.error:disabled,
input[type="date"] button.error:disabled,
.tooltipped .tooltip button.error:disabled,
.toast button.error:disabled,
select button.error:disabled,
input[type="text"] button.error:disabled,
input[type="password"] button.error:disabled,
textarea button.error:disabled,
button .error.disabled,
button button.error:disabled {
  color: white;
  background-color: #9b9b9b;
  border-color: #9b9b9b;
}
.primary .warning,
.box .warning,
.base-limited .warning,
.header .warning,
.card .warning,
.code .warning,
input[type="date"] .warning,
.tooltipped .tooltip .warning,
.toast .warning,
select .warning,
input[type="text"] .warning,
input[type="password"] .warning,
textarea .warning,
button .warning {
  animation: none;
  color: #ffffff;
  background-color: #ab8100;
  border-color: #ab8100;
}
.primary .warning.minor,
.primary input.warning[type="checkbox"]:checked,
.box .warning.minor,
.box input.warning[type="checkbox"]:checked,
.base-limited .warning.minor,
.base-limited input.warning[type="checkbox"]:checked,
.header .warning.minor,
.header input.warning[type="checkbox"]:checked,
.card .warning.minor,
.code .warning.minor,
input[type="date"] .warning.minor,
.card input.warning[type="checkbox"]:checked,
.code input.warning[type="checkbox"]:checked,
input[type="date"] input.warning[type="checkbox"]:checked,
.tooltipped .tooltip .warning.minor,
.tooltipped .tooltip input.warning[type="checkbox"]:checked,
.toast .warning.minor,
.toast input.warning[type="checkbox"]:checked,
select .warning.minor,
select input.warning[type="checkbox"]:checked,
input[type="text"] .warning.minor,
input[type="text"] input.warning[type="checkbox"]:checked,
input[type="password"] .warning.minor,
input[type="password"] input.warning[type="checkbox"]:checked,
textarea .warning.minor,
textarea input.warning[type="checkbox"]:checked,
button .warning.minor,
button input.warning[type="checkbox"]:checked {
  color: #ab8100;
  background-color: #eae0bf;
  border-color: #ab8100;
}
.primary .warning.minor.hovered,
.primary input.warning.hovered[type="checkbox"]:checked,
.primary
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .warning.minor.hovered,
.box input.warning.hovered[type="checkbox"]:checked,
.box
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .warning.minor.hovered,
.base-limited input.warning.hovered[type="checkbox"]:checked,
.base-limited
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .warning.minor.hovered,
.header input.warning.hovered[type="checkbox"]:checked,
.header
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .warning.minor.hovered,
.code .warning.minor.hovered,
input[type="date"] .warning.minor.hovered,
.card input.warning.hovered[type="checkbox"]:checked,
.code input.warning.hovered[type="checkbox"]:checked,
input[type="date"] input.warning.hovered[type="checkbox"]:checked,
.tooltipped .tooltip .warning.minor.hovered,
.tooltipped .tooltip input.warning.hovered[type="checkbox"]:checked,
.toast .warning.minor.hovered,
.toast input.warning.hovered[type="checkbox"]:checked,
select .warning.minor.hovered,
select input.warning.hovered[type="checkbox"]:checked,
input[type="text"] .warning.minor.hovered,
input[type="text"] input.warning.hovered[type="checkbox"]:checked,
input[type="password"] .warning.minor.hovered,
input[type="password"] input.warning.hovered[type="checkbox"]:checked,
textarea .warning.minor.hovered,
textarea input.warning.hovered[type="checkbox"]:checked,
.card
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .warning.minor.hovered,
button input.warning.hovered[type="checkbox"]:checked,
button
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ab8100;
  background-color: #e4d7ac;
  border-color: #ab8100;
}
.primary .warning.minor.pressed,
.primary input.warning.pressed[type="checkbox"]:checked,
.primary
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .warning.minor.pressed,
.box input.warning.pressed[type="checkbox"]:checked,
.box
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .warning.minor.pressed,
.base-limited input.warning.pressed[type="checkbox"]:checked,
.base-limited
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .warning.minor.pressed,
.header input.warning.pressed[type="checkbox"]:checked,
.header
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .warning.minor.pressed,
.code .warning.minor.pressed,
input[type="date"] .warning.minor.pressed,
.card input.warning.pressed[type="checkbox"]:checked,
.code input.warning.pressed[type="checkbox"]:checked,
input[type="date"] input.warning.pressed[type="checkbox"]:checked,
.tooltipped .tooltip .warning.minor.pressed,
.tooltipped .tooltip input.warning.pressed[type="checkbox"]:checked,
.toast .warning.minor.pressed,
.toast input.warning.pressed[type="checkbox"]:checked,
select .warning.minor.pressed,
select input.warning.pressed[type="checkbox"]:checked,
input[type="text"] .warning.minor.pressed,
input[type="text"] input.warning.pressed[type="checkbox"]:checked,
input[type="password"] .warning.minor.pressed,
input[type="password"] input.warning.pressed[type="checkbox"]:checked,
textarea .warning.minor.pressed,
textarea input.warning.pressed[type="checkbox"]:checked,
.card
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .warning.minor.pressed,
button input.warning.pressed[type="checkbox"]:checked,
button
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ab8100;
  background-color: #dac88f;
  border-color: #ab8100;
}
.primary .warning.minor.disabled,
.primary input.warning.disabled[type="checkbox"]:checked,
.primary button.warning.minor:disabled,
.box .warning.minor.disabled,
.box input.warning.disabled[type="checkbox"]:checked,
.box button.warning.minor:disabled,
.base-limited .warning.minor.disabled,
.base-limited input.warning.disabled[type="checkbox"]:checked,
.base-limited button.warning.minor:disabled,
.header .warning.minor.disabled,
.header input.warning.disabled[type="checkbox"]:checked,
.header button.warning.minor:disabled,
.card .warning.minor.disabled,
.code .warning.minor.disabled,
input[type="date"] .warning.minor.disabled,
.card input.warning.disabled[type="checkbox"]:checked,
.code input.warning.disabled[type="checkbox"]:checked,
input[type="date"] input.warning.disabled[type="checkbox"]:checked,
.tooltipped .tooltip .warning.minor.disabled,
.tooltipped .tooltip input.warning.disabled[type="checkbox"]:checked,
.toast .warning.minor.disabled,
.toast input.warning.disabled[type="checkbox"]:checked,
select .warning.minor.disabled,
select input.warning.disabled[type="checkbox"]:checked,
input[type="text"] .warning.minor.disabled,
input[type="text"] input.warning.disabled[type="checkbox"]:checked,
input[type="password"] .warning.minor.disabled,
input[type="password"] input.warning.disabled[type="checkbox"]:checked,
textarea .warning.minor.disabled,
textarea input.warning.disabled[type="checkbox"]:checked,
.card button.warning.minor:disabled,
.code button.warning.minor:disabled,
input[type="date"] button.warning.minor:disabled,
.tooltipped .tooltip button.warning.minor:disabled,
.toast button.warning.minor:disabled,
select button.warning.minor:disabled,
input[type="text"] button.warning.minor:disabled,
input[type="password"] button.warning.minor:disabled,
textarea button.warning.minor:disabled,
button .warning.minor.disabled,
button input.warning.disabled[type="checkbox"]:checked,
button button.warning.minor:disabled {
  color: #565656;
  background-color: #d5d5d5;
  border-color: #565656;
}
.primary .warning.hovered,
.primary
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .warning.hovered,
.box
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .warning.hovered,
.base-limited
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .warning.hovered,
.header
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .warning.hovered,
.code .warning.hovered,
input[type="date"] .warning.hovered,
.tooltipped .tooltip .warning.hovered,
.toast .warning.hovered,
select .warning.hovered,
input[type="text"] .warning.hovered,
input[type="password"] .warning.hovered,
textarea .warning.hovered,
.card
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .warning.hovered,
button
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #af870d;
  border-color: #af870d;
}
.primary .warning.pressed,
.primary
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .warning.pressed,
.box
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .warning.pressed,
.base-limited
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .warning.pressed,
.header
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .warning.pressed,
.code .warning.pressed,
input[type="date"] .warning.pressed,
.tooltipped .tooltip .warning.pressed,
.toast .warning.pressed,
select .warning.pressed,
input[type="text"] .warning.pressed,
input[type="password"] .warning.pressed,
textarea .warning.pressed,
.card
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .warning.pressed,
button
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #b89426;
  border-color: #b89426;
}
.primary .warning.disabled,
.primary button.warning:disabled,
.box .warning.disabled,
.box button.warning:disabled,
.base-limited .warning.disabled,
.base-limited button.warning:disabled,
.header .warning.disabled,
.header button.warning:disabled,
.card .warning.disabled,
.code .warning.disabled,
input[type="date"] .warning.disabled,
.tooltipped .tooltip .warning.disabled,
.toast .warning.disabled,
select .warning.disabled,
input[type="text"] .warning.disabled,
input[type="password"] .warning.disabled,
textarea .warning.disabled,
.card button.warning:disabled,
.code button.warning:disabled,
input[type="date"] button.warning:disabled,
.tooltipped .tooltip button.warning:disabled,
.toast button.warning:disabled,
select button.warning:disabled,
input[type="text"] button.warning:disabled,
input[type="password"] button.warning:disabled,
textarea button.warning:disabled,
button .warning.disabled,
button button.warning:disabled {
  color: white;
  background-color: #565656;
  border-color: #565656;
}
.primary .success,
.box .success,
.base-limited .success,
.header .success,
.card .success,
.code .success,
input[type="date"] .success,
.tooltipped .tooltip .success,
.toast .success,
select .success,
input[type="text"] .success,
input[type="password"] .success,
textarea .success,
button .success {
  animation: none;
  color: #ffffff;
  background-color: #29ac5e;
  border-color: #29ac5e;
}
.primary .success.minor,
.primary input.success[type="checkbox"]:checked,
.box .success.minor,
.box input.success[type="checkbox"]:checked,
.base-limited .success.minor,
.base-limited input.success[type="checkbox"]:checked,
.header .success.minor,
.header input.success[type="checkbox"]:checked,
.card .success.minor,
.code .success.minor,
input[type="date"] .success.minor,
.card input.success[type="checkbox"]:checked,
.code input.success[type="checkbox"]:checked,
input[type="date"] input.success[type="checkbox"]:checked,
.tooltipped .tooltip .success.minor,
.tooltipped .tooltip input.success[type="checkbox"]:checked,
.toast .success.minor,
.toast input.success[type="checkbox"]:checked,
select .success.minor,
select input.success[type="checkbox"]:checked,
input[type="text"] .success.minor,
input[type="text"] input.success[type="checkbox"]:checked,
input[type="password"] .success.minor,
input[type="password"] input.success[type="checkbox"]:checked,
textarea .success.minor,
textarea input.success[type="checkbox"]:checked,
button .success.minor,
button input.success[type="checkbox"]:checked {
  color: #29ac5e;
  background-color: #caead7;
  border-color: #29ac5e;
}
.primary .success.minor.hovered,
.primary input.success.hovered[type="checkbox"]:checked,
.primary
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .success.minor.hovered,
.box input.success.hovered[type="checkbox"]:checked,
.box
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .success.minor.hovered,
.base-limited input.success.hovered[type="checkbox"]:checked,
.base-limited
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .success.minor.hovered,
.header input.success.hovered[type="checkbox"]:checked,
.header
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .success.minor.hovered,
.code .success.minor.hovered,
input[type="date"] .success.minor.hovered,
.card input.success.hovered[type="checkbox"]:checked,
.code input.success.hovered[type="checkbox"]:checked,
input[type="date"] input.success.hovered[type="checkbox"]:checked,
.tooltipped .tooltip .success.minor.hovered,
.tooltipped .tooltip input.success.hovered[type="checkbox"]:checked,
.toast .success.minor.hovered,
.toast input.success.hovered[type="checkbox"]:checked,
select .success.minor.hovered,
select input.success.hovered[type="checkbox"]:checked,
input[type="text"] .success.minor.hovered,
input[type="text"] input.success.hovered[type="checkbox"]:checked,
input[type="password"] .success.minor.hovered,
input[type="password"] input.success.hovered[type="checkbox"]:checked,
textarea .success.minor.hovered,
textarea input.success.hovered[type="checkbox"]:checked,
.card
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .success.minor.hovered,
button input.success.hovered[type="checkbox"]:checked,
button
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #29ac5e;
  background-color: #bae4cb;
  border-color: #29ac5e;
}
.primary .success.minor.pressed,
.primary input.success.pressed[type="checkbox"]:checked,
.primary
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .success.minor.pressed,
.box input.success.pressed[type="checkbox"]:checked,
.box
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .success.minor.pressed,
.base-limited input.success.pressed[type="checkbox"]:checked,
.base-limited
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .success.minor.pressed,
.header input.success.pressed[type="checkbox"]:checked,
.header
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .success.minor.pressed,
.code .success.minor.pressed,
input[type="date"] .success.minor.pressed,
.card input.success.pressed[type="checkbox"]:checked,
.code input.success.pressed[type="checkbox"]:checked,
input[type="date"] input.success.pressed[type="checkbox"]:checked,
.tooltipped .tooltip .success.minor.pressed,
.tooltipped .tooltip input.success.pressed[type="checkbox"]:checked,
.toast .success.minor.pressed,
.toast input.success.pressed[type="checkbox"]:checked,
select .success.minor.pressed,
select input.success.pressed[type="checkbox"]:checked,
input[type="text"] .success.minor.pressed,
input[type="text"] input.success.pressed[type="checkbox"]:checked,
input[type="password"] .success.minor.pressed,
input[type="password"] input.success.pressed[type="checkbox"]:checked,
textarea .success.minor.pressed,
textarea input.success.pressed[type="checkbox"]:checked,
.card
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .success.minor.pressed,
button input.success.pressed[type="checkbox"]:checked,
button
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #29ac5e;
  background-color: #a2dbb9;
  border-color: #29ac5e;
}
.primary .success.minor.disabled,
.primary input.success.disabled[type="checkbox"]:checked,
.primary button.success.minor:disabled,
.box .success.minor.disabled,
.box input.success.disabled[type="checkbox"]:checked,
.box button.success.minor:disabled,
.base-limited .success.minor.disabled,
.base-limited input.success.disabled[type="checkbox"]:checked,
.base-limited button.success.minor:disabled,
.header .success.minor.disabled,
.header input.success.disabled[type="checkbox"]:checked,
.header button.success.minor:disabled,
.card .success.minor.disabled,
.code .success.minor.disabled,
input[type="date"] .success.minor.disabled,
.card input.success.disabled[type="checkbox"]:checked,
.code input.success.disabled[type="checkbox"]:checked,
input[type="date"] input.success.disabled[type="checkbox"]:checked,
.tooltipped .tooltip .success.minor.disabled,
.tooltipped .tooltip input.success.disabled[type="checkbox"]:checked,
.toast .success.minor.disabled,
.toast input.success.disabled[type="checkbox"]:checked,
select .success.minor.disabled,
select input.success.disabled[type="checkbox"]:checked,
input[type="text"] .success.minor.disabled,
input[type="text"] input.success.disabled[type="checkbox"]:checked,
input[type="password"] .success.minor.disabled,
input[type="password"] input.success.disabled[type="checkbox"]:checked,
textarea .success.minor.disabled,
textarea input.success.disabled[type="checkbox"]:checked,
.card button.success.minor:disabled,
.code button.success.minor:disabled,
input[type="date"] button.success.minor:disabled,
.tooltipped .tooltip button.success.minor:disabled,
.toast button.success.minor:disabled,
select button.success.minor:disabled,
input[type="text"] button.success.minor:disabled,
input[type="password"] button.success.minor:disabled,
textarea button.success.minor:disabled,
button .success.minor.disabled,
button input.success.disabled[type="checkbox"]:checked,
button button.success.minor:disabled {
  color: #6b6b6b;
  background-color: #dadada;
  border-color: #6b6b6b;
}
.primary .success.hovered,
.primary
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .success.hovered,
.box
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .success.hovered,
.base-limited
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .success.hovered,
.header
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .success.hovered,
.code .success.hovered,
input[type="date"] .success.hovered,
.tooltipped .tooltip .success.hovered,
.toast .success.hovered,
select .success.hovered,
input[type="text"] .success.hovered,
input[type="password"] .success.hovered,
textarea .success.hovered,
.card
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .success.hovered,
button
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #34b066;
  border-color: #34b066;
}
.primary .success.pressed,
.primary
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .success.pressed,
.box
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .success.pressed,
.base-limited
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .success.pressed,
.header
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .success.pressed,
.code .success.pressed,
input[type="date"] .success.pressed,
.tooltipped .tooltip .success.pressed,
.toast .success.pressed,
select .success.pressed,
input[type="text"] .success.pressed,
input[type="password"] .success.pressed,
textarea .success.pressed,
.card
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .success.pressed,
button
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #49b876;
  border-color: #49b876;
}
.primary .success.disabled,
.primary button.success:disabled,
.box .success.disabled,
.box button.success:disabled,
.base-limited .success.disabled,
.base-limited button.success:disabled,
.header .success.disabled,
.header button.success:disabled,
.card .success.disabled,
.code .success.disabled,
input[type="date"] .success.disabled,
.tooltipped .tooltip .success.disabled,
.toast .success.disabled,
select .success.disabled,
input[type="text"] .success.disabled,
input[type="password"] .success.disabled,
textarea .success.disabled,
.card button.success:disabled,
.code button.success:disabled,
input[type="date"] button.success:disabled,
.tooltipped .tooltip button.success:disabled,
.toast button.success:disabled,
select button.success:disabled,
input[type="text"] button.success:disabled,
input[type="password"] button.success:disabled,
textarea button.success:disabled,
button .success.disabled,
button button.success:disabled {
  color: white;
  background-color: #6b6b6b;
  border-color: #6b6b6b;
}
.primary .info,
.box .info,
.base-limited .info,
.header .info,
.card .info,
.code .info,
input[type="date"] .info,
.tooltipped .tooltip .info,
.toast .info,
select .info,
input[type="text"] .info,
input[type="password"] .info,
textarea .info,
button .info {
  animation: none;
  color: #ffffff;
  background-color: #2463aa;
  border-color: #2463aa;
}
.primary .info.minor,
.primary input.info[type="checkbox"]:checked,
.box .info.minor,
.box input.info[type="checkbox"]:checked,
.base-limited .info.minor,
.base-limited input.info[type="checkbox"]:checked,
.header .info.minor,
.header input.info[type="checkbox"]:checked,
.card .info.minor,
.code .info.minor,
input[type="date"] .info.minor,
.card input.info[type="checkbox"]:checked,
.code input.info[type="checkbox"]:checked,
input[type="date"] input.info[type="checkbox"]:checked,
.tooltipped .tooltip .info.minor,
.tooltipped .tooltip input.info[type="checkbox"]:checked,
.toast .info.minor,
.toast input.info[type="checkbox"]:checked,
select .info.minor,
select input.info[type="checkbox"]:checked,
input[type="text"] .info.minor,
input[type="text"] input.info[type="checkbox"]:checked,
input[type="password"] .info.minor,
input[type="password"] input.info[type="checkbox"]:checked,
textarea .info.minor,
textarea input.info[type="checkbox"]:checked,
button .info.minor,
button input.info[type="checkbox"]:checked {
  color: #2463aa;
  background-color: #c8d8ea;
  border-color: #2463aa;
}
.primary .info.minor.hovered,
.primary input.info.hovered[type="checkbox"]:checked,
.primary
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .info.minor.hovered,
.box input.info.hovered[type="checkbox"]:checked,
.box
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .info.minor.hovered,
.base-limited input.info.hovered[type="checkbox"]:checked,
.base-limited
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .info.minor.hovered,
.header input.info.hovered[type="checkbox"]:checked,
.header
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .info.minor.hovered,
.code .info.minor.hovered,
input[type="date"] .info.minor.hovered,
.card input.info.hovered[type="checkbox"]:checked,
.code input.info.hovered[type="checkbox"]:checked,
input[type="date"] input.info.hovered[type="checkbox"]:checked,
.tooltipped .tooltip .info.minor.hovered,
.tooltipped .tooltip input.info.hovered[type="checkbox"]:checked,
.toast .info.minor.hovered,
.toast input.info.hovered[type="checkbox"]:checked,
select .info.minor.hovered,
select input.info.hovered[type="checkbox"]:checked,
input[type="text"] .info.minor.hovered,
input[type="text"] input.info.hovered[type="checkbox"]:checked,
input[type="password"] .info.minor.hovered,
input[type="password"] input.info.hovered[type="checkbox"]:checked,
textarea .info.minor.hovered,
textarea input.info.hovered[type="checkbox"]:checked,
.card
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .info.minor.hovered,
button input.info.hovered[type="checkbox"]:checked,
button
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #2463aa;
  background-color: #b8cce4;
  border-color: #2463aa;
}
.primary .info.minor.pressed,
.primary input.info.pressed[type="checkbox"]:checked,
.primary
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .info.minor.pressed,
.box input.info.pressed[type="checkbox"]:checked,
.box
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .info.minor.pressed,
.base-limited input.info.pressed[type="checkbox"]:checked,
.base-limited
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .info.minor.pressed,
.header input.info.pressed[type="checkbox"]:checked,
.header
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .info.minor.pressed,
.code .info.minor.pressed,
input[type="date"] .info.minor.pressed,
.card input.info.pressed[type="checkbox"]:checked,
.code input.info.pressed[type="checkbox"]:checked,
input[type="date"] input.info.pressed[type="checkbox"]:checked,
.tooltipped .tooltip .info.minor.pressed,
.tooltipped .tooltip input.info.pressed[type="checkbox"]:checked,
.toast .info.minor.pressed,
.toast input.info.pressed[type="checkbox"]:checked,
select .info.minor.pressed,
select input.info.pressed[type="checkbox"]:checked,
input[type="text"] .info.minor.pressed,
input[type="text"] input.info.pressed[type="checkbox"]:checked,
input[type="password"] .info.minor.pressed,
input[type="password"] input.info.pressed[type="checkbox"]:checked,
textarea .info.minor.pressed,
textarea input.info.pressed[type="checkbox"]:checked,
.card
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .info.minor.pressed,
button input.info.pressed[type="checkbox"]:checked,
button
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #2463aa;
  background-color: #9fbbda;
  border-color: #2463aa;
}
.primary .info.minor.disabled,
.primary input.info.disabled[type="checkbox"]:checked,
.primary button.info.minor:disabled,
.box .info.minor.disabled,
.box input.info.disabled[type="checkbox"]:checked,
.box button.info.minor:disabled,
.base-limited .info.minor.disabled,
.base-limited input.info.disabled[type="checkbox"]:checked,
.base-limited button.info.minor:disabled,
.header .info.minor.disabled,
.header input.info.disabled[type="checkbox"]:checked,
.header button.info.minor:disabled,
.card .info.minor.disabled,
.code .info.minor.disabled,
input[type="date"] .info.minor.disabled,
.card input.info.disabled[type="checkbox"]:checked,
.code input.info.disabled[type="checkbox"]:checked,
input[type="date"] input.info.disabled[type="checkbox"]:checked,
.tooltipped .tooltip .info.minor.disabled,
.tooltipped .tooltip input.info.disabled[type="checkbox"]:checked,
.toast .info.minor.disabled,
.toast input.info.disabled[type="checkbox"]:checked,
select .info.minor.disabled,
select input.info.disabled[type="checkbox"]:checked,
input[type="text"] .info.minor.disabled,
input[type="text"] input.info.disabled[type="checkbox"]:checked,
input[type="password"] .info.minor.disabled,
input[type="password"] input.info.disabled[type="checkbox"]:checked,
textarea .info.minor.disabled,
textarea input.info.disabled[type="checkbox"]:checked,
.card button.info.minor:disabled,
.code button.info.minor:disabled,
input[type="date"] button.info.minor:disabled,
.tooltipped .tooltip button.info.minor:disabled,
.toast button.info.minor:disabled,
select button.info.minor:disabled,
input[type="text"] button.info.minor:disabled,
input[type="password"] button.info.minor:disabled,
textarea button.info.minor:disabled,
button .info.minor.disabled,
button input.info.disabled[type="checkbox"]:checked,
button button.info.minor:disabled {
  color: #676767;
  background-color: #d9d9d9;
  border-color: #676767;
}
.primary .info.hovered,
.primary
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .info.hovered,
.box
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .info.hovered,
.base-limited
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .info.hovered,
.header
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .info.hovered,
.code .info.hovered,
input[type="date"] .info.hovered,
.tooltipped .tooltip .info.hovered,
.toast .info.hovered,
select .info.hovered,
input[type="text"] .info.hovered,
input[type="password"] .info.hovered,
textarea .info.hovered,
.card
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .info.hovered,
button
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #2f6bae;
  border-color: #2f6bae;
}
.primary .info.pressed,
.primary
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .info.pressed,
.box
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .info.pressed,
.base-limited
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .info.pressed,
.header
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .info.pressed,
.code .info.pressed,
input[type="date"] .info.pressed,
.tooltipped .tooltip .info.pressed,
.toast .info.pressed,
select .info.pressed,
input[type="text"] .info.pressed,
input[type="password"] .info.pressed,
textarea .info.pressed,
.card
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .info.pressed,
button
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #457ab7;
  border-color: #457ab7;
}
.primary .info.disabled,
.primary button.info:disabled,
.box .info.disabled,
.box button.info:disabled,
.base-limited .info.disabled,
.base-limited button.info:disabled,
.header .info.disabled,
.header button.info:disabled,
.card .info.disabled,
.code .info.disabled,
input[type="date"] .info.disabled,
.tooltipped .tooltip .info.disabled,
.toast .info.disabled,
select .info.disabled,
input[type="text"] .info.disabled,
input[type="password"] .info.disabled,
textarea .info.disabled,
.card button.info:disabled,
.code button.info:disabled,
input[type="date"] button.info:disabled,
.tooltipped .tooltip button.info:disabled,
.toast button.info:disabled,
select button.info:disabled,
input[type="text"] button.info:disabled,
input[type="password"] button.info:disabled,
textarea button.info:disabled,
button .info.disabled,
button button.info:disabled {
  color: white;
  background-color: #676767;
  border-color: #676767;
}
.primary .loud,
.primary input[type="checkbox"]:checked,
.box .loud,
.box input[type="checkbox"]:checked,
.base-limited .loud,
.base-limited input[type="checkbox"]:checked,
.header .loud,
.header input[type="checkbox"]:checked,
.card .loud,
.code .loud,
input[type="date"] .loud,
.card input[type="checkbox"]:checked,
.code input[type="checkbox"]:checked,
input[type="date"] input[type="checkbox"]:checked,
.tooltipped .tooltip .loud,
.tooltipped .tooltip input[type="checkbox"]:checked,
.toast .loud,
.toast input[type="checkbox"]:checked,
select .loud,
select input[type="checkbox"]:checked,
input[type="text"] .loud,
input[type="text"] input[type="checkbox"]:checked,
input[type="password"] .loud,
input[type="password"] input[type="checkbox"]:checked,
textarea .loud,
textarea input[type="checkbox"]:checked,
button .loud,
button input[type="checkbox"]:checked {
  animation: none;
  color: #ffffff;
  background-color: #1a396f;
  border-color: transparent;
}
.primary .loud.minor,
.primary input[type="checkbox"]:checked,
.box .loud.minor,
.box input[type="checkbox"]:checked,
.base-limited .loud.minor,
.base-limited input[type="checkbox"]:checked,
.header .loud.minor,
.header input[type="checkbox"]:checked,
.card .loud.minor,
.code .loud.minor,
input[type="date"] .loud.minor,
.card input[type="checkbox"]:checked,
.code input[type="checkbox"]:checked,
input[type="date"] input[type="checkbox"]:checked,
.tooltipped .tooltip .loud.minor,
.tooltipped .tooltip input[type="checkbox"]:checked,
.toast .loud.minor,
.toast input[type="checkbox"]:checked,
select .loud.minor,
select input[type="checkbox"]:checked,
input[type="text"] .loud.minor,
input[type="text"] input[type="checkbox"]:checked,
input[type="password"] .loud.minor,
input[type="password"] input[type="checkbox"]:checked,
textarea .loud.minor,
textarea input[type="checkbox"]:checked,
button .loud.minor,
button input[type="checkbox"]:checked {
  color: #1a396f;
  background-color: #c6cedb;
  border-color: transparent;
}
.primary .loud.minor.hovered,
.primary input.hovered[type="checkbox"]:checked,
.primary
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .loud.minor.hovered,
.box input.hovered[type="checkbox"]:checked,
.box
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .loud.minor.hovered,
.base-limited input.hovered[type="checkbox"]:checked,
.base-limited
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .loud.minor.hovered,
.header input.hovered[type="checkbox"]:checked,
.header
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .loud.minor.hovered,
.code .loud.minor.hovered,
input[type="date"] .loud.minor.hovered,
.card input.hovered[type="checkbox"]:checked,
.code input.hovered[type="checkbox"]:checked,
input[type="date"] input.hovered[type="checkbox"]:checked,
.tooltipped .tooltip .loud.minor.hovered,
.tooltipped .tooltip input.hovered[type="checkbox"]:checked,
.toast .loud.minor.hovered,
.toast input.hovered[type="checkbox"]:checked,
select .loud.minor.hovered,
select input.hovered[type="checkbox"]:checked,
input[type="text"] .loud.minor.hovered,
input[type="text"] input.hovered[type="checkbox"]:checked,
input[type="password"] .loud.minor.hovered,
input[type="password"] input.hovered[type="checkbox"]:checked,
textarea .loud.minor.hovered,
textarea input.hovered[type="checkbox"]:checked,
.card
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .loud.minor.hovered,
button input.hovered[type="checkbox"]:checked,
button
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #b5bfd0;
  border-color: transparent;
}
.primary .loud.minor.pressed,
.primary input.pressed[type="checkbox"]:checked,
.primary
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .loud.minor.pressed,
.box input.pressed[type="checkbox"]:checked,
.box
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .loud.minor.pressed,
.base-limited input.pressed[type="checkbox"]:checked,
.base-limited
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .loud.minor.pressed,
.header input.pressed[type="checkbox"]:checked,
.header
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .loud.minor.pressed,
.code .loud.minor.pressed,
input[type="date"] .loud.minor.pressed,
.card input.pressed[type="checkbox"]:checked,
.code input.pressed[type="checkbox"]:checked,
input[type="date"] input.pressed[type="checkbox"]:checked,
.tooltipped .tooltip .loud.minor.pressed,
.tooltipped .tooltip input.pressed[type="checkbox"]:checked,
.toast .loud.minor.pressed,
.toast input.pressed[type="checkbox"]:checked,
select .loud.minor.pressed,
select input.pressed[type="checkbox"]:checked,
input[type="text"] .loud.minor.pressed,
input[type="text"] input.pressed[type="checkbox"]:checked,
input[type="password"] .loud.minor.pressed,
input[type="password"] input.pressed[type="checkbox"]:checked,
textarea .loud.minor.pressed,
textarea input.pressed[type="checkbox"]:checked,
.card
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .loud.minor.pressed,
button input.pressed[type="checkbox"]:checked,
button
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #9ba9c0;
  border-color: transparent;
}
.primary .loud.minor.disabled,
.primary input.disabled[type="checkbox"]:checked,
.primary button.loud.minor:disabled,
.box .loud.minor.disabled,
.box input.disabled[type="checkbox"]:checked,
.box button.loud.minor:disabled,
.base-limited .loud.minor.disabled,
.base-limited input.disabled[type="checkbox"]:checked,
.base-limited button.loud.minor:disabled,
.header .loud.minor.disabled,
.header input.disabled[type="checkbox"]:checked,
.header button.loud.minor:disabled,
.card .loud.minor.disabled,
.code .loud.minor.disabled,
input[type="date"] .loud.minor.disabled,
.card input.disabled[type="checkbox"]:checked,
.code input.disabled[type="checkbox"]:checked,
input[type="date"] input.disabled[type="checkbox"]:checked,
.tooltipped .tooltip .loud.minor.disabled,
.tooltipped .tooltip input.disabled[type="checkbox"]:checked,
.toast .loud.minor.disabled,
.toast input.disabled[type="checkbox"]:checked,
select .loud.minor.disabled,
select input.disabled[type="checkbox"]:checked,
input[type="text"] .loud.minor.disabled,
input[type="text"] input.disabled[type="checkbox"]:checked,
input[type="password"] .loud.minor.disabled,
input[type="password"] input.disabled[type="checkbox"]:checked,
textarea .loud.minor.disabled,
textarea input.disabled[type="checkbox"]:checked,
.card button.loud.minor:disabled,
.code button.loud.minor:disabled,
input[type="date"] button.loud.minor:disabled,
.tooltipped .tooltip button.loud.minor:disabled,
.toast button.loud.minor:disabled,
select button.loud.minor:disabled,
input[type="text"] button.loud.minor:disabled,
input[type="password"] button.loud.minor:disabled,
textarea button.loud.minor:disabled,
button .loud.minor.disabled,
button input.disabled[type="checkbox"]:checked,
button button.loud.minor:disabled {
  color: #454545;
  background-color: #d1d1d1;
  border-color: rgba(0, 0, 0, 0);
}
.primary .loud.hovered,
.primary input.hovered[type="checkbox"]:checked,
.primary
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .loud.hovered,
.box input.hovered[type="checkbox"]:checked,
.box
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .loud.hovered,
.base-limited input.hovered[type="checkbox"]:checked,
.base-limited
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .loud.hovered,
.header input.hovered[type="checkbox"]:checked,
.header
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .loud.hovered,
.code .loud.hovered,
input[type="date"] .loud.hovered,
.card input.hovered[type="checkbox"]:checked,
.code input.hovered[type="checkbox"]:checked,
input[type="date"] input.hovered[type="checkbox"]:checked,
.tooltipped .tooltip .loud.hovered,
.tooltipped .tooltip input.hovered[type="checkbox"]:checked,
.toast .loud.hovered,
.toast input.hovered[type="checkbox"]:checked,
select .loud.hovered,
select input.hovered[type="checkbox"]:checked,
input[type="text"] .loud.hovered,
input[type="text"] input.hovered[type="checkbox"]:checked,
input[type="password"] .loud.hovered,
input[type="password"] input.hovered[type="checkbox"]:checked,
textarea .loud.hovered,
textarea input.hovered[type="checkbox"]:checked,
.card
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .loud.hovered,
button input.hovered[type="checkbox"]:checked,
button
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #254376;
  border-color: transparent;
}
.primary .loud.pressed,
.primary input.pressed[type="checkbox"]:checked,
.primary
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .loud.pressed,
.box input.pressed[type="checkbox"]:checked,
.box
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .loud.pressed,
.base-limited input.pressed[type="checkbox"]:checked,
.base-limited
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .loud.pressed,
.header input.pressed[type="checkbox"]:checked,
.header
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .loud.pressed,
.code .loud.pressed,
input[type="date"] .loud.pressed,
.card input.pressed[type="checkbox"]:checked,
.code input.pressed[type="checkbox"]:checked,
input[type="date"] input.pressed[type="checkbox"]:checked,
.tooltipped .tooltip .loud.pressed,
.tooltipped .tooltip input.pressed[type="checkbox"]:checked,
.toast .loud.pressed,
.toast input.pressed[type="checkbox"]:checked,
select .loud.pressed,
select input.pressed[type="checkbox"]:checked,
input[type="text"] .loud.pressed,
input[type="text"] input.pressed[type="checkbox"]:checked,
input[type="password"] .loud.pressed,
input[type="password"] input.pressed[type="checkbox"]:checked,
textarea .loud.pressed,
textarea input.pressed[type="checkbox"]:checked,
.card
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .loud.pressed,
button input.pressed[type="checkbox"]:checked,
button
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #3c5785;
  border-color: transparent;
}
.primary .loud.disabled,
.primary input.disabled[type="checkbox"]:checked,
.primary button.loud:disabled,
.box .loud.disabled,
.box input.disabled[type="checkbox"]:checked,
.box button.loud:disabled,
.base-limited .loud.disabled,
.base-limited input.disabled[type="checkbox"]:checked,
.base-limited button.loud:disabled,
.header .loud.disabled,
.header input.disabled[type="checkbox"]:checked,
.header button.loud:disabled,
.card .loud.disabled,
.code .loud.disabled,
input[type="date"] .loud.disabled,
.card input.disabled[type="checkbox"]:checked,
.code input.disabled[type="checkbox"]:checked,
input[type="date"] input.disabled[type="checkbox"]:checked,
.tooltipped .tooltip .loud.disabled,
.tooltipped .tooltip input.disabled[type="checkbox"]:checked,
.toast .loud.disabled,
.toast input.disabled[type="checkbox"]:checked,
select .loud.disabled,
select input.disabled[type="checkbox"]:checked,
input[type="text"] .loud.disabled,
input[type="text"] input.disabled[type="checkbox"]:checked,
input[type="password"] .loud.disabled,
input[type="password"] input.disabled[type="checkbox"]:checked,
textarea .loud.disabled,
textarea input.disabled[type="checkbox"]:checked,
.card button.loud:disabled,
.code button.loud:disabled,
input[type="date"] button.loud:disabled,
.tooltipped .tooltip button.loud:disabled,
.toast button.loud:disabled,
select button.loud:disabled,
input[type="text"] button.loud:disabled,
input[type="password"] button.loud:disabled,
textarea button.loud:disabled,
button .loud.disabled,
button input.disabled[type="checkbox"]:checked,
button button.loud:disabled {
  color: white;
  background-color: #454545;
  border-color: #454545;
}
.primary .action,
.box .action,
.base-limited .action,
.header .action,
.card .action,
.code .action,
input[type="date"] .action,
.tooltipped .tooltip .action,
.toast .action,
select .action,
input[type="text"] .action,
input[type="password"] .action,
textarea .action,
button .action {
  animation: none;
  color: #1a396f;
  background-color: transparent;
  border-color: transparent;
}
.primary .action.minor,
.primary input.action[type="checkbox"]:checked,
.box .action.minor,
.box input.action[type="checkbox"]:checked,
.base-limited .action.minor,
.base-limited input.action[type="checkbox"]:checked,
.header .action.minor,
.header input.action[type="checkbox"]:checked,
.card .action.minor,
.code .action.minor,
input[type="date"] .action.minor,
.card input.action[type="checkbox"]:checked,
.code input.action[type="checkbox"]:checked,
input[type="date"] input.action[type="checkbox"]:checked,
.tooltipped .tooltip .action.minor,
.tooltipped .tooltip input.action[type="checkbox"]:checked,
.toast .action.minor,
.toast input.action[type="checkbox"]:checked,
select .action.minor,
select input.action[type="checkbox"]:checked,
input[type="text"] .action.minor,
input[type="text"] input.action[type="checkbox"]:checked,
input[type="password"] .action.minor,
input[type="password"] input.action[type="checkbox"]:checked,
textarea .action.minor,
textarea input.action[type="checkbox"]:checked,
button .action.minor,
button input.action[type="checkbox"]:checked {
  color: transparent;
  background-color: rgba(255, 255, 255, 0.75);
  border-color: transparent;
}
.primary .action.minor.hovered,
.primary input.action.hovered[type="checkbox"]:checked,
.primary
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .action.minor.hovered,
.box input.action.hovered[type="checkbox"]:checked,
.box
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .action.minor.hovered,
.base-limited input.action.hovered[type="checkbox"]:checked,
.base-limited
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .action.minor.hovered,
.header input.action.hovered[type="checkbox"]:checked,
.header
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .action.minor.hovered,
.code .action.minor.hovered,
input[type="date"] .action.minor.hovered,
.card input.action.hovered[type="checkbox"]:checked,
.code input.action.hovered[type="checkbox"]:checked,
input[type="date"] input.action.hovered[type="checkbox"]:checked,
.tooltipped .tooltip .action.minor.hovered,
.tooltipped .tooltip input.action.hovered[type="checkbox"]:checked,
.toast .action.minor.hovered,
.toast input.action.hovered[type="checkbox"]:checked,
select .action.minor.hovered,
select input.action.hovered[type="checkbox"]:checked,
input[type="text"] .action.minor.hovered,
input[type="text"] input.action.hovered[type="checkbox"]:checked,
input[type="password"] .action.minor.hovered,
input[type="password"] input.action.hovered[type="checkbox"]:checked,
textarea .action.minor.hovered,
textarea input.action.hovered[type="checkbox"]:checked,
.card
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .action.minor.hovered,
button input.action.hovered[type="checkbox"]:checked,
button
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(251, 251, 251, 0.675);
  border-color: transparent;
}
.primary .action.minor.pressed,
.primary input.action.pressed[type="checkbox"]:checked,
.primary
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .action.minor.pressed,
.box input.action.pressed[type="checkbox"]:checked,
.box
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .action.minor.pressed,
.base-limited input.action.pressed[type="checkbox"]:checked,
.base-limited
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .action.minor.pressed,
.header input.action.pressed[type="checkbox"]:checked,
.header
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .action.minor.pressed,
.code .action.minor.pressed,
input[type="date"] .action.minor.pressed,
.card input.action.pressed[type="checkbox"]:checked,
.code input.action.pressed[type="checkbox"]:checked,
input[type="date"] input.action.pressed[type="checkbox"]:checked,
.tooltipped .tooltip .action.minor.pressed,
.tooltipped .tooltip input.action.pressed[type="checkbox"]:checked,
.toast .action.minor.pressed,
.toast input.action.pressed[type="checkbox"]:checked,
select .action.minor.pressed,
select input.action.pressed[type="checkbox"]:checked,
input[type="text"] .action.minor.pressed,
input[type="text"] input.action.pressed[type="checkbox"]:checked,
input[type="password"] .action.minor.pressed,
input[type="password"] input.action.pressed[type="checkbox"]:checked,
textarea .action.minor.pressed,
textarea input.action.pressed[type="checkbox"]:checked,
.card
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .action.minor.pressed,
button input.action.pressed[type="checkbox"]:checked,
button
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(243, 243, 243, 0.5625);
  border-color: transparent;
}
.primary .action.minor.disabled,
.primary input.action.disabled[type="checkbox"]:checked,
.primary button.action.minor:disabled,
.box .action.minor.disabled,
.box input.action.disabled[type="checkbox"]:checked,
.box button.action.minor:disabled,
.base-limited .action.minor.disabled,
.base-limited input.action.disabled[type="checkbox"]:checked,
.base-limited button.action.minor:disabled,
.header .action.minor.disabled,
.header input.action.disabled[type="checkbox"]:checked,
.header button.action.minor:disabled,
.card .action.minor.disabled,
.code .action.minor.disabled,
input[type="date"] .action.minor.disabled,
.card input.action.disabled[type="checkbox"]:checked,
.code input.action.disabled[type="checkbox"]:checked,
input[type="date"] input.action.disabled[type="checkbox"]:checked,
.tooltipped .tooltip .action.minor.disabled,
.tooltipped .tooltip input.action.disabled[type="checkbox"]:checked,
.toast .action.minor.disabled,
.toast input.action.disabled[type="checkbox"]:checked,
select .action.minor.disabled,
select input.action.disabled[type="checkbox"]:checked,
input[type="text"] .action.minor.disabled,
input[type="text"] input.action.disabled[type="checkbox"]:checked,
input[type="password"] .action.minor.disabled,
input[type="password"] input.action.disabled[type="checkbox"]:checked,
textarea .action.minor.disabled,
textarea input.action.disabled[type="checkbox"]:checked,
.card button.action.minor:disabled,
.code button.action.minor:disabled,
input[type="date"] button.action.minor:disabled,
.tooltipped .tooltip button.action.minor:disabled,
.toast button.action.minor:disabled,
select button.action.minor:disabled,
input[type="text"] button.action.minor:disabled,
input[type="password"] button.action.minor:disabled,
textarea button.action.minor:disabled,
button .action.minor.disabled,
button input.action.disabled[type="checkbox"]:checked,
button button.action.minor:disabled {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, 0.75);
  border-color: rgba(0, 0, 0, 0);
}
.primary .action.hovered,
.primary
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .action.hovered,
.box
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .action.hovered,
.base-limited
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .action.hovered,
.header
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .action.hovered,
.code .action.hovered,
input[type="date"] .action.hovered,
.tooltipped .tooltip .action.hovered,
.toast .action.hovered,
select .action.hovered,
input[type="text"] .action.hovered,
input[type="password"] .action.hovered,
textarea .action.hovered,
.card
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .action.hovered,
button
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: rgba(26, 57, 111, 0.05);
  border-color: transparent;
}
.primary .action.pressed,
.primary
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .action.pressed,
.box
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .action.pressed,
.base-limited
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .action.pressed,
.header
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .action.pressed,
.code .action.pressed,
input[type="date"] .action.pressed,
.tooltipped .tooltip .action.pressed,
.toast .action.pressed,
select .action.pressed,
input[type="text"] .action.pressed,
input[type="password"] .action.pressed,
textarea .action.pressed,
.card
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .action.pressed,
button
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: rgba(26, 57, 111, 0.15);
  border-color: transparent;
}
.primary .action.disabled,
.primary button.action:disabled,
.box .action.disabled,
.box button.action:disabled,
.base-limited .action.disabled,
.base-limited button.action:disabled,
.header .action.disabled,
.header button.action:disabled,
.card .action.disabled,
.code .action.disabled,
input[type="date"] .action.disabled,
.tooltipped .tooltip .action.disabled,
.toast .action.disabled,
select .action.disabled,
input[type="text"] .action.disabled,
input[type="password"] .action.disabled,
textarea .action.disabled,
.card button.action:disabled,
.code button.action:disabled,
input[type="date"] button.action:disabled,
.tooltipped .tooltip button.action:disabled,
.toast button.action:disabled,
select button.action:disabled,
input[type="text"] button.action:disabled,
input[type="password"] button.action:disabled,
textarea button.action:disabled,
button .action.disabled,
button button.action:disabled {
  color: #454545;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.primary .integrated,
.box .integrated,
.base-limited .integrated,
.header .integrated,
.card .integrated,
.code .integrated,
input[type="date"] .integrated,
.tooltipped .tooltip .integrated,
.toast .integrated,
select .integrated,
input[type="text"] .integrated,
input[type="password"] .integrated,
textarea .integrated,
button .integrated {
  animation: none;
  color: #222222;
  background-color: transparent;
  border-color: transparent;
}
.primary .integrated.minor,
.primary input.integrated[type="checkbox"]:checked,
.box .integrated.minor,
.box input.integrated[type="checkbox"]:checked,
.base-limited .integrated.minor,
.base-limited input.integrated[type="checkbox"]:checked,
.header .integrated.minor,
.header input.integrated[type="checkbox"]:checked,
.card .integrated.minor,
.code .integrated.minor,
input[type="date"] .integrated.minor,
.card input.integrated[type="checkbox"]:checked,
.code input.integrated[type="checkbox"]:checked,
input[type="date"] input.integrated[type="checkbox"]:checked,
.tooltipped .tooltip .integrated.minor,
.tooltipped .tooltip input.integrated[type="checkbox"]:checked,
.toast .integrated.minor,
.toast input.integrated[type="checkbox"]:checked,
select .integrated.minor,
select input.integrated[type="checkbox"]:checked,
input[type="text"] .integrated.minor,
input[type="text"] input.integrated[type="checkbox"]:checked,
input[type="password"] .integrated.minor,
input[type="password"] input.integrated[type="checkbox"]:checked,
textarea .integrated.minor,
textarea input.integrated[type="checkbox"]:checked,
button .integrated.minor,
button input.integrated[type="checkbox"]:checked {
  color: transparent;
  background-color: rgba(255, 255, 255, 0.75);
  border-color: transparent;
}
.primary .integrated.minor.hovered,
.primary input.integrated.hovered[type="checkbox"]:checked,
.primary
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .integrated.minor.hovered,
.box input.integrated.hovered[type="checkbox"]:checked,
.box
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .integrated.minor.hovered,
.base-limited input.integrated.hovered[type="checkbox"]:checked,
.base-limited
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .integrated.minor.hovered,
.header input.integrated.hovered[type="checkbox"]:checked,
.header
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .integrated.minor.hovered,
.code .integrated.minor.hovered,
input[type="date"] .integrated.minor.hovered,
.card input.integrated.hovered[type="checkbox"]:checked,
.code input.integrated.hovered[type="checkbox"]:checked,
input[type="date"] input.integrated.hovered[type="checkbox"]:checked,
.tooltipped .tooltip .integrated.minor.hovered,
.tooltipped .tooltip input.integrated.hovered[type="checkbox"]:checked,
.toast .integrated.minor.hovered,
.toast input.integrated.hovered[type="checkbox"]:checked,
select .integrated.minor.hovered,
select input.integrated.hovered[type="checkbox"]:checked,
input[type="text"] .integrated.minor.hovered,
input[type="text"] input.integrated.hovered[type="checkbox"]:checked,
input[type="password"] .integrated.minor.hovered,
input[type="password"] input.integrated.hovered[type="checkbox"]:checked,
textarea .integrated.minor.hovered,
textarea input.integrated.hovered[type="checkbox"]:checked,
.card
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .integrated.minor.hovered,
button input.integrated.hovered[type="checkbox"]:checked,
button
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(251, 251, 251, 0.675);
  border-color: transparent;
}
.primary .integrated.minor.pressed,
.primary input.integrated.pressed[type="checkbox"]:checked,
.primary
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .integrated.minor.pressed,
.box input.integrated.pressed[type="checkbox"]:checked,
.box
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .integrated.minor.pressed,
.base-limited input.integrated.pressed[type="checkbox"]:checked,
.base-limited
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .integrated.minor.pressed,
.header input.integrated.pressed[type="checkbox"]:checked,
.header
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .integrated.minor.pressed,
.code .integrated.minor.pressed,
input[type="date"] .integrated.minor.pressed,
.card input.integrated.pressed[type="checkbox"]:checked,
.code input.integrated.pressed[type="checkbox"]:checked,
input[type="date"] input.integrated.pressed[type="checkbox"]:checked,
.tooltipped .tooltip .integrated.minor.pressed,
.tooltipped .tooltip input.integrated.pressed[type="checkbox"]:checked,
.toast .integrated.minor.pressed,
.toast input.integrated.pressed[type="checkbox"]:checked,
select .integrated.minor.pressed,
select input.integrated.pressed[type="checkbox"]:checked,
input[type="text"] .integrated.minor.pressed,
input[type="text"] input.integrated.pressed[type="checkbox"]:checked,
input[type="password"] .integrated.minor.pressed,
input[type="password"] input.integrated.pressed[type="checkbox"]:checked,
textarea .integrated.minor.pressed,
textarea input.integrated.pressed[type="checkbox"]:checked,
.card
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .integrated.minor.pressed,
button input.integrated.pressed[type="checkbox"]:checked,
button
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(243, 243, 243, 0.5625);
  border-color: transparent;
}
.primary .integrated.minor.disabled,
.primary input.integrated.disabled[type="checkbox"]:checked,
.primary button.integrated.minor:disabled,
.box .integrated.minor.disabled,
.box input.integrated.disabled[type="checkbox"]:checked,
.box button.integrated.minor:disabled,
.base-limited .integrated.minor.disabled,
.base-limited input.integrated.disabled[type="checkbox"]:checked,
.base-limited button.integrated.minor:disabled,
.header .integrated.minor.disabled,
.header input.integrated.disabled[type="checkbox"]:checked,
.header button.integrated.minor:disabled,
.card .integrated.minor.disabled,
.code .integrated.minor.disabled,
input[type="date"] .integrated.minor.disabled,
.card input.integrated.disabled[type="checkbox"]:checked,
.code input.integrated.disabled[type="checkbox"]:checked,
input[type="date"] input.integrated.disabled[type="checkbox"]:checked,
.tooltipped .tooltip .integrated.minor.disabled,
.tooltipped .tooltip input.integrated.disabled[type="checkbox"]:checked,
.toast .integrated.minor.disabled,
.toast input.integrated.disabled[type="checkbox"]:checked,
select .integrated.minor.disabled,
select input.integrated.disabled[type="checkbox"]:checked,
input[type="text"] .integrated.minor.disabled,
input[type="text"] input.integrated.disabled[type="checkbox"]:checked,
input[type="password"] .integrated.minor.disabled,
input[type="password"] input.integrated.disabled[type="checkbox"]:checked,
textarea .integrated.minor.disabled,
textarea input.integrated.disabled[type="checkbox"]:checked,
.card button.integrated.minor:disabled,
.code button.integrated.minor:disabled,
input[type="date"] button.integrated.minor:disabled,
.tooltipped .tooltip button.integrated.minor:disabled,
.toast button.integrated.minor:disabled,
select button.integrated.minor:disabled,
input[type="text"] button.integrated.minor:disabled,
input[type="password"] button.integrated.minor:disabled,
textarea button.integrated.minor:disabled,
button .integrated.minor.disabled,
button input.integrated.disabled[type="checkbox"]:checked,
button button.integrated.minor:disabled {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, 0.75);
  border-color: rgba(0, 0, 0, 0);
}
.primary .integrated.hovered,
.primary
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .integrated.hovered,
.box
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .integrated.hovered,
.base-limited
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .integrated.hovered,
.header
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .integrated.hovered,
.code .integrated.hovered,
input[type="date"] .integrated.hovered,
.tooltipped .tooltip .integrated.hovered,
.toast .integrated.hovered,
select .integrated.hovered,
input[type="text"] .integrated.hovered,
input[type="password"] .integrated.hovered,
textarea .integrated.hovered,
.card
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .integrated.hovered,
button
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #222222;
  background-color: rgba(34, 34, 34, 0.05);
  border-color: transparent;
}
.primary .integrated.pressed,
.primary
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.box .integrated.pressed,
.box
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.base-limited .integrated.pressed,
.base-limited
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.header .integrated.pressed,
.header
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.card .integrated.pressed,
.code .integrated.pressed,
input[type="date"] .integrated.pressed,
.tooltipped .tooltip .integrated.pressed,
.toast .integrated.pressed,
select .integrated.pressed,
input[type="text"] .integrated.pressed,
input[type="password"] .integrated.pressed,
textarea .integrated.pressed,
.card
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="date"]
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.tooltipped
  .tooltip
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
select
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="text"]
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="password"]
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
textarea
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
button .integrated.pressed,
button
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #222222;
  background-color: rgba(34, 34, 34, 0.15);
  border-color: transparent;
}
.primary .integrated.disabled,
.primary button.integrated:disabled,
.box .integrated.disabled,
.box button.integrated:disabled,
.base-limited .integrated.disabled,
.base-limited button.integrated:disabled,
.header .integrated.disabled,
.header button.integrated:disabled,
.card .integrated.disabled,
.code .integrated.disabled,
input[type="date"] .integrated.disabled,
.tooltipped .tooltip .integrated.disabled,
.toast .integrated.disabled,
select .integrated.disabled,
input[type="text"] .integrated.disabled,
input[type="password"] .integrated.disabled,
textarea .integrated.disabled,
.card button.integrated:disabled,
.code button.integrated:disabled,
input[type="date"] button.integrated:disabled,
.tooltipped .tooltip button.integrated:disabled,
.toast button.integrated:disabled,
select button.integrated:disabled,
input[type="text"] button.integrated:disabled,
input[type="password"] button.integrated:disabled,
textarea button.integrated:disabled,
button .integrated.disabled,
button button.integrated:disabled {
  color: #222222;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.inverse,
.toast,
input[type="text"].toast,
input[type="password"].toast,
.box.inverse,
.inverse.base-limited,
.inverse.header,
.inverse.card,
.inverse.code,
input.inverse[type="date"],
.tooltipped .inverse.tooltip,
.inverse.toast,
select.inverse,
input.inverse[type="text"],
input.inverse[type="password"],
textarea.inverse,
button.inverse {
  color: #ffffff;
  background-color: #222222;
  border-color: rgba(255, 255, 255, 0.0784313725);
  --c-mode: inverse;
  --c-accent: #1a396f;
  --c-error: #f34343;
  --c-warning: #ab8100;
  --c-success: #29ac5e;
  --c-info: #2463aa;
  --c-loud: #1a396f;
  --c-action: transparent;
  --c-integrated: transparent;
}
.inverse .plain,
.toast .plain {
  color: #ffffff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.0784313725);
}
.inverse .plain-opaque,
.toast .plain-opaque {
  color: #ffffff;
  background-color: #222222;
  border-color: rgba(255, 255, 255, 0.0784313725);
}
.inverse .accent,
.inverse input[type="range"]::-webkit-slider-thumb,
.inverse input[type="range"]::-moz-range-thumb,
.toast .accent,
.toast input[type="range"]::-webkit-slider-thumb,
.toast input[type="range"]::-moz-range-thumb,
.inverse button,
.toast button {
  animation: none;
  color: #ffffff;
  background-color: #1a396f;
  border-color: #1a396f;
}
.inverse .accent.minor,
.inverse input.accent[type="checkbox"]:checked,
.inverse input.minor[type="range"]::-webkit-slider-thumb,
.inverse input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.inverse input.minor[type="range"]::-moz-range-thumb,
.inverse input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.toast .accent.minor,
.toast input.accent[type="checkbox"]:checked,
.toast input.minor[type="range"]::-webkit-slider-thumb,
.toast input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.toast input.minor[type="range"]::-moz-range-thumb,
.toast input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.inverse button.minor,
.toast button.minor {
  color: #1a396f;
  background-color: #202835;
  border-color: #1a396f;
}
.inverse .accent.minor.hovered,
.inverse input.accent.hovered[type="checkbox"]:checked,
.inverse input.minor.hovered[type="range"]::-webkit-slider-thumb,
.inverse
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.inverse input.minor.hovered[type="range"]::-moz-range-thumb,
.inverse input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.toast .accent.minor.hovered,
.toast input.accent.hovered[type="checkbox"]:checked,
.toast input.minor.hovered[type="range"]::-webkit-slider-thumb,
.toast
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.toast input.minor.hovered[type="range"]::-moz-range-thumb,
.toast input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.inverse button.minor.hovered,
.toast button.minor.hovered,
.inverse
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #1f2a3b;
  border-color: #1a396f;
}
.inverse .accent.minor.pressed,
.inverse input.accent.pressed[type="checkbox"]:checked,
.inverse input.minor.pressed[type="range"]::-webkit-slider-thumb,
.inverse
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.inverse input.minor.pressed[type="range"]::-moz-range-thumb,
.inverse input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.toast .accent.minor.pressed,
.toast input.accent.pressed[type="checkbox"]:checked,
.toast input.minor.pressed[type="range"]::-webkit-slider-thumb,
.toast
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.toast input.minor.pressed[type="range"]::-moz-range-thumb,
.toast input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.inverse button.minor.pressed,
.toast button.minor.pressed,
.inverse
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #1f2c44;
  border-color: #1a396f;
}
.inverse .accent.minor.disabled,
.inverse input.accent.disabled[type="checkbox"]:checked,
.inverse input.minor.disabled[type="range"]::-webkit-slider-thumb,
.inverse
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.inverse input.minor.disabled[type="range"]::-moz-range-thumb,
.inverse
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.toast .accent.minor.disabled,
.toast input.accent.disabled[type="checkbox"]:checked,
.toast input.minor.disabled[type="range"]::-webkit-slider-thumb,
.toast
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.toast input.minor.disabled[type="range"]::-moz-range-thumb,
.toast input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.inverse button.minor.disabled,
.toast button.minor.disabled,
.inverse button.minor:disabled,
.toast button.minor:disabled {
  color: #454545;
  background-color: #2b2b2b;
  border-color: #454545;
}
.inverse .accent.hovered,
.inverse input.hovered[type="range"]::-webkit-slider-thumb,
.inverse input.hovered[type="range"]::-moz-range-thumb,
.toast .accent.hovered,
.toast input.hovered[type="range"]::-webkit-slider-thumb,
.toast input.hovered[type="range"]::-moz-range-thumb,
.inverse button.hovered,
.toast button.hovered,
.inverse
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #254376;
  border-color: #254376;
}
.inverse .accent.pressed,
.inverse input.pressed[type="range"]::-webkit-slider-thumb,
.inverse input.pressed[type="range"]::-moz-range-thumb,
.toast .accent.pressed,
.toast input.pressed[type="range"]::-webkit-slider-thumb,
.toast input.pressed[type="range"]::-moz-range-thumb,
.inverse button.pressed,
.toast button.pressed,
.inverse
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #3c5785;
  border-color: #3c5785;
}
.inverse .accent.disabled,
.inverse input.disabled[type="range"]::-webkit-slider-thumb,
.inverse input.disabled[type="range"]::-moz-range-thumb,
.toast .accent.disabled,
.toast input.disabled[type="range"]::-webkit-slider-thumb,
.toast input.disabled[type="range"]::-moz-range-thumb,
.inverse button.disabled,
.toast button.disabled,
.inverse button:disabled,
.toast button:disabled {
  color: white;
  background-color: #454545;
  border-color: #454545;
}
.inverse .error,
.toast .error {
  animation: none;
  color: #ffffff;
  background-color: #f34343;
  border-color: #f34343;
}
.inverse .error.minor,
.inverse input.error[type="checkbox"]:checked,
.toast .error.minor,
.toast input.error[type="checkbox"]:checked {
  color: #f34343;
  background-color: #562a2a;
  border-color: #f34343;
}
.inverse .error.minor.hovered,
.inverse input.error.hovered[type="checkbox"]:checked,
.toast .error.minor.hovered,
.toast input.error.hovered[type="checkbox"]:checked,
.inverse
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #f34343;
  background-color: #662d2d;
  border-color: #f34343;
}
.inverse .error.minor.pressed,
.inverse input.error.pressed[type="checkbox"]:checked,
.toast .error.minor.pressed,
.toast input.error.pressed[type="checkbox"]:checked,
.inverse
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #f34343;
  background-color: #7d3030;
  border-color: #f34343;
}
.inverse .error.minor.disabled,
.inverse input.error.disabled[type="checkbox"]:checked,
.toast .error.minor.disabled,
.toast input.error.disabled[type="checkbox"]:checked,
.inverse button.error.minor:disabled,
.toast button.error.minor:disabled {
  color: #9b9b9b;
  background-color: #404040;
  border-color: #9b9b9b;
}
.inverse .error.hovered,
.toast .error.hovered,
.inverse
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #f44c4c;
  border-color: #f44c4c;
}
.inverse .error.pressed,
.toast .error.pressed,
.inverse
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #f55f5f;
  border-color: #f55f5f;
}
.inverse .error.disabled,
.toast .error.disabled,
.inverse button.error:disabled,
.toast button.error:disabled {
  color: white;
  background-color: #9b9b9b;
  border-color: #9b9b9b;
}
.inverse .warning,
.toast .warning {
  animation: none;
  color: #ffffff;
  background-color: #ab8100;
  border-color: #ab8100;
}
.inverse .warning.minor,
.inverse input.warning[type="checkbox"]:checked,
.toast .warning.minor,
.toast input.warning[type="checkbox"]:checked {
  color: #ab8100;
  background-color: #443a1a;
  border-color: #ab8100;
}
.inverse .warning.minor.hovered,
.inverse input.warning.hovered[type="checkbox"]:checked,
.toast .warning.minor.hovered,
.toast input.warning.hovered[type="checkbox"]:checked,
.inverse
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ab8100;
  background-color: #4e4117;
  border-color: #ab8100;
}
.inverse .warning.minor.pressed,
.inverse input.warning.pressed[type="checkbox"]:checked,
.toast .warning.minor.pressed,
.toast input.warning.pressed[type="checkbox"]:checked,
.inverse
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ab8100;
  background-color: #5e4c14;
  border-color: #ab8100;
}
.inverse .warning.minor.disabled,
.inverse input.warning.disabled[type="checkbox"]:checked,
.toast .warning.minor.disabled,
.toast input.warning.disabled[type="checkbox"]:checked,
.inverse button.warning.minor:disabled,
.toast button.warning.minor:disabled {
  color: #565656;
  background-color: #2f2f2f;
  border-color: #565656;
}
.inverse .warning.hovered,
.toast .warning.hovered,
.inverse
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #af870d;
  border-color: #af870d;
}
.inverse .warning.pressed,
.toast .warning.pressed,
.inverse
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #b89426;
  border-color: #b89426;
}
.inverse .warning.disabled,
.toast .warning.disabled,
.inverse button.warning:disabled,
.toast button.warning:disabled {
  color: white;
  background-color: #565656;
  border-color: #565656;
}
.inverse .success,
.toast .success {
  animation: none;
  color: #ffffff;
  background-color: #29ac5e;
  border-color: #29ac5e;
}
.inverse .success.minor,
.inverse input.success[type="checkbox"]:checked,
.toast .success.minor,
.toast input.success[type="checkbox"]:checked {
  color: #29ac5e;
  background-color: #244531;
  border-color: #29ac5e;
}
.inverse .success.minor.hovered,
.inverse input.success.hovered[type="checkbox"]:checked,
.toast .success.minor.hovered,
.toast input.success.hovered[type="checkbox"]:checked,
.inverse
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #29ac5e;
  background-color: #254f36;
  border-color: #29ac5e;
}
.inverse .success.minor.pressed,
.inverse input.success.pressed[type="checkbox"]:checked,
.toast .success.minor.pressed,
.toast input.success.pressed[type="checkbox"]:checked,
.inverse
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #29ac5e;
  background-color: #255f3c;
  border-color: #29ac5e;
}
.inverse .success.minor.disabled,
.inverse input.success.disabled[type="checkbox"]:checked,
.toast .success.minor.disabled,
.toast input.success.disabled[type="checkbox"]:checked,
.inverse button.success.minor:disabled,
.toast button.success.minor:disabled {
  color: #6b6b6b;
  background-color: #353535;
  border-color: #6b6b6b;
}
.inverse .success.hovered,
.toast .success.hovered,
.inverse
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #34b066;
  border-color: #34b066;
}
.inverse .success.pressed,
.toast .success.pressed,
.inverse
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #49b876;
  border-color: #49b876;
}
.inverse .success.disabled,
.toast .success.disabled,
.inverse button.success:disabled,
.toast button.success:disabled {
  color: white;
  background-color: #6b6b6b;
  border-color: #6b6b6b;
}
.inverse .info,
.toast .info {
  animation: none;
  color: #ffffff;
  background-color: #2463aa;
  border-color: #2463aa;
}
.inverse .info.minor,
.inverse input.info[type="checkbox"]:checked,
.toast .info.minor,
.toast input.info[type="checkbox"]:checked {
  color: #2463aa;
  background-color: #233244;
  border-color: #2463aa;
}
.inverse .info.minor.hovered,
.inverse input.info.hovered[type="checkbox"]:checked,
.toast .info.minor.hovered,
.toast input.info.hovered[type="checkbox"]:checked,
.inverse
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #2463aa;
  background-color: #23374e;
  border-color: #2463aa;
}
.inverse .info.minor.pressed,
.inverse input.info.pressed[type="checkbox"]:checked,
.toast .info.minor.pressed,
.toast input.info.pressed[type="checkbox"]:checked,
.inverse
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #2463aa;
  background-color: #233e5e;
  border-color: #2463aa;
}
.inverse .info.minor.disabled,
.inverse input.info.disabled[type="checkbox"]:checked,
.toast .info.minor.disabled,
.toast input.info.disabled[type="checkbox"]:checked,
.inverse button.info.minor:disabled,
.toast button.info.minor:disabled {
  color: #676767;
  background-color: #343434;
  border-color: #676767;
}
.inverse .info.hovered,
.toast .info.hovered,
.inverse
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #2f6bae;
  border-color: #2f6bae;
}
.inverse .info.pressed,
.toast .info.pressed,
.inverse
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #457ab7;
  border-color: #457ab7;
}
.inverse .info.disabled,
.toast .info.disabled,
.inverse button.info:disabled,
.toast button.info:disabled {
  color: white;
  background-color: #676767;
  border-color: #676767;
}
.inverse .loud,
.inverse input[type="checkbox"]:checked,
.toast .loud,
.toast input[type="checkbox"]:checked {
  animation: none;
  color: #ffffff;
  background-color: #1a396f;
  border-color: transparent;
}
.inverse .loud.minor,
.inverse input[type="checkbox"]:checked,
.toast .loud.minor,
.toast input[type="checkbox"]:checked {
  color: #1a396f;
  background-color: #202835;
  border-color: transparent;
}
.inverse .loud.minor.hovered,
.inverse input.hovered[type="checkbox"]:checked,
.toast .loud.minor.hovered,
.toast input.hovered[type="checkbox"]:checked,
.inverse
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #1f2a3b;
  border-color: transparent;
}
.inverse .loud.minor.pressed,
.inverse input.pressed[type="checkbox"]:checked,
.toast .loud.minor.pressed,
.toast input.pressed[type="checkbox"]:checked,
.inverse
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #1f2c44;
  border-color: transparent;
}
.inverse .loud.minor.disabled,
.inverse input.disabled[type="checkbox"]:checked,
.toast .loud.minor.disabled,
.toast input.disabled[type="checkbox"]:checked,
.inverse button.loud.minor:disabled,
.toast button.loud.minor:disabled {
  color: #454545;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0);
}
.inverse .loud.hovered,
.inverse input.hovered[type="checkbox"]:checked,
.toast .loud.hovered,
.toast input.hovered[type="checkbox"]:checked,
.inverse
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #254376;
  border-color: transparent;
}
.inverse .loud.pressed,
.inverse input.pressed[type="checkbox"]:checked,
.toast .loud.pressed,
.toast input.pressed[type="checkbox"]:checked,
.inverse
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: #3c5785;
  border-color: transparent;
}
.inverse .loud.disabled,
.inverse input.disabled[type="checkbox"]:checked,
.toast .loud.disabled,
.toast input.disabled[type="checkbox"]:checked,
.inverse button.loud:disabled,
.toast button.loud:disabled {
  color: white;
  background-color: #454545;
  border-color: #454545;
}
.inverse .action,
.toast .action {
  animation: none;
  color: #1a396f;
  background-color: transparent;
  border-color: transparent;
}
.inverse .action.minor,
.inverse input.action[type="checkbox"]:checked,
.toast .action.minor,
.toast input.action[type="checkbox"]:checked {
  color: transparent;
  background-color: rgba(34, 34, 34, 0.75);
  border-color: transparent;
}
.inverse .action.minor.hovered,
.inverse input.action.hovered[type="checkbox"]:checked,
.toast .action.minor.hovered,
.toast input.action.hovered[type="checkbox"]:checked,
.inverse
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(33, 33, 33, 0.675);
  border-color: transparent;
}
.inverse .action.minor.pressed,
.inverse input.action.pressed[type="checkbox"]:checked,
.toast .action.minor.pressed,
.toast input.action.pressed[type="checkbox"]:checked,
.inverse
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(32, 32, 32, 0.5625);
  border-color: transparent;
}
.inverse .action.minor.disabled,
.inverse input.action.disabled[type="checkbox"]:checked,
.toast .action.minor.disabled,
.toast input.action.disabled[type="checkbox"]:checked,
.inverse button.action.minor:disabled,
.toast button.action.minor:disabled {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(34, 34, 34, 0.75);
  border-color: rgba(0, 0, 0, 0);
}
.inverse .action.hovered,
.toast .action.hovered,
.inverse
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: rgba(26, 57, 111, 0.05);
  border-color: transparent;
}
.inverse .action.pressed,
.toast .action.pressed,
.inverse
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: rgba(26, 57, 111, 0.15);
  border-color: transparent;
}
.inverse .action.disabled,
.toast .action.disabled,
.inverse button.action:disabled,
.toast button.action:disabled {
  color: #454545;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.inverse .integrated,
.toast .integrated {
  animation: none;
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
}
.inverse .integrated.minor,
.inverse input.integrated[type="checkbox"]:checked,
.toast .integrated.minor,
.toast input.integrated[type="checkbox"]:checked {
  color: transparent;
  background-color: rgba(34, 34, 34, 0.75);
  border-color: transparent;
}
.inverse .integrated.minor.hovered,
.inverse input.integrated.hovered[type="checkbox"]:checked,
.toast .integrated.minor.hovered,
.toast input.integrated.hovered[type="checkbox"]:checked,
.inverse
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(33, 33, 33, 0.675);
  border-color: transparent;
}
.inverse .integrated.minor.pressed,
.inverse input.integrated.pressed[type="checkbox"]:checked,
.toast .integrated.minor.pressed,
.toast input.integrated.pressed[type="checkbox"]:checked,
.inverse
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(32, 32, 32, 0.5625);
  border-color: transparent;
}
.inverse .integrated.minor.disabled,
.inverse input.integrated.disabled[type="checkbox"]:checked,
.toast .integrated.minor.disabled,
.toast input.integrated.disabled[type="checkbox"]:checked,
.inverse button.integrated.minor:disabled,
.toast button.integrated.minor:disabled {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(34, 34, 34, 0.75);
  border-color: rgba(0, 0, 0, 0);
}
.inverse .integrated.hovered,
.toast .integrated.hovered,
.inverse
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.05);
  border-color: transparent;
}
.inverse .integrated.pressed,
.toast .integrated.pressed,
.inverse
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.toast
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
  border-color: transparent;
}
.inverse .integrated.disabled,
.toast .integrated.disabled,
.inverse button.integrated:disabled,
.toast button.integrated:disabled {
  color: white;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.secondary,
.code,
input[type="text"].code,
input[type="password"].code,
.tooltipped .tooltip.code,
input[type="date"].code,
input[type="range"]::-webkit-slider-runnable-track,
.tooltipped input.tooltip[type="range"]::-webkit-slider-runnable-track,
.box.secondary,
.secondary.base-limited,
.secondary.header,
.secondary.card,
.secondary.code,
input.secondary[type="date"],
.tooltipped .secondary.tooltip,
.secondary.toast,
select.secondary,
input.secondary[type="text"],
input.secondary[type="password"],
textarea.secondary,
button.secondary {
  color: #222222;
  background-color: #eeeeee;
  border-color: rgba(34, 34, 34, 0.0784313725);
  --c-mode: secondary;
  --c-accent: #1a396f;
  --c-error: #f34343;
  --c-warning: #ab8100;
  --c-success: #29ac5e;
  --c-info: #2463aa;
  --c-loud: #1a396f;
  --c-action: transparent;
  --c-integrated: transparent;
}
.secondary .plain,
.code .plain,
input[type="range"]::-webkit-slider-runnable-track .plain {
  color: #222222;
  background-color: transparent;
  border-color: rgba(34, 34, 34, 0.0784313725);
}
.secondary .plain-opaque,
.code .plain-opaque,
input[type="range"]::-webkit-slider-runnable-track .plain-opaque {
  color: #222222;
  background-color: #eeeeee;
  border-color: rgba(34, 34, 34, 0.0784313725);
}
.secondary .accent,
.code .accent,
.secondary input[type="range"]::-webkit-slider-thumb,
.code input[type="range"]::-webkit-slider-thumb,
.secondary input[type="range"]::-moz-range-thumb,
.code input[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track .accent,
input[type="range"]::-webkit-slider-runnable-track
  input[type="range"]::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input[type="range"]::-moz-range-thumb,
.secondary button,
.code button,
.tooltipped .tooltip.code button,
input[type="range"]::-webkit-slider-runnable-track button,
.tooltipped input.tooltip[type="range"]::-webkit-slider-runnable-track button {
  animation: none;
  color: #eeeeee;
  background-color: #1a396f;
  border-color: #1a396f;
}
.secondary .accent.minor,
.code .accent.minor,
.secondary input.accent[type="checkbox"]:checked,
.code input.accent[type="checkbox"]:checked,
.secondary input.minor[type="range"]::-webkit-slider-thumb,
.code input.minor[type="range"]::-webkit-slider-thumb,
.secondary input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.code input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.secondary input.minor[type="range"]::-moz-range-thumb,
.code input.minor[type="range"]::-moz-range-thumb,
.secondary input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.code input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track .accent.minor,
input[type="range"]::-webkit-slider-runnable-track
  input.accent[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track
  input.minor[type="range"]::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.minor[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.secondary button.minor,
.code button.minor,
input[type="range"]::-webkit-slider-runnable-track button.minor {
  color: #1a396f;
  background-color: #b9c1ce;
  border-color: #1a396f;
}
.secondary .accent.minor.hovered,
.code .accent.minor.hovered,
.secondary input.accent.hovered[type="checkbox"]:checked,
.code input.accent.hovered[type="checkbox"]:checked,
.secondary input.minor.hovered[type="range"]::-webkit-slider-thumb,
.code input.minor.hovered[type="range"]::-webkit-slider-thumb,
.secondary
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.code
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.secondary input.minor.hovered[type="range"]::-moz-range-thumb,
.code input.minor.hovered[type="range"]::-moz-range-thumb,
.secondary
  input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.code input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track .accent.minor.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.accent.hovered[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track
  input.minor.hovered[type="range"]::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.hovered[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.minor.hovered[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.hovered[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.secondary button.minor.hovered,
.code button.minor.hovered,
input[type="range"]::-webkit-slider-runnable-track button.minor.hovered,
.secondary
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #a9b3c5;
  border-color: #1a396f;
}
.secondary .accent.minor.pressed,
.code .accent.minor.pressed,
.secondary input.accent.pressed[type="checkbox"]:checked,
.code input.accent.pressed[type="checkbox"]:checked,
.secondary input.minor.pressed[type="range"]::-webkit-slider-thumb,
.code input.minor.pressed[type="range"]::-webkit-slider-thumb,
.secondary
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.code
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.secondary input.minor.pressed[type="range"]::-moz-range-thumb,
.code input.minor.pressed[type="range"]::-moz-range-thumb,
.secondary
  input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.code input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track .accent.minor.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.accent.pressed[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track
  input.minor.pressed[type="range"]::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.pressed[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.minor.pressed[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.pressed[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.secondary button.minor.pressed,
.code button.minor.pressed,
input[type="range"]::-webkit-slider-runnable-track button.minor.pressed,
.secondary
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #919fb6;
  border-color: #1a396f;
}
.secondary .accent.minor.disabled,
.code .accent.minor.disabled,
.secondary input.accent.disabled[type="checkbox"]:checked,
.code input.accent.disabled[type="checkbox"]:checked,
.secondary input.minor.disabled[type="range"]::-webkit-slider-thumb,
.code input.minor.disabled[type="range"]::-webkit-slider-thumb,
.secondary
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.code
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
.secondary input.minor.disabled[type="range"]::-moz-range-thumb,
.code input.minor.disabled[type="range"]::-moz-range-thumb,
.secondary
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.code input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track .accent.minor.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.accent.disabled[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track
  input.minor.disabled[type="range"]::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.disabled[type="range"][type="checkbox"]:checked::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.minor.disabled[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.disabled[type="range"][type="checkbox"]:checked::-moz-range-thumb,
.secondary button.minor.disabled,
.code button.minor.disabled,
input[type="range"]::-webkit-slider-runnable-track button.minor.disabled,
.secondary button.minor:disabled,
.code button.minor:disabled,
input[type="range"]::-webkit-slider-runnable-track button.minor:disabled {
  color: #454545;
  background-color: #c4c4c4;
  border-color: #454545;
}
.secondary .accent.hovered,
.code .accent.hovered,
.secondary input.hovered[type="range"]::-webkit-slider-thumb,
.code input.hovered[type="range"]::-webkit-slider-thumb,
.secondary input.hovered[type="range"]::-moz-range-thumb,
.code input.hovered[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track .accent.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.hovered[type="range"]::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.hovered[type="range"]::-moz-range-thumb,
.secondary button.hovered,
.code button.hovered,
input[type="range"]::-webkit-slider-runnable-track button.hovered,
.secondary
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #254275;
  border-color: #254275;
}
.secondary .accent.pressed,
.code .accent.pressed,
.secondary input.pressed[type="range"]::-webkit-slider-thumb,
.code input.pressed[type="range"]::-webkit-slider-thumb,
.secondary input.pressed[type="range"]::-moz-range-thumb,
.code input.pressed[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track .accent.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.pressed[type="range"]::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.pressed[type="range"]::-moz-range-thumb,
.secondary button.pressed,
.code button.pressed,
input[type="range"]::-webkit-slider-runnable-track button.pressed,
.secondary
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #3a5482;
  border-color: #3a5482;
}
.secondary .accent.disabled,
.code .accent.disabled,
.secondary input.disabled[type="range"]::-webkit-slider-thumb,
.code input.disabled[type="range"]::-webkit-slider-thumb,
.secondary input.disabled[type="range"]::-moz-range-thumb,
.code input.disabled[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-runnable-track .accent.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.disabled[type="range"]::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-runnable-track
  input.disabled[type="range"]::-moz-range-thumb,
.secondary button.disabled,
.code button.disabled,
input[type="range"]::-webkit-slider-runnable-track button.disabled,
.secondary button:disabled,
.code button:disabled,
input[type="range"]::-webkit-slider-runnable-track button:disabled {
  color: #eeeeee;
  background-color: #454545;
  border-color: #454545;
}
.secondary .error,
.code .error,
input[type="range"]::-webkit-slider-runnable-track .error {
  animation: none;
  color: #eeeeee;
  background-color: #f34343;
  border-color: #f34343;
}
.secondary .error.minor,
.code .error.minor,
.secondary input.error[type="checkbox"]:checked,
.code input.error[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .error.minor,
input[type="range"]::-webkit-slider-runnable-track
  input.error[type="checkbox"]:checked {
  color: #f34343;
  background-color: #efc3c3;
  border-color: #f34343;
}
.secondary .error.minor.hovered,
.code .error.minor.hovered,
.secondary input.error.hovered[type="checkbox"]:checked,
.code input.error.hovered[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .error.minor.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.error.hovered[type="checkbox"]:checked,
.secondary
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.error.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #f34343;
  background-color: #efb6b6;
  border-color: #f34343;
}
.secondary .error.minor.pressed,
.code .error.minor.pressed,
.secondary input.error.pressed[type="checkbox"]:checked,
.code input.error.pressed[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .error.minor.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.error.pressed[type="checkbox"]:checked,
.secondary
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.error.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #f34343;
  background-color: #f0a3a3;
  border-color: #f34343;
}
.secondary .error.minor.disabled,
.code .error.minor.disabled,
.secondary input.error.disabled[type="checkbox"]:checked,
.code input.error.disabled[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .error.minor.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.error.disabled[type="checkbox"]:checked,
.secondary button.error.minor:disabled,
.code button.error.minor:disabled,
input[type="range"]::-webkit-slider-runnable-track button.error.minor:disabled {
  color: #9b9b9b;
  background-color: #d9d9d9;
  border-color: #9b9b9b;
}
.secondary .error.hovered,
.code .error.hovered,
input[type="range"]::-webkit-slider-runnable-track .error.hovered,
.secondary
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.error:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #f34c4c;
  border-color: #f34c4c;
}
.secondary .error.pressed,
.code .error.pressed,
input[type="range"]::-webkit-slider-runnable-track .error.pressed,
.secondary
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.error:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #f25d5d;
  border-color: #f25d5d;
}
.secondary .error.disabled,
.code .error.disabled,
input[type="range"]::-webkit-slider-runnable-track .error.disabled,
.secondary button.error:disabled,
.code button.error:disabled,
input[type="range"]::-webkit-slider-runnable-track button.error:disabled {
  color: #eeeeee;
  background-color: #9b9b9b;
  border-color: #9b9b9b;
}
.secondary .warning,
.code .warning,
input[type="range"]::-webkit-slider-runnable-track .warning {
  animation: none;
  color: #eeeeee;
  background-color: #ab8100;
  border-color: #ab8100;
}
.secondary .warning.minor,
.code .warning.minor,
.secondary input.warning[type="checkbox"]:checked,
.code input.warning[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .warning.minor,
input[type="range"]::-webkit-slider-runnable-track
  input.warning[type="checkbox"]:checked {
  color: #ab8100;
  background-color: #ddd3b3;
  border-color: #ab8100;
}
.secondary .warning.minor.hovered,
.code .warning.minor.hovered,
.secondary input.warning.hovered[type="checkbox"]:checked,
.code input.warning.hovered[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .warning.minor.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.warning.hovered[type="checkbox"]:checked,
.secondary
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.warning.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ab8100;
  background-color: #d8cba1;
  border-color: #ab8100;
}
.secondary .warning.minor.pressed,
.code .warning.minor.pressed,
.secondary input.warning.pressed[type="checkbox"]:checked,
.code input.warning.pressed[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .warning.minor.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.warning.pressed[type="checkbox"]:checked,
.secondary
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.warning.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #ab8100;
  background-color: #d1bf86;
  border-color: #ab8100;
}
.secondary .warning.minor.disabled,
.code .warning.minor.disabled,
.secondary input.warning.disabled[type="checkbox"]:checked,
.code input.warning.disabled[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .warning.minor.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.warning.disabled[type="checkbox"]:checked,
.secondary button.warning.minor:disabled,
.code button.warning.minor:disabled,
input[type="range"]::-webkit-slider-runnable-track
  button.warning.minor:disabled {
  color: #565656;
  background-color: #c8c8c8;
  border-color: #565656;
}
.secondary .warning.hovered,
.code .warning.hovered,
input[type="range"]::-webkit-slider-runnable-track .warning.hovered,
.secondary
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.warning:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #ae860c;
  border-color: #ae860c;
}
.secondary .warning.pressed,
.code .warning.pressed,
input[type="range"]::-webkit-slider-runnable-track .warning.pressed,
.secondary
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.warning:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #b59124;
  border-color: #b59124;
}
.secondary .warning.disabled,
.code .warning.disabled,
input[type="range"]::-webkit-slider-runnable-track .warning.disabled,
.secondary button.warning:disabled,
.code button.warning:disabled,
input[type="range"]::-webkit-slider-runnable-track button.warning:disabled {
  color: #eeeeee;
  background-color: #565656;
  border-color: #565656;
}
.secondary .success,
.code .success,
input[type="range"]::-webkit-slider-runnable-track .success {
  animation: none;
  color: #eeeeee;
  background-color: #29ac5e;
  border-color: #29ac5e;
}
.secondary .success.minor,
.code .success.minor,
.secondary input.success[type="checkbox"]:checked,
.code input.success[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .success.minor,
input[type="range"]::-webkit-slider-runnable-track
  input.success[type="checkbox"]:checked {
  color: #29ac5e;
  background-color: #bddeca;
  border-color: #29ac5e;
}
.secondary .success.minor.hovered,
.code .success.minor.hovered,
.secondary input.success.hovered[type="checkbox"]:checked,
.code input.success.hovered[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .success.minor.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.success.hovered[type="checkbox"]:checked,
.secondary
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.success.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #29ac5e;
  background-color: #aed9bf;
  border-color: #29ac5e;
}
.secondary .success.minor.pressed,
.code .success.minor.pressed,
.secondary input.success.pressed[type="checkbox"]:checked,
.code input.success.pressed[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .success.minor.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.success.pressed[type="checkbox"]:checked,
.secondary
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.success.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #29ac5e;
  background-color: #98d2af;
  border-color: #29ac5e;
}
.secondary .success.minor.disabled,
.code .success.minor.disabled,
.secondary input.success.disabled[type="checkbox"]:checked,
.code input.success.disabled[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .success.minor.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.success.disabled[type="checkbox"]:checked,
.secondary button.success.minor:disabled,
.code button.success.minor:disabled,
input[type="range"]::-webkit-slider-runnable-track
  button.success.minor:disabled {
  color: #6b6b6b;
  background-color: #cecece;
  border-color: #6b6b6b;
}
.secondary .success.hovered,
.code .success.hovered,
input[type="range"]::-webkit-slider-runnable-track .success.hovered,
.secondary
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.success:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #33af65;
  border-color: #33af65;
}
.secondary .success.pressed,
.code .success.pressed,
input[type="range"]::-webkit-slider-runnable-track .success.pressed,
.secondary
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.success:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #47b674;
  border-color: #47b674;
}
.secondary .success.disabled,
.code .success.disabled,
input[type="range"]::-webkit-slider-runnable-track .success.disabled,
.secondary button.success:disabled,
.code button.success:disabled,
input[type="range"]::-webkit-slider-runnable-track button.success:disabled {
  color: #eeeeee;
  background-color: #6b6b6b;
  border-color: #6b6b6b;
}
.secondary .info,
.code .info,
input[type="range"]::-webkit-slider-runnable-track .info {
  animation: none;
  color: #eeeeee;
  background-color: #2463aa;
  border-color: #2463aa;
}
.secondary .info.minor,
.code .info.minor,
.secondary input.info[type="checkbox"]:checked,
.code input.info[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .info.minor,
input[type="range"]::-webkit-slider-runnable-track
  input.info[type="checkbox"]:checked {
  color: #2463aa;
  background-color: #bccbdd;
  border-color: #2463aa;
}
.secondary .info.minor.hovered,
.code .info.minor.hovered,
.secondary input.info.hovered[type="checkbox"]:checked,
.code input.info.hovered[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .info.minor.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.info.hovered[type="checkbox"]:checked,
.secondary
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.info.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #2463aa;
  background-color: #adc1d8;
  border-color: #2463aa;
}
.secondary .info.minor.pressed,
.code .info.minor.pressed,
.secondary input.info.pressed[type="checkbox"]:checked,
.code input.info.pressed[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .info.minor.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.info.pressed[type="checkbox"]:checked,
.secondary
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.info.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #2463aa;
  background-color: #96b1d0;
  border-color: #2463aa;
}
.secondary .info.minor.disabled,
.code .info.minor.disabled,
.secondary input.info.disabled[type="checkbox"]:checked,
.code input.info.disabled[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .info.minor.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.info.disabled[type="checkbox"]:checked,
.secondary button.info.minor:disabled,
.code button.info.minor:disabled,
input[type="range"]::-webkit-slider-runnable-track button.info.minor:disabled {
  color: #676767;
  background-color: #cdcdcd;
  border-color: #676767;
}
.secondary .info.hovered,
.code .info.hovered,
input[type="range"]::-webkit-slider-runnable-track .info.hovered,
.secondary
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.info:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #2e6aad;
  border-color: #2e6aad;
}
.secondary .info.pressed,
.code .info.pressed,
input[type="range"]::-webkit-slider-runnable-track .info.pressed,
.secondary
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.info:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #4278b4;
  border-color: #4278b4;
}
.secondary .info.disabled,
.code .info.disabled,
input[type="range"]::-webkit-slider-runnable-track .info.disabled,
.secondary button.info:disabled,
.code button.info:disabled,
input[type="range"]::-webkit-slider-runnable-track button.info:disabled {
  color: #eeeeee;
  background-color: #676767;
  border-color: #676767;
}
.secondary .loud,
.code .loud,
.secondary input[type="checkbox"]:checked,
.code input[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .loud,
input[type="range"]::-webkit-slider-runnable-track
  input[type="checkbox"]:checked {
  animation: none;
  color: #eeeeee;
  background-color: #1a396f;
  border-color: transparent;
}
.secondary .loud.minor,
.code .loud.minor,
.secondary input[type="checkbox"]:checked,
.code input[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .loud.minor,
input[type="range"]::-webkit-slider-runnable-track
  input[type="checkbox"]:checked {
  color: #1a396f;
  background-color: #b9c1ce;
  border-color: transparent;
}
.secondary .loud.minor.hovered,
.code .loud.minor.hovered,
.secondary input.hovered[type="checkbox"]:checked,
.code input.hovered[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .loud.minor.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.hovered[type="checkbox"]:checked,
.secondary
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.loud.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #a9b3c5;
  border-color: transparent;
}
.secondary .loud.minor.pressed,
.code .loud.minor.pressed,
.secondary input.pressed[type="checkbox"]:checked,
.code input.pressed[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .loud.minor.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.pressed[type="checkbox"]:checked,
.secondary
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.loud.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: #919fb6;
  border-color: transparent;
}
.secondary .loud.minor.disabled,
.code .loud.minor.disabled,
.secondary input.disabled[type="checkbox"]:checked,
.code input.disabled[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .loud.minor.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.disabled[type="checkbox"]:checked,
.secondary button.loud.minor:disabled,
.code button.loud.minor:disabled,
input[type="range"]::-webkit-slider-runnable-track button.loud.minor:disabled {
  color: #454545;
  background-color: #c4c4c4;
  border-color: rgba(0, 0, 0, 0);
}
.secondary .loud.hovered,
.code .loud.hovered,
.secondary input.hovered[type="checkbox"]:checked,
.code input.hovered[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .loud.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.hovered[type="checkbox"]:checked,
.secondary
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.loud:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #254275;
  border-color: transparent;
}
.secondary .loud.pressed,
.code .loud.pressed,
.secondary input.pressed[type="checkbox"]:checked,
.code input.pressed[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .loud.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.pressed[type="checkbox"]:checked,
.secondary
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.loud:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #eeeeee;
  background-color: #3a5482;
  border-color: transparent;
}
.secondary .loud.disabled,
.code .loud.disabled,
.secondary input.disabled[type="checkbox"]:checked,
.code input.disabled[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .loud.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.disabled[type="checkbox"]:checked,
.secondary button.loud:disabled,
.code button.loud:disabled,
input[type="range"]::-webkit-slider-runnable-track button.loud:disabled {
  color: #eeeeee;
  background-color: #454545;
  border-color: #454545;
}
.secondary .action,
.code .action,
input[type="range"]::-webkit-slider-runnable-track .action {
  animation: none;
  color: #1a396f;
  background-color: transparent;
  border-color: transparent;
}
.secondary .action.minor,
.code .action.minor,
.secondary input.action[type="checkbox"]:checked,
.code input.action[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .action.minor,
input[type="range"]::-webkit-slider-runnable-track
  input.action[type="checkbox"]:checked {
  color: transparent;
  background-color: rgba(238, 238, 238, 0.75);
  border-color: transparent;
}
.secondary .action.minor.hovered,
.code .action.minor.hovered,
.secondary input.action.hovered[type="checkbox"]:checked,
.code input.action.hovered[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .action.minor.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.action.hovered[type="checkbox"]:checked,
.secondary
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.action.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(234, 234, 234, 0.675);
  border-color: transparent;
}
.secondary .action.minor.pressed,
.code .action.minor.pressed,
.secondary input.action.pressed[type="checkbox"]:checked,
.code input.action.pressed[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .action.minor.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.action.pressed[type="checkbox"]:checked,
.secondary
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.action.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(227, 227, 227, 0.5625);
  border-color: transparent;
}
.secondary .action.minor.disabled,
.code .action.minor.disabled,
.secondary input.action.disabled[type="checkbox"]:checked,
.code input.action.disabled[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .action.minor.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.action.disabled[type="checkbox"]:checked,
.secondary button.action.minor:disabled,
.code button.action.minor:disabled,
input[type="range"]::-webkit-slider-runnable-track
  button.action.minor:disabled {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(238, 238, 238, 0.75);
  border-color: rgba(0, 0, 0, 0);
}
.secondary .action.hovered,
.code .action.hovered,
input[type="range"]::-webkit-slider-runnable-track .action.hovered,
.secondary
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.action:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: rgba(26, 57, 111, 0.05);
  border-color: transparent;
}
.secondary .action.pressed,
.code .action.pressed,
input[type="range"]::-webkit-slider-runnable-track .action.pressed,
.secondary
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.action:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #1a396f;
  background-color: rgba(26, 57, 111, 0.15);
  border-color: transparent;
}
.secondary .action.disabled,
.code .action.disabled,
input[type="range"]::-webkit-slider-runnable-track .action.disabled,
.secondary button.action:disabled,
.code button.action:disabled,
input[type="range"]::-webkit-slider-runnable-track button.action:disabled {
  color: #454545;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.secondary .integrated,
.code .integrated,
input[type="range"]::-webkit-slider-runnable-track .integrated {
  animation: none;
  color: #222222;
  background-color: transparent;
  border-color: transparent;
}
.secondary .integrated.minor,
.code .integrated.minor,
.secondary input.integrated[type="checkbox"]:checked,
.code input.integrated[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .integrated.minor,
input[type="range"]::-webkit-slider-runnable-track
  input.integrated[type="checkbox"]:checked {
  color: transparent;
  background-color: rgba(238, 238, 238, 0.75);
  border-color: transparent;
}
.secondary .integrated.minor.hovered,
.code .integrated.minor.hovered,
.secondary input.integrated.hovered[type="checkbox"]:checked,
.code input.integrated.hovered[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .integrated.minor.hovered,
input[type="range"]::-webkit-slider-runnable-track
  input.integrated.hovered[type="checkbox"]:checked,
.secondary
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.integrated.minor:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(234, 234, 234, 0.675);
  border-color: transparent;
}
.secondary .integrated.minor.pressed,
.code .integrated.minor.pressed,
.secondary input.integrated.pressed[type="checkbox"]:checked,
.code input.integrated.pressed[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .integrated.minor.pressed,
input[type="range"]::-webkit-slider-runnable-track
  input.integrated.pressed[type="checkbox"]:checked,
.secondary
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.integrated.minor:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: transparent;
  background-color: rgba(227, 227, 227, 0.5625);
  border-color: transparent;
}
.secondary .integrated.minor.disabled,
.code .integrated.minor.disabled,
.secondary input.integrated.disabled[type="checkbox"]:checked,
.code input.integrated.disabled[type="checkbox"]:checked,
input[type="range"]::-webkit-slider-runnable-track .integrated.minor.disabled,
input[type="range"]::-webkit-slider-runnable-track
  input.integrated.disabled[type="checkbox"]:checked,
.secondary button.integrated.minor:disabled,
.code button.integrated.minor:disabled,
input[type="range"]::-webkit-slider-runnable-track
  button.integrated.minor:disabled {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(238, 238, 238, 0.75);
  border-color: rgba(0, 0, 0, 0);
}
.secondary .integrated.hovered,
.code .integrated.hovered,
input[type="range"]::-webkit-slider-runnable-track .integrated.hovered,
.secondary
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.integrated:hover:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #222222;
  background-color: rgba(34, 34, 34, 0.05);
  border-color: transparent;
}
.secondary .integrated.pressed,
.code .integrated.pressed,
input[type="range"]::-webkit-slider-runnable-track .integrated.pressed,
.secondary
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
.code
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ),
input[type="range"]::-webkit-slider-runnable-track
  button.integrated:active:not(
    button:disabled,
    .disabled,
    button:disabled,
    button.disabled
  ) {
  color: #222222;
  background-color: rgba(34, 34, 34, 0.15);
  border-color: transparent;
}
.secondary .integrated.disabled,
.code .integrated.disabled,
input[type="range"]::-webkit-slider-runnable-track .integrated.disabled,
.secondary button.integrated:disabled,
.code button.integrated:disabled,
input[type="range"]::-webkit-slider-runnable-track button.integrated:disabled {
  color: #222222;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.text-s {
  font-size: 0.7rem;
}

.text-m,
.box,
.base-limited,
.header,
.card,
.code,
input[type="date"],
.tooltipped .tooltip,
.toast,
select,
input[type="text"],
input[type="password"],
textarea,
button {
  font-size: 1rem;
}

.text-l {
  font-size: 1.2rem;
}

.text-huge {
  font-size: 4rem;
}

.header-6,
h6 {
  line-height: 1;
  font-size: 1.1rem;
  font-family: Calistoga, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

.header-5,
h5 {
  line-height: 1;
  font-size: 1.2rem;
  font-family: Calistoga, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

.header-4,
h4 {
  line-height: 1;
  font-size: 1.4rem;
  font-family: Calistoga, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

.header-3,
h3 {
  line-height: 1;
  font-size: 1.5rem;
  font-family: Calistoga, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

.header-2,
h2 {
  line-height: 1;
  font-size: 1.8rem;
  font-family: Calistoga, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

.header-1,
h1 {
  line-height: 1;
  font-size: 2rem;
  font-family: Calistoga, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

.text-accent {
  font-family: Calistoga, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

#hide-site {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: white;
  z-index: 99; /* Higher than anything else in the document */
}

.margin-none {
  margin: 0;
}

.padded,
.box,
.base-limited,
.header,
.card,
.code,
input[type="date"],
.tooltipped .tooltip,
.toast,
select,
input[type="text"],
input[type="password"],
textarea,
button {
  padding: 1rem;
}

.padding-none {
  padding: 0rem;
}

.padded_v {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padded_h {
  padding-left: 1rem;
  padding-right: 1rem;
}

.margined {
  margin: 1rem;
}

.margined_v {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.margined_h {
  margin-left: 1rem;
  margin-right: 1rem;
}

.flex,
.flex-12,
.flex-11,
.flex-10,
.flex-9,
.flex-8,
.flex-7,
.flex-6,
.flex-5,
.flex-4,
.flex-3,
.flex-2,
.flex-1 {
  display: flex;
  flex-direction: column;
}

.card,
.code,
input[type="date"],
.tooltipped .tooltip,
.toast,
select,
input[type="text"],
input[type="password"],
textarea,
button {
  border-width: 2px;
  border-style: solid;
  border-radius: 9px;
}

.row,
button,
.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 700px) {
  .if-wide {
    display: none;
  }
}

@media (min-width: 700px) {
  .if-narrow {
    display: none;
  }
}

.row-resp,
.row-resp-rev {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  gap: 1rem;
}
@media (max-width: 700px) {
  .row-resp,
  .row-resp-rev {
    flex-direction: column;
    justify-content: start;
    align-items: stretch;
  }
  .row-resp.row-resp-rev,
  .row-resp-rev.row-resp-rev {
    flex-direction: column-reverse;
  }
}

.column,
dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.gap-none {
  gap: 0;
}

.gap-quarter {
  gap: 0.25rem;
}

.gap-half {
  gap: 0.5rem;
}

.gap {
  gap: 1rem;
}

.gap-1 {
  gap: 2rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-3 {
  gap: 2rem;
}

.gap-4 {
  gap: 2rem;
}

.gap-5 {
  gap: 2rem;
}

.gap-6 {
  gap: 2rem;
}

.cross-stretch {
  align-items: stretch;
}

.cross-start {
  align-items: start;
}

.cross-end {
  align-items: end;
}

.cross-center,
dialog {
  align-items: center;
}

.main-stretch {
  justify-content: stretch;
}

.main-start {
  justify-content: start;
}

.main-end {
  justify-content: end;
}

.main-center,
dialog {
  justify-content: center;
}

.main-space-between {
  justify-content: space-between;
}

.column.cross-stretch-fill,
dialog.cross-stretch-fill {
  align-items: stretch;
  width: 100%;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

.flex-7 {
  flex: 7;
}

.flex-8 {
  flex: 8;
}

.flex-9 {
  flex: 9;
}

.flex-10 {
  flex: 10;
}

.flex-11 {
  flex: 11;
}

.flex-12 {
  flex: 12;
}

.i {
  font-style: italic;
}

b,
.b,
.toast,
button,
.header-6,
h6,
.header-5,
h5,
.header-4,
h4,
.header-3,
h3,
.header-2,
h2,
.header-1,
h1 {
  font-weight: bold;
}

.u {
  text-decoration: underline;
}

.ni {
  font-style: normal;
}

.nb {
  font-weight: normal;
}

.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  border-width: 20px;
  border-style: solid;
  border-width: 0 0 2px 0;
  background-color: transparent;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 20;
  box-sizing: border-box;
  height: 4rem;
}

.centered {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sharp {
  border-radius: 0;
}

.rounded {
  border-radius: 9px;
}

.round {
  border-radius: 50%;
}

img.round,
img.rounded {
  object-fit: cover;
}

.base-limited {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.scrollbars-none {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
}

.pointer {
  cursor: pointer;
}

button {
  justify-content: center;
  padding: 0.25rem 0.5rem;
  gap: 0.5rem;
  min-height: 3rem;
  cursor: pointer;
}
button:disabled,
button.disabled {
  cursor: not-allowed;
}
button:disabled.action,
button.disabled.action {
  opacity: 0.7;
  filter: grayscale(1);
}
button > .lucide + div {
  text-align: center;
  flex: 1;
  text-align: center;
}
button.text-left {
  text-align: left;
}
button.text-left div {
  margin-left: 0.25rem;
  text-align: left;
}

input[type="text"],
input[type="password"],
textarea {
  padding: 0 0.75rem;
  height: 3rem;
  min-width: 3rem;
  width: 100%;
}

select {
  padding: 0 0.75rem;
  height: 3rem;
  min-width: 3rem;
  width: 100%;
}

textarea {
  height: 6rem;
  padding: 0.6rem 0.75rem;
  resize: vertical;
  min-height: 3rem;
}

.text-centered {
  text-align: center;
}

.text-left {
  text-align: left;
}

body:has(dialog[open=""]) {
  overflow: hidden;
}

dialog {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  border: none;
  pointer-events: none;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
  transition: backdrop-filter 0.3s ease-in-out;
}
dialog > * {
  display: none;
}
dialog[open=""] {
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
  pointer-events: all;
}
dialog[open=""] > * {
  display: unset;
}

.raised,
.toast {
  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.2);
}

.icon {
  aspect-ratio: 1;
  border-radius: 25%;
  object-fit: cover;
}

.toast {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 200;
  left: 50%;
  width: min(40rem, 90%);
  transform: translateX(-50%);
}

.borderless {
  border: none;
}

.tooltipped {
  position: relative;
}
.tooltipped .tooltip {
  position: absolute;
  width: max-content;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
  max-width: 300px;
  box-shadow: 0 0.3rem 1rem -0.5px rgba(0, 0, 0, 0.2);
}
.tooltipped:hover .tooltip {
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 15rem;
}
input[type="range"]::-webkit-slider-runnable-track {
  border-radius: 100px;
  border: none;
  height: 0.5rem;
}
input[type="range"]::-webkit-slider-thumb,
input[type="range"]::-moz-range-thumb {
  border: none;
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -12px;
  border-radius: 100px;
  height: 1.2rem;
  width: 1.2rem;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  font: inherit;
  color: black;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.16em solid black;
  border-radius: 25%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  outline: none;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.95rem;
  height: 0.75rem;
  clip-path: polygon(10% 41%, 37% 75%, 91% 0, 100% 13%, 38% 100%, 0 55%);
  transform: scale(0);
  transform-origin: center;
  transition: 0.2s transform ease-in-out;
  background-color: black;
}

input[type="checkbox"]:checked {
  border-color: #1a396f !important;
}
input[type="checkbox"]:checked::before {
  transform: scale(1);
  background-color: #1a396f;
}

input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid blue;
  outline-offset: 0;
}

input[type="checkbox"]:disabled {
  color: gray;
  cursor: not-allowed;
}

input[type="date"] {
  padding: 0 0.75rem;
  height: 3rem;
  min-width: 10rem;
}

.code {
  padding: 0.4rem 0.5rem;
  font-family: monospace;
  white-space: pre-wrap;
}

.rotate-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rotate,
.rotate-box {
  animation: rotation 1.5s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/*# sourceMappingURL=elbe.css.map */