:root {
  --design-url-favicon-ico: url("/roles/web-app-pixelfed/latest/img/design/favicon.ico");
  --design-url-apple-touch-icon-png: url("/roles/web-app-pixelfed/latest/img/design/apple-touch-icon.png");
  --design-url-apple-touch-icon-svg: url("/roles/web-app-pixelfed/latest/img/design/apple-touch-icon.svg");
  --design-url-banner-png: url("/roles/web-app-pixelfed/latest/img/design/banner.png");
  --design-url-banner-svg: url("/roles/web-app-pixelfed/latest/img/design/banner.svg");
  --design-url-brand-png: url("/roles/web-app-pixelfed/latest/img/design/brand.png");
  --design-url-brand-svg: url("/roles/web-app-pixelfed/latest/img/design/brand.svg");
  --design-url-header-png: url("/roles/web-app-pixelfed/latest/img/design/header.png");
  --design-url-header-svg: url("/roles/web-app-pixelfed/latest/img/design/header.svg");
  --design-url-icon-png: url("/roles/web-app-pixelfed/latest/img/design/icon.png");
  --design-url-icon-svg: url("/roles/web-app-pixelfed/latest/img/design/icon.svg");
  --design-url-logo-png: url("/roles/web-app-pixelfed/latest/img/design/logo.png");
  --design-url-logo-svg: url("/roles/web-app-pixelfed/latest/img/design/logo.svg");
  --design-url-wordmark-png: url("/roles/web-app-pixelfed/latest/img/design/wordmark.png");
  --design-url-wordmark-svg: url("/roles/web-app-pixelfed/latest/img/design/wordmark.svg");
  --design-slot-apple-touch-icon-width: 180px;
  --design-slot-apple-touch-icon-height: 180px;
  --design-slot-banner-width: 960px;
  --design-slot-banner-height: 160px;
  --design-slot-brand-width: 180px;
  --design-slot-brand-height: 32px;
  --design-slot-header-width: 320px;
  --design-slot-header-height: 64px;
  --design-slot-icon-width: 512px;
  --design-slot-icon-height: 512px;
  --design-slot-logo-width: 128px;
  --design-slot-logo-height: 128px;
  --design-slot-wordmark-width: 320px;
  --design-slot-wordmark-height: 64px;
  --design-url-app-landing-bg: url("https://picture.karakalpakstan.demo.infinito.nexus/_landing/bg.jpg");
}
:where(html:has(> head > link[href*="/css/app.css"])) {
& .form-control.focus {
  background-color: var(--design-surface-2);
  border-color: var(--design-link);
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
  color: var(--design-text-muted);
}
& .form-control.focus.is-valid {
  border-color: var(--design-success);
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .form-control.focus.is-invalid {
  border-color: var(--design-danger);
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .b-avatar .b-avatar-custom,
& .b-avatar .b-avatar-img,
& .b-avatar .b-avatar-text {
  -webkit-mask-image: radial-gradient(var(--design-on-primary),var(--design-text));
  mask-image: radial-gradient(var(--design-on-primary),var(--design-text));
}
& .b-avatar-group .b-avatar {
  border-color: var(--design-border);
}
& .b-calendar output.readonly,
& .b-form-btn-label-control.form-control[aria-disabled=true],
& .b-form-btn-label-control.form-control[aria-readonly=true] {
  background-color: var(--design-surface-3);
}
& .b-dropdown-form.disabled,
& .b-dropdown-form:disabled {
  color: var(--design-text-muted);
}
& .b-form-btn-label-control.form-control.is-valid>.btn {
  color: var(--design-success);
}
& .b-form-btn-label-control.form-control.is-invalid>.btn {
  color: var(--design-danger);
}
& input[type=color].form-control:disabled {
  background-color: var(--design-border-strong);
}
& .input-group>.custom-range {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
}
& .input-group>.custom-range:focus {
  background-color: var(--design-surface-2);
  border-color: var(--design-link);
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
  color: var(--design-text-muted);
}
& .input-group>.custom-range:disabled,
& .input-group>.custom-range[readonly] {
  background-color: var(--design-surface-3);
}
& .input-group .custom-range.is-valid,
& .was-validated .input-group .custom-range:valid {
  border-color: var(--design-success);
}
& .input-group .custom-range.is-valid:focus,
& .was-validated .input-group .custom-range:valid:focus {
  border-color: var(--design-success);
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .custom-range.is-valid:focus::-webkit-slider-thumb,
& .was-validated .custom-range:valid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem var(--design-success);
}
& .custom-range.is-valid:focus::-moz-range-thumb,
& .was-validated .custom-range:valid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem var(--design-success);
}
& .custom-range.is-valid:focus::-ms-thumb,
& .was-validated .custom-range:valid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem var(--design-success);
}
& .custom-range.is-valid::-webkit-slider-thumb,
& .was-validated .custom-range:valid::-webkit-slider-thumb {
  background-color: var(--design-success);
}
& .custom-range.is-valid::-webkit-slider-thumb:active,
& .was-validated .custom-range:valid::-webkit-slider-thumb:active {
  background-color: var(--design-success-border);
}
& .custom-range.is-valid::-webkit-slider-runnable-track,
& .was-validated .custom-range:valid::-webkit-slider-runnable-track {
  background-color: rgba(var(--design-success-rgb), 0.35);
}
& .custom-range.is-valid::-moz-range-thumb,
& .was-validated .custom-range:valid::-moz-range-thumb {
  background-color: var(--design-success);
}
& .custom-range.is-valid::-moz-range-thumb:active,
& .was-validated .custom-range:valid::-moz-range-thumb:active {
  background-color: var(--design-success-border);
}
& .custom-range.is-valid::-moz-range-track,
& .was-validated .custom-range:valid::-moz-range-track {
  background-color: rgba(var(--design-success-rgb), 0.35);
}
& .custom-range.is-valid::-ms-thumb,
& .was-validated .custom-range:valid::-ms-thumb {
  background-color: var(--design-success);
}
& .custom-range.is-valid::-ms-thumb:active,
& .was-validated .custom-range:valid::-ms-thumb:active {
  background-color: var(--design-success-border);
}
& .custom-range.is-valid::-ms-track-lower,
& .was-validated .custom-range:valid::-ms-track-lower {
  background-color: rgba(var(--design-success-rgb), 0.35);
}
& .custom-range.is-valid::-ms-track-upper,
& .was-validated .custom-range:valid::-ms-track-upper {
  background-color: rgba(var(--design-success-rgb), 0.35);
}
& .input-group .custom-range.is-invalid,
& .was-validated .input-group .custom-range:invalid {
  border-color: var(--design-danger);
}
& .input-group .custom-range.is-invalid:focus,
& .was-validated .input-group .custom-range:invalid:focus {
  border-color: var(--design-danger);
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .custom-range.is-invalid:focus::-webkit-slider-thumb,
& .was-validated .custom-range:invalid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem var(--design-danger);
}
& .custom-range.is-invalid:focus::-moz-range-thumb,
& .was-validated .custom-range:invalid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem var(--design-danger);
}
& .custom-range.is-invalid:focus::-ms-thumb,
& .was-validated .custom-range:invalid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem var(--design-danger);
}
& .custom-range.is-invalid::-webkit-slider-thumb,
& .was-validated .custom-range:invalid::-webkit-slider-thumb {
  background-color: var(--design-danger);
}
& .custom-range.is-invalid::-webkit-slider-thumb:active,
& .was-validated .custom-range:invalid::-webkit-slider-thumb:active {
  background-color: var(--design-danger-border);
}
& .custom-range.is-invalid::-webkit-slider-runnable-track,
& .was-validated .custom-range:invalid::-webkit-slider-runnable-track {
  background-color: rgba(var(--design-danger-rgb), 0.35);
}
& .custom-range.is-invalid::-moz-range-thumb,
& .was-validated .custom-range:invalid::-moz-range-thumb {
  background-color: var(--design-danger);
}
& .custom-range.is-invalid::-moz-range-thumb:active,
& .was-validated .custom-range:invalid::-moz-range-thumb:active {
  background-color: var(--design-danger-border);
}
& .custom-range.is-invalid::-moz-range-track,
& .was-validated .custom-range:invalid::-moz-range-track {
  background-color: rgba(var(--design-danger-rgb), 0.35);
}
& .custom-range.is-invalid::-ms-thumb,
& .was-validated .custom-range:invalid::-ms-thumb {
  background-color: var(--design-danger);
}
& .custom-range.is-invalid::-ms-thumb:active,
& .was-validated .custom-range:invalid::-ms-thumb:active {
  background-color: var(--design-danger-border);
}
& .custom-range.is-invalid::-ms-track-lower,
& .was-validated .custom-range:invalid::-ms-track-lower {
  background-color: rgba(var(--design-danger-rgb), 0.35);
}
& .custom-range.is-invalid::-ms-track-upper,
& .was-validated .custom-range:invalid::-ms-track-upper {
  background-color: rgba(var(--design-danger-rgb), 0.35);
}
& .b-rating.disabled,
& .b-rating:disabled {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .b-form-spinbutton.disabled,
& .b-form-spinbutton.readonly {
  background-color: var(--design-surface-3);
}
& .b-form-tags.focus {
  background-color: var(--design-surface-2);
  border-color: var(--design-link);
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
  color: var(--design-text-muted);
}
& .b-form-tags.focus.is-valid {
  border-color: var(--design-success);
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .b-form-tags.focus.is-invalid {
  border-color: var(--design-danger);
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .b-form-tags.disabled {
  background-color: var(--design-surface-3);
}
& .b-form-tags-input {
  color: var(--design-text-muted);
}
& .b-popover-primary.popover {
  background-color: var(--design-info-border);
  border-color: var(--design-info-border);
}
& .b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow:before,
& .b-popover-primary.bs-popover-top>.arrow:before,
& .b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow:after,
& .b-popover-primary.bs-popover-top>.arrow:after {
  border-top-color: var(--design-info-border);
}
& .b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow:before,
& .b-popover-primary.bs-popover-right>.arrow:before,
& .b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow:after,
& .b-popover-primary.bs-popover-right>.arrow:after {
  border-right-color: var(--design-info-border);
}
& .b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .b-popover-primary.bs-popover-bottom>.arrow:before,
& .b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .b-popover-primary.bs-popover-bottom .popover-header:before,
& .b-popover-primary.bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-info-border);
}
& .b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow:before,
& .b-popover-primary.bs-popover-left>.arrow:before,
& .b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow:after,
& .b-popover-primary.bs-popover-left>.arrow:after {
  border-left-color: var(--design-info-border);
}
& .b-popover-primary .popover-header {
  background-color: var(--design-info-border);
  border-bottom-color: var(--design-info-border);
  color: var(--design-text);
}
& .b-popover-primary .popover-body {
  color: var(--design-link);
}
& .b-popover-secondary.popover {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
}
& .b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow:before,
& .b-popover-secondary.bs-popover-top>.arrow:before,
& .b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow:after,
& .b-popover-secondary.bs-popover-top>.arrow:after {
  border-top-color: var(--design-border);
}
& .b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow:before,
& .b-popover-secondary.bs-popover-right>.arrow:before,
& .b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow:after,
& .b-popover-secondary.bs-popover-right>.arrow:after {
  border-right-color: var(--design-border);
}
& .b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .b-popover-secondary.bs-popover-bottom>.arrow:before,
& .b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .b-popover-secondary.bs-popover-bottom .popover-header:before,
& .b-popover-secondary.bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-border);
}
& .b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow:before,
& .b-popover-secondary.bs-popover-left>.arrow:before,
& .b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow:after,
& .b-popover-secondary.bs-popover-left>.arrow:after {
  border-left-color: var(--design-border);
}
& .b-popover-secondary .popover-header {
  background-color: var(--design-surface-active);
  border-bottom-color: var(--design-border-strong);
  color: var(--design-text);
}
& .b-popover-secondary .popover-body {
  color: var(--design-text);
}
& .b-popover-success.popover {
  background-color: var(--design-success-border);
  border-color: var(--design-success-border);
}
& .b-popover-success.bs-popover-auto[x-placement^=top]>.arrow:before,
& .b-popover-success.bs-popover-top>.arrow:before,
& .b-popover-success.bs-popover-auto[x-placement^=top]>.arrow:after,
& .b-popover-success.bs-popover-top>.arrow:after {
  border-top-color: var(--design-success-border);
}
& .b-popover-success.bs-popover-auto[x-placement^=right]>.arrow:before,
& .b-popover-success.bs-popover-right>.arrow:before,
& .b-popover-success.bs-popover-auto[x-placement^=right]>.arrow:after,
& .b-popover-success.bs-popover-right>.arrow:after {
  border-right-color: var(--design-success-border);
}
& .b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .b-popover-success.bs-popover-bottom>.arrow:before,
& .b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .b-popover-success.bs-popover-bottom .popover-header:before,
& .b-popover-success.bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-success-border);
}
& .b-popover-success.bs-popover-auto[x-placement^=left]>.arrow:before,
& .b-popover-success.bs-popover-left>.arrow:before,
& .b-popover-success.bs-popover-auto[x-placement^=left]>.arrow:after,
& .b-popover-success.bs-popover-left>.arrow:after {
  border-left-color: var(--design-success-border);
}
& .b-popover-success .popover-header {
  background-color: var(--design-success-border);
  border-bottom-color: var(--design-success-border);
  color: var(--design-text);
}
& .b-popover-success .popover-body {
  color: var(--design-success);
}
& .b-popover-info.popover {
  background-color: var(--design-info-border);
  border-color: var(--design-info-border);
}
& .b-popover-info.bs-popover-auto[x-placement^=top]>.arrow:before,
& .b-popover-info.bs-popover-top>.arrow:before,
& .b-popover-info.bs-popover-auto[x-placement^=top]>.arrow:after,
& .b-popover-info.bs-popover-top>.arrow:after {
  border-top-color: var(--design-info-border);
}
& .b-popover-info.bs-popover-auto[x-placement^=right]>.arrow:before,
& .b-popover-info.bs-popover-right>.arrow:before,
& .b-popover-info.bs-popover-auto[x-placement^=right]>.arrow:after,
& .b-popover-info.bs-popover-right>.arrow:after {
  border-right-color: var(--design-info-border);
}
& .b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .b-popover-info.bs-popover-bottom>.arrow:before,
& .b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .b-popover-info.bs-popover-bottom .popover-header:before,
& .b-popover-info.bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-info-border);
}
& .b-popover-info.bs-popover-auto[x-placement^=left]>.arrow:before,
& .b-popover-info.bs-popover-left>.arrow:before,
& .b-popover-info.bs-popover-auto[x-placement^=left]>.arrow:after,
& .b-popover-info.bs-popover-left>.arrow:after {
  border-left-color: var(--design-info-border);
}
& .b-popover-info .popover-header {
  background-color: var(--design-info-border);
  border-bottom-color: var(--design-info-border);
  color: var(--design-text);
}
& .b-popover-info .popover-body {
  color: var(--design-info);
}
& .b-popover-warning.popover {
  background-color: var(--design-warning-subtle);
  border-color: var(--design-warning-subtle);
}
& .b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow:before,
& .b-popover-warning.bs-popover-top>.arrow:before,
& .b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow:after,
& .b-popover-warning.bs-popover-top>.arrow:after {
  border-top-color: var(--design-warning-border);
}
& .b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow:before,
& .b-popover-warning.bs-popover-right>.arrow:before,
& .b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow:after,
& .b-popover-warning.bs-popover-right>.arrow:after {
  border-right-color: var(--design-warning-border);
}
& .b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .b-popover-warning.bs-popover-bottom>.arrow:before,
& .b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .b-popover-warning.bs-popover-bottom .popover-header:before,
& .b-popover-warning.bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-warning-border);
}
& .b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow:before,
& .b-popover-warning.bs-popover-left>.arrow:before,
& .b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow:after,
& .b-popover-warning.bs-popover-left>.arrow:after {
  border-left-color: var(--design-warning-border);
}
& .b-popover-warning .popover-header {
  background-color: var(--design-warning-border);
  border-bottom-color: var(--design-warning-border);
  color: var(--design-text);
}
& .b-popover-warning .popover-body {
  color: var(--design-warning);
}
& .b-popover-danger.popover {
  background-color: var(--design-danger-subtle);
  border-color: var(--design-danger-subtle);
}
& .b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow:before,
& .b-popover-danger.bs-popover-top>.arrow:before,
& .b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow:after,
& .b-popover-danger.bs-popover-top>.arrow:after {
  border-top-color: var(--design-danger-border);
}
& .b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow:before,
& .b-popover-danger.bs-popover-right>.arrow:before,
& .b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow:after,
& .b-popover-danger.bs-popover-right>.arrow:after {
  border-right-color: var(--design-danger-border);
}
& .b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .b-popover-danger.bs-popover-bottom>.arrow:before,
& .b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .b-popover-danger.bs-popover-bottom .popover-header:before,
& .b-popover-danger.bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-danger-border);
}
& .b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow:before,
& .b-popover-danger.bs-popover-left>.arrow:before,
& .b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow:after,
& .b-popover-danger.bs-popover-left>.arrow:after {
  border-left-color: var(--design-danger-border);
}
& .b-popover-danger .popover-header {
  background-color: var(--design-danger-border);
  border-bottom-color: var(--design-danger-border);
  color: var(--design-text);
}
& .b-popover-danger .popover-body {
  color: var(--design-danger);
}
& .b-popover-light.popover {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
}
& .b-popover-light.bs-popover-auto[x-placement^=top]>.arrow:before,
& .b-popover-light.bs-popover-top>.arrow:before,
& .b-popover-light.bs-popover-auto[x-placement^=top]>.arrow:after,
& .b-popover-light.bs-popover-top>.arrow:after {
  border-top-color: var(--design-surface-2);
}
& .b-popover-light.bs-popover-auto[x-placement^=right]>.arrow:before,
& .b-popover-light.bs-popover-right>.arrow:before,
& .b-popover-light.bs-popover-auto[x-placement^=right]>.arrow:after,
& .b-popover-light.bs-popover-right>.arrow:after {
  border-right-color: var(--design-surface-2);
}
& .b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .b-popover-light.bs-popover-bottom>.arrow:before {
  border-bottom-color: var(--design-surface-2);
}
& .b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .b-popover-light.bs-popover-bottom .popover-header:before,
& .b-popover-light.bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-border);
}
& .b-popover-light.bs-popover-auto[x-placement^=left]>.arrow:before,
& .b-popover-light.bs-popover-left>.arrow:before,
& .b-popover-light.bs-popover-auto[x-placement^=left]>.arrow:after,
& .b-popover-light.bs-popover-left>.arrow:after {
  border-left-color: var(--design-surface-2);
}
& .b-popover-light .popover-header {
  background-color: var(--design-surface-3);
  border-bottom-color: var(--design-border);
  color: var(--design-text);
}
& .b-popover-light .popover-body {
  color: var(--design-text-muted);
}
& .b-popover-dark.popover {
  background-color: var(--design-border-strong);
  border-color: var(--design-border-strong);
}
& .b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow:before,
& .b-popover-dark.bs-popover-top>.arrow:before {
  border-top-color: var(--design-border-strong);
}
& .b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow:after,
& .b-popover-dark.bs-popover-top>.arrow:after {
  border-top-color: var(--design-border);
}
& .b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow:before,
& .b-popover-dark.bs-popover-right>.arrow:before {
  border-right-color: var(--design-border-strong);
}
& .b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow:after,
& .b-popover-dark.bs-popover-right>.arrow:after {
  border-right-color: var(--design-border);
}
& .b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .b-popover-dark.bs-popover-bottom>.arrow:before,
& .b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .b-popover-dark.bs-popover-bottom .popover-header:before,
& .b-popover-dark.bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-border-strong);
}
& .b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow:before,
& .b-popover-dark.bs-popover-left>.arrow:before {
  border-left-color: var(--design-border-strong);
}
& .b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow:after,
& .b-popover-dark.bs-popover-left>.arrow:after {
  border-left-color: var(--design-border);
}
& .b-popover-dark .popover-header {
  background-color: var(--design-border-strong);
  border-bottom-color: var(--design-border-strong);
  color: var(--design-text);
}
& .b-popover-dark .popover-body {
  color: var(--design-text);
}
& .b-skeleton {
  background-color: rgba(var(--design-text-rgb), 0.12);
  -webkit-mask-image: radial-gradient(var(--design-on-primary),var(--design-text));
  mask-image: radial-gradient(var(--design-on-primary),var(--design-text));
}
& .b-skeleton-input {
  border-color: var(--design-border-strong);
}
& .b-skeleton-icon-wrapper svg {
  color: rgba(var(--design-text-rgb), 0.12);
}
& .b-skeleton-animate-wave:after {
  background: linear-gradient(90deg,transparent,rgba(var(--design-surface-2-rgb), 0.4),transparent);
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
@media (prefers-reduced-motion:reduce) {
& .b-skeleton-animate-wave:after {
  background-color: transparent;
  background-image: none;
}
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
& .table.b-table>tbody>.table-active,
& .table.b-table>tbody>.table-active>td,
& .table.b-table>tbody>.table-active>th {
  background-color: rgba(var(--design-text-rgb), 0.07);
}
& .table.b-table.table-hover>tbody>tr.table-active:hover td,
& .table.b-table.table-hover>tbody>tr.table-active:hover th {
  background-image: linear-gradient(rgba(var(--design-text-rgb), 0.07),rgba(var(--design-text-rgb), 0.07));
  color: var(--design-text);
}
& .table.b-table>tbody>.bg-active,
& .table.b-table>tbody>.bg-active>td,
& .table.b-table>tbody>.bg-active>th {
  background-color: rgba(var(--design-surface-2-rgb), 0.07) !important;
}
& .table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover td,
& .table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover th {
  background-image: linear-gradient(rgba(var(--design-surface-2-rgb), 0.07),rgba(var(--design-surface-2-rgb), 0.07));
  color: var(--design-on-primary);
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
@supports (position:sticky) {
& .table.b-table>tbody>tr>.table-b-table-default,
& .table.b-table>tfoot>tr>.table-b-table-default,
& .table.b-table>thead>tr>.table-b-table-default {
  background-color: var(--design-surface-2);
  color: var(--design-text);
}
& .table.b-table.table-dark>tbody>tr>.bg-b-table-default,
& .table.b-table.table-dark>tfoot>tr>.bg-b-table-default,
& .table.b-table.table-dark>thead>tr>.bg-b-table-default {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .table.b-table.table-striped>tbody>tr:nth-of-type(odd)>.table-b-table-default {
  background-image: linear-gradient(rgba(var(--design-text-rgb), 0.05),rgba(var(--design-text-rgb), 0.05));
}
& .table.b-table.table-striped.table-dark>tbody>tr:nth-of-type(odd)>.bg-b-table-default {
  background-image: linear-gradient(rgba(var(--design-surface-2-rgb), 0.05),rgba(var(--design-surface-2-rgb), 0.05));
}
& .table.b-table.table-hover>tbody>tr:hover>.table-b-table-default {
  background-image: linear-gradient(rgba(var(--design-text-rgb), 0.07),rgba(var(--design-text-rgb), 0.07));
  color: var(--design-text);
}
& .table.b-table.table-hover.table-dark>tbody>tr:hover>.bg-b-table-default {
  background-image: linear-gradient(rgba(var(--design-surface-2-rgb), 0.07),rgba(var(--design-surface-2-rgb), 0.07));
  color: var(--design-on-primary);
}
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
& .b-time output.disabled,
& .b-time[aria-disabled=true] output,
& .b-time[aria-readonly=true] output {
  background-color: var(--design-surface-3);
}
& .b-toast .toast {
  background-color: rgba(var(--design-surface-2-rgb), 0.85);
}
& .b-toast.b-toast-solid .toast {
  background-color: var(--design-surface-2);
}
& .b-toast-primary .toast {
  background-color: rgba(var(--design-info-subtle-rgb), 0.85);
  border-color: rgba(var(--design-info-border-rgb), 0.85);
  color: var(--design-info);
}
& .b-toast-primary .toast .toast-header {
  background-color: rgba(var(--design-info-border-rgb), 0.85);
  border-bottom-color: rgba(var(--design-info-border-rgb), 0.85);
  color: var(--design-link);
}
& .b-toast-primary.b-toast-solid .toast {
  background-color: var(--design-info-subtle);
}
& .b-toast-secondary .toast {
  background-color: rgba(var(--design-surface-3-rgb), 0.85);
  border-color: rgba(var(--design-border-rgb), 0.85);
  color: var(--design-text);
}
& .b-toast-secondary .toast .toast-header {
  background-color: rgba(var(--design-surface-active-rgb), 0.85);
  border-bottom-color: rgba(var(--design-border-rgb), 0.85);
  color: var(--design-text);
}
& .b-toast-secondary.b-toast-solid .toast {
  background-color: var(--design-surface-3);
}
& .b-toast-success .toast {
  background-color: rgba(var(--design-success-subtle-rgb), 0.85);
  border-color: rgba(var(--design-success-subtle-rgb), 0.85);
  color: var(--design-success);
}
& .b-toast-success .toast .toast-header {
  background-color: rgba(var(--design-success-border-rgb), 0.85);
  border-bottom-color: rgba(var(--design-success-border-rgb), 0.85);
  color: var(--design-success);
}
& .b-toast-success.b-toast-solid .toast {
  background-color: var(--design-success-subtle);
}
& .b-toast-info .toast {
  background-color: rgba(var(--design-info-subtle-rgb), 0.85);
  border-color: rgba(var(--design-info-subtle-rgb), 0.85);
  color: var(--design-info);
}
& .b-toast-info .toast .toast-header {
  background-color: rgba(var(--design-info-border-rgb), 0.85);
  border-bottom-color: rgba(var(--design-info-border-rgb), 0.85);
  color: var(--design-info);
}
& .b-toast-info.b-toast-solid .toast {
  background-color: var(--design-info-subtle);
}
& .b-toast-warning .toast {
  background-color: rgba(var(--design-warning-subtle-rgb), 0.85);
  border-color: rgba(var(--design-warning-subtle-rgb), 0.85);
  color: var(--design-warning);
}
& .b-toast-warning .toast .toast-header {
  background-color: rgba(var(--design-warning-subtle-rgb), 0.85);
  border-bottom-color: rgba(var(--design-warning-subtle-rgb), 0.85);
  color: var(--design-warning);
}
& .b-toast-warning.b-toast-solid .toast {
  background-color: var(--design-warning-subtle);
}
& .b-toast-danger .toast {
  background-color: rgba(var(--design-danger-subtle-rgb), 0.85);
  border-color: rgba(var(--design-danger-subtle-rgb), 0.85);
  color: var(--design-danger);
}
& .b-toast-danger .toast .toast-header {
  background-color: rgba(var(--design-danger-subtle-rgb), 0.85);
  border-bottom-color: rgba(var(--design-danger-subtle-rgb), 0.85);
  color: var(--design-danger);
}
& .b-toast-danger.b-toast-solid .toast {
  background-color: var(--design-danger-subtle);
}
& .b-toast-light .toast {
  background-color: rgba(var(--design-surface-2-rgb), 0.85);
  border-color: rgba(var(--design-surface-2-rgb), 0.85);
  color: var(--design-text-muted);
}
& .b-toast-light .toast .toast-header {
  background-color: rgba(var(--design-surface-2-rgb), 0.85);
  border-bottom-color: rgba(var(--design-surface-2-rgb), 0.85);
  color: var(--design-text-muted);
}
& .b-toast-light.b-toast-solid .toast {
  background-color: var(--design-surface-2);
}
& .b-toast-dark .toast {
  background-color: rgba(var(--design-surface-active-rgb), 0.85);
  border-color: rgba(var(--design-border-strong-rgb), 0.85);
  color: var(--design-text);
}
& .b-toast-dark .toast .toast-header {
  background-color: rgba(var(--design-border-strong-rgb), 0.85);
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.85);
  color: var(--design-text);
}
& .b-toast-dark.b-toast-solid .toast {
  background-color: var(--design-surface-active);
}
& .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow:before,
& .tooltip.b-tooltip-primary.bs-tooltip-top .arrow:before {
  border-top-color: var(--design-primary);
}
& .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow:before,
& .tooltip.b-tooltip-primary.bs-tooltip-right .arrow:before {
  border-right-color: var(--design-primary);
}
& .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-primary);
}
& .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow:before,
& .tooltip.b-tooltip-primary.bs-tooltip-left .arrow:before {
  border-left-color: var(--design-primary);
}
& .tooltip.b-tooltip-primary .tooltip-inner {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow:before,
& .tooltip.b-tooltip-secondary.bs-tooltip-top .arrow:before {
  border-top-color: var(--design-border-strong);
}
& .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow:before,
& .tooltip.b-tooltip-secondary.bs-tooltip-right .arrow:before {
  border-right-color: var(--design-border-strong);
}
& .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-border-strong);
}
& .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow:before,
& .tooltip.b-tooltip-secondary.bs-tooltip-left .arrow:before {
  border-left-color: var(--design-border-strong);
}
& .tooltip.b-tooltip-secondary .tooltip-inner {
  background-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow:before,
& .tooltip.b-tooltip-success.bs-tooltip-top .arrow:before {
  border-top-color: var(--design-success);
}
& .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow:before,
& .tooltip.b-tooltip-success.bs-tooltip-right .arrow:before {
  border-right-color: var(--design-success);
}
& .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .tooltip.b-tooltip-success.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-success);
}
& .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow:before,
& .tooltip.b-tooltip-success.bs-tooltip-left .arrow:before {
  border-left-color: var(--design-success);
}
& .tooltip.b-tooltip-success .tooltip-inner {
  background-color: var(--design-success);
  color: var(--design-on-success);
}
& .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow:before,
& .tooltip.b-tooltip-info.bs-tooltip-top .arrow:before {
  border-top-color: var(--design-info);
}
& .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow:before,
& .tooltip.b-tooltip-info.bs-tooltip-right .arrow:before {
  border-right-color: var(--design-info);
}
& .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .tooltip.b-tooltip-info.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-info);
}
& .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow:before,
& .tooltip.b-tooltip-info.bs-tooltip-left .arrow:before {
  border-left-color: var(--design-info);
}
& .tooltip.b-tooltip-info .tooltip-inner {
  background-color: var(--design-info);
  color: var(--design-on-info);
}
& .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow:before,
& .tooltip.b-tooltip-warning.bs-tooltip-top .arrow:before {
  border-top-color: var(--design-warning);
}
& .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow:before,
& .tooltip.b-tooltip-warning.bs-tooltip-right .arrow:before {
  border-right-color: var(--design-warning);
}
& .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-warning);
}
& .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow:before,
& .tooltip.b-tooltip-warning.bs-tooltip-left .arrow:before {
  border-left-color: var(--design-warning);
}
& .tooltip.b-tooltip-warning .tooltip-inner {
  background-color: var(--design-warning);
  color: var(--design-on-warning);
}
& .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow:before,
& .tooltip.b-tooltip-danger.bs-tooltip-top .arrow:before {
  border-top-color: var(--design-danger);
}
& .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow:before,
& .tooltip.b-tooltip-danger.bs-tooltip-right .arrow:before {
  border-right-color: var(--design-danger);
}
& .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-danger);
}
& .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow:before,
& .tooltip.b-tooltip-danger.bs-tooltip-left .arrow:before {
  border-left-color: var(--design-danger);
}
& .tooltip.b-tooltip-danger .tooltip-inner {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow:before,
& .tooltip.b-tooltip-light.bs-tooltip-top .arrow:before {
  border-top-color: var(--design-border);
}
& .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow:before,
& .tooltip.b-tooltip-light.bs-tooltip-right .arrow:before {
  border-right-color: var(--design-border);
}
& .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .tooltip.b-tooltip-light.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-border);
}
& .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow:before,
& .tooltip.b-tooltip-light.bs-tooltip-left .arrow:before {
  border-left-color: var(--design-border);
}
& .tooltip.b-tooltip-light .tooltip-inner {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow:before,
& .tooltip.b-tooltip-dark.bs-tooltip-top .arrow:before {
  border-top-color: var(--design-border-strong);
}
& .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow:before,
& .tooltip.b-tooltip-dark.bs-tooltip-right .arrow:before {
  border-right-color: var(--design-border-strong);
}
& .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-border-strong);
}
& .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow:before,
& .tooltip.b-tooltip-dark.bs-tooltip-left .arrow:before {
  border-left-color: var(--design-border-strong);
}
& .tooltip.b-tooltip-dark .tooltip-inner {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .fa-border {
  border-color: var(--design-border);
}
& .fa-inverse,
& .fad.fa-inverse {
  color: var(--design-on-primary);
}
& {
  -webkit-tap-highlight-color: rgba(var(--design-text-rgb), 0);
}
& body {
  background-color: var(--design-surface-1);
  color: var(--design-text);
}
& a {
  background-color: transparent;
  color: var(--design-link);
}
& a:hover {
  color: var(--design-link);
}
& caption {
  color: var(--design-text-muted);
}
& legend {
  color: inherit;
}
& hr {
  border-top-color: rgba(var(--design-border-strong-rgb), 0.1);
}
& .mark,
& mark {
  background-color: var(--design-warning-subtle);
}
& .blockquote-footer,
& .figure-caption {
  color: var(--design-text-muted);
}
& .img-thumbnail {
  background-color: rgba(var(--design-surface-3-rgb), 0.47);
  border-color: var(--design-border);
}
& code {
  color: var(--design-danger);
}
& kbd {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& pre,
& .table {
  color: var(--design-text);
}
& .table td,
& .table th,
& .table tbody+tbody {
  border-top-color: var(--design-border);
}
& .table thead th {
  border-bottom-color: var(--design-border);
}
& .table-bordered,
& .table-bordered td,
& .table-bordered th {
  border-color: var(--design-border);
}
& .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(var(--design-text-rgb), 0.05);
}
& .table-hover tbody tr:hover {
  background-color: rgba(var(--design-text-rgb), 0.07);
  color: var(--design-text);
}
& .table-primary,
& .table-primary>td,
& .table-primary>th,
& .table-hover .table-primary:hover,
& .table-hover .table-primary:hover>td,
& .table-hover .table-primary:hover>th {
  background-color: var(--design-info-border);
}
& .table-primary tbody+tbody,
& .table-primary td,
& .table-primary th,
& .table-primary thead th {
  border-color: var(--design-link);
}
& .table-secondary,
& .table-secondary>td,
& .table-secondary>th,
& .table-hover .table-secondary:hover,
& .table-hover .table-secondary:hover>td,
& .table-hover .table-secondary:hover>th {
  background-color: var(--design-border-strong);
}
& .table-secondary tbody+tbody,
& .table-secondary td,
& .table-secondary th,
& .table-secondary thead th {
  border-color: var(--design-border-strong);
}
& .table-success,
& .table-success>td,
& .table-success>th,
& .table-hover .table-success:hover,
& .table-hover .table-success:hover>td,
& .table-hover .table-success:hover>th {
  background-color: var(--design-success-border);
}
& .table-success tbody+tbody,
& .table-success td,
& .table-success th,
& .table-success thead th {
  border-color: var(--design-success);
}
& .table-info,
& .table-info>td,
& .table-info>th,
& .table-hover .table-info:hover,
& .table-hover .table-info:hover>td,
& .table-hover .table-info:hover>th {
  background-color: var(--design-info-border);
}
& .table-info tbody+tbody,
& .table-info td,
& .table-info th,
& .table-info thead th {
  border-color: var(--design-info);
}
& .table-warning,
& .table-warning>td,
& .table-warning>th,
& .table-hover .table-warning:hover,
& .table-hover .table-warning:hover>td,
& .table-hover .table-warning:hover>th {
  background-color: var(--design-warning-border);
}
& .table-warning tbody+tbody,
& .table-warning td,
& .table-warning th,
& .table-warning thead th {
  border-color: var(--design-warning-border);
}
& .table-danger,
& .table-danger>td,
& .table-danger>th,
& .table-hover .table-danger:hover,
& .table-hover .table-danger:hover>td,
& .table-hover .table-danger:hover>th {
  background-color: var(--design-danger-border);
}
& .table-danger tbody+tbody,
& .table-danger td,
& .table-danger th,
& .table-danger thead th {
  border-color: var(--design-danger-border);
}
& .table-light,
& .table-light>td,
& .table-light>th {
  background-color: var(--design-surface-2);
}
& .table-light tbody+tbody,
& .table-light td,
& .table-light th,
& .table-light thead th {
  border-color: var(--design-surface-2);
}
& .table-hover .table-light:hover,
& .table-hover .table-light:hover>td,
& .table-hover .table-light:hover>th {
  background-color: var(--design-surface-hover);
}
& .table-dark,
& .table-dark>td,
& .table-dark>th,
& .table-hover .table-dark:hover,
& .table-hover .table-dark:hover>td,
& .table-hover .table-dark:hover>th,
& .table-muted,
& .table-muted>td,
& .table-muted>th,
& .table-hover .table-muted:hover,
& .table-hover .table-muted:hover>td,
& .table-hover .table-muted:hover>th {
  background-color: var(--design-border-strong);
}
& .table-dark tbody+tbody,
& .table-dark td,
& .table-dark th,
& .table-dark thead th,
& .table-muted tbody+tbody,
& .table-muted td,
& .table-muted th,
& .table-muted thead th {
  border-color: var(--design-border-strong);
}
& .table-active,
& .table-active>td,
& .table-active>th,
& .table-hover .table-active:hover,
& .table-hover .table-active:hover>td,
& .table-hover .table-active:hover>th {
  background-color: rgba(var(--design-text-rgb), 0.07);
}
& .table .thead-dark th {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .table .thead-light th {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}
& .table-dark {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .table-dark td,
& .table-dark th,
& .table-dark thead th {
  border-color: var(--design-border-strong);
}
& .table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(var(--design-surface-2-rgb), 0.05);
}
& .table-dark.table-hover tbody tr:hover {
  background-color: rgba(var(--design-surface-2-rgb), 0.07);
  color: var(--design-on-primary);
}
& .form-control {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .form-control:focus {
  background-color: var(--design-surface-2);
  border-color: var(--design-link);
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
  color: var(--design-text-muted);
}
& .form-control::-moz-placeholder {
  color: var(--design-text-muted);
}
& .form-control::placeholder {
  color: var(--design-text-muted);
}
& .form-control:disabled,
& .form-control[readonly] {
  background-color: var(--design-surface-3);
}
& select.form-control:-moz-focusring {
  text-shadow: none;
}
& select.form-control:focus::-ms-value {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .form-control-plaintext {
  background-color: transparent;
  border-color: transparent;
  color: var(--design-text);
}
& .form-check-input:disabled~.form-check-label,
& .form-check-input[disabled]~.form-check-label {
  color: var(--design-text-muted);
}
& .valid-feedback {
  color: var(--design-success);
}
& .valid-tooltip {
  background-color: rgba(var(--design-success-rgb), 0.9);
  color: var(--design-on-success);
}
& .form-control.is-valid,
& .was-validated .form-control:valid {
  border-color: var(--design-success);
}
& .form-control.is-valid:focus,
& .was-validated .form-control:valid:focus {
  border-color: var(--design-success);
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .custom-select.is-valid,
& .was-validated .custom-select:valid {
  background-color: var(--design-surface-2);
  border-color: var(--design-success);
}
& .custom-select.is-valid:focus,
& .was-validated .custom-select:valid:focus {
  border-color: var(--design-success);
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .form-check-input.is-valid~.form-check-label,
& .was-validated .form-check-input:valid~.form-check-label,
& .custom-control-input.is-valid~.custom-control-label,
& .was-validated .custom-control-input:valid~.custom-control-label {
  color: var(--design-success);
}
& .custom-control-input.is-valid~.custom-control-label:before,
& .was-validated .custom-control-input:valid~.custom-control-label:before {
  border-color: var(--design-success);
}
& .custom-control-input.is-valid:checked~.custom-control-label:before,
& .was-validated .custom-control-input:valid:checked~.custom-control-label:before {
  background-color: var(--design-success);
  border-color: var(--design-success);
}
& .custom-control-input.is-valid:focus~.custom-control-label:before,
& .was-validated .custom-control-input:valid:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
& .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
& .custom-file-input.is-valid~.custom-file-label,
& .was-validated .custom-file-input:valid~.custom-file-label {
  border-color: var(--design-success);
}
& .custom-file-input.is-valid:focus~.custom-file-label,
& .was-validated .custom-file-input:valid:focus~.custom-file-label {
  border-color: var(--design-success);
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .invalid-feedback {
  color: var(--design-danger);
}
& .invalid-tooltip {
  background-color: rgba(var(--design-danger-rgb), 0.9);
  color: var(--design-on-danger);
}
& .form-control.is-invalid,
& .was-validated .form-control:invalid {
  border-color: var(--design-danger);
}
& .form-control.is-invalid:focus,
& .was-validated .form-control:invalid:focus {
  border-color: var(--design-danger);
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .custom-select.is-invalid,
& .was-validated .custom-select:invalid {
  background-color: var(--design-surface-2);
  border-color: var(--design-danger);
}
& .custom-select.is-invalid:focus,
& .was-validated .custom-select:invalid:focus {
  border-color: var(--design-danger);
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .form-check-input.is-invalid~.form-check-label,
& .was-validated .form-check-input:invalid~.form-check-label,
& .custom-control-input.is-invalid~.custom-control-label,
& .was-validated .custom-control-input:invalid~.custom-control-label {
  color: var(--design-danger);
}
& .custom-control-input.is-invalid~.custom-control-label:before,
& .was-validated .custom-control-input:invalid~.custom-control-label:before {
  border-color: var(--design-danger);
}
& .custom-control-input.is-invalid:checked~.custom-control-label:before,
& .was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
}
& .custom-control-input.is-invalid:focus~.custom-control-label:before,
& .was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
& .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
& .custom-file-input.is-invalid~.custom-file-label,
& .was-validated .custom-file-input:invalid~.custom-file-label {
  border-color: var(--design-danger);
}
& .custom-file-input.is-invalid:focus~.custom-file-label,
& .was-validated .custom-file-input:invalid:focus~.custom-file-label {
  border-color: var(--design-danger);
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .btn {
  background-color: transparent;
  border-color: transparent;
  color: var(--design-text);
}
& .btn:hover {
  color: var(--design-text);
}
& .btn.focus,
& .btn:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .btn-primary {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-primary.focus,
& .btn-primary:focus {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-primary:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-primary.focus,
& .btn-primary:focus,
& .btn-primary:not(:disabled):not(.disabled).active:focus,
& .btn-primary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.5);
}
& .btn-primary.disabled,
& .btn-primary:disabled {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-primary:not(:disabled):not(.disabled).active,
& .btn-primary:not(:disabled):not(.disabled):active,
& .show>.btn-primary.dropdown-toggle {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-secondary,
& .btn-secondary.focus,
& .btn-secondary:focus,
& .btn-secondary:hover,
& .btn-secondary.disabled,
& .btn-secondary:disabled,
& .btn-secondary:not(:disabled):not(.disabled).active,
& .btn-secondary:not(:disabled):not(.disabled):active,
& .show>.btn-secondary.dropdown-toggle {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .btn-secondary.focus,
& .btn-secondary:focus,
& .btn-secondary:not(:disabled):not(.disabled).active:focus,
& .btn-secondary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .btn-success,
& .btn-success.focus,
& .btn-success:focus {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-success:hover {
  background-color: var(--design-success-hover);
  border-color: var(--design-success-hover);
  color: var(--design-on-success);
}
& .btn-success.focus,
& .btn-success:focus,
& .btn-success:not(:disabled):not(.disabled).active:focus,
& .btn-success:not(:disabled):not(.disabled):active:focus,
& .show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.5);
}
& .btn-success.disabled,
& .btn-success:disabled {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-success:not(:disabled):not(.disabled).active,
& .btn-success:not(:disabled):not(.disabled):active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-on-success);
}
& .show>.btn-success.dropdown-toggle {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-info,
& .btn-info.focus,
& .btn-info:focus {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-info:hover {
  background-color: var(--design-info-hover);
  border-color: var(--design-info-hover);
  color: var(--design-on-info);
}
& .btn-info.focus,
& .btn-info:focus,
& .btn-info:not(:disabled):not(.disabled).active:focus,
& .btn-info:not(:disabled):not(.disabled):active:focus,
& .show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-info-rgb), 0.5);
}
& .btn-info.disabled,
& .btn-info:disabled {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-info:not(:disabled):not(.disabled).active,
& .btn-info:not(:disabled):not(.disabled):active {
  background-color: var(--design-info-active);
  border-color: var(--design-info-active);
  color: var(--design-on-info);
}
& .show>.btn-info.dropdown-toggle {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-warning,
& .btn-warning.focus,
& .btn-warning:focus {
  background-color: var(--design-warning);
  border-color: var(--design-warning);
  color: var(--design-on-warning);
}
& .btn-warning:hover {
  background-color: var(--design-warning-hover);
  border-color: var(--design-warning-hover);
  color: var(--design-on-warning);
}
& .btn-warning.focus,
& .btn-warning:focus,
& .btn-warning:not(:disabled):not(.disabled).active:focus,
& .btn-warning:not(:disabled):not(.disabled):active:focus,
& .show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-warning-rgb), 0.5);
}
& .btn-warning.disabled,
& .btn-warning:disabled {
  background-color: var(--design-warning);
  border-color: var(--design-warning);
  color: var(--design-on-warning);
}
& .btn-warning:not(:disabled):not(.disabled).active,
& .btn-warning:not(:disabled):not(.disabled):active {
  background-color: var(--design-warning-active);
  border-color: var(--design-warning-active);
  color: var(--design-on-warning);
}
& .show>.btn-warning.dropdown-toggle {
  background-color: var(--design-warning);
  border-color: var(--design-warning);
  color: var(--design-on-warning);
}
& .btn-danger,
& .btn-danger.focus,
& .btn-danger:focus {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-danger:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-danger.focus,
& .btn-danger:focus,
& .btn-danger:not(:disabled):not(.disabled).active:focus,
& .btn-danger:not(:disabled):not(.disabled):active:focus,
& .show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.5);
}
& .btn-danger.disabled,
& .btn-danger:disabled {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-danger:not(:disabled):not(.disabled).active,
& .btn-danger:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-danger.dropdown-toggle {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-light {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-light.focus,
& .btn-light:focus {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-light:hover {
  background-color: var(--design-surface-hover);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-light.focus,
& .btn-light:focus,
& .btn-light:not(:disabled):not(.disabled).active:focus,
& .btn-light:not(:disabled):not(.disabled):active:focus,
& .show>.btn-light.dropdown-toggle:focus,
& .btn-dark.focus,
& .btn-dark:focus,
& .btn-dark:not(:disabled):not(.disabled).active:focus,
& .btn-dark:not(:disabled):not(.disabled):active:focus,
& .show>.btn-dark.dropdown-toggle:focus,
& .btn-muted.focus,
& .btn-muted:focus,
& .btn-muted:not(:disabled):not(.disabled).active:focus,
& .btn-muted:not(:disabled):not(.disabled):active:focus,
& .show>.btn-muted.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .btn-light.disabled,
& .btn-light:disabled {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-light:not(:disabled):not(.disabled).active,
& .btn-light:not(:disabled):not(.disabled):active,
& .show>.btn-light.dropdown-toggle {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-dark,
& .btn-dark.focus,
& .btn-dark:focus,
& .btn-dark:hover,
& .btn-dark.disabled,
& .btn-dark:disabled,
& .btn-dark:not(:disabled):not(.disabled).active,
& .btn-dark:not(:disabled):not(.disabled):active,
& .show>.btn-dark.dropdown-toggle {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-muted,
& .btn-muted.focus,
& .btn-muted:focus,
& .btn-muted:hover,
& .btn-muted.disabled,
& .btn-muted:disabled,
& .btn-muted:not(:disabled):not(.disabled).active,
& .btn-muted:not(:disabled):not(.disabled):active,
& .show>.btn-muted.dropdown-toggle {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .btn-outline-primary {
  border-color: var(--design-primary);
  color: var(--design-link);
}
& .btn-outline-primary:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-outline-primary.focus,
& .btn-outline-primary:focus,
& .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
& .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.5);
}
& .btn-outline-primary.disabled,
& .btn-outline-primary:disabled {
  background-color: transparent;
  color: var(--design-link);
}
& .btn-outline-primary:not(:disabled):not(.disabled).active,
& .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .show>.btn-outline-primary.dropdown-toggle {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-outline-secondary {
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .btn-outline-secondary:hover {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .btn-outline-secondary.focus,
& .btn-outline-secondary:focus,
& .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
& .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .btn-outline-secondary.disabled,
& .btn-outline-secondary:disabled {
  background-color: transparent;
  color: var(--design-text-muted);
}
& .btn-outline-secondary:not(:disabled):not(.disabled).active,
& .btn-outline-secondary:not(:disabled):not(.disabled):active,
& .show>.btn-outline-secondary.dropdown-toggle {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .btn-outline-success {
  border-color: var(--design-success);
  color: var(--design-success);
}
& .btn-outline-success:hover {
  background-color: var(--design-success-hover);
  border-color: var(--design-success-hover);
  color: var(--design-on-success);
}
& .btn-outline-success.focus,
& .btn-outline-success:focus,
& .btn-outline-success:not(:disabled):not(.disabled).active:focus,
& .btn-outline-success:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.5);
}
& .btn-outline-success.disabled,
& .btn-outline-success:disabled {
  background-color: transparent;
  color: var(--design-success);
}
& .btn-outline-success:not(:disabled):not(.disabled).active,
& .btn-outline-success:not(:disabled):not(.disabled):active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-on-success);
}
& .show>.btn-outline-success.dropdown-toggle {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-outline-info {
  border-color: var(--design-info);
  color: var(--design-info);
}
& .btn-outline-info:hover {
  background-color: var(--design-info-hover);
  border-color: var(--design-info-hover);
  color: var(--design-on-info);
}
& .btn-outline-info.focus,
& .btn-outline-info:focus,
& .btn-outline-info:not(:disabled):not(.disabled).active:focus,
& .btn-outline-info:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-info-rgb), 0.5);
}
& .btn-outline-info.disabled,
& .btn-outline-info:disabled {
  background-color: transparent;
  color: var(--design-info);
}
& .btn-outline-info:not(:disabled):not(.disabled).active,
& .btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: var(--design-info-active);
  border-color: var(--design-info-active);
  color: var(--design-on-info);
}
& .show>.btn-outline-info.dropdown-toggle {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-outline-warning {
  border-color: var(--design-warning);
  color: var(--design-warning);
}
& .btn-outline-warning:hover {
  background-color: var(--design-warning-hover);
  border-color: var(--design-warning-hover);
  color: var(--design-on-warning);
}
& .btn-outline-warning.focus,
& .btn-outline-warning:focus,
& .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
& .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-warning-rgb), 0.5);
}
& .btn-outline-warning.disabled,
& .btn-outline-warning:disabled {
  background-color: transparent;
  color: var(--design-warning);
}
& .btn-outline-warning:not(:disabled):not(.disabled).active,
& .btn-outline-warning:not(:disabled):not(.disabled):active {
  background-color: var(--design-warning-active);
  border-color: var(--design-warning-active);
  color: var(--design-on-warning);
}
& .show>.btn-outline-warning.dropdown-toggle {
  background-color: var(--design-warning);
  border-color: var(--design-warning);
  color: var(--design-on-warning);
}
& .btn-outline-danger {
  border-color: var(--design-danger);
  color: var(--design-danger);
}
& .btn-outline-danger:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-outline-danger.focus,
& .btn-outline-danger:focus,
& .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
& .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.5);
}
& .btn-outline-danger.disabled,
& .btn-outline-danger:disabled {
  background-color: transparent;
  color: var(--design-danger);
}
& .btn-outline-danger:not(:disabled):not(.disabled).active,
& .btn-outline-danger:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-outline-danger.dropdown-toggle {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-outline-light {
  border-color: var(--design-border);
  color: var(--design-on-primary);
}
& .btn-outline-light:hover {
  background-color: var(--design-surface-hover);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-outline-light.focus,
& .btn-outline-light:focus,
& .btn-outline-light:not(:disabled):not(.disabled).active:focus,
& .btn-outline-light:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-surface-2);
}
& .btn-outline-light.disabled,
& .btn-outline-light:disabled {
  background-color: transparent;
  color: var(--design-on-primary);
}
& .btn-outline-light:not(:disabled):not(.disabled).active,
& .btn-outline-light:not(:disabled):not(.disabled):active {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .show>.btn-outline-light.dropdown-toggle {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-outline-dark {
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .btn-outline-dark:hover {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-outline-dark.focus,
& .btn-outline-dark:focus,
& .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
& .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-dark.dropdown-toggle:focus,
& .btn-outline-muted.focus,
& .btn-outline-muted:focus,
& .btn-outline-muted:not(:disabled):not(.disabled).active:focus,
& .btn-outline-muted:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-muted.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .btn-outline-dark.disabled,
& .btn-outline-dark:disabled {
  background-color: transparent;
  color: var(--design-text);
}
& .btn-outline-dark:not(:disabled):not(.disabled).active,
& .btn-outline-dark:not(:disabled):not(.disabled):active,
& .show>.btn-outline-dark.dropdown-toggle {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-outline-muted {
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .btn-outline-muted:hover {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .btn-outline-muted.disabled,
& .btn-outline-muted:disabled {
  background-color: transparent;
  color: var(--design-text-muted);
}
& .btn-outline-muted:not(:disabled):not(.disabled).active,
& .btn-outline-muted:not(:disabled):not(.disabled):active,
& .show>.btn-outline-muted.dropdown-toggle {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .btn-link,
& .btn-link:hover {
  color: var(--design-link);
}
& .btn-link.disabled,
& .btn-link:disabled {
  color: var(--design-text-muted);
}
& .dropdown-menu,
& span.twitter-typeahead .tt-menu {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.15);
  color: var(--design-text);
}
& .dropdown-divider {
  border-top-color: var(--design-border);
}
& .dropdown-item,
& span.twitter-typeahead .tt-suggestion {
  background-color: transparent;
  color: var(--design-text);
}
& .dropdown-item:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& .dropdown-item:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}
& span.twitter-typeahead .tt-suggestion:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& span.twitter-typeahead .tt-suggestion:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}
& .dropdown-item.active,
& .dropdown-item:active,
& span.twitter-typeahead .active.tt-suggestion,
& span.twitter-typeahead .tt-suggestion:active {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .dropdown-item.disabled,
& .dropdown-item:disabled,
& span.twitter-typeahead .disabled.tt-suggestion,
& span.twitter-typeahead .tt-suggestion:disabled {
  background-color: transparent;
  color: var(--design-text-muted);
}
& .dropdown-header {
  color: var(--design-text-muted);
}
& .dropdown-item-text {
  color: var(--design-text);
}
& .input-group-text {
  background-color: var(--design-surface-3);
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .custom-control-input:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-control-input:focus:not(:checked)~.custom-control-label:before {
  border-color: var(--design-link);
}
& .custom-control-input:not(:disabled):active~.custom-control-label:before {
  background-color: var(--design-info-border);
  border-color: var(--design-info-border);
  color: var(--design-on-primary);
}
& .custom-control-input:disabled~.custom-control-label,
& .custom-control-input[disabled]~.custom-control-label {
  color: var(--design-text-muted);
}
& .custom-control-input:disabled~.custom-control-label:before,
& .custom-control-input[disabled]~.custom-control-label:before {
  background-color: var(--design-surface-3);
}
& .custom-control-label:before {
  background-color: var(--design-surface-active);
  border-color: var(--design-border-strong);
}
& .custom-control-label:after {
  background: 50%/50% 50% no-repeat;
}
& .custom-checkbox .custom-control-input:checked~.custom-control-label:after,
& .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after,
& .custom-radio .custom-control-input:checked~.custom-control-label:after {
  background: var(--design-on-primary);
  -webkit-mask: 50%/50% 50% no-repeat;
  mask: 50%/50% 50% no-repeat;
}
& .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
& .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4'%3E%3Crect y='1.5' width='4' height='1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4'%3E%3Crect y='1.5' width='4' height='1'/%3E%3C/svg%3E");
}
& .custom-radio .custom-control-input:checked~.custom-control-label:after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3'/%3E%3C/svg%3E");
}
& .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
}
& .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,
& .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before,
& .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: rgba(var(--design-primary-active-rgb), 0.5);
}
& .custom-switch .custom-control-label:after {
  background-color: var(--design-border-strong);
}
& .custom-switch .custom-control-input:checked~.custom-control-label:after {
  background-color: var(--design-surface-active);
}
& .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: rgba(var(--design-primary-active-rgb), 0.5);
}
& .custom-select {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .custom-select:focus,
& .custom-file-input:focus~.custom-file-label {
  border-color: var(--design-link);
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-select:focus::-ms-value {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .custom-select:disabled {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .custom-select:-moz-focusring {
  color: transparent;
  text-shadow: none;
}
& .custom-file-input:disabled~.custom-file-label,
& .custom-file-input[disabled]~.custom-file-label {
  background-color: var(--design-surface-3);
}
& .custom-file-label {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
}
& .custom-file-label,
& .custom-file-label:after,
& .nav-link.disabled {
  color: var(--design-text-muted);
}
& .custom-file-label:after {
  background-color: var(--design-surface-3);
}
& .custom-range {
  background-color: transparent;
}
& .custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-range::-webkit-slider-thumb {
  background-color: var(--design-primary);
}
& .custom-range::-webkit-slider-thumb:active {
  background-color: var(--design-info-border);
}
& .custom-range::-webkit-slider-runnable-track {
  background-color: var(--design-surface-active);
}
& .custom-range::-moz-range-thumb {
  background-color: var(--design-primary);
}
& .custom-range::-moz-range-thumb:active {
  background-color: var(--design-info-border);
}
& .custom-range::-moz-range-track {
  background-color: var(--design-surface-active);
}
& .custom-range::-ms-thumb {
  background-color: var(--design-primary);
}
& .custom-range::-ms-thumb:active {
  background-color: var(--design-info-border);
}
& .custom-range::-ms-track {
  background-color: transparent;
}
& .custom-range::-ms-fill-lower {
  background-color: var(--design-surface-active);
}
& .custom-range::-ms-fill-upper {
  background-color: var(--design-surface-active);
}
& .custom-range:disabled::-webkit-slider-thumb {
  background-color: var(--design-border-strong);
}
& .custom-range:disabled::-moz-range-thumb {
  background-color: var(--design-border-strong);
}
& .custom-range:disabled::-ms-thumb {
  background-color: var(--design-border-strong);
}
& .nav-tabs {
  border-bottom-color: var(--design-border);
}
& .nav-tabs .nav-link:focus,
& .nav-tabs .nav-link:hover {
  border-color: var(--design-border) var(--design-border) var(--design-border);
}
& .nav-tabs .nav-link.disabled {
  border-color: transparent;
  color: var(--design-text-muted);
}
& .nav-tabs .nav-item.show .nav-link {
  background-color: rgba(var(--design-surface-3-rgb), 0.47);
  border-color: var(--design-border) var(--design-border) rgba(var(--design-border-rgb), 0.47);
  color: var(--design-text-muted);
}
& .nav-tabs .nav-link.active {
  background-color: rgba(var(--design-surface-active-rgb), 0.47);
  border-color: var(--design-border) var(--design-border) rgba(var(--design-border-rgb), 0.47);
  color: var(--design-text-muted);
}
& .nav-pills .nav-link.active {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .nav-pills .show>.nav-link {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .navbar-toggler {
  background-color: transparent;
  border-color: transparent;
}
& .navbar-toggler-icon {
  background: 50%/100% 100% no-repeat;
}
& .navbar-light .navbar-brand,
& .navbar-light .navbar-brand:focus,
& .navbar-light .navbar-brand:hover {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-light .navbar-nav .nav-link {
  color: rgba(var(--design-text-rgb), 0.5);
}
& .navbar-light .navbar-nav .nav-link:focus,
& .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(var(--design-text-rgb), 0.7);
}
& .navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(var(--design-text-rgb), 0.3);
}
& .navbar-light .navbar-nav .active>.nav-link,
& .navbar-light .navbar-nav .nav-link.active,
& .navbar-light .navbar-nav .nav-link.show,
& .navbar-light .navbar-nav .show>.nav-link {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-light .navbar-toggler {
  border-color: rgba(var(--design-border-strong-rgb), 0.1);
  color: rgba(var(--design-text-rgb), 0.5);
}
& .navbar-light .navbar-text {
  color: rgba(var(--design-text-rgb), 0.5);
}
& .navbar-light .navbar-text a,
& .navbar-light .navbar-text a:focus,
& .navbar-light .navbar-text a:hover {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-dark .navbar-brand,
& .navbar-dark .navbar-brand:focus,
& .navbar-dark .navbar-brand:hover {
  color: var(--design-on-primary);
}
& .navbar-dark .navbar-nav .nav-link {
  color: rgba(var(--design-on-primary-rgb), 0.5);
}
& .navbar-dark .navbar-nav .nav-link:focus,
& .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(var(--design-on-primary-rgb), 0.75);
}
& .navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(var(--design-on-primary-rgb), 0.25);
}
& .navbar-dark .navbar-nav .active>.nav-link,
& .navbar-dark .navbar-nav .nav-link.active,
& .navbar-dark .navbar-nav .nav-link.show,
& .navbar-dark .navbar-nav .show>.nav-link {
  color: var(--design-on-primary);
}
& .navbar-dark .navbar-toggler {
  border-color: rgba(var(--design-surface-2-rgb), 0.1);
  color: rgba(var(--design-on-primary-rgb), 0.5);
}
& .navbar-dark .navbar-text {
  color: rgba(var(--design-on-primary-rgb), 0.5);
}
& .navbar-dark .navbar-text a,
& .navbar-dark .navbar-text a:focus,
& .navbar-dark .navbar-text a:hover {
  color: var(--design-on-primary);
}
& .card {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.12);
}
& .card-header {
  background-color: var(--design-surface-2);
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.12);
}
& .card-footer {
  background-color: var(--design-surface-2);
  border-top-color: rgba(var(--design-border-strong-rgb), 0.12);
}
& .breadcrumb {
  background-color: var(--design-surface-3);
}
& .breadcrumb-item+.breadcrumb-item:before,
& .breadcrumb-item.active {
  color: var(--design-text-muted);
}
& .page-link {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-link);
}
& .page-link:hover {
  background-color: var(--design-surface-hover);
  border-color: var(--design-border);
  color: var(--design-link);
}
& .page-link:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .page-item.active .page-link {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .page-item.disabled .page-link {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}
& .badge-primary {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& a.badge-primary:focus {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& a.badge-primary:hover {
  background-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& a.badge-primary.focus,
& a.badge-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.5);
}
& .badge-secondary,
& a.badge-secondary:focus,
& a.badge-secondary:hover {
  background-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& a.badge-secondary.focus,
& a.badge-secondary:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .badge-success,
& a.badge-success:focus {
  background-color: var(--design-success);
  color: var(--design-on-success);
}
& a.badge-success:hover {
  background-color: var(--design-success-hover);
  color: var(--design-on-success);
}
& a.badge-success.focus,
& a.badge-success:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.5);
}
& .badge-info,
& a.badge-info:focus {
  background-color: var(--design-info);
  color: var(--design-on-info);
}
& a.badge-info:hover {
  background-color: var(--design-info-hover);
  color: var(--design-on-info);
}
& a.badge-info.focus,
& a.badge-info:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-info-rgb), 0.5);
}
& .badge-warning,
& a.badge-warning:focus {
  background-color: var(--design-warning);
  color: var(--design-on-warning);
}
& a.badge-warning:hover {
  background-color: var(--design-warning-hover);
  color: var(--design-on-warning);
}
& a.badge-warning.focus,
& a.badge-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-warning-rgb), 0.5);
}
& .badge-danger,
& a.badge-danger:focus {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}
& a.badge-danger:hover {
  background-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& a.badge-danger.focus,
& a.badge-danger:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.5);
}
& .badge-light {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& a.badge-light:focus {
  background-color: var(--design-surface-active);
  color: var(--design-text);
}
& a.badge-light:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}
& a.badge-light.focus,
& a.badge-light:focus {
  box-shadow: 0 0 0 .2rem var(--design-surface-2);
}
& .badge-dark,
& a.badge-dark:focus,
& a.badge-dark:hover {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& a.badge-dark.focus,
& a.badge-dark:focus,
& a.badge-muted.focus,
& a.badge-muted:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .badge-muted,
& a.badge-muted:focus,
& a.badge-muted:hover {
  background-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .jumbotron {
  background-color: var(--design-surface-3);
}
& .alert {
  border-color: transparent;
}
& .alert-heading {
  color: inherit;
}
& .alert-primary {
  background-color: var(--design-info-border);
  border-color: var(--design-info-border);
  color: var(--design-link);
}
& .alert-primary hr {
  border-top-color: var(--design-link);
}
& .alert-primary .alert-link {
  color: var(--design-link);
}
& .alert-secondary {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .alert-secondary hr {
  border-top-color: var(--design-border-strong);
}
& .alert-secondary .alert-link {
  color: var(--design-text);
}
& .alert-success {
  background-color: var(--design-success-border);
  border-color: var(--design-success-border);
  color: var(--design-success);
}
& .alert-success hr {
  border-top-color: var(--design-success-border);
}
& .alert-success .alert-link {
  color: var(--design-success);
}
& .alert-info {
  background-color: var(--design-info-border);
  border-color: var(--design-info-border);
  color: var(--design-info);
}
& .alert-info hr {
  border-top-color: var(--design-info-border);
}
& .alert-info .alert-link {
  color: var(--design-info);
}
& .alert-warning {
  background-color: var(--design-warning-subtle);
  border-color: var(--design-warning-subtle);
  color: var(--design-warning);
}
& .alert-warning hr {
  border-top-color: var(--design-warning-border);
}
& .alert-warning .alert-link {
  color: var(--design-warning);
}
& .alert-danger {
  background-color: var(--design-danger-subtle);
  border-color: var(--design-danger-subtle);
  color: var(--design-danger);
}
& .alert-danger hr {
  border-top-color: var(--design-danger-border);
}
& .alert-danger .alert-link {
  color: var(--design-danger);
}
& .alert-light {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .alert-light hr {
  border-top-color: var(--design-border);
}
& .alert-light .alert-link {
  color: var(--design-text-muted);
}
& .alert-dark {
  background-color: var(--design-border-strong);
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .alert-dark hr {
  border-top-color: var(--design-border-strong);
}
& .alert-dark .alert-link {
  color: var(--design-text);
}
& .alert-muted {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .alert-muted hr {
  border-top-color: var(--design-border-strong);
}
& .alert-muted .alert-link {
  color: var(--design-text);
}
& .progress {
  background-color: var(--design-surface-3);
}
& .progress-bar {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(var(--design-surface-2-rgb), 0.15) 25%,transparent 0,transparent 50%,rgba(var(--design-surface-2-rgb), 0.15) 0,rgba(var(--design-surface-2-rgb), 0.15) 75%,transparent 0,transparent);
}
& .list-group-item-action {
  color: var(--design-text-muted);
}
& .list-group-item-action:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .list-group-item-action:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text-muted);
}
& .list-group-item-action:active {
  background-color: var(--design-surface-active);
  color: var(--design-text);
}
& .list-group-item {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.12);
}
& .list-group-item.disabled,
& .list-group-item:disabled {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .list-group-item.active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .list-group-item-primary,
& .list-group-item-primary.list-group-item-action:focus,
& .list-group-item-primary.list-group-item-action:hover {
  background-color: var(--design-info-border);
  color: var(--design-link);
}
& .list-group-item-primary.list-group-item-action.active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .list-group-item-secondary,
& .list-group-item-secondary.list-group-item-action:focus,
& .list-group-item-secondary.list-group-item-action:hover {
  background-color: var(--design-border-strong);
  color: var(--design-text);
}
& .list-group-item-secondary.list-group-item-action.active {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .list-group-item-success,
& .list-group-item-success.list-group-item-action:focus,
& .list-group-item-success.list-group-item-action:hover {
  background-color: var(--design-success-border);
  color: var(--design-success);
}
& .list-group-item-success.list-group-item-action.active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-on-success);
}
& .list-group-item-info,
& .list-group-item-info.list-group-item-action:focus,
& .list-group-item-info.list-group-item-action:hover {
  background-color: var(--design-info-border);
  color: var(--design-info);
}
& .list-group-item-info.list-group-item-action.active {
  background-color: var(--design-info-active);
  border-color: var(--design-info-active);
  color: var(--design-on-info);
}
& .list-group-item-warning,
& .list-group-item-warning.list-group-item-action:focus,
& .list-group-item-warning.list-group-item-action:hover {
  background-color: var(--design-warning-border);
  color: var(--design-warning);
}
& .list-group-item-warning.list-group-item-action.active {
  background-color: var(--design-warning-active);
  border-color: var(--design-warning-active);
  color: var(--design-on-warning);
}
& .list-group-item-danger,
& .list-group-item-danger.list-group-item-action:focus,
& .list-group-item-danger.list-group-item-action:hover {
  background-color: var(--design-danger-border);
  color: var(--design-danger);
}
& .list-group-item-danger.list-group-item-action.active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .list-group-item-light {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .list-group-item-light.list-group-item-action:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .list-group-item-light.list-group-item-action:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text-muted);
}
& .list-group-item-light.list-group-item-action.active {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .list-group-item-dark,
& .list-group-item-dark.list-group-item-action:focus,
& .list-group-item-dark.list-group-item-action:hover {
  background-color: var(--design-border-strong);
  color: var(--design-text);
}
& .list-group-item-dark.list-group-item-action.active {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .list-group-item-muted,
& .list-group-item-muted.list-group-item-action:focus,
& .list-group-item-muted.list-group-item-action:hover {
  background-color: var(--design-border-strong);
  color: var(--design-text);
}
& .list-group-item-muted.list-group-item-action.active {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .close {
  color: var(--design-text);
  text-shadow: none;
}
& .close:hover {
  color: var(--design-text);
}
& .toast {
  background-color: rgba(var(--design-surface-2-rgb), 0.85);
  border-color: rgba(var(--design-border-strong-rgb), 0.1);
  box-shadow: var(--design-shadow-1);
}
& .toast-header {
  background-color: rgba(var(--design-surface-2-rgb), 0.85);
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.05);
  color: var(--design-text-muted);
}
& .modal-content {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.2);
}
& .modal-backdrop {
  background-color: rgba(var(--design-surface-3-rgb), 0.8);
}
& .modal-header {
  border-bottom-color: var(--design-border);
}
& .modal-footer {
  border-top-color: var(--design-border);
}
& .tooltip {
  text-shadow: none;
}
& .bs-tooltip-auto[x-placement^=top] .arrow:before,
& .bs-tooltip-top .arrow:before {
  border-top-color: var(--design-border-strong);
}
& .bs-tooltip-auto[x-placement^=right] .arrow:before,
& .bs-tooltip-right .arrow:before {
  border-right-color: var(--design-border-strong);
}
& .bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-border-strong);
}
& .bs-tooltip-auto[x-placement^=left] .arrow:before,
& .bs-tooltip-left .arrow:before {
  border-left-color: var(--design-border-strong);
}
& .tooltip-inner {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .popover {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.2);
  text-shadow: none;
}
& .popover .arrow:after,
& .popover .arrow:before {
  border-color: transparent;
}
& .bs-popover-auto[x-placement^=top]>.arrow:before,
& .bs-popover-top>.arrow:before {
  border-top-color: rgba(var(--design-border-strong-rgb), 0.25);
}
& .bs-popover-auto[x-placement^=top]>.arrow:after,
& .bs-popover-top>.arrow:after {
  border-top-color: var(--design-surface-2);
}
& .bs-popover-auto[x-placement^=right]>.arrow:before,
& .bs-popover-right>.arrow:before {
  border-right-color: rgba(var(--design-border-strong-rgb), 0.25);
}
& .bs-popover-auto[x-placement^=right]>.arrow:after,
& .bs-popover-right>.arrow:after {
  border-right-color: var(--design-surface-2);
}
& .bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .bs-popover-bottom>.arrow:before {
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.25);
}
& .bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-surface-2);
}
& .bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .bs-popover-bottom .popover-header:before {
  border-bottom-color: var(--design-border);
}
& .bs-popover-auto[x-placement^=left]>.arrow:before,
& .bs-popover-left>.arrow:before {
  border-left-color: rgba(var(--design-border-strong-rgb), 0.25);
}
& .bs-popover-auto[x-placement^=left]>.arrow:after,
& .bs-popover-left>.arrow:after {
  border-left-color: var(--design-surface-2);
}
& .popover-header {
  background-color: var(--design-surface-3);
  border-bottom-color: var(--design-border);
}
& .popover-body {
  color: var(--design-text);
}
& .carousel-control-next,
& .carousel-control-prev {
  background-color: transparent;
  background-image: none;
  color: var(--design-on-primary);
}
& .carousel-control-next:focus,
& .carousel-control-next:hover,
& .carousel-control-prev:focus,
& .carousel-control-prev:hover,
& .carousel-caption {
  color: var(--design-on-primary);
}
& .carousel-control-next-icon,
& .carousel-control-prev-icon {
  background: currentcolor;
  -webkit-mask: 50%/100% 100% no-repeat;
  mask: 50%/100% 100% no-repeat;
}
& .carousel-control-prev-icon {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
}
& .carousel-control-next-icon {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
}
& .carousel-indicators li {
  background-color: var(--design-surface-2);
}
& .spinner-border {
  border-color: currentcolor;
  border-right-color: transparent;
}
& .spinner-grow {
  background-color: currentcolor;
}
& .bg-primary {
  background-color: var(--design-primary) !important;
}
& a.bg-primary:focus {
  background-color: var(--design-primary-active) !important;
}
& a.bg-primary:hover {
  background-color: var(--design-primary-hover) !important;
}
& button.bg-primary:focus {
  background-color: var(--design-primary-active) !important;
}
& button.bg-primary:hover {
  background-color: var(--design-primary-hover) !important;
}
& .bg-secondary,
& a.bg-secondary:focus,
& a.bg-secondary:hover,
& button.bg-secondary:focus,
& button.bg-secondary:hover {
  background-color: var(--design-text-muted) !important;
}
& .bg-success,
& a.bg-success:focus {
  background-color: var(--design-success) !important;
}
& a.bg-success:hover {
  background-color: var(--design-success-hover) !important;
}
& button.bg-success:focus {
  background-color: var(--design-success) !important;
}
& button.bg-success:hover {
  background-color: var(--design-success-hover) !important;
}
& .bg-info,
& a.bg-info:focus {
  background-color: var(--design-info) !important;
}
& a.bg-info:hover {
  background-color: var(--design-info-hover) !important;
}
& button.bg-info:focus {
  background-color: var(--design-info) !important;
}
& button.bg-info:hover {
  background-color: var(--design-info-hover) !important;
}
& .bg-warning,
& a.bg-warning:focus {
  background-color: var(--design-warning) !important;
}
& a.bg-warning:hover {
  background-color: var(--design-warning-hover) !important;
}
& button.bg-warning:focus {
  background-color: var(--design-warning) !important;
}
& button.bg-warning:hover {
  background-color: var(--design-warning-hover) !important;
}
& .bg-danger,
& a.bg-danger:focus {
  background-color: var(--design-danger) !important;
}
& a.bg-danger:hover {
  background-color: var(--design-danger-hover) !important;
}
& button.bg-danger:focus {
  background-color: var(--design-danger) !important;
}
& button.bg-danger:hover {
  background-color: var(--design-danger-hover) !important;
}
& .bg-light {
  background-color: var(--design-surface-3) !important;
}
& a.bg-light:focus {
  background-color: var(--design-surface-active) !important;
}
& a.bg-light:hover {
  background-color: var(--design-surface-hover) !important;
}
& button.bg-light:focus {
  background-color: var(--design-surface-active) !important;
}
& button.bg-light:hover {
  background-color: var(--design-surface-hover) !important;
}
& .bg-dark,
& a.bg-dark:focus,
& a.bg-dark:hover,
& button.bg-dark:focus,
& button.bg-dark:hover {
  background-color: var(--design-text) !important;
}
& .bg-muted,
& a.bg-muted:focus,
& a.bg-muted:hover,
& button.bg-muted:focus,
& button.bg-muted:hover {
  background-color: var(--design-text-muted) !important;
}
& .bg-white {
  background-color: var(--design-surface-2) !important;
}
& .bg-transparent {
  background-color: transparent !important;
}
& .border {
  border-color: var(--design-border) !important;
}
& .border-top {
  border-top-color: var(--design-border) !important;
}
& .border-right {
  border-right-color: var(--design-border) !important;
}
& .border-bottom {
  border-bottom-color: var(--design-border) !important;
}
& .border-left {
  border-left-color: var(--design-border) !important;
}
& .border-primary {
  border-color: var(--design-primary) !important;
}
& .border-secondary {
  border-color: var(--design-border-strong) !important;
}
& .border-success {
  border-color: var(--design-success) !important;
}
& .border-info {
  border-color: var(--design-info) !important;
}
& .border-warning {
  border-color: var(--design-warning) !important;
}
& .border-danger {
  border-color: var(--design-danger) !important;
}
& .border-light {
  border-color: var(--design-border) !important;
}
& .border-dark,
& .border-muted {
  border-color: var(--design-border-strong) !important;
}
& .border-white {
  border-color: var(--design-surface-2) !important;
}
& .shadow-sm,
& .shadow,
& .shadow-lg {
  box-shadow: var(--design-shadow-1) !important;
}
& .shadow-none {
  box-shadow: none !important;
}
& .text-white {
  color: var(--design-on-frame) !important;
}
& .text-primary,
& a.text-primary:focus,
& a.text-primary:hover {
  color: var(--design-link) !important;
}
& .text-secondary,
& a.text-secondary:focus,
& a.text-secondary:hover {
  color: var(--design-text-muted) !important;
}
& .text-success,
& a.text-success:focus,
& a.text-success:hover {
  color: var(--design-success) !important;
}
& .text-info,
& a.text-info:focus,
& a.text-info:hover {
  color: var(--design-info) !important;
}
& .text-warning,
& a.text-warning:focus,
& a.text-warning:hover {
  color: var(--design-warning) !important;
}
& .text-danger,
& a.text-danger:focus,
& a.text-danger:hover {
  color: var(--design-danger) !important;
}
& .text-light {
  color: var(--design-on-primary) !important;
}
& a.text-light:focus,
& a.text-light:hover {
  color: var(--design-text-muted) !important;
}
& a.text-dark:focus,
& a.text-dark:hover {
  color: var(--design-text) !important;
}
& .text-muted {
  color: var(--design-text-muted) !important;
}
& a.text-muted:focus,
& a.text-muted:hover,
& .text-body {
  color: var(--design-text) !important;
}
& .text-muted {
  color: var(--design-text-muted) !important;
}
& .text-black-50 {
  color: rgba(var(--design-text-rgb), 0.5) !important;
}
& .text-white-50 {
  color: rgba(var(--design-on-frame-rgb), 0.5) !important;
}
& .text-hide {
  background-color: transparent;
  color: transparent;
  text-shadow: none;
}
& .text-reset {
  color: inherit !important;
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
@media print {
& blockquote,
& pre,
& .badge {
  border-color: var(--design-border-strong);
}
& .table td,
& .table th {
  background-color: var(--design-surface-2) !important;
}
& .table-bordered td,
& .table-bordered th {
  border-color: var(--design-border) !important;
}
& .table-dark {
  color: inherit;
}
& .table-dark tbody+tbody,
& .table-dark td,
& .table-dark th,
& .table-dark thead th {
  border-color: var(--design-border);
}
& .table .thead-dark th {
  border-color: var(--design-border);
  color: inherit;
}
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
& .navbar-laravel {
  background-color: var(--design-surface-2);
  box-shadow: var(--design-shadow-2);
}
& .bg-pixelfed {
  background-color: var(--design-info);
  background: linear-gradient(to bottom right,var(--design-primary),var(--design-info));
}
& .text-dark {
  color: var(--design-text) !important;
}
& .card-disabled {
  background-color: var(--design-surface-3);
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
@media (min-width:768px) {
& .card.status-container .status-comments {
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.1);
}
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
& .notification-page .profile-link {
  color: var(--design-text);
}
& .nav-topbar,
& .nav-topbar .nav-link:focus,
& .nav-topbar .nav-link:hover {
  border-top-color: var(--design-border);
}
& .nav-topbar .nav-link {
  color: var(--design-on-primary);
}
& .nav-topbar .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--design-on-primary);
}
& .nav-topbar .nav-item.show .nav-link,
& .nav-topbar .nav-link.active {
  border-top-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .info-overlay-text,
& .info-overlay-text-label {
  background-color: rgba(var(--design-surface-3-rgb), 0.8);
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
@media (max-width:768px) {
& .card.status-container .status-comments {
  border-top-color: rgba(var(--design-border-strong-rgb), 0.1);
}
}
}
:where(html:has(> head > link[href*="/css/app.css"])) {
& .loading-page {
  background-image: linear-gradient(90deg,var(--design-primary),var(--design-info),var(--design-info),var(--design-primary));
}
& .card,
& .box-shadow {
  box-shadow: var(--design-shadow-2);
}
& .border-left-primary {
  border-left-color: var(--design-primary);
}
& .details-animated>summary {
  background-color: var(--design-surface-3);
}
& .input-elevated {
  background-color: var(--design-surface-2);
  box-shadow: var(--design-shadow-2);
}
& .input-elevated::-moz-placeholder {
  color: var(--design-text-muted);
}
& .input-elevated::placeholder,
& .timeline-sidenav.nav-pills .nav-link {
  color: var(--design-text-muted);
}
& .input-elevated:focus {
  box-shadow: var(--design-shadow-3);
}
& .icon-wrapper {
  background-color: var(--design-info);
  background: linear-gradient(to bottom right,var(--design-primary),var(--design-info));
}
& .border-left-blue {
  border-left-color: var(--design-info);
}
& .lds-ring div {
  border-top-color: var(--design-border-strong);
}
& .timeline-sidenav.nav-pills .nav-link:hover {
  background-color: rgba(var(--design-text-rgb), 0.04);
}
& .timeline-sidenav.nav-pills .nav-link.active,
& .timeline-sidenav.nav-pills .show>.nav-link {
  background-color: transparent;
  background-image: none;
  border-color: var(--design-link);
  color: var(--design-link);
}
& .messages-page .bg-primary.text-white a {
  color: var(--design-on-frame);
}
& .btn-outline-lighter,
& .text-lighter {
  color: var(--design-text-muted) !important;
}
& .btn-outline-lighter {
  border-color: var(--design-border-strong) !important;
}
& .tooltip-notification .tooltip-inner {
  color: var(--design-on-primary);
}
& .tribute-container {
  border-color: var(--design-border-strong);
  box-shadow: var(--design-shadow-2);
}
& .tribute-container ul {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.13);
}
& .tribute-container li {
  color: var(--design-text);
}
& .tribute-container li.highlight {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .tribute-container li:hover {
  background-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .filter-aden:before {
  background-color: rgba(var(--design-warning-rgb), 0.1);
}
& .filter-amaro:before {
  background-color: rgba(var(--design-warning-rgb), 0.2);
}
& .filter-ashby:before {
  background-color: rgba(var(--design-warning-rgb), 0.35);
}
& .filter-brooklyn:before {
  background-color: rgba(var(--design-info-border-rgb), 0.2);
}
& .filter-charmes:before {
  background-color: rgba(var(--design-warning-rgb), 0.25);
}
& .filter-clarendon:before {
  background-color: rgba(var(--design-info-border-rgb), 0.4);
}
& .filter-crema:before {
  background-color: rgba(var(--design-warning-rgb), 0.2);
}
& .filter-earlybird:before {
  background: radial-gradient(circle closest-corner,transparent 0,rgba(var(--design-warning-rgb), 0.2) 100%);
  background: -webkit-radial-gradient(circle closest-corner,transparent 0,rgba(var(--design-warning-rgb), 0.2) 100%);
}
& .filter-gingham:before {
  background-color: var(--design-surface-active);
}
& .filter-ginza:before {
  background-color: rgba(var(--design-warning-rgb), 0.15);
}
& .filter-hefe:before {
  background: radial-gradient(circle closest-corner,transparent 0,rgba(var(--design-text-rgb), 0.25) 100%);
  background: -webkit-radial-gradient(circle closest-corner,transparent 0,rgba(var(--design-text-rgb), 0.25) 100%);
}
& .filter-helena:before {
  background-color: rgba(var(--design-warning-rgb), 0.25);
}
& .filter-hudson:before {
  background: radial-gradient(circle closest-corner,transparent 25%,rgba(var(--design-primary-active-rgb), 0.25) 100%);
  background: -webkit-radial-gradient(circle closest-corner,transparent 25%,rgba(var(--design-primary-active-rgb), 0.25) 100%);
}
& .filter-juno:before {
  background-color: rgba(var(--design-info-border-rgb), 0.2);
}
& .filter-kelvin:before {
  background: radial-gradient(circle closest-corner,rgba(var(--design-warning-rgb), 0.25) 0,rgba(var(--design-warning-rgb), 0.5) 100%);
  background: -webkit-radial-gradient(circle closest-corner,rgba(var(--design-warning-rgb), 0.25) 0,rgba(var(--design-warning-rgb), 0.5) 100%);
}
& .filter-ludwig:before {
  background-color: rgba(var(--design-warning-rgb), 0.1);
}
& .filter-maven:before {
  background-color: rgba(var(--design-warning-rgb), 0.25);
}
& .filter-mayfair:before {
  background: radial-gradient(circle closest-corner,transparent 0,rgba(var(--design-warning-rgb), 0.4) 100%);
  background: -webkit-radial-gradient(circle closest-corner,transparent 0,rgba(var(--design-warning-rgb), 0.4) 100%);
}
& .filter-nashville:before {
  background: radial-gradient(circle closest-corner,rgba(var(--design-warning-rgb), 0.5) 0,rgba(var(--design-warning-rgb), 0.65) 100%);
  background: -webkit-radial-gradient(circle closest-corner,rgba(var(--design-warning-rgb), 0.5) 0,rgba(var(--design-warning-rgb), 0.65) 100%);
}
& .filter-perpetua:before {
  background: linear-gradient(180deg,rgba(var(--design-primary-active-rgb), 0.25),rgba(var(--design-warning-rgb), 0.25));
  background: -webkit-linear-gradient(top,rgba(var(--design-primary-active-rgb), 0.25),rgba(var(--design-warning-rgb), 0.25));
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(var(--design-primary-active-rgb), 0.25)),to(rgba(var(--design-warning-rgb), 0.25)));
}
& .filter-poprocket:before {
  background: radial-gradient(circle closest-corner,rgba(var(--design-danger-rgb), 0.75) 40%,var(--design-text) 80%);
  background: -webkit-radial-gradient(circle closest-corner,rgba(var(--design-danger-rgb), 0.75) 40%,var(--design-text) 80%);
}
& .filter-rise:before {
  background: radial-gradient(circle closest-corner,transparent 0,rgba(var(--design-warning-rgb), 0.25) 100%);
  background: -webkit-radial-gradient(circle closest-corner,transparent 0,rgba(var(--design-warning-rgb), 0.25) 100%);
}
& .filter-sierra:before {
  background: radial-gradient(circle closest-corner,rgba(var(--design-warning-rgb), 0.5) 0,rgba(var(--design-text-rgb), 0.65) 100%);
  background: -webkit-radial-gradient(circle closest-corner,rgba(var(--design-warning-rgb), 0.5) 0,rgba(var(--design-text-rgb), 0.65) 100%);
}
& .filter-slumber:before {
  background-color: rgba(var(--design-warning-rgb), 0.2);
}
& .filter-stinson:before {
  background-color: rgba(var(--design-warning-rgb), 0.45);
}
& .filter-sutro:before {
  background: radial-gradient(circle closest-corner,transparent 50%,rgba(var(--design-text-rgb), 0.5) 90%);
  background: -webkit-radial-gradient(circle closest-corner,transparent 50%,rgba(var(--design-text-rgb), 0.5) 90%);
}
& .filter-toaster:before {
  background: radial-gradient(circle,var(--design-warning),rgba(var(--design-text-rgb), 0.25));
  background: -webkit-radial-gradient(circle,var(--design-warning),rgba(var(--design-text-rgb), 0.25));
}
& .filter-valencia:before {
  background-color: rgba(var(--design-warning-rgb), 0.1);
}
& .filter-vesper:before {
  background-color: rgba(var(--design-warning-rgb), 0.25);
}
& .filter-walden:before {
  background-color: rgba(var(--design-warning-rgb), 0.5);
}
& .filter-xpro-ii:before {
  background: radial-gradient(circle closest-corner,rgba(var(--design-primary-active-rgb), 0.35) 0,rgba(var(--design-text-rgb), 0.65) 100%);
  background: -webkit-radial-gradient(circle closest-corner,rgba(var(--design-primary-active-rgb), 0.35) 0,rgba(var(--design-text-rgb), 0.65) 100%);
}
& span.twitter-typeahead .tt-suggestion.tt-cursor {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& span.twitter-typeahead .tt-suggestion:active {
  background-color: var(--design-surface-active);
  color: var(--design-text);
}
& .notification-page .list-group-item {
  background-color: transparent;
  background-image: none;
}
& .switch input+label:before {
  background-color: var(--design-surface-active);
}
& .switch input+label:after {
  background-color: var(--design-surface-2);
}
& .switch input:checked+label:before {
  background-color: var(--design-danger);
}
& .switch input:focus+label:before {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .switch input:disabled+label {
  color: var(--design-text-muted);
}
& .switch input:disabled+label:before {
  background-color: var(--design-surface-3);
}
& .bg-moment-passion {
  background-color: var(--design-danger);
  background: linear-gradient(270deg,var(--design-danger),var(--design-danger));
}
& .bg-moment-azure {
  background-color: var(--design-info-border);
  background: linear-gradient(270deg,var(--design-info-border),var(--design-info-border),var(--design-info-border));
}
& .bg-moment-reef {
  background-color: var(--design-info);
  background: linear-gradient(90deg,var(--design-primary),var(--design-info));
}
& .bg-moment-lush {
  background-color: var(--design-success);
  background: linear-gradient(270deg,var(--design-success),var(--design-success));
}
& .bg-moment-neon {
  background-color: var(--design-success-border);
  background: linear-gradient(90deg,var(--design-info),var(--design-success-border));
}
& .bg-moment-flare {
  background-color: var(--design-danger);
  background: linear-gradient(270deg,var(--design-warning),var(--design-danger));
}
& .bg-moment-morning {
  background-color: var(--design-danger);
  background: linear-gradient(270deg,var(--design-warning-border),var(--design-danger));
}
& .bg-moment-tranquil {
  background-color: var(--design-warning-border);
  background: linear-gradient(90deg,var(--design-danger),var(--design-warning-border));
}
& .bg-moment-mauve {
  background-color: var(--design-info);
  background: linear-gradient(270deg,var(--design-text-muted),var(--design-info));
}
& .bg-moment-argon {
  background-color: var(--design-text);
  background: linear-gradient(270deg,var(--design-info-subtle),var(--design-info),var(--design-info),var(--design-text));
}
& .bg-moment-royal {
  background-color: var(--design-primary-active);
  background: linear-gradient(270deg,var(--design-primary-active),var(--design-primary-active));
}
& .ph-item {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
}
& .ph-item:before {
  background: linear-gradient(90deg,rgba(var(--design-surface-2-rgb), 0) 46%,rgba(var(--design-surface-2-rgb), 0.35) 50%,rgba(var(--design-surface-2-rgb), 0) 54%) 50% 50%;
}
& .ph-row div {
  background-color: var(--design-border-strong);
}
& .ph-row .empty {
  background-color: rgba(var(--design-surface-2-rgb), 0);
}
& .ph-avatar,
& .ph-picture {
  background-color: var(--design-border-strong);
}
}
:where(html:has(> head > link[href*="/css/spa.css"])) {
& .bg-g-amin {
  background-color: var(--design-info);
  background: linear-gradient(270deg,var(--design-primary-active),var(--design-info));
}
& .badge-primary,
& .btn-primary {
  background-color: var(--primary);
}
& .btn-primary {
  color: var(--design-on-primary) !important;
}
& .btn-light {
  background-color: var(--light-gray);
}
& .dropdown-menu,
& .form-control,
& .card,
& .card-footer,
& .card-header,
& .list-group-item,
& .modal-content,
& .ph-item,
& .popover {
  background-color: var(--card-bg);
}
& .badge-light,
& .breadcrumb,
& .ph-avatar,
& .ph-picture {
  background-color: var(--light-gray);
}
& .tribute-container li.highlight {
  background-color: rgba(var(--design-primary-active-rgb), 0.25);
}
& .tribute-container li:hover {
  background-color: rgba(var(--design-primary-hover-rgb), 0.25);
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
& .ni.circle,
& .ni.square {
  background-color: var(--design-surface-3);
}
& .icon {
  color: var(--design-text);
}
& .icon use {
  fill: var(--design-link);
}
& .icon.icon-outline use {
  stroke: var(--design-link);
}
& {
  -webkit-tap-highlight-color: rgba(var(--design-text-rgb), 0);
}
& body {
  background-color: var(--design-surface-1);
  color: var(--design-text);
}
& a {
  background-color: transparent;
  color: var(--design-link);
}
& a:hover {
  color: var(--design-link);
}
& a:not([href]) {
  color: inherit;
}
& caption {
  color: var(--design-text-muted);
}
& legend {
  color: inherit;
}
& .h1,
& .h2,
& .h3,
& .h4,
& .h5,
& .h6,
& h1,
& h2,
& h3,
& h4,
& h5,
& h6 {
  color: var(--design-link);
}
& hr {
  border-top-color: rgba(var(--design-border-strong-rgb), 0.1);
}
& .mark,
& mark {
  background-color: var(--design-warning-subtle);
}
& .blockquote-footer,
& .figure-caption {
  color: var(--design-text-muted);
}
& .img-thumbnail {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  box-shadow: var(--design-shadow-1);
}
& code {
  color: var(--design-danger);
}
& kbd {
  background-color: var(--design-text);
  box-shadow: inset 0 -.1rem 0 var(--design-border);
  color: var(--design-surface-1);
}
& pre {
  color: var(--design-text);
}
& .table {
  background-color: transparent;
  color: var(--design-text-muted);
}
& .table td,
& .table th,
& .table tbody+tbody {
  border-top-color: var(--design-border);
}
& .table thead th {
  border-bottom-color: var(--design-border);
}
& .table-bordered,
& .table-bordered td,
& .table-bordered th {
  border-color: var(--design-border);
}
& .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(var(--design-surface-3-rgb), 0.3);
}
& .table-hover tbody tr:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text-muted);
}
& .table-primary,
& .table-primary>td,
& .table-primary>th,
& .table-hover .table-primary:hover,
& .table-hover .table-primary:hover>td,
& .table-hover .table-primary:hover>th {
  background-color: var(--design-info-border);
}
& .table-primary tbody+tbody,
& .table-primary td,
& .table-primary th,
& .table-primary thead th {
  border-color: var(--design-info-border);
}
& .table-secondary,
& .table-secondary>td,
& .table-secondary>th {
  background-color: var(--design-surface-2);
}
& .table-secondary tbody+tbody,
& .table-secondary td,
& .table-secondary th,
& .table-secondary thead th {
  border-color: var(--design-surface-2);
}
& .table-hover .table-secondary:hover,
& .table-hover .table-secondary:hover>td,
& .table-hover .table-secondary:hover>th {
  background-color: var(--design-info-subtle);
}
& .table-success,
& .table-success>td,
& .table-success>th,
& .table-hover .table-success:hover,
& .table-hover .table-success:hover>td,
& .table-hover .table-success:hover>th {
  background-color: var(--design-success-border);
}
& .table-success tbody+tbody,
& .table-success td,
& .table-success th,
& .table-success thead th {
  border-color: var(--design-success-border);
}
& .table-info,
& .table-info>td,
& .table-info>th,
& .table-hover .table-info:hover,
& .table-hover .table-info:hover>td,
& .table-hover .table-info:hover>th {
  background-color: var(--design-info-border);
}
& .table-info tbody+tbody,
& .table-info td,
& .table-info th,
& .table-info thead th {
  border-color: var(--design-info-border);
}
& .table-warning,
& .table-warning>td,
& .table-warning>th,
& .table-hover .table-warning:hover,
& .table-hover .table-warning:hover>td,
& .table-hover .table-warning:hover>th,
& .table-danger,
& .table-danger>td,
& .table-danger>th,
& .table-hover .table-danger:hover,
& .table-hover .table-danger:hover>td,
& .table-hover .table-danger:hover>th {
  background-color: var(--design-danger-border);
}
& .table-warning tbody+tbody,
& .table-warning td,
& .table-warning th,
& .table-warning thead th,
& .table-danger tbody+tbody,
& .table-danger td,
& .table-danger th,
& .table-danger thead th {
  border-color: var(--design-danger-border);
}
& .table-light,
& .table-light>td,
& .table-light>th {
  background-color: var(--design-surface-active);
}
& .table-light tbody+tbody,
& .table-light td,
& .table-light th,
& .table-light thead th {
  border-color: var(--design-border);
}
& .table-hover .table-light:hover,
& .table-hover .table-light:hover>td,
& .table-hover .table-light:hover>th {
  background-color: var(--design-surface-hover);
}
& .table-dark,
& .table-dark>td,
& .table-dark>th,
& .table-hover .table-dark:hover,
& .table-hover .table-dark:hover>td,
& .table-hover .table-dark:hover>th,
& .table-default,
& .table-default>td,
& .table-default>th,
& .table-hover .table-default:hover,
& .table-hover .table-default:hover>td,
& .table-hover .table-default:hover>th {
  background-color: var(--design-border-strong);
}
& .table-dark tbody+tbody,
& .table-dark td,
& .table-dark th,
& .table-dark thead th,
& .table-default tbody+tbody,
& .table-default td,
& .table-default th,
& .table-default thead th {
  border-color: var(--design-border-strong);
}
& .table-white,
& .table-white>td,
& .table-white>th {
  background-color: var(--design-surface-2);
}
& .table-white tbody+tbody,
& .table-white td,
& .table-white th,
& .table-white thead th,
& .table-neutral tbody+tbody,
& .table-neutral td,
& .table-neutral th,
& .table-neutral thead th {
  border-color: var(--design-surface-2);
}
& .table-hover .table-white:hover,
& .table-hover .table-white:hover>td,
& .table-hover .table-white:hover>th {
  background-color: var(--design-surface-hover);
}
& .table-neutral,
& .table-neutral>td,
& .table-neutral>th {
  background-color: var(--design-surface-2);
}
& .table-hover .table-neutral:hover,
& .table-hover .table-neutral:hover>td,
& .table-hover .table-neutral:hover>th {
  background-color: var(--design-surface-hover);
}
& .table-darker,
& .table-darker>td,
& .table-darker>th,
& .table-hover .table-darker:hover,
& .table-hover .table-darker:hover>td,
& .table-hover .table-darker:hover>th {
  background-color: var(--design-border-strong);
}
& .table-darker tbody+tbody,
& .table-darker td,
& .table-darker th,
& .table-darker thead th {
  border-color: var(--design-border-strong);
}
& .table-active,
& .table-active>td,
& .table-active>th {
  background-color: var(--design-surface-3);
}
& .table-hover .table-active:hover,
& .table-hover .table-active:hover>td,
& .table-hover .table-active:hover>th {
  background-color: var(--design-info-border);
}
& .table .thead-dark th {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .table .thead-light th {
  border-color: var(--design-border);
}
& .table-dark {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .table-dark td,
& .table-dark th,
& .table-dark thead th {
  border-color: var(--design-link);
}
& .table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(var(--design-surface-2-rgb), 0.05);
}
& .table-dark.table-hover tbody tr:hover {
  background-color: rgba(var(--design-surface-2-rgb), 0.07);
  color: var(--design-on-primary);
}
& .form-control {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
  box-shadow: var(--design-shadow-1);
  color: var(--design-text-muted);
}
& .form-control:-moz-focusring {
  text-shadow: none;
}
& .form-control:focus {
  background-color: var(--design-surface-2);
  border-color: var(--design-primary);
  box-shadow: 0 3px 9px transparent, 3px 4px 8px rgba(var(--design-link-rgb), 0.1);
  color: var(--design-text-muted);
}
& .form-control::-moz-placeholder {
  color: var(--design-text-muted);
}
& .form-control::placeholder {
  color: var(--design-text-muted);
}
& .form-control:disabled,
& .form-control[readonly] {
  background-color: var(--design-surface-3);
}
& select.form-control:focus::-ms-value {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .form-control-plaintext {
  background-color: transparent;
  border-color: transparent;
  color: var(--design-text-muted);
}
& .form-check-input:disabled~.form-check-label,
& .form-check-input[disabled]~.form-check-label {
  color: var(--design-text-muted);
}
& .valid-feedback {
  color: var(--design-success);
}
& .valid-tooltip {
  background-color: rgba(var(--design-success-rgb), 0.8);
  color: var(--design-on-success);
}
& .custom-select.is-valid,
& .form-control.is-valid,
& .was-validated .custom-select:valid,
& .was-validated .form-control:valid,
& .custom-select.is-valid:focus,
& .form-control.is-valid:focus,
& .was-validated .custom-select:valid:focus,
& .was-validated .form-control:valid:focus {
  border-color: var(--design-success);
}
& .form-check-input.is-valid~.form-check-label,
& .was-validated .form-check-input:valid~.form-check-label,
& .custom-control-input.is-valid~.custom-control-label,
& .was-validated .custom-control-input:valid~.custom-control-label {
  color: var(--design-success);
}
& .custom-control-input.is-valid~.custom-control-label:before,
& .was-validated .custom-control-input:valid~.custom-control-label:before {
  background-color: var(--design-success-border);
  border-color: var(--design-success-border);
}
& .custom-control-input.is-valid:checked~.custom-control-label:before,
& .was-validated .custom-control-input:valid:checked~.custom-control-label:before {
  background-color: var(--design-success);
  border-color: var(--design-success);
}
& .custom-control-input.is-valid:focus~.custom-control-label:before,
& .was-validated .custom-control-input:valid:focus~.custom-control-label:before {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 0 rgba(var(--design-success-rgb), 0.25);
}
& .custom-file-input.is-valid~.custom-file-label,
& .was-validated .custom-file-input:valid~.custom-file-label {
  border-color: var(--design-success);
}
& .custom-file-input.is-valid~.custom-file-label:before,
& .was-validated .custom-file-input:valid~.custom-file-label:before {
  border-color: inherit;
}
& .custom-file-input.is-valid:focus~.custom-file-label,
& .was-validated .custom-file-input:valid:focus~.custom-file-label {
  box-shadow: 0 0 0 0 rgba(var(--design-success-rgb), 0.25);
}
& .invalid-feedback {
  color: var(--design-danger);
}
& .invalid-tooltip {
  background-color: rgba(var(--design-danger-rgb), 0.8);
  color: var(--design-on-danger);
}
& .custom-select.is-invalid,
& .form-control.is-invalid,
& .was-validated .custom-select:invalid,
& .was-validated .form-control:invalid,
& .custom-select.is-invalid:focus,
& .form-control.is-invalid:focus,
& .was-validated .custom-select:invalid:focus,
& .was-validated .form-control:invalid:focus {
  border-color: var(--design-danger);
}
& .form-check-input.is-invalid~.form-check-label,
& .was-validated .form-check-input:invalid~.form-check-label,
& .custom-control-input.is-invalid~.custom-control-label,
& .was-validated .custom-control-input:invalid~.custom-control-label {
  color: var(--design-danger);
}
& .custom-control-input.is-invalid~.custom-control-label:before,
& .was-validated .custom-control-input:invalid~.custom-control-label:before {
  background-color: var(--design-danger-border);
  border-color: var(--design-danger-border);
}
& .custom-control-input.is-invalid:checked~.custom-control-label:before,
& .was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
}
& .custom-control-input.is-invalid:focus~.custom-control-label:before,
& .was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 0 rgba(var(--design-danger-rgb), 0.25);
}
& .custom-file-input.is-invalid~.custom-file-label,
& .was-validated .custom-file-input:invalid~.custom-file-label {
  border-color: var(--design-danger);
}
& .custom-file-input.is-invalid~.custom-file-label:before,
& .was-validated .custom-file-input:invalid~.custom-file-label:before {
  border-color: inherit;
}
& .custom-file-input.is-invalid:focus~.custom-file-label,
& .was-validated .custom-file-input:invalid:focus~.custom-file-label {
  box-shadow: 0 0 0 0 rgba(var(--design-danger-rgb), 0.25);
}
& .btn {
  background-color: transparent;
  border-color: transparent;
  color: var(--design-text-muted);
}
& .btn:hover {
  color: var(--design-text-muted);
}
& .btn.focus,
& .btn:focus {
  box-shadow: 0 7px 14px rgba(var(--design-link-rgb), 0.1), var(--design-shadow-2);
}
& .btn.disabled,
& .btn:disabled {
  box-shadow: none;
}
& .btn:not(:disabled):not(.disabled).active:focus,
& .btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 7px 14px rgba(var(--design-link-rgb), 0.1), var(--design-shadow-2);
}
& .btn-primary {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-primary {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-primary:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-primary.focus,
& .btn-primary:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-link-rgb), 0.5), var(--design-shadow-1);
}
& .btn-primary.disabled,
& .btn-primary:disabled {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-primary:not(:disabled):not(.disabled).active,
& .btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--design-primary);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .show>.btn-primary.dropdown-toggle {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-primary:not(:disabled):not(.disabled).active:focus,
& .btn-primary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-link-rgb), 0.5);
}
& .btn-secondary {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-secondary {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-secondary:hover {
  background-color: var(--design-surface-hover);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-secondary.focus,
& .btn-secondary:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 var(--design-surface-2), var(--design-shadow-1);
}
& .btn-secondary.disabled,
& .btn-secondary:disabled {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-secondary:not(:disabled):not(.disabled).active,
& .btn-secondary:not(:disabled):not(.disabled):active,
& .show>.btn-secondary.dropdown-toggle {
  background-color: var(--design-info-border);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-secondary:not(:disabled):not(.disabled).active:focus,
& .btn-secondary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 var(--design-surface-2);
}
& .btn-success {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-success {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-success:hover {
  background-color: var(--design-success-hover);
  border-color: var(--design-success-hover);
  color: var(--design-on-success);
}
& .btn-success.focus,
& .btn-success:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-success-rgb), 0.5), var(--design-shadow-1);
}
& .btn-success.disabled,
& .btn-success:disabled {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-success:not(:disabled):not(.disabled).active,
& .btn-success:not(:disabled):not(.disabled):active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-on-success);
}
& .show>.btn-success.dropdown-toggle {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-success:not(:disabled):not(.disabled).active:focus,
& .btn-success:not(:disabled):not(.disabled):active:focus,
& .show>.btn-success.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-success-rgb), 0.5);
}
& .btn-info {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-info {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-info:hover {
  background-color: var(--design-info-hover);
  border-color: var(--design-info-hover);
  color: var(--design-on-info);
}
& .btn-info.focus,
& .btn-info:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-info-rgb), 0.5), var(--design-shadow-1);
}
& .btn-info.disabled,
& .btn-info:disabled {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-info:not(:disabled):not(.disabled).active,
& .btn-info:not(:disabled):not(.disabled):active {
  background-color: var(--design-info-active);
  border-color: var(--design-info-active);
  color: var(--design-on-info);
}
& .show>.btn-info.dropdown-toggle {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-info:not(:disabled):not(.disabled).active:focus,
& .btn-info:not(:disabled):not(.disabled):active:focus,
& .show>.btn-info.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-info-rgb), 0.5);
}
& .btn-warning {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-warning {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-warning:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-warning.focus,
& .btn-warning:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-danger-rgb), 0.5), var(--design-shadow-1);
}
& .btn-warning.disabled,
& .btn-warning:disabled {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-warning:not(:disabled):not(.disabled).active,
& .btn-warning:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-warning.dropdown-toggle,
& .btn-danger {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-warning:not(:disabled):not(.disabled).active:focus,
& .btn-warning:not(:disabled):not(.disabled):active:focus,
& .show>.btn-warning.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-danger-rgb), 0.5);
}
& .btn-danger {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-danger:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-danger.focus,
& .btn-danger:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-danger-rgb), 0.5), var(--design-shadow-1);
}
& .btn-danger.disabled,
& .btn-danger:disabled {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-danger:not(:disabled):not(.disabled).active,
& .btn-danger:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-danger.dropdown-toggle {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-danger:not(:disabled):not(.disabled).active:focus,
& .btn-danger:not(:disabled):not(.disabled):active:focus,
& .show>.btn-danger.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-danger-rgb), 0.5);
}
& .btn-light {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-light,
& .btn-light:hover,
& .btn-light.disabled,
& .btn-light:disabled,
& .btn-light:not(:disabled):not(.disabled).active,
& .btn-light:not(:disabled):not(.disabled):active,
& .show>.btn-light.dropdown-toggle {
  background-color: var(--design-border-strong);
  border-color: var(--design-border-strong);
  color: var(--design-on-primary);
}
& .btn-light.focus,
& .btn-light:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 var(--design-border), var(--design-shadow-1);
}
& .btn-light:not(:disabled):not(.disabled).active:focus,
& .btn-light:not(:disabled):not(.disabled):active:focus,
& .show>.btn-light.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 var(--design-border);
}
& .btn-dark {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-dark,
& .btn-dark:hover,
& .btn-dark.disabled,
& .btn-dark:disabled,
& .btn-dark:not(:disabled):not(.disabled).active,
& .btn-dark:not(:disabled):not(.disabled):active,
& .show>.btn-dark.dropdown-toggle {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-dark.focus,
& .btn-dark:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 var(--design-border), var(--design-shadow-1);
}
& .btn-dark:not(:disabled):not(.disabled).active:focus,
& .btn-dark:not(:disabled):not(.disabled):active:focus,
& .show>.btn-dark.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 var(--design-border);
}
& .btn-default {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-default {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-default:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-default.focus,
& .btn-default:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-link-rgb), 0.5), var(--design-shadow-1);
}
& .btn-default.disabled,
& .btn-default:disabled,
& .btn-default:not(:disabled):not(.disabled).active,
& .btn-default:not(:disabled):not(.disabled):active,
& .show>.btn-default.dropdown-toggle {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-default:not(:disabled):not(.disabled).active:focus,
& .btn-default:not(:disabled):not(.disabled):active:focus,
& .show>.btn-default.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-link-rgb), 0.5);
}
& .btn-white {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-white,
& .btn-white:hover,
& .btn-white.disabled,
& .btn-white:disabled {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .btn-white.focus,
& .btn-white:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 var(--design-surface-2), var(--design-shadow-1);
}
& .btn-white:not(:disabled):not(.disabled).active,
& .btn-white:not(:disabled):not(.disabled):active,
& .show>.btn-white.dropdown-toggle {
  background-color: var(--design-surface-active);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .btn-white:not(:disabled):not(.disabled).active:focus,
& .btn-white:not(:disabled):not(.disabled):active:focus,
& .show>.btn-white.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 var(--design-surface-2);
}
& .btn-neutral {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-neutral,
& .btn-neutral:hover,
& .btn-neutral.disabled,
& .btn-neutral:disabled {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .btn-neutral.focus,
& .btn-neutral:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 var(--design-surface-2), var(--design-shadow-1);
}
& .btn-neutral:not(:disabled):not(.disabled).active,
& .btn-neutral:not(:disabled):not(.disabled):active,
& .show>.btn-neutral.dropdown-toggle {
  background-color: var(--design-surface-active);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .btn-neutral:not(:disabled):not(.disabled).active:focus,
& .btn-neutral:not(:disabled):not(.disabled):active:focus,
& .show>.btn-neutral.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 var(--design-surface-2);
}
& .btn-darker {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-darker,
& .btn-darker:hover,
& .btn-darker.disabled,
& .btn-darker:disabled,
& .btn-darker:not(:disabled):not(.disabled).active,
& .btn-darker:not(:disabled):not(.disabled):active,
& .show>.btn-darker.dropdown-toggle {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-darker.focus,
& .btn-darker:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 var(--design-border), var(--design-shadow-1);
}
& .btn-darker:not(:disabled):not(.disabled).active:focus,
& .btn-darker:not(:disabled):not(.disabled):active:focus,
& .show>.btn-darker.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 var(--design-border);
}
& .btn-outline-primary {
  background-color: transparent;
  border-color: var(--design-primary);
  color: var(--design-link);
}
& .btn-outline-primary:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-outline-primary.focus,
& .btn-outline-primary:focus,
& .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
& .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(var(--design-link-rgb), 0.5);
}
& .btn-outline-primary.disabled,
& .btn-outline-primary:disabled {
  background-color: transparent;
  color: var(--design-link);
}
& .btn-outline-primary:not(:disabled):not(.disabled).active,
& .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .show>.btn-outline-primary.dropdown-toggle {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-outline-secondary {
  background-color: transparent;
  border-color: var(--design-border);
  color: var(--design-on-primary);
}
& .btn-outline-secondary:hover {
  background-color: var(--design-surface-hover);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-outline-secondary.focus,
& .btn-outline-secondary:focus,
& .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
& .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 var(--design-surface-2);
}
& .btn-outline-secondary.disabled,
& .btn-outline-secondary:disabled {
  background-color: transparent;
  color: var(--design-on-primary);
}
& .btn-outline-secondary:not(:disabled):not(.disabled).active,
& .btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .show>.btn-outline-secondary.dropdown-toggle {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-outline-success {
  background-color: transparent;
  border-color: var(--design-success);
  color: var(--design-success);
}
& .btn-outline-success:hover {
  background-color: var(--design-success-hover);
  border-color: var(--design-success-hover);
  color: var(--design-on-success);
}
& .btn-outline-success.focus,
& .btn-outline-success:focus,
& .btn-outline-success:not(:disabled):not(.disabled).active:focus,
& .btn-outline-success:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(var(--design-success-rgb), 0.5);
}
& .btn-outline-success.disabled,
& .btn-outline-success:disabled {
  background-color: transparent;
  color: var(--design-success);
}
& .btn-outline-success:not(:disabled):not(.disabled).active,
& .btn-outline-success:not(:disabled):not(.disabled):active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-on-success);
}
& .show>.btn-outline-success.dropdown-toggle {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-outline-info {
  background-color: transparent;
  border-color: var(--design-info);
  color: var(--design-info);
}
& .btn-outline-info:hover {
  background-color: var(--design-info-hover);
  border-color: var(--design-info-hover);
  color: var(--design-on-info);
}
& .btn-outline-info.focus,
& .btn-outline-info:focus,
& .btn-outline-info:not(:disabled):not(.disabled).active:focus,
& .btn-outline-info:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(var(--design-info-rgb), 0.5);
}
& .btn-outline-info.disabled,
& .btn-outline-info:disabled {
  background-color: transparent;
  color: var(--design-info);
}
& .btn-outline-info:not(:disabled):not(.disabled).active,
& .btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: var(--design-info-active);
  border-color: var(--design-info-active);
  color: var(--design-on-info);
}
& .show>.btn-outline-info.dropdown-toggle {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-outline-warning {
  background-color: transparent;
  border-color: var(--design-danger);
  color: var(--design-danger);
}
& .btn-outline-warning:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-outline-warning.focus,
& .btn-outline-warning:focus,
& .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
& .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-warning.dropdown-toggle:focus,
& .btn-outline-danger.focus,
& .btn-outline-danger:focus,
& .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
& .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(var(--design-danger-rgb), 0.5);
}
& .btn-outline-warning.disabled,
& .btn-outline-warning:disabled {
  background-color: transparent;
  color: var(--design-danger);
}
& .btn-outline-warning:not(:disabled):not(.disabled).active,
& .btn-outline-warning:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-outline-warning.dropdown-toggle {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-outline-danger {
  background-color: transparent;
  border-color: var(--design-danger);
  color: var(--design-danger);
}
& .btn-outline-danger:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-outline-danger.disabled,
& .btn-outline-danger:disabled {
  background-color: transparent;
  color: var(--design-danger);
}
& .btn-outline-danger:not(:disabled):not(.disabled).active,
& .btn-outline-danger:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-outline-danger.dropdown-toggle {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-outline-light {
  background-color: transparent;
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .btn-outline-light:hover {
  background-color: var(--design-border-strong);
  border-color: var(--design-border-strong);
  color: var(--design-on-primary);
}
& .btn-outline-light.focus,
& .btn-outline-light:focus,
& .btn-outline-light:not(:disabled):not(.disabled).active:focus,
& .btn-outline-light:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-light.dropdown-toggle:focus,
& .btn-outline-dark.focus,
& .btn-outline-dark:focus,
& .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
& .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 var(--design-border);
}
& .btn-outline-light.disabled,
& .btn-outline-light:disabled {
  background-color: transparent;
  color: var(--design-text-muted);
}
& .btn-outline-light:not(:disabled):not(.disabled).active,
& .btn-outline-light:not(:disabled):not(.disabled):active,
& .show>.btn-outline-light.dropdown-toggle {
  background-color: var(--design-border-strong);
  border-color: var(--design-border-strong);
  color: var(--design-on-primary);
}
& .btn-outline-dark {
  background-color: transparent;
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .btn-outline-dark:hover {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-outline-dark.disabled,
& .btn-outline-dark:disabled {
  background-color: transparent;
  color: var(--design-text);
}
& .btn-outline-dark:not(:disabled):not(.disabled).active,
& .btn-outline-dark:not(:disabled):not(.disabled):active,
& .show>.btn-outline-dark.dropdown-toggle {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-outline-default {
  background-color: transparent;
  border-color: var(--design-link);
  color: var(--design-link);
}
& .btn-outline-default:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-outline-default.focus,
& .btn-outline-default:focus,
& .btn-outline-default:not(:disabled):not(.disabled).active:focus,
& .btn-outline-default:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(var(--design-link-rgb), 0.5);
}
& .btn-outline-default.disabled,
& .btn-outline-default:disabled {
  background-color: transparent;
  color: var(--design-link);
}
& .btn-outline-default:not(:disabled):not(.disabled).active,
& .btn-outline-default:not(:disabled):not(.disabled):active,
& .show>.btn-outline-default.dropdown-toggle {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-outline-white {
  background-color: transparent;
  border-color: var(--design-surface-2);
  color: var(--design-on-primary);
}
& .btn-outline-white:hover {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .btn-outline-white.focus,
& .btn-outline-white:focus,
& .btn-outline-white:not(:disabled):not(.disabled).active:focus,
& .btn-outline-white:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-white.dropdown-toggle:focus,
& .btn-outline-neutral.focus,
& .btn-outline-neutral:focus,
& .btn-outline-neutral:not(:disabled):not(.disabled).active:focus,
& .btn-outline-neutral:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-neutral.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 var(--design-surface-2);
}
& .btn-outline-white.disabled,
& .btn-outline-white:disabled {
  background-color: transparent;
  color: var(--design-on-primary);
}
& .btn-outline-white:not(:disabled):not(.disabled).active,
& .btn-outline-white:not(:disabled):not(.disabled):active,
& .show>.btn-outline-white.dropdown-toggle {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .btn-outline-neutral {
  background-color: transparent;
  border-color: var(--design-surface-2);
  color: var(--design-on-primary);
}
& .btn-outline-neutral:hover {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .btn-outline-neutral.disabled,
& .btn-outline-neutral:disabled {
  background-color: transparent;
  color: var(--design-on-primary);
}
& .btn-outline-neutral:not(:disabled):not(.disabled).active,
& .btn-outline-neutral:not(:disabled):not(.disabled):active,
& .show>.btn-outline-neutral.dropdown-toggle {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .btn-outline-darker {
  background-color: transparent;
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .btn-outline-darker:hover {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-outline-darker.focus,
& .btn-outline-darker:focus,
& .btn-outline-darker:not(:disabled):not(.disabled).active:focus,
& .btn-outline-darker:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-darker.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 var(--design-border);
}
& .btn-outline-darker.disabled,
& .btn-outline-darker:disabled {
  background-color: transparent;
  color: var(--design-text);
}
& .btn-outline-darker:not(:disabled):not(.disabled).active,
& .btn-outline-darker:not(:disabled):not(.disabled):active,
& .show>.btn-outline-darker.dropdown-toggle {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-link,
& .btn-link:hover {
  color: var(--design-link);
}
& .btn-link.focus {
  box-shadow: none;
}
& .btn-link.disabled,
& .btn-link:disabled {
  color: var(--design-text-muted);
}
& .dropdown-menu {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.15);
  box-shadow: 0 50px 100px rgba(var(--design-link-rgb), 0.1), 0 15px 35px rgba(var(--design-link-rgb), 0.15), var(--design-shadow-3);
  color: var(--design-text-muted);
}
& .dropdown-divider {
  border-top-color: var(--design-border);
}
& .dropdown-item {
  background-color: transparent;
  color: var(--design-text);
}
& .dropdown-item:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& .dropdown-item:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}
& .dropdown-item.active,
& .dropdown-item:active {
  background-color: transparent;
  color: var(--design-text);
}
& .dropdown-item.disabled,
& .dropdown-item:disabled {
  background-color: transparent;
  color: var(--design-text-muted);
}
& .dropdown-header {
  color: var(--design-text-muted);
}
& .dropdown-item-text {
  color: var(--design-text);
}
& .btn-group.show .dropdown-toggle.btn-link {
  box-shadow: none;
}
& .input-group-text {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  box-shadow: var(--design-shadow-1);
  color: var(--design-on-primary);
}
& .custom-control-input:focus~.custom-control-label:before {
  box-shadow: 0 3px 9px transparent, 3px 4px 8px rgba(var(--design-link-rgb), 0.1), var(--design-shadow-1);
}
& .custom-control-input:focus:not(:checked)~.custom-control-label:before {
  border-color: var(--design-primary-active);
}
& .custom-control-input:not(:disabled):active~.custom-control-label:before {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  box-shadow: var(--design-shadow-1);
  color: var(--design-on-primary);
}
& .custom-control-input:disabled~.custom-control-label,
& .custom-control-input[disabled]~.custom-control-label {
  color: var(--design-text-muted);
}
& .custom-control-input:disabled~.custom-control-label:before,
& .custom-control-input[disabled]~.custom-control-label:before {
  background-color: var(--design-surface-3);
}
& .custom-control-label:before {
  background-color: var(--design-surface-2);
  box-shadow: var(--design-shadow-1);
}
& .custom-control-label:after {
  background: no-repeat 50%/50% 50%;
}
& .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  box-shadow: none;
}
& .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,
& .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before,
& .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: rgba(var(--design-info-border-rgb), 0.5);
}
& .custom-switch .custom-control-label:after {
  background-color: var(--design-surface-active);
}
& .custom-switch .custom-control-input:checked~.custom-control-label:after {
  background-color: var(--design-surface-2);
}
& .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: rgba(var(--design-info-border-rgb), 0.5);
}
& .custom-select {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
  box-shadow: inset 0 1px 2px rgba(var(--design-text-rgb), 0.07);
  color: var(--design-text-muted);
}
& .custom-select:focus {
  border-color: var(--design-primary);
  box-shadow: inset 0 1px 2px rgba(var(--design-text-rgb), 0.07), 0 0 0 0 var(--design-link);
}
& .custom-select:focus::-ms-value {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .custom-select:disabled {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .custom-select:-moz-focusring {
  color: transparent;
  text-shadow: none;
}
& .custom-file-input:focus~.custom-file-label {
  border-color: var(--design-primary);
  box-shadow: 0 3px 9px transparent, 3px 4px 8px rgba(var(--design-link-rgb), 0.1);
}
& .custom-file-input:disabled~.custom-file-label,
& .custom-file-input[disabled]~.custom-file-label {
  background-color: var(--design-surface-3);
}
& .custom-file-label {
  border-color: var(--design-border-strong);
  box-shadow: var(--design-shadow-1);
}
& .custom-file-label,
& .custom-file-label:after {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .custom-range {
  background-color: transparent;
}
& .custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 3px 9px transparent, 3px 4px 8px rgba(var(--design-link-rgb), 0.1);
}
& .custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 3px 9px transparent, 3px 4px 8px rgba(var(--design-link-rgb), 0.1);
}
& .custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 3px 9px transparent, 3px 4px 8px rgba(var(--design-link-rgb), 0.1);
}
& .custom-range::-webkit-slider-thumb {
  background-color: var(--design-primary);
  box-shadow: var(--design-shadow-1);
}
& .custom-range::-webkit-slider-thumb:active {
  background-color: var(--design-surface-active);
}
& .custom-range::-webkit-slider-runnable-track {
  background-color: var(--design-surface-active);
  box-shadow: inset 0 .25rem .25rem rgba(var(--design-text-rgb), 0.1);
}
& .custom-range::-moz-range-thumb {
  background-color: var(--design-primary);
  box-shadow: var(--design-shadow-1);
}
& .custom-range::-moz-range-thumb:active {
  background-color: var(--design-surface-active);
}
& .custom-range::-moz-range-track {
  background-color: var(--design-surface-active);
  box-shadow: inset 0 .25rem .25rem rgba(var(--design-text-rgb), 0.1);
}
& .custom-range::-ms-thumb {
  background-color: var(--design-primary);
  box-shadow: var(--design-shadow-1);
}
& .custom-range::-ms-thumb:active {
  background-color: var(--design-surface-active);
}
& .custom-range::-ms-track {
  background-color: transparent;
  box-shadow: inset 0 .25rem .25rem rgba(var(--design-text-rgb), 0.1);
}
& .custom-range::-ms-fill-lower {
  background-color: var(--design-surface-active);
}
& .custom-range::-ms-fill-upper {
  background-color: var(--design-surface-active);
}
& .custom-range:disabled::-webkit-slider-thumb {
  background-color: var(--design-border-strong);
}
& .custom-range:disabled::-moz-range-thumb {
  background-color: var(--design-border-strong);
}
& .custom-range:disabled::-ms-thumb {
  background-color: var(--design-border-strong);
}
& .nav-link.disabled {
  color: var(--design-text-muted);
}
& .nav-tabs {
  border-bottom-color: var(--design-border);
}
& .nav-tabs .nav-link:focus,
& .nav-tabs .nav-link:hover {
  border-color: var(--design-border) var(--design-border) var(--design-border);
}
& .nav-tabs .nav-link.disabled {
  border-color: transparent;
  color: var(--design-text-muted);
}
& .nav-tabs .nav-item.show .nav-link {
  background-color: var(--design-surface-3);
  border-color: var(--design-border) var(--design-border) var(--design-border);
  color: var(--design-text-muted);
}
& .nav-tabs .nav-link.active {
  background-color: var(--design-surface-active);
  border-color: var(--design-border) var(--design-border) var(--design-border);
  color: var(--design-text-muted);
}
& .navbar-toggler {
  background-color: transparent;
  border-color: transparent;
}
& .navbar-toggler-icon {
  background: no-repeat 50%;
}
& .navbar-light .navbar-brand,
& .navbar-light .navbar-brand:focus,
& .navbar-light .navbar-brand:hover {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-light .navbar-nav .nav-link {
  color: rgba(var(--design-text-rgb), 0.6);
}
& .navbar-light .navbar-nav .nav-link:focus,
& .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(var(--design-text-rgb), 0.7);
}
& .navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(var(--design-text-rgb), 0.3);
}
& .navbar-light .navbar-nav .active>.nav-link,
& .navbar-light .navbar-nav .nav-link.active,
& .navbar-light .navbar-nav .nav-link.show,
& .navbar-light .navbar-nav .show>.nav-link {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-light .navbar-toggler,
& .navbar-light .navbar-text {
  color: rgba(var(--design-text-rgb), 0.6);
}
& .navbar-light .navbar-text a,
& .navbar-light .navbar-text a:focus,
& .navbar-light .navbar-text a:hover {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-dark .navbar-brand,
& .navbar-dark .navbar-brand:focus,
& .navbar-dark .navbar-brand:hover,
& .navbar-dark .navbar-nav .nav-link,
& .navbar-dark .navbar-nav .nav-link:focus,
& .navbar-dark .navbar-nav .nav-link:hover,
& .navbar-dark .navbar-nav .nav-link.disabled,
& .navbar-dark .navbar-nav .active>.nav-link,
& .navbar-dark .navbar-nav .nav-link.active,
& .navbar-dark .navbar-nav .nav-link.show,
& .navbar-dark .navbar-nav .show>.nav-link,
& .navbar-dark .navbar-toggler,
& .navbar-dark .navbar-text,
& .navbar-dark .navbar-text a,
& .navbar-dark .navbar-text a:focus,
& .navbar-dark .navbar-text a:hover {
  color: var(--design-on-frame);
}
& .card {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.05);
}
& .card-header {
  background-color: var(--design-surface-2);
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.05);
}
& .card-footer {
  background-color: var(--design-surface-2);
  border-top-color: rgba(var(--design-border-strong-rgb), 0.05);
}
& .breadcrumb {
  background-color: var(--design-surface-3);
}
& .breadcrumb-item+.breadcrumb-item:before,
& .breadcrumb-item.active {
  color: var(--design-text-muted);
}
& .page-link {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}
& .page-link:hover {
  background-color: var(--design-surface-hover);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}
& .page-item.active .page-link {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .page-item.disabled .page-link {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}
& .badge-primary {
  background-color: var(--design-info-subtle);
  color: var(--design-info);
}
& .badge-primary[href]:focus,
& .badge-primary[href]:hover {
  background-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .badge-secondary {
  background-color: var(--design-surface-2);
  color: var(--design-link);
}
& .badge-secondary[href]:focus,
& .badge-secondary[href]:hover {
  background-color: var(--design-info-border);
  color: var(--design-text);
}
& .badge-success {
  background-color: var(--design-success-border);
  color: var(--design-success);
}
& .badge-success[href]:focus {
  background-color: var(--design-success);
  color: var(--design-on-success);
}
& .badge-success[href]:hover {
  background-color: var(--design-success-hover);
  color: var(--design-on-success);
}
& .badge-info {
  background-color: var(--design-info-border);
  color: var(--design-info);
}
& .badge-info[href]:focus {
  background-color: var(--design-info);
  color: var(--design-on-info);
}
& .badge-info[href]:hover {
  background-color: var(--design-info-hover);
  color: var(--design-on-info);
}
& .badge-warning {
  background-color: var(--design-danger-subtle);
  color: var(--design-danger);
}
& .badge-warning[href]:focus {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .badge-warning[href]:hover {
  background-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .badge-danger {
  background-color: var(--design-danger-subtle);
  color: var(--design-danger);
}
& .badge-danger[href]:focus {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .badge-danger[href]:hover {
  background-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .badge-light {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .badge-light[href]:focus,
& .badge-light[href]:hover {
  background-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .badge-dark {
  background-color: var(--design-text-muted);
  color: var(--design-text);
}
& .badge-dark[href]:focus,
& .badge-dark[href]:hover {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .badge-default {
  background-color: var(--design-primary-hover);
  color: var(--design-link);
}
& .badge-default[href]:focus,
& .badge-default[href]:hover {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .badge-white {
  background-color: var(--design-surface-2);
  color: var(--design-on-primary);
}
& .badge-white[href]:focus {
  background-color: var(--design-surface-active);
  color: var(--design-text);
}
& .badge-white[href]:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}
& .badge-neutral {
  background-color: var(--design-surface-2);
  color: var(--design-on-primary);
}
& .badge-neutral[href]:focus {
  background-color: var(--design-surface-active);
  color: var(--design-text);
}
& .badge-neutral[href]:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}
& .badge-darker {
  background-color: var(--design-text-muted);
  color: var(--design-text);
}
& .badge-darker[href]:focus,
& .badge-darker[href]:hover {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .jumbotron {
  background-color: var(--design-surface-3);
}
& .alert {
  border-color: transparent;
}
& .alert-heading {
  color: inherit;
}
& .alert-primary {
  background-color: var(--design-info-border);
  border-color: var(--design-link);
  color: var(--design-on-primary);
}
& .alert-primary a {
  color: var(--design-link);
}
& .alert-primary a:hover {
  color: var(--design-on-primary);
}
& .alert-primary hr {
  border-top-color: var(--design-link);
}
& .alert-primary .alert-link {
  color: var(--design-link);
}
& .alert-secondary {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .alert-secondary a {
  color: var(--design-info);
}
& .alert-secondary a:hover {
  color: var(--design-text);
}
& .alert-secondary hr {
  border-top-color: var(--design-info-border);
}
& .alert-secondary .alert-link {
  color: var(--design-link);
}
& .alert-success {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .alert-success a {
  color: var(--design-success);
}
& .alert-success a:hover {
  color: var(--design-on-primary);
}
& .alert-success hr {
  border-top-color: var(--design-success);
}
& .alert-success .alert-link {
  color: var(--design-success);
}
& .alert-info {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .alert-info a {
  color: var(--design-info);
}
& .alert-info a:hover {
  color: var(--design-on-primary);
}
& .alert-info hr {
  border-top-color: var(--design-info);
}
& .alert-info .alert-link {
  color: var(--design-info);
}
& .alert-warning {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .alert-warning a {
  color: var(--design-danger);
}
& .alert-warning a:hover {
  color: var(--design-on-primary);
}
& .alert-warning hr {
  border-top-color: var(--design-danger);
}
& .alert-warning .alert-link {
  color: var(--design-danger);
}
& .alert-danger {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .alert-danger a {
  color: var(--design-danger);
}
& .alert-danger a:hover {
  color: var(--design-on-primary);
}
& .alert-danger hr {
  border-top-color: var(--design-danger);
}
& .alert-danger .alert-link {
  color: var(--design-danger);
}
& .alert-light {
  background-color: var(--design-border-strong);
  border-color: var(--design-border-strong);
  color: var(--design-on-primary);
}
& .alert-light a {
  color: var(--design-text-muted);
}
& .alert-light a:hover {
  color: var(--design-on-primary);
}
& .alert-light hr {
  border-top-color: var(--design-border-strong);
}
& .alert-light .alert-link {
  color: var(--design-text-muted);
}
& .alert-dark {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .alert-dark a {
  color: var(--design-text);
}
& .alert-dark a:hover {
  color: var(--design-on-primary);
}
& .alert-dark hr {
  border-top-color: var(--design-border-strong);
}
& .alert-dark .alert-link {
  color: var(--design-text);
}
& .alert-default {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .alert-default a {
  color: var(--design-text);
}
& .alert-default a:hover {
  color: var(--design-on-primary);
}
& .alert-default hr {
  border-top-color: var(--design-link);
}
& .alert-default .alert-link {
  color: var(--design-link);
}
& .alert-white {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .alert-white a {
  color: var(--design-text-muted);
}
& .alert-white a:hover {
  color: var(--design-text);
}
& .alert-white hr {
  border-top-color: var(--design-border);
}
& .alert-white .alert-link {
  color: var(--design-on-primary);
}
& .alert-neutral {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .alert-neutral a {
  color: var(--design-text-muted);
}
& .alert-neutral a:hover {
  color: var(--design-text);
}
& .alert-neutral hr {
  border-top-color: var(--design-border);
}
& .alert-neutral .alert-link {
  color: var(--design-on-primary);
}
& .alert-darker {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .alert-darker a {
  color: var(--design-text);
}
& .alert-darker a:hover {
  color: var(--design-on-primary);
}
& .alert-darker hr {
  border-top-color: var(--design-border-strong);
}
& .alert-darker .alert-link {
  color: var(--design-text);
}
& .progress {
  box-shadow: inset 0 .1rem .1rem rgba(var(--design-text-rgb), 0.1);
}
& .progress-bar {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(var(--design-surface-2-rgb), 0.15) 25%,transparent 0,transparent 50%,rgba(var(--design-surface-2-rgb), 0.15) 0,rgba(var(--design-surface-2-rgb), 0.15) 75%,transparent 0,transparent);
}
& .list-group-item-action {
  color: var(--design-text-muted);
}
& .list-group-item-action:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .list-group-item-action:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text-muted);
}
& .list-group-item-action:active {
  background-color: var(--design-surface-active);
  color: var(--design-text-muted);
}
& .list-group-item {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
}
& .list-group-item.disabled,
& .list-group-item:disabled {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .list-group-item.active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .list-group-item-primary,
& .list-group-item-primary.list-group-item-action:focus,
& .list-group-item-primary.list-group-item-action:hover {
  background-color: var(--design-info-border);
  color: var(--design-link);
}
& .list-group-item-primary.list-group-item-action.active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .list-group-item-secondary {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .list-group-item-secondary.list-group-item-action:focus,
& .list-group-item-secondary.list-group-item-action:hover {
  background-color: var(--design-info-subtle);
  color: var(--design-text-muted);
}
& .list-group-item-secondary.list-group-item-action.active {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .list-group-item-success,
& .list-group-item-success.list-group-item-action:focus,
& .list-group-item-success.list-group-item-action:hover {
  background-color: var(--design-success-border);
  color: var(--design-success);
}
& .list-group-item-success.list-group-item-action.active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-on-success);
}
& .list-group-item-info,
& .list-group-item-info.list-group-item-action:focus,
& .list-group-item-info.list-group-item-action:hover {
  background-color: var(--design-info-border);
  color: var(--design-info);
}
& .list-group-item-info.list-group-item-action.active {
  background-color: var(--design-info-active);
  border-color: var(--design-info-active);
  color: var(--design-on-info);
}
& .list-group-item-warning,
& .list-group-item-warning.list-group-item-action:focus,
& .list-group-item-warning.list-group-item-action:hover {
  background-color: var(--design-danger-border);
  color: var(--design-danger);
}
& .list-group-item-warning.list-group-item-action.active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .list-group-item-danger,
& .list-group-item-danger.list-group-item-action:focus,
& .list-group-item-danger.list-group-item-action:hover {
  background-color: var(--design-danger-border);
  color: var(--design-danger);
}
& .list-group-item-danger.list-group-item-action.active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .list-group-item-light,
& .list-group-item-light.list-group-item-action:focus {
  background-color: var(--design-surface-active);
  color: var(--design-text-muted);
}
& .list-group-item-light.list-group-item-action:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text-muted);
}
& .list-group-item-light.list-group-item-action.active {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .list-group-item-dark,
& .list-group-item-dark.list-group-item-action:focus,
& .list-group-item-dark.list-group-item-action:hover {
  background-color: var(--design-border-strong);
  color: var(--design-text);
}
& .list-group-item-dark.list-group-item-action.active {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .list-group-item-default,
& .list-group-item-default.list-group-item-action:focus,
& .list-group-item-default.list-group-item-action:hover {
  background-color: var(--design-border-strong);
  color: var(--design-link);
}
& .list-group-item-default.list-group-item-action.active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .list-group-item-white {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .list-group-item-white.list-group-item-action:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .list-group-item-white.list-group-item-action:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text-muted);
}
& .list-group-item-white.list-group-item-action.active {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .list-group-item-neutral {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .list-group-item-neutral.list-group-item-action:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .list-group-item-neutral.list-group-item-action:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text-muted);
}
& .list-group-item-neutral.list-group-item-action.active {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .list-group-item-darker,
& .list-group-item-darker.list-group-item-action:focus,
& .list-group-item-darker.list-group-item-action:hover {
  background-color: var(--design-border-strong);
  color: var(--design-text);
}
& .list-group-item-darker.list-group-item-action.active {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .close,
& .close:hover {
  color: rgba(var(--design-text-rgb), 0.6);
}
& .modal-content {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.2);
  box-shadow: 0 15px 35px rgba(var(--design-link-rgb), 0.2), var(--design-shadow-3);
}
& .modal-backdrop {
  background-color: rgba(var(--design-surface-3-rgb), 0.8);
}
& .modal-header {
  border-bottom-color: var(--design-border);
}
& .modal-footer {
  border-top-color: var(--design-border);
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (min-width:576px) {
& .modal-content {
  box-shadow: 0 15px 35px rgba(var(--design-link-rgb), 0.2), var(--design-shadow-3);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
& .bs-tooltip-auto[x-placement^=top] .arrow:before,
& .bs-tooltip-top .arrow:before {
  border-top-color: var(--design-border-strong);
}
& .bs-tooltip-auto[x-placement^=right] .arrow:before,
& .bs-tooltip-right .arrow:before {
  border-right-color: var(--design-border-strong);
}
& .bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-border-strong);
}
& .bs-tooltip-auto[x-placement^=left] .arrow:before,
& .bs-tooltip-left .arrow:before {
  border-left-color: var(--design-border-strong);
}
& .tooltip-inner {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .popover {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.05);
  box-shadow: var(--design-shadow-1);
}
& .popover .arrow:after,
& .popover .arrow:before {
  border-color: transparent;
}
& .bs-popover-auto[x-placement^=top]>.arrow:before,
& .bs-popover-top>.arrow:before {
  border-top-color: transparent;
}
& .bs-popover-auto[x-placement^=top]>.arrow:after,
& .bs-popover-top>.arrow:after {
  border-top-color: var(--design-surface-2);
}
& .bs-popover-auto[x-placement^=right]>.arrow:before,
& .bs-popover-right>.arrow:before {
  border-right-color: transparent;
}
& .bs-popover-auto[x-placement^=right]>.arrow:after,
& .bs-popover-right>.arrow:after {
  border-right-color: var(--design-surface-2);
}
& .bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .bs-popover-bottom>.arrow:before {
  border-bottom-color: transparent;
}
& .bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .bs-popover-bottom>.arrow:after,
& .bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .bs-popover-bottom .popover-header:before {
  border-bottom-color: var(--design-surface-2);
}
& .bs-popover-auto[x-placement^=left]>.arrow:before,
& .bs-popover-left>.arrow:before {
  border-left-color: transparent;
}
& .bs-popover-auto[x-placement^=left]>.arrow:after,
& .bs-popover-left>.arrow:after {
  border-left-color: var(--design-surface-2);
}
& .popover-header {
  background-color: var(--design-surface-2);
  border-bottom-color: var(--design-border);
  color: var(--design-link);
}
& .popover-body {
  color: var(--design-text-muted);
}
& .carousel-control-next,
& .carousel-control-prev,
& .carousel-control-next:focus,
& .carousel-control-next:hover,
& .carousel-control-prev:focus,
& .carousel-control-prev:hover,
& .carousel-caption {
  color: var(--design-on-primary);
}
& .carousel-control-next-icon,
& .carousel-control-prev-icon {
  background: currentcolor;
  -webkit-mask: 50%/100% 100% no-repeat;
  mask: 50%/100% 100% no-repeat;
}
& .carousel-control-prev-icon {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
}
& .carousel-control-next-icon {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
}
& .carousel-indicators li {
  background-color: var(--design-surface-2);
}
& .bg-primary,
& a.bg-primary:focus,
& a.bg-primary:hover,
& button.bg-primary:focus,
& button.bg-primary:hover {
  background-color: var(--design-frame) !important;
}
& .bg-secondary {
  background-color: var(--design-surface-3) !important;
}
& a.bg-secondary:focus,
& a.bg-secondary:hover,
& button.bg-secondary:focus,
& button.bg-secondary:hover {
  background-color: var(--design-info-border) !important;
}
& .bg-success,
& a.bg-success:focus {
  background-color: var(--design-success) !important;
}
& a.bg-success:hover {
  background-color: var(--design-success-hover) !important;
}
& button.bg-success:focus {
  background-color: var(--design-success) !important;
}
& button.bg-success:hover {
  background-color: var(--design-success-hover) !important;
}
& .bg-info,
& a.bg-info:focus {
  background-color: var(--design-info) !important;
}
& a.bg-info:hover {
  background-color: var(--design-info-hover) !important;
}
& button.bg-info:focus {
  background-color: var(--design-info) !important;
}
& button.bg-info:hover {
  background-color: var(--design-info-hover) !important;
}
& .bg-warning,
& a.bg-warning:focus {
  background-color: var(--design-danger) !important;
}
& a.bg-warning:hover {
  background-color: var(--design-danger-hover) !important;
}
& button.bg-warning:focus {
  background-color: var(--design-danger) !important;
}
& button.bg-warning:hover {
  background-color: var(--design-danger-hover) !important;
}
& .bg-danger,
& a.bg-danger:focus {
  background-color: var(--design-danger) !important;
}
& a.bg-danger:hover {
  background-color: var(--design-danger-hover) !important;
}
& button.bg-danger:focus {
  background-color: var(--design-danger) !important;
}
& button.bg-danger:hover {
  background-color: var(--design-danger-hover) !important;
}
& .bg-light,
& a.bg-light:focus,
& a.bg-light:hover,
& button.bg-light:focus,
& button.bg-light:hover {
  background-color: var(--design-border-strong) !important;
}
& .bg-dark,
& a.bg-dark:focus,
& a.bg-dark:hover,
& button.bg-dark:focus,
& button.bg-dark:hover,
& .bg-default,
& a.bg-default:focus,
& a.bg-default:hover,
& button.bg-default:focus,
& button.bg-default:hover {
  background-color: var(--design-frame) !important;
}
& .bg-neutral {
  background-color: var(--design-surface-2) !important;
}
& a.bg-neutral:focus {
  background-color: var(--design-surface-active) !important;
}
& a.bg-neutral:hover {
  background-color: var(--design-surface-hover) !important;
}
& button.bg-neutral:focus {
  background-color: var(--design-surface-active) !important;
}
& button.bg-neutral:hover {
  background-color: var(--design-surface-hover) !important;
}
& .bg-darker,
& a.bg-darker:focus,
& a.bg-darker:hover,
& button.bg-darker:focus,
& button.bg-darker:hover {
  background-color: var(--design-text) !important;
}
& .bg-transparent {
  background-color: transparent !important;
}
& .border {
  border-color: var(--design-border) !important;
}
& .border-top {
  border-top-color: var(--design-border) !important;
}
& .border-right {
  border-right-color: var(--design-border) !important;
}
& .border-bottom {
  border-bottom-color: var(--design-border) !important;
}
& .border-left {
  border-left-color: var(--design-border) !important;
}
& .border-primary {
  border-color: var(--design-primary) !important;
}
& .border-secondary {
  border-color: var(--design-border) !important;
}
& .border-success {
  border-color: var(--design-success) !important;
}
& .border-info {
  border-color: var(--design-info) !important;
}
& .border-warning,
& .border-danger {
  border-color: var(--design-danger) !important;
}
& .border-light,
& .border-dark {
  border-color: var(--design-border-strong) !important;
}
& .border-default {
  border-color: var(--design-link) !important;
}
& .border-neutral {
  border-color: var(--design-surface-2) !important;
}
& .border-darker {
  border-color: var(--design-border-strong) !important;
}
& .border-white {
  border-color: var(--design-surface-2) !important;
}
& .shadow-sm,
& .shadow,
& .shadow-lg {
  box-shadow: var(--design-shadow-1) !important;
}
& .shadow-none {
  box-shadow: none !important;
}
& .text-primary,
& a.text-primary:focus,
& a.text-primary:hover {
  color: var(--design-link) !important;
}
& .text-secondary {
  color: var(--design-on-primary) !important;
}
& a.text-secondary:focus,
& a.text-secondary:hover {
  color: var(--design-link) !important;
}
& .text-success,
& a.text-success:focus,
& a.text-success:hover {
  color: var(--design-success) !important;
}
& .text-info,
& a.text-info:focus,
& a.text-info:hover {
  color: var(--design-info) !important;
}
& .text-warning,
& a.text-warning:focus,
& a.text-warning:hover,
& .text-danger,
& a.text-danger:focus,
& a.text-danger:hover {
  color: var(--design-danger) !important;
}
& .text-light,
& a.text-light:focus,
& a.text-light:hover {
  color: var(--design-text-muted) !important;
}
& .text-dark,
& a.text-dark:focus,
& a.text-dark:hover {
  color: var(--design-text) !important;
}
& .text-default {
  color: var(--design-link) !important;
}
& a.text-default:focus,
& a.text-default:hover {
  color: var(--design-text) !important;
}
& .text-neutral,
& a.text-neutral:focus,
& a.text-neutral:hover {
  color: var(--design-on-primary) !important;
}
& .text-darker,
& a.text-darker:focus,
& a.text-darker:hover {
  color: var(--design-text) !important;
}
& .text-body,
& .text-muted {
  color: var(--design-text-muted) !important;
}
& .text-black-50 {
  color: rgba(var(--design-text-rgb), 0.5) !important;
}
& .text-white-50 {
  color: rgba(var(--design-on-frame-rgb), 0.5) !important;
}
& .text-hide {
  background-color: transparent;
  color: transparent;
}
& .text-reset {
  color: inherit !important;
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media print {
& blockquote,
& pre,
& .badge {
  border-color: var(--design-border-strong);
}
& .table td,
& .table th {
  background-color: var(--design-surface-2) !important;
}
& .table-bordered td,
& .table-bordered th {
  border-color: var(--design-border) !important;
}
& .table-dark {
  color: inherit;
}
& .table-dark tbody+tbody,
& .table-dark td,
& .table-dark th,
& .table-dark thead th {
  border-color: var(--design-border);
}
& .table .thead-dark th {
  border-color: var(--design-border);
  color: inherit;
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
& [class*=alert-] .alert-link {
  border-bottom-color: rgba(var(--design-surface-2-rgb), 0.5);
  color: var(--design-on-primary);
}
& .alert-dismissible .close>span:not(.sr-only) {
  color: rgba(var(--design-on-primary-rgb), 0.6);
}
& .alert-dismissible .close:focus>span:not(.sr-only),
& .alert-dismissible .close:hover>span:not(.sr-only) {
  color: var(--design-on-primary);
}
& .alert-secondary .close>span:not(.sr-only) {
  color: rgba(var(--design-link-rgb), 0.6);
}
& .alert-secondary .close:focus>span:not(.sr-only),
& .alert-secondary .close:hover>span:not(.sr-only) {
  color: var(--design-link);
}
& .avatar {
  background-color: var(--design-border-strong);
  color: var(--design-on-primary);
}
& .avatar-group .avatar {
  border-color: var(--design-surface-2);
}
& .badge a,
& .badge-default {
  color: var(--design-on-primary);
}
& .badge-secondary {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& .badge-dot {
  background-color: transparent;
  background-image: none;
}
& .badge-dot strong,
& .btn-outline-secondary,
& .btn-neutral {
  color: var(--design-link);
}
& .btn:hover {
  box-shadow: 0 7px 14px rgba(var(--design-link-rgb), 0.1), var(--design-shadow-2);
}
& .btn-link {
  box-shadow: none;
}
& .btn-facebook {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-facebook {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-facebook:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-facebook.focus,
& .btn-facebook:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-link-rgb), 0.5), var(--design-shadow-1);
}
& .btn-facebook.disabled,
& .btn-facebook:disabled,
& .btn-facebook:not(:disabled):not(.disabled).active,
& .btn-facebook:not(:disabled):not(.disabled):active,
& .show>.btn-facebook.dropdown-toggle {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-facebook:not(:disabled):not(.disabled).active:focus,
& .btn-facebook:not(:disabled):not(.disabled):active:focus,
& .show>.btn-facebook.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-link-rgb), 0.5);
}
& .btn-twitter {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-twitter {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-twitter:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-twitter.focus,
& .btn-twitter:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-link-rgb), 0.5), var(--design-shadow-1);
}
& .btn-twitter.disabled,
& .btn-twitter:disabled {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-twitter:not(:disabled):not(.disabled).active,
& .btn-twitter:not(:disabled):not(.disabled):active,
& .show>.btn-twitter.dropdown-toggle {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-twitter:not(:disabled):not(.disabled).active:focus,
& .btn-twitter:not(:disabled):not(.disabled):active:focus,
& .show>.btn-twitter.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-link-rgb), 0.5);
}
& .btn-google-plus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-google-plus {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-google-plus:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-google-plus.focus,
& .btn-google-plus:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-danger-rgb), 0.5), var(--design-shadow-1);
}
& .btn-google-plus.disabled,
& .btn-google-plus:disabled {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-google-plus:not(:disabled):not(.disabled).active,
& .btn-google-plus:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-google-plus.dropdown-toggle,
& .btn-instagram {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-google-plus:not(:disabled):not(.disabled).active:focus,
& .btn-google-plus:not(:disabled):not(.disabled):active:focus,
& .show>.btn-google-plus.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-danger-rgb), 0.5);
}
& .btn-instagram {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-instagram:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-instagram.focus,
& .btn-instagram:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-danger-rgb), 0.5), var(--design-shadow-1);
}
& .btn-instagram.disabled,
& .btn-instagram:disabled {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-instagram:not(:disabled):not(.disabled).active,
& .btn-instagram:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-instagram.dropdown-toggle,
& .btn-pinterest {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-instagram:not(:disabled):not(.disabled).active:focus,
& .btn-instagram:not(:disabled):not(.disabled):active:focus,
& .show>.btn-instagram.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-danger-rgb), 0.5);
}
& .btn-pinterest {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-pinterest:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-pinterest.focus,
& .btn-pinterest:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-danger-rgb), 0.5), var(--design-shadow-1);
}
& .btn-pinterest.disabled,
& .btn-pinterest:disabled {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-pinterest:not(:disabled):not(.disabled).active,
& .btn-pinterest:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-pinterest.dropdown-toggle,
& .btn-youtube {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-pinterest:not(:disabled):not(.disabled).active:focus,
& .btn-pinterest:not(:disabled):not(.disabled):active:focus,
& .show>.btn-pinterest.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-danger-rgb), 0.5);
}
& .btn-youtube {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-youtube:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-youtube.focus,
& .btn-youtube:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-danger-rgb), 0.5), var(--design-shadow-1);
}
& .btn-youtube.disabled,
& .btn-youtube:disabled {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-youtube:not(:disabled):not(.disabled).active,
& .btn-youtube:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-youtube.dropdown-toggle {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-youtube:not(:disabled):not(.disabled).active:focus,
& .btn-youtube:not(:disabled):not(.disabled):active:focus,
& .show>.btn-youtube.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-danger-rgb), 0.5);
}
& .btn-slack {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-slack {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-slack:hover {
  background-color: var(--design-success-hover);
  border-color: var(--design-success-hover);
  color: var(--design-on-success);
}
& .btn-slack.focus,
& .btn-slack:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-success-rgb), 0.5), var(--design-shadow-1);
}
& .btn-slack.disabled,
& .btn-slack:disabled {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-slack:not(:disabled):not(.disabled).active,
& .btn-slack:not(:disabled):not(.disabled):active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-on-success);
}
& .show>.btn-slack.dropdown-toggle {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-slack:not(:disabled):not(.disabled).active:focus,
& .btn-slack:not(:disabled):not(.disabled):active:focus,
& .show>.btn-slack.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-success-rgb), 0.5);
}
& .btn-dribbble {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-dribbble {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-dribbble:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-dribbble.focus,
& .btn-dribbble:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-danger-rgb), 0.5), var(--design-shadow-1);
}
& .btn-dribbble.disabled,
& .btn-dribbble:disabled {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-dribbble:not(:disabled):not(.disabled).active,
& .btn-dribbble:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-dribbble.dropdown-toggle {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-dribbble:not(:disabled):not(.disabled).active:focus,
& .btn-dribbble:not(:disabled):not(.disabled):active:focus,
& .show>.btn-dribbble.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-danger-rgb), 0.5);
}
& .btn-github {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-github,
& .btn-github:hover,
& .btn-github.disabled,
& .btn-github:disabled,
& .btn-github:not(:disabled):not(.disabled).active,
& .btn-github:not(:disabled):not(.disabled):active,
& .show>.btn-github.dropdown-toggle {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-github.focus,
& .btn-github:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 var(--design-border), var(--design-shadow-1);
}
& .btn-github:not(:disabled):not(.disabled).active:focus,
& .btn-github:not(:disabled):not(.disabled):active:focus,
& .show>.btn-github.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 var(--design-border);
}
& .btn-vimeo {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .btn-vimeo,
& .btn-vimeo:hover,
& .btn-vimeo.disabled,
& .btn-vimeo:disabled {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-vimeo.focus,
& .btn-vimeo:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-link-rgb), 0.5), var(--design-shadow-1);
}
& .btn-vimeo:not(:disabled):not(.disabled).active,
& .btn-vimeo:not(:disabled):not(.disabled):active,
& .show>.btn-vimeo.dropdown-toggle {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-vimeo:not(:disabled):not(.disabled).active:focus,
& .btn-vimeo:not(:disabled):not(.disabled):active:focus,
& .show>.btn-vimeo.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-link-rgb), 0.5);
}
& .btn-icon-clipboard {
  background-color: var(--design-surface-3);
  color: var(--design-link);
}
& .btn-icon-clipboard:hover {
  background-color: var(--design-surface-2);
  box-shadow: 0 0 0 1px var(--design-border), var(--design-shadow-3);
}
& .btn-icon-clipboard i {
  color: var(--design-link);
}
& .card {
  box-shadow: var(--design-shadow-1);
}
& .card-translucent {
  background-color: rgba(var(--design-primary-active-rgb), 0.08);
}
& .card-profile-image img {
  border-color: var(--design-surface-2);
}
& .card-profile-stats>div .description,
& .chart-legend {
  color: var(--design-text-muted);
}
& .close>span:not(.sr-only) {
  color: rgba(var(--design-text-rgb), 0.6);
}
& .close:focus,
& .close:hover {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .accordion .card-header[aria-expanded=true] .heading,
& .custom-toggle input:checked+.custom-toggle-slider:after {
  color: var(--design-link);
}
& .custom-control-label:before {
  border-color: var(--design-border);
}
& .custom-control-alternative .custom-control-label:before {
  box-shadow: 0 1px 3px rgba(var(--design-link-rgb), 0.15), 0 1px 0 var(--design-border);
}
& .custom-control-alternative .custom-control-input:checked~.custom-control-label:before {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .custom-control-alternative .custom-control-input:active~.custom-control-label:before,
& .custom-control-alternative .custom-control-input:focus~.custom-control-label:before {
  box-shadow: 0 1px 3px rgba(var(--design-link-rgb), 0.15), 0 1px 0 var(--design-border-strong);
}
& .custom-checkbox .custom-control-input:checked~.custom-control-label:before {
  border-color: var(--design-primary-active);
}
& .custom-checkbox .custom-control-input:disabled~.custom-control-label:before {
  border-color: var(--design-border);
}
& .custom-checkbox .custom-control-input:disabled:checked:before {
  border-color: rgba(var(--design-link-rgb), 0.5);
}
& .custom-checkbox-primary .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
}
& .custom-checkbox-secondary .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
}
& .custom-checkbox-success .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-success);
  border-color: var(--design-success);
}
& .custom-checkbox-info .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-info);
  border-color: var(--design-info);
}
& .custom-checkbox-warning .custom-control-input:checked~.custom-control-label:before,
& .custom-checkbox-danger .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
}
& .custom-checkbox-light .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-border-strong);
  border-color: var(--design-border-strong);
}
& .custom-checkbox-dark .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-text);
  border-color: var(--design-text);
}
& .custom-checkbox-default .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
}
& .custom-checkbox-white .custom-control-input:checked~.custom-control-label:before,
& .custom-checkbox-neutral .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
}
& .custom-checkbox-darker .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-text);
  border-color: var(--design-text);
}
& .custom-radio .custom-control-input:checked~.custom-control-label:before {
  border-color: var(--design-primary-active);
}
& .custom-checkbox .custom-control-input:checked~.custom-control-label:after,
& .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after,
& .custom-radio .custom-control-input:checked~.custom-control-label:after {
  background: var(--design-on-primary);
  -webkit-mask: 50%/50% 50% no-repeat;
  mask: 50%/50% 50% no-repeat;
}
& .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
& .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4'%3E%3Crect y='1.5' width='4' height='1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4'%3E%3Crect y='1.5' width='4' height='1'/%3E%3C/svg%3E");
}
& .custom-radio .custom-control-input:checked~.custom-control-label:after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3'/%3E%3C/svg%3E");
}
& .custom-radio .custom-control-input:disabled~.custom-control-label:before {
  border-color: var(--design-border);
}
& .custom-radio .custom-control-input:disabled:checked:before {
  border-color: rgba(var(--design-link-rgb), 0.5);
}
& .custom-toggle input:checked+.custom-toggle-slider {
  border-color: var(--design-primary-active);
}
& .custom-toggle input:checked+.custom-toggle-slider:before {
  background-color: var(--design-primary-active);
}
& .custom-toggle input:disabled+.custom-toggle-slider,
& .custom-toggle input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-border);
}
& .custom-toggle input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-info-border);
}
& .custom-toggle-slider {
  background-color: transparent;
  border-color: var(--design-border);
}
& .custom-toggle-slider:before {
  background-color: var(--design-surface-3);
}
& .custom-toggle-slider:after {
  color: var(--design-text-muted);
}
& .custom-toggle-primary input:checked+.custom-toggle-slider,
& .custom-toggle-primary input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-primary-active);
}
& .custom-toggle-primary input:checked+.custom-toggle-slider:before {
  background-color: var(--design-primary-active);
}
& .custom-toggle-primary input:checked+.custom-toggle-slider:after {
  color: var(--design-link);
}
& .custom-toggle-primary input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-info-border);
}
& .custom-toggle-secondary input:checked+.custom-toggle-slider,
& .custom-toggle-secondary input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-border);
}
& .custom-toggle-secondary input:checked+.custom-toggle-slider:before {
  background-color: var(--design-surface-active);
}
& .custom-toggle-secondary input:checked+.custom-toggle-slider:after {
  color: var(--design-on-primary);
}
& .custom-toggle-secondary input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-surface-2);
}
& .custom-toggle-success input:checked+.custom-toggle-slider,
& .custom-toggle-success input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-success);
}
& .custom-toggle-success input:checked+.custom-toggle-slider:before,
& .custom-toggle-success input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-success);
}
& .custom-toggle-success input:checked+.custom-toggle-slider:after {
  color: var(--design-success);
}
& .custom-toggle-info input:checked+.custom-toggle-slider,
& .custom-toggle-info input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-info);
}
& .custom-toggle-info input:checked+.custom-toggle-slider:before,
& .custom-toggle-info input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-info);
}
& .custom-toggle-info input:checked+.custom-toggle-slider:after {
  color: var(--design-info);
}
& .custom-toggle-warning input:checked+.custom-toggle-slider,
& .custom-toggle-warning input:disabled:checked+.custom-toggle-slider,
& .custom-toggle-danger input:checked+.custom-toggle-slider,
& .custom-toggle-danger input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-danger);
}
& .custom-toggle-warning input:checked+.custom-toggle-slider:before,
& .custom-toggle-warning input:disabled:checked+.custom-toggle-slider:before,
& .custom-toggle-danger input:checked+.custom-toggle-slider:before,
& .custom-toggle-danger input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-danger);
}
& .custom-toggle-warning input:checked+.custom-toggle-slider:after,
& .custom-toggle-danger input:checked+.custom-toggle-slider:after {
  color: var(--design-danger);
}
& .custom-toggle-light input:checked+.custom-toggle-slider,
& .custom-toggle-light input:disabled:checked+.custom-toggle-slider,
& .custom-toggle-dark input:checked+.custom-toggle-slider,
& .custom-toggle-dark input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-border-strong);
}
& .custom-toggle-light input:checked+.custom-toggle-slider:before,
& .custom-toggle-light input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-border-strong);
}
& .custom-toggle-light input:checked+.custom-toggle-slider:after {
  color: var(--design-text-muted);
}
& .custom-toggle-dark input:checked+.custom-toggle-slider:before,
& .custom-toggle-dark input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-text);
}
& .custom-toggle-dark input:checked+.custom-toggle-slider:after {
  color: var(--design-text);
}
& .custom-toggle-default input:checked+.custom-toggle-slider,
& .custom-toggle-default input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-link);
}
& .custom-toggle-default input:checked+.custom-toggle-slider:before,
& .custom-toggle-default input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-primary-active);
}
& .custom-toggle-default input:checked+.custom-toggle-slider:after {
  color: var(--design-link);
}
& .custom-toggle-white input:checked+.custom-toggle-slider,
& .custom-toggle-white input:disabled:checked+.custom-toggle-slider,
& .custom-toggle-neutral input:checked+.custom-toggle-slider,
& .custom-toggle-neutral input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-surface-2);
}
& .custom-toggle-white input:checked+.custom-toggle-slider:before,
& .custom-toggle-white input:disabled:checked+.custom-toggle-slider:before,
& .custom-toggle-neutral input:checked+.custom-toggle-slider:before,
& .custom-toggle-neutral input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-surface-2);
}
& .custom-toggle-white input:checked+.custom-toggle-slider:after,
& .custom-toggle-neutral input:checked+.custom-toggle-slider:after {
  color: var(--design-on-primary);
}
& .custom-toggle-darker input:checked+.custom-toggle-slider,
& .custom-toggle-darker input:disabled:checked+.custom-toggle-slider {
  border-color: var(--design-border-strong);
}
& .custom-toggle-darker input:checked+.custom-toggle-slider:before,
& .custom-toggle-darker input:disabled:checked+.custom-toggle-slider:before {
  background-color: var(--design-text);
}
& .custom-toggle-darker input:checked+.custom-toggle-slider:after {
  color: var(--design-text);
}
& .dropdown-menu a.media p {
  color: var(--design-text-muted);
}
& .dropdown-menu a.media:hover .heading,
& .dropdown-menu a.media:hover p {
  color: var(--design-link) !important;
}
& .dropdown-menu-sm {
  border-color: currentcolor;
}
& .footer,
& .footer.has-cards:before {
  background-color: var(--design-surface-3);
}
& .footer .col-footer .heading {
  color: var(--design-text-muted);
}
& .footer .footer-link,
& .footer .nav .nav-item .nav-link,
& .footer .footer-link:hover,
& .footer .nav .nav-item .nav-link:hover {
  color: var(--design-text-muted) !important;
}
& .footer .list-unstyled li a,
& .footer .list-unstyled li a:hover {
  color: var(--design-text-muted);
}
& .footer-dark .col-footer .heading {
  color: var(--design-on-primary);
}
& .form-control-label,
& .form-control:focus::placeholder {
  color: var(--design-text-muted);
}
& .form-control:focus::-moz-placeholder {
  color: var(--design-text-muted);
}
& .form-control-flush {
  background-color: transparent;
  box-shadow: none;
}
& .form-control-muted {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  box-shadow: none;
}
& .form-control-muted:focus {
  background-color: var(--design-surface-2);
}
& .form-control-alternative {
  box-shadow: 0 1px 3px rgba(var(--design-link-rgb), 0.15), 0 1px 0 var(--design-border);
}
& .form-control-alternative:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
}
& .input-group {
  box-shadow: var(--design-shadow-1);
}
& .input-group .form-control {
  box-shadow: none;
}
& .input-group-alternative {
  box-shadow: 0 1px 3px rgba(var(--design-link-rgb), 0.15), 0 1px 0 var(--design-border-strong);
}
& .input-group-alternative .form-control {
  box-shadow: none;
}
& .focused .input-group-alternative {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1) !important;
}
& .input-group-flush {
  box-shadow: none;
}
& .input-group-flush>.form-control {
  background-color: transparent;
}
& .focused .input-group {
  box-shadow: 0 3px 9px transparent, 3px 4px 8px rgba(var(--design-link-rgb), 0.1);
}
& .focused .input-group-text {
  background-color: var(--design-surface-2);
  border-color: var(--design-primary);
  color: var(--design-text-muted);
}
& .focused .form-control {
  border-color: var(--design-primary);
}
& .focused .input-group-flush {
  box-shadow: none;
}
& .has-danger .input-group-prepend .input-group-text,
& .has-success .input-group-prepend .input-group-text {
  border-color: var(--design-danger);
}
& .has-success:after {
  background-color: var(--design-success);
  color: var(--design-success);
}
& .has-success .form-control {
  background-color: var(--design-surface-2);
}
& .has-success .form-control::-moz-placeholder {
  color: var(--design-success);
}
& .has-success .form-control::placeholder {
  color: var(--design-success);
}
& .has-danger:after {
  background-color: var(--design-danger-border);
  color: var(--design-danger);
}
& .has-danger .form-control {
  background-color: var(--design-surface-2);
}
& .has-danger .form-control::-moz-placeholder {
  color: var(--design-danger);
}
& .has-danger .form-control::placeholder {
  color: var(--design-danger);
}
& .row-example>.col span,
& .row-example>[class^=col-] span {
  background-color: var(--design-surface-2);
  box-shadow: 0 0 0 1px var(--design-border), var(--design-shadow-3);
  color: var(--design-text);
}
& .icon-shape-primary {
  background-color: rgba(var(--design-info-border-rgb), 0.5);
  color: var(--design-link);
}
& .icon-shape-secondary {
  background-color: rgba(var(--design-surface-2-rgb), 0.5);
  color: var(--design-link);
}
& .icon-shape-success {
  background-color: rgba(var(--design-success-rgb), 0.5);
  color: var(--design-success);
}
& .icon-shape-info {
  background-color: rgba(var(--design-info-rgb), 0.5);
  color: var(--design-info);
}
& .icon-shape-warning,
& .icon-shape-danger {
  background-color: rgba(var(--design-danger-rgb), 0.5);
  color: var(--design-danger);
}
& .icon-shape-light {
  background-color: rgba(var(--design-border-strong-rgb), 0.5);
  color: var(--design-text-muted);
}
& .icon-shape-dark {
  background-color: rgba(var(--design-text-rgb), 0.5);
  color: var(--design-text);
}
& .icon-shape-default {
  background-color: rgba(var(--design-primary-active-rgb), 0.5);
  color: var(--design-link);
}
& .icon-shape-neutral,
& .icon-shape-white {
  background-color: rgba(var(--design-surface-2-rgb), 0.5);
  color: var(--design-on-primary);
}
& .icon-shape-darker {
  background-color: rgba(var(--design-text-rgb), 0.5);
  color: var(--design-text);
}
& .list-group-content>p {
  color: var(--design-text-muted);
}
& .list-group-heading {
  color: var(--design-link);
}
& .list-group-heading>small {
  color: var(--design-text-muted);
}
& .modal-primary .modal-title {
  color: var(--design-on-primary);
}
& .modal-primary .modal-footer,
& .modal-primary .modal-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.07);
}
& .modal-primary .modal-content {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .modal-primary .close>span:not(.sr-only),
& .modal-primary .modal-content .heading {
  color: var(--design-on-primary);
}
& .modal-secondary .modal-title {
  color: var(--design-text);
}
& .modal-secondary .modal-footer,
& .modal-secondary .modal-header {
  border-color: rgba(var(--design-border-strong-rgb), 0.07);
}
& .modal-secondary .modal-content {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& .modal-secondary .modal-content .heading {
  color: var(--design-text);
}
& .modal-secondary .close>span:not(.sr-only),
& .modal-success .modal-title {
  color: var(--design-on-primary);
}
& .modal-success .modal-footer,
& .modal-success .modal-header,
& .modal-info .modal-footer,
& .modal-info .modal-header,
& .modal-warning .modal-footer,
& .modal-warning .modal-header,
& .modal-danger .modal-footer,
& .modal-danger .modal-header,
& .modal-light .modal-footer,
& .modal-light .modal-header,
& .modal-dark .modal-footer,
& .modal-dark .modal-header,
& .modal-default .modal-footer,
& .modal-default .modal-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.07);
}
& .modal-success .modal-content {
  background-color: var(--design-success);
  color: var(--design-on-success);
}
& .modal-info .modal-title,
& .modal-success .close>span:not(.sr-only),
& .modal-success .modal-content .heading {
  color: var(--design-on-primary);
}
& .modal-info .modal-content {
  background-color: var(--design-info);
  color: var(--design-on-info);
}
& .modal-info .close>span:not(.sr-only),
& .modal-info .modal-content .heading,
& .modal-warning .modal-title {
  color: var(--design-on-primary);
}
& .modal-warning .modal-content {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .modal-danger .modal-title,
& .modal-warning .close>span:not(.sr-only),
& .modal-warning .modal-content .heading {
  color: var(--design-on-primary);
}
& .modal-danger .modal-content {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .modal-danger .close>span:not(.sr-only),
& .modal-danger .modal-content .heading,
& .modal-light .modal-title {
  color: var(--design-on-primary);
}
& .modal-light .modal-content {
  background-color: var(--design-border-strong);
  color: var(--design-on-primary);
}
& .modal-dark .modal-title,
& .modal-light .close>span:not(.sr-only),
& .modal-light .modal-content .heading {
  color: var(--design-on-primary);
}
& .modal-dark .modal-content {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .modal-dark .close>span:not(.sr-only),
& .modal-dark .modal-content .heading,
& .modal-default .modal-title {
  color: var(--design-on-primary);
}
& .modal-default .modal-content {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .modal-default .close>span:not(.sr-only),
& .modal-default .modal-content .heading {
  color: var(--design-on-primary);
}
& .modal-white .modal-title {
  color: var(--design-text);
}
& .modal-white .modal-footer,
& .modal-white .modal-header,
& .modal-neutral .modal-footer,
& .modal-neutral .modal-header {
  border-color: rgba(var(--design-border-strong-rgb), 0.07);
}
& .modal-white .modal-content {
  background-color: var(--design-surface-2);
  color: var(--design-text);
}
& .modal-white .modal-content .heading {
  color: var(--design-text);
}
& .modal-white .close>span:not(.sr-only) {
  color: var(--design-on-primary);
}
& .modal-neutral .modal-title {
  color: var(--design-text);
}
& .modal-neutral .modal-content {
  background-color: var(--design-surface-2);
  color: var(--design-text);
}
& .modal-neutral .modal-content .heading {
  color: var(--design-text);
}
& .modal-darker .modal-title,
& .modal-neutral .close>span:not(.sr-only) {
  color: var(--design-on-primary);
}
& .modal-darker .modal-footer,
& .modal-darker .modal-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.07);
}
& .modal-darker .modal-content {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .modal-darker .close>span:not(.sr-only),
& .modal-darker .modal-content .heading {
  color: var(--design-on-primary);
}
& .navbar-horizontal .navbar-dark .navbar-brand {
  color: var(--design-on-frame);
}
& .navbar-horizontal .navbar-light .navbar-brand {
  color: var(--design-link);
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (min-width:992px) {
& .navbar-horizontal .navbar-nav .dropdown-menu:before {
  background-color: var(--design-surface-2);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
& .navbar-horizontal.navbar-transparent .navbar-brand,
& .navbar-horizontal.navbar-transparent .navbar-toggler {
  color: var(--design-on-primary);
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (min-width:768px) {
& .navbar-horizontal.navbar-transparent .navbar-nav .nav-link {
  color: rgba(var(--design-on-primary-rgb), 0.95);
}
& .navbar-horizontal.navbar-transparent .navbar-nav .nav-link:focus,
& .navbar-horizontal.navbar-transparent .navbar-nav .nav-link:hover {
  color: rgba(var(--design-on-primary-rgb), 0.65);
}
& .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.disabled {
  color: rgba(var(--design-on-primary-rgb), 0.25);
}
& .navbar-horizontal.navbar-transparent .navbar-nav .active>.nav-link,
& .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.active,
& .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.show,
& .navbar-horizontal.navbar-transparent .navbar-nav .show>.nav-link {
  color: rgba(var(--design-on-primary-rgb), 0.65);
}
& .navbar-horizontal.navbar-transparent .navbar-brand,
& .navbar-horizontal.navbar-transparent .navbar-brand:focus,
& .navbar-horizontal.navbar-transparent .navbar-brand:hover {
  color: rgba(var(--design-on-primary-rgb), 0.95);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (max-width:991.98px) {
& .navbar-horizontal .navbar-nav .nav-link {
  color: var(--design-link) !important;
}
& .navbar-horizontal .navbar-collapse .navbar-toggler span {
  background-color: var(--design-primary-active);
}
& .navbar-horizontal .navbar-collapse .navbar-collapse-header {
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.1);
}
& .navbar-horizontal .navbar-collapse.collapsing,
& .navbar-horizontal .navbar-collapse.show {
  background-color: var(--design-surface-2);
  box-shadow: 0 50px 100px rgba(var(--design-link-rgb), 0.1), 0 15px 35px rgba(var(--design-link-rgb), 0.15), var(--design-shadow-3);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
& .navbar-vertical {
  box-shadow: var(--design-shadow-1);
}
& .navbar-vertical.navbar-light {
  background-color: var(--design-surface-3);
  border-color: rgba(var(--design-border-strong-rgb), 0.05);
}
& .navbar-vertical.navbar-dark {
  background-color: transparent;
  border-color: rgba(var(--design-frame-active-rgb), 0.1);
}
& .navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]:after {
  color: var(--design-text-muted);
}
& .navbar-vertical .navbar-nav .nav-link[data-toggle=collapse][aria-expanded=true]:after {
  color: var(--design-link);
}
& .navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link.active {
  background-color: var(--design-surface-active);
}
& .navbar-vertical.navbar-expand-xs .lavalamp-object {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (min-width:576px) {
& .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link.active {
  background-color: var(--design-surface-active);
}
& .navbar-vertical.navbar-expand-sm .lavalamp-object {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (min-width:768px) {
& .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link.active {
  background-color: var(--design-surface-active);
}
& .navbar-vertical.navbar-expand-md .lavalamp-object {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (min-width:992px) {
& .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item>.nav-link.active {
  background-color: var(--design-surface-active);
}
& .navbar-vertical.navbar-expand-lg .lavalamp-object {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (min-width:1200px) {
& .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item>.nav-link.active {
  background-color: var(--design-surface-active);
}
& .navbar-vertical.navbar-expand-xl .lavalamp-object {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (min-width:768px) {
& .nav-item .nav-link.active.active-pro {
  background-color: var(--design-surface-active);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
& .sidenav-toggler-line {
  background-color: var(--design-primary-active);
}
& .sidenav-toggler-dark .sidenav-toggler-line {
  background-color: var(--design-surface-2);
}
& .navbar-search .form-control {
  background-color: transparent;
}
& .navbar-search-dark .input-group {
  background-color: rgba(var(--design-primary-active-rgb), 0.8);
  border-color: rgba(var(--design-surface-2-rgb), 0.6);
}
& .navbar-search-dark .input-group-text {
  color: rgba(var(--design-on-primary-rgb), 0.6);
}
& .navbar-search-dark .form-control {
  color: rgba(var(--design-on-primary-rgb), 0.9);
}
& .navbar-search-dark .form-control::-moz-placeholder {
  color: rgba(var(--design-on-primary-rgb), 0.6);
}
& .navbar-search-dark .form-control::placeholder {
  color: rgba(var(--design-on-primary-rgb), 0.6);
}
& .navbar-search-dark .focused .input-group {
  background-color: rgba(var(--design-primary-active-rgb), 0.9);
  border-color: rgba(var(--design-surface-2-rgb), 0.9);
}
& .navbar-search-light .input-group {
  background-color: rgba(var(--design-surface-2-rgb), 0.9);
  border-color: rgba(var(--design-border-strong-rgb), 0.6);
}
& .navbar-search-light .input-group-text {
  color: rgba(var(--design-text-rgb), 0.6);
}
& .navbar-search-light .form-control {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-search-light .form-control::-moz-placeholder {
  color: rgba(var(--design-text-rgb), 0.6);
}
& .navbar-search-light .form-control::placeholder {
  color: rgba(var(--design-text-rgb), 0.6);
}
& .navbar-search-light .focused .input-group {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.9);
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (max-width:575.98px) {
& .g-navbar-search-show .navbar-search .close {
  color: var(--design-on-primary);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
& .navbar .dropdown-menu-arrow:before {
  background-color: var(--design-surface-2);
}
& .navbar-top.border-bottom.navbar-dark {
  border-color: rgba(var(--design-frame-active-rgb), 0.08) !important;
}
& .navbar-top.border-bottom.navbar-light {
  border-color: rgba(var(--design-border-strong-rgb), 0.04) !important;
}
& .nav-link {
  color: var(--design-text-muted);
}
& .nav-link:hover {
  color: var(--design-link);
}
& .nav-pills .nav-link {
  background-color: var(--design-surface-2);
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
  color: var(--design-link);
}
& .nav-pills .nav-link:hover {
  color: var(--design-link);
}
& .nav-pills .nav-link.active {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .nav-pills .show>.nav-link {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .page-item.active .page-link {
  box-shadow: 0 7px 14px rgba(var(--design-link-rgb), 0.1), var(--design-shadow-2);
}
& .popover-primary {
  background-color: var(--design-primary);
}
& .popover-primary .popover-header {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .popover-primary .popover-body {
  color: var(--design-on-primary);
}
& .popover-primary .popover-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& .popover-primary.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-primary.bs-popover-top .arrow:after {
  border-top-color: var(--design-primary);
}
& .popover-primary.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-primary.bs-popover-right .arrow:after {
  border-right-color: var(--design-primary);
}
& .popover-primary.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-primary.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-primary);
}
& .popover-primary.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-primary.bs-popover-left .arrow:after {
  border-left-color: var(--design-primary);
}
& .popover-secondary {
  background-color: var(--design-surface-3);
}
& .popover-secondary .popover-header {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& .popover-secondary .popover-body {
  color: var(--design-text);
}
& .popover-secondary .popover-header {
  border-color: rgba(var(--design-border-strong-rgb), 0.2);
}
& .popover-secondary.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-secondary.bs-popover-top .arrow:after {
  border-top-color: var(--design-border);
}
& .popover-secondary.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-secondary.bs-popover-right .arrow:after {
  border-right-color: var(--design-border);
}
& .popover-secondary.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-secondary.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-border);
}
& .popover-secondary.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-secondary.bs-popover-left .arrow:after {
  border-left-color: var(--design-border);
}
& .popover-success {
  background-color: var(--design-success);
}
& .popover-success .popover-header {
  background-color: var(--design-success);
  color: var(--design-on-success);
}
& .popover-success .popover-body {
  color: var(--design-on-primary);
}
& .popover-success .popover-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& .popover-success.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-success.bs-popover-top .arrow:after {
  border-top-color: var(--design-success);
}
& .popover-success.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-success.bs-popover-right .arrow:after {
  border-right-color: var(--design-success);
}
& .popover-success.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-success.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-success);
}
& .popover-success.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-success.bs-popover-left .arrow:after {
  border-left-color: var(--design-success);
}
& .popover-info {
  background-color: var(--design-info);
}
& .popover-info .popover-header {
  background-color: var(--design-info);
  color: var(--design-on-info);
}
& .popover-info .popover-body {
  color: var(--design-on-primary);
}
& .popover-info .popover-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& .popover-info.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-info.bs-popover-top .arrow:after {
  border-top-color: var(--design-info);
}
& .popover-info.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-info.bs-popover-right .arrow:after {
  border-right-color: var(--design-info);
}
& .popover-info.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-info.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-info);
}
& .popover-info.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-info.bs-popover-left .arrow:after {
  border-left-color: var(--design-info);
}
& .popover-warning {
  background-color: var(--design-danger);
}
& .popover-warning .popover-header {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .popover-warning .popover-body {
  color: var(--design-on-primary);
}
& .popover-warning .popover-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& .popover-warning.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-warning.bs-popover-top .arrow:after {
  border-top-color: var(--design-danger);
}
& .popover-warning.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-warning.bs-popover-right .arrow:after {
  border-right-color: var(--design-danger);
}
& .popover-warning.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-warning.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-danger);
}
& .popover-warning.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-warning.bs-popover-left .arrow:after {
  border-left-color: var(--design-danger);
}
& .popover-danger {
  background-color: var(--design-danger);
}
& .popover-danger .popover-header {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .popover-danger .popover-body {
  color: var(--design-on-primary);
}
& .popover-danger .popover-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& .popover-danger.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-danger.bs-popover-top .arrow:after {
  border-top-color: var(--design-danger);
}
& .popover-danger.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-danger.bs-popover-right .arrow:after {
  border-right-color: var(--design-danger);
}
& .popover-danger.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-danger.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-danger);
}
& .popover-danger.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-danger.bs-popover-left .arrow:after {
  border-left-color: var(--design-danger);
}
& .popover-light {
  background-color: var(--design-border-strong);
}
& .popover-light .popover-header {
  background-color: var(--design-border-strong);
  color: var(--design-on-primary);
}
& .popover-light .popover-body {
  color: var(--design-on-primary);
}
& .popover-light .popover-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& .popover-light.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-light.bs-popover-top .arrow:after {
  border-top-color: var(--design-border-strong);
}
& .popover-light.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-light.bs-popover-right .arrow:after {
  border-right-color: var(--design-border-strong);
}
& .popover-light.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-light.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-border-strong);
}
& .popover-light.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-light.bs-popover-left .arrow:after {
  border-left-color: var(--design-border-strong);
}
& .popover-dark {
  background-color: var(--design-text);
}
& .popover-dark .popover-header {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .popover-dark .popover-body {
  color: var(--design-on-primary);
}
& .popover-dark .popover-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& .popover-dark.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-dark.bs-popover-top .arrow:after {
  border-top-color: var(--design-border-strong);
}
& .popover-dark.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-dark.bs-popover-right .arrow:after {
  border-right-color: var(--design-border-strong);
}
& .popover-dark.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-dark.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-border-strong);
}
& .popover-dark.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-dark.bs-popover-left .arrow:after {
  border-left-color: var(--design-border-strong);
}
& .popover-default {
  background-color: var(--design-primary-active);
}
& .popover-default .popover-header {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .popover-default .popover-body {
  color: var(--design-on-primary);
}
& .popover-default .popover-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& .popover-default.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-default.bs-popover-top .arrow:after {
  border-top-color: var(--design-link);
}
& .popover-default.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-default.bs-popover-right .arrow:after {
  border-right-color: var(--design-link);
}
& .popover-default.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-default.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-link);
}
& .popover-default.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-default.bs-popover-left .arrow:after {
  border-left-color: var(--design-link);
}
& .popover-white {
  background-color: var(--design-surface-2);
}
& .popover-white .popover-header {
  background-color: var(--design-surface-2);
  color: var(--design-text);
}
& .popover-white .popover-body {
  color: var(--design-text);
}
& .popover-white .popover-header {
  border-color: rgba(var(--design-border-strong-rgb), 0.2);
}
& .popover-white.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-white.bs-popover-top .arrow:after {
  border-top-color: var(--design-surface-2);
}
& .popover-white.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-white.bs-popover-right .arrow:after {
  border-right-color: var(--design-surface-2);
}
& .popover-white.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-white.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-surface-2);
}
& .popover-white.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-white.bs-popover-left .arrow:after {
  border-left-color: var(--design-surface-2);
}
& .popover-neutral {
  background-color: var(--design-surface-2);
}
& .popover-neutral .popover-header {
  background-color: var(--design-surface-2);
  color: var(--design-text);
}
& .popover-neutral .popover-body {
  color: var(--design-text);
}
& .popover-neutral .popover-header {
  border-color: rgba(var(--design-border-strong-rgb), 0.2);
}
& .popover-neutral.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-neutral.bs-popover-top .arrow:after {
  border-top-color: var(--design-surface-2);
}
& .popover-neutral.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-neutral.bs-popover-right .arrow:after {
  border-right-color: var(--design-surface-2);
}
& .popover-neutral.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-neutral.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-surface-2);
}
& .popover-neutral.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-neutral.bs-popover-left .arrow:after {
  border-left-color: var(--design-surface-2);
}
& .popover-darker {
  background-color: var(--design-text);
}
& .popover-darker .popover-header {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .popover-darker .popover-body {
  color: var(--design-on-primary);
}
& .popover-darker .popover-header {
  border-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& .popover-darker.bs-popover-auto[x-placement^=top] .arrow:after,
& .popover-darker.bs-popover-top .arrow:after {
  border-top-color: var(--design-border-strong);
}
& .popover-darker.bs-popover-auto[x-placement^=right] .arrow:after,
& .popover-darker.bs-popover-right .arrow:after {
  border-right-color: var(--design-border-strong);
}
& .popover-darker.bs-popover-auto[x-placement^=bottom] .arrow:after,
& .popover-darker.bs-popover-bottom .arrow:after {
  border-bottom-color: var(--design-border-strong);
}
& .popover-darker.bs-popover-auto[x-placement^=left] .arrow:after,
& .popover-darker.bs-popover-left .arrow:after {
  border-left-color: var(--design-border-strong);
}
& .progress {
  background-color: var(--design-surface-3);
  box-shadow: inset 0 1px 2px rgba(var(--design-text-rgb), 0.1);
}
& .progress-bar {
  box-shadow: none;
}
& .progress-label span {
  background-color: rgba(var(--design-info-border-rgb), 0.1);
  color: var(--design-link);
}
& .progress-percentage span {
  color: var(--design-text-muted);
}
& .section-nucleo-icons .icons-container i {
  background-color: var(--design-surface-2);
  box-shadow: var(--design-shadow-1);
}
& .section-nucleo-icons .icons-container i:first-child {
  color: var(--design-danger);
}
& .table thead th,
& table.dataTable {
  border-bottom-color: var(--design-border);
}
& .table .thead-dark th {
  background-color: var(--design-primary-active);
  color: var(--design-link);
}
& .table .thead-dark th a {
  color: var(--design-link);
}
& .table .thead-light th {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .table .thead-light th a,
& .surtitle {
  color: var(--design-text-muted);
}
& .bg-blue,
& a.bg-blue:focus {
  background-color: var(--design-primary) !important;
}
& a.bg-blue:hover {
  background-color: var(--design-primary-hover) !important;
}
& button.bg-blue:focus {
  background-color: var(--design-primary) !important;
}
& button.bg-blue:hover {
  background-color: var(--design-primary-hover) !important;
}
& .bg-indigo,
& a.bg-indigo:focus {
  background-color: var(--design-info) !important;
}
& a.bg-indigo:hover {
  background-color: var(--design-info-hover) !important;
}
& button.bg-indigo:focus {
  background-color: var(--design-info) !important;
}
& button.bg-indigo:hover {
  background-color: var(--design-info-hover) !important;
}
& .bg-purple {
  background-color: var(--design-info-border) !important;
}
& a.bg-purple:focus {
  background-color: var(--design-primary) !important;
}
& a.bg-purple:hover {
  background-color: var(--design-primary-hover) !important;
}
& button.bg-purple:focus {
  background-color: var(--design-primary) !important;
}
& button.bg-purple:hover {
  background-color: var(--design-primary-hover) !important;
}
& .bg-pink {
  background-color: var(--design-danger-border) !important;
}
& a.bg-pink:focus {
  background-color: var(--design-danger) !important;
}
& a.bg-pink:hover {
  background-color: var(--design-danger-hover) !important;
}
& button.bg-pink:focus {
  background-color: var(--design-danger) !important;
}
& button.bg-pink:hover {
  background-color: var(--design-danger-hover) !important;
}
& .bg-red,
& a.bg-red:focus {
  background-color: var(--design-danger) !important;
}
& a.bg-red:hover {
  background-color: var(--design-danger-hover) !important;
}
& button.bg-red:focus {
  background-color: var(--design-danger) !important;
}
& button.bg-red:hover {
  background-color: var(--design-danger-hover) !important;
}
& .bg-orange,
& a.bg-orange:focus {
  background-color: var(--design-danger) !important;
}
& a.bg-orange:hover {
  background-color: var(--design-danger-hover) !important;
}
& button.bg-orange:focus {
  background-color: var(--design-danger) !important;
}
& button.bg-orange:hover {
  background-color: var(--design-danger-hover) !important;
}
& .bg-yellow,
& a.bg-yellow:focus {
  background-color: var(--design-warning) !important;
}
& a.bg-yellow:hover {
  background-color: var(--design-warning-hover) !important;
}
& button.bg-yellow:focus {
  background-color: var(--design-warning) !important;
}
& button.bg-yellow:hover {
  background-color: var(--design-warning-hover) !important;
}
& .bg-green,
& a.bg-green:focus {
  background-color: var(--design-success) !important;
}
& a.bg-green:hover {
  background-color: var(--design-success-hover) !important;
}
& button.bg-green:focus {
  background-color: var(--design-success) !important;
}
& button.bg-green:hover {
  background-color: var(--design-success-hover) !important;
}
& .bg-teal,
& a.bg-teal:focus {
  background-color: var(--design-info) !important;
}
& a.bg-teal:hover {
  background-color: var(--design-info-hover) !important;
}
& button.bg-teal:focus {
  background-color: var(--design-info) !important;
}
& button.bg-teal:hover {
  background-color: var(--design-info-hover) !important;
}
& .bg-cyan,
& a.bg-cyan:focus {
  background-color: var(--design-success) !important;
}
& a.bg-cyan:hover {
  background-color: var(--design-success-hover) !important;
}
& button.bg-cyan:focus {
  background-color: var(--design-success) !important;
}
& button.bg-cyan:hover {
  background-color: var(--design-success-hover) !important;
}
& .bg-white {
  background-color: var(--design-surface-2) !important;
}
& a.bg-white:focus {
  background-color: var(--design-surface-active) !important;
}
& a.bg-white:hover {
  background-color: var(--design-surface-hover) !important;
}
& button.bg-white:focus {
  background-color: var(--design-surface-active) !important;
}
& button.bg-white:hover {
  background-color: var(--design-surface-hover) !important;
}
& .bg-gray {
  background-color: var(--design-border-strong) !important;
}
& a.bg-gray:focus,
& a.bg-gray:hover,
& button.bg-gray:focus,
& button.bg-gray:hover {
  background-color: var(--design-text-muted) !important;
}
& .bg-gray-dark,
& a.bg-gray-dark:focus {
  background-color: var(--design-primary-active) !important;
}
& a.bg-gray-dark:hover {
  background-color: var(--design-primary-hover) !important;
}
& button.bg-gray-dark:focus {
  background-color: var(--design-primary-active) !important;
}
& button.bg-gray-dark:hover {
  background-color: var(--design-primary-hover) !important;
}
& .bg-light,
& a.bg-light:focus,
& a.bg-light:hover,
& button.bg-light:focus,
& button.bg-light:hover {
  background-color: var(--design-border-strong) !important;
}
& .bg-lighter {
  background-color: var(--design-surface-3) !important;
}
& a.bg-lighter:focus,
& a.bg-lighter:hover,
& button.bg-lighter:focus,
& button.bg-lighter:hover {
  background-color: var(--design-border-strong) !important;
}
& .bg-gradient-blue {
  background: linear-gradient(87deg,var(--design-primary),var(--design-info-border)) !important;
}
& .bg-gradient-indigo {
  background: linear-gradient(87deg,var(--design-info),var(--design-info)) !important;
}
& .bg-gradient-purple {
  background: linear-gradient(87deg,var(--design-info-border),var(--design-info)) !important;
}
& .bg-gradient-pink {
  background: linear-gradient(87deg,var(--design-danger-border),var(--design-danger-border)) !important;
}
& .bg-gradient-red {
  background: linear-gradient(87deg,var(--design-danger),var(--design-danger)) !important;
}
& .bg-gradient-orange {
  background: linear-gradient(87deg,var(--design-danger),var(--design-warning)) !important;
}
& .bg-gradient-yellow {
  background: linear-gradient(87deg,var(--design-warning),var(--design-success)) !important;
}
& .bg-gradient-green {
  background: linear-gradient(87deg,var(--design-success),var(--design-info)) !important;
}
& .bg-gradient-teal {
  background: linear-gradient(87deg,var(--design-info),var(--design-primary-hover)) !important;
}
& .bg-gradient-cyan {
  background: linear-gradient(87deg,var(--design-success),var(--design-info)) !important;
}
& .bg-gradient-gray {
  background: linear-gradient(87deg,var(--design-border-strong),var(--design-border-strong)) !important;
}
& .bg-gradient-gray-dark {
  background: linear-gradient(87deg,var(--design-primary-active),var(--design-info)) !important;
}
& .bg-gradient-light {
  background: linear-gradient(87deg,var(--design-border-strong),var(--design-border-strong)) !important;
}
& .bg-gradient-lighter {
  background: linear-gradient(87deg,var(--design-surface-3),var(--design-surface-3)) !important;
}
& .bg-translucent-primary {
  background-color: rgba(var(--design-primary-rgb), 0.6) !important;
}
& a.bg-translucent-primary:focus,
& a.bg-translucent-primary:hover,
& button.bg-translucent-primary:focus,
& button.bg-translucent-primary:hover {
  background-color: rgba(var(--design-primary-hover-rgb), 0.6) !important;
}
& .bg-translucent-secondary,
& a.bg-translucent-secondary:focus,
& a.bg-translucent-secondary:hover,
& button.bg-translucent-secondary:focus,
& button.bg-translucent-secondary:hover {
  background-color: rgba(var(--design-info-border-rgb), 0.6) !important;
}
& .bg-translucent-success,
& a.bg-translucent-success:focus {
  background-color: rgba(var(--design-success-rgb), 0.6) !important;
}
& a.bg-translucent-success:hover {
  background-color: rgba(var(--design-success-hover-rgb), 0.6) !important;
}
& button.bg-translucent-success:focus {
  background-color: rgba(var(--design-success-rgb), 0.6) !important;
}
& button.bg-translucent-success:hover {
  background-color: rgba(var(--design-success-hover-rgb), 0.6) !important;
}
& .bg-translucent-info,
& a.bg-translucent-info:focus {
  background-color: rgba(var(--design-info-rgb), 0.6) !important;
}
& a.bg-translucent-info:hover {
  background-color: rgba(var(--design-info-hover-rgb), 0.6) !important;
}
& button.bg-translucent-info:focus {
  background-color: rgba(var(--design-info-rgb), 0.6) !important;
}
& button.bg-translucent-info:hover {
  background-color: rgba(var(--design-info-hover-rgb), 0.6) !important;
}
& .bg-translucent-warning,
& a.bg-translucent-warning:focus {
  background-color: rgba(var(--design-danger-rgb), 0.6) !important;
}
& a.bg-translucent-warning:hover {
  background-color: rgba(var(--design-danger-hover-rgb), 0.6) !important;
}
& button.bg-translucent-warning:focus {
  background-color: rgba(var(--design-danger-rgb), 0.6) !important;
}
& button.bg-translucent-warning:hover {
  background-color: rgba(var(--design-danger-hover-rgb), 0.6) !important;
}
& .bg-translucent-danger,
& a.bg-translucent-danger:focus {
  background-color: rgba(var(--design-danger-rgb), 0.6) !important;
}
& a.bg-translucent-danger:hover {
  background-color: rgba(var(--design-danger-hover-rgb), 0.6) !important;
}
& button.bg-translucent-danger:focus {
  background-color: rgba(var(--design-danger-rgb), 0.6) !important;
}
& button.bg-translucent-danger:hover {
  background-color: rgba(var(--design-danger-hover-rgb), 0.6) !important;
}
& .bg-translucent-light {
  background-color: rgba(var(--design-border-strong-rgb), 0.6) !important;
}
& a.bg-translucent-light:focus,
& a.bg-translucent-light:hover,
& button.bg-translucent-light:focus,
& button.bg-translucent-light:hover {
  background-color: rgba(var(--design-text-muted-rgb), 0.6) !important;
}
& .bg-translucent-dark,
& a.bg-translucent-dark:focus,
& a.bg-translucent-dark:hover,
& button.bg-translucent-dark:focus,
& button.bg-translucent-dark:hover {
  background-color: rgba(var(--design-text-rgb), 0.6) !important;
}
& .bg-translucent-default {
  background-color: rgba(var(--design-primary-active-rgb), 0.6) !important;
}
& a.bg-translucent-default:focus,
& a.bg-translucent-default:hover,
& button.bg-translucent-default:focus,
& button.bg-translucent-default:hover {
  background-color: rgba(var(--design-text-rgb), 0.6) !important;
}
& .bg-translucent-white {
  background-color: rgba(var(--design-surface-3-rgb), 0.6) !important;
}
& a.bg-translucent-white:focus {
  background-color: rgba(var(--design-surface-active-rgb), 0.6) !important;
}
& a.bg-translucent-white:hover {
  background-color: rgba(var(--design-surface-hover-rgb), 0.6) !important;
}
& button.bg-translucent-white:focus {
  background-color: rgba(var(--design-surface-active-rgb), 0.6) !important;
}
& button.bg-translucent-white:hover {
  background-color: rgba(var(--design-surface-hover-rgb), 0.6) !important;
}
& .bg-translucent-neutral {
  background-color: rgba(var(--design-surface-3-rgb), 0.6) !important;
}
& a.bg-translucent-neutral:focus {
  background-color: rgba(var(--design-surface-active-rgb), 0.6) !important;
}
& a.bg-translucent-neutral:hover {
  background-color: rgba(var(--design-surface-hover-rgb), 0.6) !important;
}
& button.bg-translucent-neutral:focus {
  background-color: rgba(var(--design-surface-active-rgb), 0.6) !important;
}
& button.bg-translucent-neutral:hover {
  background-color: rgba(var(--design-surface-hover-rgb), 0.6) !important;
}
& .bg-translucent-darker,
& a.bg-translucent-darker:focus,
& a.bg-translucent-darker:hover,
& button.bg-translucent-darker:focus,
& button.bg-translucent-darker:hover {
  background-color: rgba(var(--design-text-rgb), 0.6) !important;
}
& .section-primary {
  background-color: var(--design-surface-3) !important;
}
& a.section-primary:focus,
& a.section-primary:hover,
& button.section-primary:focus,
& button.section-primary:hover {
  background-color: var(--design-info-border) !important;
}
& .section-secondary {
  background-color: var(--design-surface-3) !important;
}
& a.section-secondary:focus,
& a.section-secondary:hover,
& button.section-secondary:focus,
& button.section-secondary:hover {
  background-color: var(--design-info-border) !important;
}
& .section-light,
& a.section-light:focus,
& a.section-light:hover,
& button.section-light:focus,
& button.section-light:hover {
  background-color: var(--design-border-strong) !important;
}
& .section-dark,
& a.section-dark:focus,
& a.section-dark:hover,
& button.section-dark:focus,
& button.section-dark:hover,
& .section-darker,
& a.section-darker:focus,
& a.section-darker:hover,
& button.section-darker:focus,
& button.section-darker:hover {
  background-color: var(--design-text) !important;
}
& .bg-gradient-primary {
  background: linear-gradient(87deg,var(--design-primary),var(--design-info-border)) !important;
}
& .bg-gradient-secondary {
  background: linear-gradient(87deg,var(--design-surface-3),var(--design-surface-3)) !important;
}
& .bg-gradient-success {
  background: linear-gradient(87deg,var(--design-success),var(--design-info)) !important;
}
& .bg-gradient-info {
  background: linear-gradient(87deg,var(--design-info),var(--design-primary-hover)) !important;
}
& .bg-gradient-warning {
  background: linear-gradient(87deg,var(--design-danger),var(--design-warning)) !important;
}
& .bg-gradient-danger {
  background: linear-gradient(87deg,var(--design-danger),var(--design-danger)) !important;
}
& .bg-gradient-light {
  background: linear-gradient(87deg,var(--design-border-strong),var(--design-border-strong)) !important;
}
& .bg-gradient-dark,
& .bg-gradient-default {
  background: linear-gradient(87deg,var(--design-frame),var(--design-frame)) !important;
}
& .bg-gradient-neutral,
& .bg-gradient-white {
  background: linear-gradient(87deg,var(--design-surface-2),var(--design-surface-2)) !important;
}
& .bg-gradient-darker {
  background: linear-gradient(87deg,var(--design-text),var(--design-text)) !important;
}
& .fill-primary {
  fill: var(--design-link);
}
& .stroke-primary {
  stroke: var(--design-link);
}
& .fill-secondary {
  fill: var(--design-on-primary);
}
& .stroke-secondary {
  stroke: var(--design-on-primary);
}
& .fill-success {
  fill: var(--design-success);
}
& .stroke-success {
  stroke: var(--design-success);
}
& .fill-info {
  fill: var(--design-info);
}
& .stroke-info {
  stroke: var(--design-info);
}
& .fill-warning,
& .fill-danger {
  fill: var(--design-danger);
}
& .stroke-warning,
& .stroke-danger {
  stroke: var(--design-danger);
}
& .fill-light {
  fill: var(--design-text-muted);
}
& .stroke-light {
  stroke: var(--design-text-muted);
}
& .fill-dark {
  fill: var(--design-text);
}
& .stroke-dark {
  stroke: var(--design-text);
}
& .fill-default {
  fill: var(--design-link);
}
& .stroke-default {
  stroke: var(--design-link);
}
& .fill-white,
& .fill-neutral {
  fill: var(--design-on-primary);
}
& .stroke-white,
& .stroke-neutral {
  stroke: var(--design-on-primary);
}
& .fill-darker {
  fill: var(--design-text);
}
& .stroke-darker {
  stroke: var(--design-text);
}
& .shadow-sm--hover:hover,
& .shadow--hover:hover,
& .shadow-lg--hover:hover {
  box-shadow: var(--design-shadow-1) !important;
}
& .text-blue,
& a.text-blue:focus,
& a.text-blue:hover {
  color: var(--design-link) !important;
}
& .text-indigo,
& a.text-indigo:focus,
& a.text-indigo:hover {
  color: var(--design-info) !important;
}
& .text-purple,
& a.text-purple:focus,
& a.text-purple:hover {
  color: var(--design-link) !important;
}
& .text-pink,
& a.text-pink:focus,
& a.text-pink:hover,
& .text-red,
& a.text-red:focus,
& a.text-red:hover,
& .text-orange,
& a.text-orange:focus,
& a.text-orange:hover {
  color: var(--design-danger) !important;
}
& .text-yellow,
& a.text-yellow:focus,
& a.text-yellow:hover {
  color: var(--design-warning) !important;
}
& .text-green,
& a.text-green:focus,
& a.text-green:hover {
  color: var(--design-success) !important;
}
& .text-teal,
& a.text-teal:focus,
& a.text-teal:hover {
  color: var(--design-info) !important;
}
& .text-cyan,
& a.text-cyan:focus,
& a.text-cyan:hover {
  color: var(--design-success) !important;
}
& .text-white,
& a.text-white:focus,
& a.text-white:hover {
  color: var(--design-on-frame) !important;
}
& .text-gray,
& a.text-gray:focus,
& a.text-gray:hover {
  color: var(--design-text-muted) !important;
}
& .text-gray-dark,
& a.text-gray-dark:focus,
& a.text-gray-dark:hover {
  color: var(--design-link) !important;
}
& .text-light,
& a.text-light:focus,
& a.text-light:hover {
  color: var(--design-text-muted) !important;
}
& .text-lighter {
  color: var(--design-on-primary) !important;
}
& a.text-lighter:focus,
& a.text-lighter:hover {
  color: var(--design-text-muted) !important;
}
& .datepicker-dropdown {
  box-shadow: 0 50px 100px rgba(var(--design-link-rgb), 0.1), 0 15px 35px rgba(var(--design-link-rgb), 0.15), var(--design-shadow-3);
}
& .datepicker-dropdown.datepicker-orient-top:before,
& .datepicker-dropdown.datepicker-orient-top:after {
  border-top-color: var(--design-surface-2);
}
& .datepicker table tr td.new,
& .datepicker table tr td.old {
  color: var(--design-text-muted);
}
& .datepicker table tr td.day:hover,
& .datepicker table tr td.focused {
  background-color: var(--design-surface-2);
}
& .datepicker table tr td.disabled,
& .datepicker table tr td.disabled:hover {
  background-color: transparent;
  background-image: none;
  color: var(--design-on-primary);
}
& .datepicker table tr td.highlighted.focused {
  background-color: var(--design-primary);
}
& .datepicker table tr td.highlighted.disabled {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .datepicker table tr td.highlighted.disabled:active {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .datepicker table tr td.today,
& .datepicker table tr td.today.focused {
  background-color: var(--design-surface-2);
}
& .datepicker table tr td.today.disabled,
& .datepicker table tr td.today.disabled:active {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .datepicker table tr td.range {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .datepicker table tr td.range.focused {
  background-color: var(--design-primary);
}
& .datepicker table tr td.range.day.disabled:hover {
  background-color: var(--design-primary-hover);
  color: var(--design-link);
}
& .datepicker table tr td.range.disabled,
& .datepicker table tr td.range.disabled:active {
  background-color: var(--design-primary);
  color: var(--design-link);
}
& .datepicker table tr td.range.highlighted.focused {
  background-color: var(--design-border-strong);
}
& .datepicker table tr td.range.highlighted.disabled {
  background-color: var(--design-surface-3);
  color: var(--design-on-primary);
}
& .datepicker table tr td.range.highlighted.disabled:active {
  background-color: var(--design-surface-active);
  color: var(--design-on-primary);
}
& .datepicker table tr td.range.today.disabled {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .datepicker table tr td.range.today.disabled:active {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .datepicker table tr td.day.range:hover {
  background-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .datepicker table tr td.selected,
& .datepicker table tr td.selected.highlighted {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .datepicker table tr td.selected.highlighted:hover,
& .datepicker table tr td.selected:hover {
  background-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .datepicker table tr td.active,
& .datepicker table tr td.active.highlighted,
& .datepicker table tr td.active.highlighted:hover,
& .datepicker table tr td.active:hover {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .datepicker table tr td span.focused {
  background-color: var(--design-surface-3);
}
& .datepicker table tr td span:hover {
  background-color: var(--design-surface-hover);
}
& .datepicker table tr td span.disabled {
  background-color: transparent;
  background-image: none;
  color: var(--design-on-primary);
}
& .datepicker table tr td span.disabled:hover {
  color: var(--design-on-primary);
}
& .datepicker table tr td span.active,
& .datepicker table tr td span.active.disabled,
& .datepicker table tr td span.active.disabled:hover,
& .datepicker table tr td span.active:hover {
  text-shadow: none;
}
& .datepicker table tr td span.new,
& .datepicker table tr td span.old {
  color: var(--design-text-muted);
}
& .datepicker .datepicker-switch:hover,
& .datepicker .next:hover,
& .datepicker .prev:hover,
& .datepicker tfoot tr th:hover {
  background-color: var(--design-surface-hover);
}
& .bootstrap-tagsinput {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .bootstrap-tagsinput input::-moz-placeholder {
  color: var(--design-text-muted);
}
& .bootstrap-tagsinput input::placeholder {
  color: var(--design-text-muted);
}
& .bootstrap-tagsinput .badge {
  background-color: var(--design-primary-active);
  box-shadow: var(--design-shadow-1);
  color: var(--design-on-primary);
}
& .bootstrap-tagsinput [data-role=remove] {
  color: var(--design-on-primary);
}
& #chartjs-tooltip {
  background-color: rgba(var(--design-text-rgb), 0.7);
  color: var(--design-surface-1);
}
& table.dataTable tbody>tr.selected {
  background-color: var(--design-primary);
}
& .dz-message {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}
& .dz-message:hover {
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .dz-drag-hover .dz-message {
  border-color: var(--design-primary);
  color: var(--design-link);
}
& .dropzone-single.dz-max-files-reached .dz-message {
  background-color: rgba(var(--design-text-rgb), 0.9);
  color: var(--design-surface-1);
}
& .fc th {
  color: var(--design-text-muted);
}
& .fc-unthemed td.fc-today span {
  color: var(--design-danger);
}
& .fc-event .fc-title {
  color: var(--design-on-primary);
}
& .fc-event .fc-time {
  background-color: rgba(var(--design-text-rgb), 0.2);
}
& .fc-icon:hover {
  color: var(--design-link);
}
& .fc-button {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
& .calendar td,
& .calendar th {
  border-color: var(--design-border);
}
& .calendar .fc-toolbar {
  background-color: var(--design-surface-2);
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
@media (min-width:576px) {
& .calendar .fc-day-number {
  color: var(--design-text-muted);
}
}
}
:where(html:has(> head > link[href*="/css/admin.css"])) {
& .widget-calendar td,
& .widget-calendar th {
  border-color: transparent;
}
& .noUi-target,
& .noUi-target * {
  -webkit-tap-highlight-color: rgba(var(--design-text-rgb), 0);
}
& .noUi-handle {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  box-shadow: inset 0 0 1px rgba(var(--design-surface-2-rgb), 0.12), inset 0 1px 7px rgba(var(--design-surface-2-rgb), 0.12), var(--design-shadow-2);
}
& [disabled] .noUi-connect,
& .noUi-marker,
& .noUi-marker-large,
& .noUi-marker-sub {
  background-color: var(--design-border-strong);
}
& .noUi-pips,
& .noUi-value-sub {
  color: var(--design-text-muted);
}
& .noUi-tooltip {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .noUi-target {
  background-color: var(--design-surface-3);
  box-shadow: inset 0 1px 2px rgba(var(--design-text-rgb), 0.1);
}
& .noUi-connect {
  background-color: var(--design-primary);
  box-shadow: none;
}
& .noUi-horizontal .noUi-handle,
& .noUi-vertical .noUi-handle {
  background-color: var(--design-primary);
}
& .noUi-horizontal .noUi-handle.noUi-active,
& .noUi-vertical .noUi-handle.noUi-active {
  box-shadow: 0 0 0 2px var(--design-link);
}
& .input-slider--cyan .noUi-connect {
  background-color: var(--design-success);
}
& [disabled] .noUi-connect,
& [disabled].noUi-connect {
  background-color: var(--design-border-strong);
}
& .range-slider-value {
  background-color: rgba(var(--design-text-rgb), 0.7);
  color: var(--design-surface-1);
}
& .input-slider-value-output {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& .input-slider-value-output:after {
  border-color: rgba(var(--design-link-rgb), 0);
  border-bottom-color: var(--design-border-strong);
}
& .ql-toolbar {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}
& .ql-editor {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  box-shadow: var(--design-shadow-1);
  color: var(--design-text-muted);
}
& .ql-editor:focus {
  background-color: var(--design-surface-2);
  border-color: var(--design-primary);
  border-color: var(--design-border);
  box-shadow: 0 3px 9px transparent, 3px 4px 8px rgba(var(--design-link-rgb), 0.1);
  color: var(--design-text-muted);
}
& .ql-editor.ql-blank:before,
& .ql-toolbar button {
  color: var(--design-text-muted);
}
& .ql-toolbar button:hover,
& .ql-toolbar .ql-active {
  color: var(--design-link);
}
& .ql-tooltip {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.05);
  box-shadow: var(--design-shadow-1);
}
& .ql-tooltip:before {
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.05);
}
& .ql-tooltip:after {
  border-bottom-color: var(--design-surface-2);
}
& .ql-tooltip input {
  color: var(--design-text-muted);
}
& .ql-tooltip .ql-action:before.focus,
& .ql-tooltip .ql-action:before:focus,
& .ql-tooltip .ql-remove:before.focus,
& .ql-tooltip .ql-remove:before:focus {
  box-shadow: 0 7px 14px rgba(var(--design-link-rgb), 0.1), var(--design-shadow-2);
}
& .ql-tooltip .ql-action:before,
& .ql-tooltip.ql-editing .ql-action:before {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
  color: var(--design-on-primary);
}
& .ql-tooltip .ql-action:before:hover,
& .ql-tooltip.ql-editing .ql-action:before:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .ql-tooltip .ql-action:before.focus,
& .ql-tooltip .ql-action:before:focus,
& .ql-tooltip.ql-editing .ql-action:before.focus,
& .ql-tooltip.ql-editing .ql-action:before:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 rgba(var(--design-link-rgb), 0.5), var(--design-shadow-1);
}
& .ql-tooltip .ql-action:before.disabled,
& .ql-tooltip .ql-action:before:disabled,
& .ql-tooltip.ql-editing .ql-action:before.disabled,
& .ql-tooltip.ql-editing .ql-action:before:disabled {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .ql-tooltip .ql-action:before:not(:disabled):not(.disabled).active,
& .ql-tooltip .ql-action:before:not(:disabled):not(.disabled):active,
& .ql-tooltip.ql-editing .ql-action:before:not(:disabled):not(.disabled).active,
& .ql-tooltip.ql-editing .ql-action:before:not(:disabled):not(.disabled):active {
  background-color: var(--design-primary);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .show>.ql-tooltip .ql-action:before.dropdown-toggle,
& .show>.ql-tooltip.ql-editing .ql-action:before.dropdown-toggle {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .ql-tooltip .ql-action:before:not(:disabled):not(.disabled).active:focus,
& .ql-tooltip .ql-action:before:not(:disabled):not(.disabled):active:focus,
& .ql-tooltip.ql-editing .ql-action:before:not(:disabled):not(.disabled).active:focus,
& .ql-tooltip.ql-editing .ql-action:before:not(:disabled):not(.disabled):active:focus,
& .show>.ql-tooltip .ql-action:before.dropdown-toggle:focus,
& .show>.ql-tooltip.ql-editing .ql-action:before.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(var(--design-link-rgb), 0.5);
}
& .ql-tooltip .ql-remove:before {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), var(--design-shadow-1);
  color: var(--design-text);
}
& .ql-tooltip .ql-remove:before:hover,
& .ql-tooltip .ql-remove:before.disabled,
& .ql-tooltip .ql-remove:before:disabled {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .ql-tooltip .ql-remove:before.focus,
& .ql-tooltip .ql-remove:before:focus {
  box-shadow: 0 4px 6px rgba(var(--design-link-rgb), 0.11), 0 0 0 0 var(--design-surface-2), var(--design-shadow-1);
}
& .ql-tooltip .ql-remove:before:not(:disabled):not(.disabled).active,
& .ql-tooltip .ql-remove:before:not(:disabled):not(.disabled):active,
& .show>.ql-tooltip .ql-remove:before.dropdown-toggle {
  background-color: var(--design-surface-active);
  border-color: var(--design-surface-2);
  color: var(--design-text);
}
& .ql-tooltip .ql-remove:before:not(:disabled):not(.disabled).active:focus,
& .ql-tooltip .ql-remove:before:not(:disabled):not(.disabled):active:focus,
& .show>.ql-tooltip .ql-remove:before.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 var(--design-surface-2);
}
& .scroll-textarea {
  border-color: var(--design-border-strong);
  border-top-color: var(--design-border-strong);
}
& .scrollbar-inner>.scroll-element .scroll-element_track {
  background-color: var(--design-surface-active);
}
& .scrollbar-inner>.scroll-element .scroll-bar {
  background-color: var(--design-border-strong);
}
& .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
& .scrollbar-inner>.scroll-element:hover .scroll-bar {
  background-color: var(--design-text-muted);
}
& .scrollbar-outer>.scroll-element {
  background-color: var(--design-surface-2);
}
& .scrollbar-outer>.scroll-element .scroll-element_track {
  background-color: var(--design-surface-3);
}
& .scrollbar-outer>.scroll-element .scroll-bar,
& .scrollbar-outer>.scroll-element .scroll-bar:hover {
  background-color: var(--design-border-strong);
}
& .scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
  background-color: var(--design-text-muted);
}
& .scrollbar-macosx>.scroll-element {
  background-color: transparent;
  background-image: none;
}
& .scrollbar-macosx>.scroll-element .scroll-bar {
  background-color: var(--design-text-muted);
}
& .scrollbar-light>.scroll-element {
  background-color: var(--design-surface-2);
}
& .scrollbar-light>.scroll-element .scroll-element_size {
  background-color: var(--design-border-strong);
}
& .scrollbar-light>.scroll-element .scroll-bar {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
}
& .scrollbar-rail>.scroll-element {
  background-color: var(--design-surface-2);
}
& .scrollbar-rail>.scroll-element .scroll-element_size {
  background-color: var(--design-border-strong);
  background-color: rgba(var(--design-text-rgb), 0.3);
}
& .scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: var(--design-text-muted);
  background-color: rgba(var(--design-text-rgb), 0.5);
}
& .scrollbar-rail>.scroll-element .scroll-bar {
  background-color: var(--design-warning-border);
  box-shadow: var(--design-shadow-1);
}
& .scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: var(--design-shadow-1);
}
& .scrollbar-dynamic>.scroll-element {
  background-color: transparent;
  background-image: none;
}
& .scrollbar-dynamic>.scroll-element .scroll-element_size {
  background-color: var(--design-border-strong);
}
& .scrollbar-dynamic>.scroll-element .scroll-bar {
  background-color: var(--design-text-muted);
}
& .scrollbar-chrome>.scroll-element {
  background-color: var(--design-surface-2);
}
& .scrollbar-chrome>.scroll-element .scroll-element_track {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
}
& .scrollbar-chrome>.scroll-element .scroll-bar,
& .scrollbar-chrome>.scroll-element .scroll-bar:hover {
  background-color: var(--design-border-strong);
  border-color: var(--design-border-strong);
}
& .scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
}
& .scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer {
  border-left-color: var(--design-border);
}
& .scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer {
  border-top-color: var(--design-border);
}
& .scrollbar-inner .scroll-element .scroll-element_track {
  background-color: transparent;
}
& .select2-container .select2-selection--single,
& .select2-container--default .select2-search--dropdown .select2-search__field,
& .select2-container--default .select2-selection--multiple,
& .select2-container--default.select2-container--focus .select2-selection--multiple {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
  box-shadow: var(--design-shadow-1);
  color: var(--design-text-muted);
}
& .select2-container .select2-selection--single:focus,
& .select2-container--default .select2-search--dropdown .select2-search__field:focus,
& .select2-container--default .select2-selection--multiple:focus,
& .select2-container--default.select2-container--focus .select2-selection--multiple:focus {
  background-color: var(--design-surface-2);
  border-color: var(--design-primary);
  box-shadow: 0 3px 9px transparent, 3px 4px 8px rgba(var(--design-link-rgb), 0.1);
  color: var(--design-text-muted);
}
& .select2-container .select2-selection--single::-moz-placeholder,
& .select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder,
& .select2-container--default .select2-selection--multiple::-moz-placeholder,
& .select2-container--default.select2-container--focus .select2-selection--multiple::-moz-placeholder {
  color: var(--design-text-muted);
}
& .select2-container .select2-selection--single::placeholder,
& .select2-container--default .select2-search--dropdown .select2-search__field::placeholder,
& .select2-container--default .select2-selection--multiple::placeholder,
& .select2-container--default.select2-container--focus .select2-selection--multiple::placeholder {
  color: var(--design-text-muted);
}
& .select2-container .select2-selection--single:disabled,
& .select2-container .select2-selection--single[readonly],
& .select2-container--default .select2-search--dropdown .select2-search__field:disabled,
& .select2-container--default .select2-search--dropdown .select2-search__field[readonly],
& .select2-container--default .select2-selection--multiple:disabled,
& .select2-container--default .select2-selection--multiple[readonly],
& .select2-container--default.select2-container--focus .select2-selection--multiple:disabled,
& .select2-container--default.select2-container--focus .select2-selection--multiple[readonly] {
  background-color: var(--design-surface-3);
}
& .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit;
}
& .select2-dropdown {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
}
& .select2-results__option {
  background-color: var(--design-surface-2);
  color: var(--design-text);
}
& .select2-results__option:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& .select2-results__option:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}
& .select2-container--default .select2-results__option--highlighted[aria-selected],
& .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: transparent;
  color: var(--design-text);
}
& .select2-container--default .select2-results__option[aria-disabled=true] {
  color: var(--design-text-muted);
}
& .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
& .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--design-text-muted);
}
& .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch .table-condensed:hover,
& .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover,
& .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
& .bootstrap-datetimepicker-widget table td.day:hover>div,
& .bootstrap-datetimepicker-widget table td.hour:hover>div,
& .bootstrap-datetimepicker-widget table td.minute:hover>div,
& .bootstrap-datetimepicker-widget table td.second:hover>div {
  background-color: var(--design-surface-hover);
}
& .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed .btn[data-action=togglePeriod]:hover,
& .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed .separator {
  color: var(--design-text-muted) !important;
}
& .bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade,
& .bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month,
& .bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year {
  color: var(--design-text-muted);
}
& .bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade.active,
& .bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month.active,
& .bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year.active,
& .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
& .bootstrap-datetimepicker-widget a[data-action] {
  color: var(--design-on-primary);
}
& .bootstrap-datetimepicker-widget a[data-action=togglePicker],
& .bootstrap-datetimepicker-widget a[data-action=togglePicker]:hover {
  color: var(--design-link);
}
& .bootstrap-datetimepicker-widget .timepicker-hour,
& .bootstrap-datetimepicker-widget .timepicker-minute,
& .bootstrap-datetimepicker-widget .timepicker-second {
  color: var(--design-text-muted);
}
& .bootstrap-datetimepicker-widget button[data-action] {
  box-shadow: var(--design-shadow-3);
}
& .bootstrap-datetimepicker-widget .picker-switch {
  color: var(--design-link);
}
& .bootstrap-datetimepicker-widget table th.disabled,
& .bootstrap-datetimepicker-widget table th.disabled:hover {
  color: var(--design-text-muted);
}
& .bootstrap-datetimepicker-widget table th.next span,
& .bootstrap-datetimepicker-widget table th.prev span,
& .bootstrap-datetimepicker-widget table th.dow {
  color: var(--design-link);
}
& .bootstrap-datetimepicker-widget table td.cw>div,
& .bootstrap-datetimepicker-widget table td.day>div,
& .bootstrap-datetimepicker-widget table td.hour>div,
& .bootstrap-datetimepicker-widget table td.minute>div {
  color: var(--design-text-muted);
}
& .bootstrap-datetimepicker-widget table td.new>div,
& .bootstrap-datetimepicker-widget table td.old>div {
  color: var(--design-link);
}
& .bootstrap-datetimepicker-widget table td.today>div:before {
  border-color: rgba(var(--design-border-strong-rgb), 0.2) transparent var(--design-info);
}
& .bootstrap-datetimepicker-widget table td.active:hover>div,
& .bootstrap-datetimepicker-widget table td.active>div {
  background-color: var(--design-primary-active);
  box-shadow: var(--design-shadow-3);
  color: var(--design-on-primary);
}
& .bootstrap-datetimepicker-widget table td.active.today:before>div {
  border-bottom-color: var(--design-surface-2);
}
& .bootstrap-datetimepicker-widget table td.disabled:hover>div,
& .bootstrap-datetimepicker-widget table td.disabled>div {
  background-color: transparent;
  background-image: none;
  color: var(--design-text-muted);
}
& .bootstrap-datetimepicker-widget table td span.active {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .bootstrap-datetimepicker-widget table td span.old {
  color: var(--design-text-muted);
}
& .bootstrap-datetimepicker-widget table td span.disabled,
& .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background-color: transparent;
  background-image: none;
  color: var(--design-text-muted);
}
& .bootstrap-datetimepicker-widget .separator {
  color: var(--design-danger);
}
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .picker-switch,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .separator,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .timepicker-hours span,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .timepicker-minutes span,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget a[data-action=togglePicker],
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget a[data-action=togglePicker]:hover,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget span,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.day>div,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.hour>div,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.minute>div,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table th.next span,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table th.prev span {
  color: var(--design-text-muted);
}
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table th.dow {
  color: rgba(var(--design-on-primary-rgb), 0.8);
}
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.new>div,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.old>div {
  color: rgba(var(--design-on-primary-rgb), 0.4);
}
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget button[data-action],
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.active:hover>div,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.active>div {
  background-color: var(--design-surface-2);
}
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td span:hover,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.hour:hover>div,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.minute:hover>div,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.second:hover>div,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td:not(.active).day:hover>div,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover,
& input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span {
  background-color: rgba(var(--design-surface-2-rgb), 0.2);
}
& input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget {
  background-color: var(--design-primary);
}
& input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget button[data-action],
& input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget table td.active:hover>div,
& input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget table td.active>div,
& input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
& input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  color: var(--design-link);
}
& input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget {
  background-color: var(--design-info);
}
& input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget button[data-action],
& input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget table td.active:hover>div,
& input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget table td.active>div,
& input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
& input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  color: var(--design-info);
}
& input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget {
  background-color: var(--design-success);
}
& input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget button[data-action],
& input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget table td.active:hover>div,
& input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget table td.active>div,
& input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
& input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  color: var(--design-success);
}
& input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget,
& input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget {
  background-color: var(--design-danger);
}
& input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget button[data-action],
& input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget table td.active:hover>div,
& input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget table td.active>div,
& input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
& input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after,
& input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget button[data-action],
& input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget table td.active:hover>div,
& input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget table td.active>div,
& input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
& input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  color: var(--design-danger);
}
& .bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day,
& .bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute {
  color: rgba(var(--design-on-primary-rgb), 0.7);
}
& .bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day:hover,
& .bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute:hover {
  color: var(--design-text);
}
& .bootstrap-datetimepicker-widget.dropdown-black table td span,
& .bootstrap-datetimepicker-widget.dropdown-black table td.hour,
& .bootstrap-datetimepicker-widget.dropdown-black table td.minute {
  color: rgba(var(--design-on-primary-rgb), 0.7);
}
& .bootstrap-datetimepicker-widget.dropdown-black table td span:hover,
& .bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover,
& .bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover {
  background-color: transparent;
  background-image: none;
  color: rgba(var(--design-on-primary-rgb), 0.4);
}
& .bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover div,
& .bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover div,
& .bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action=togglePeriod] {
  background-color: transparent;
  background-image: none;
}
& .bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action] {
  color: var(--design-on-primary);
}
& .backdrop {
  background-color: rgba(var(--design-surface-3-rgb), 0.8);
}
& .list-fade-bottom:after {
  background-image: linear-gradient(180deg,rgba(var(--design-surface-2-rgb), 0),var(--design-surface-2) 90%);
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
& .fa-border {
  border-color: var(--design-border);
}
& .fa-inverse,
& .fad.fa-inverse {
  color: var(--design-text);
}
& {
  -webkit-tap-highlight-color: rgba(var(--design-text-rgb), 0);
}
& body {
  background-color: var(--design-surface-1);
  color: var(--design-text);
}
& a {
  background-color: transparent;
  color: var(--design-link);
}
& a:hover {
  color: var(--design-link);
}
& caption {
  color: var(--design-text-muted);
}
& legend {
  color: inherit;
}
& hr {
  border-top-color: rgba(var(--design-border-strong-rgb), 0.1);
}
& .mark,
& mark {
  background-color: var(--design-warning-subtle);
}
& .blockquote-footer,
& .figure-caption {
  color: var(--design-text-muted);
}
& .img-thumbnail {
  background-color: rgba(var(--design-surface-3-rgb), 0.47);
  border-color: var(--design-border);
}
& code {
  color: var(--design-danger);
}
& kbd {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& pre,
& .table {
  color: var(--design-text);
}
& .table td,
& .table th,
& .table tbody+tbody {
  border-top-color: var(--design-border);
}
& .table thead th {
  border-bottom-color: var(--design-border);
}
& .table-bordered,
& .table-bordered td,
& .table-bordered th {
  border-color: var(--design-border);
}
& .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(var(--design-text-rgb), 0.05);
}
& .table-hover tbody tr:hover {
  background-color: rgba(var(--design-text-rgb), 0.07);
  color: var(--design-text);
}
& .table-primary,
& .table-primary>td,
& .table-primary>th,
& .table-hover .table-primary:hover,
& .table-hover .table-primary:hover>td,
& .table-hover .table-primary:hover>th {
  background-color: var(--design-info-border);
}
& .table-primary tbody+tbody,
& .table-primary td,
& .table-primary th,
& .table-primary thead th {
  border-color: var(--design-link);
}
& .table-secondary,
& .table-secondary>td,
& .table-secondary>th,
& .table-hover .table-secondary:hover,
& .table-hover .table-secondary:hover>td,
& .table-hover .table-secondary:hover>th {
  background-color: var(--design-border-strong);
}
& .table-secondary tbody+tbody,
& .table-secondary td,
& .table-secondary th,
& .table-secondary thead th {
  border-color: var(--design-border-strong);
}
& .table-success,
& .table-success>td,
& .table-success>th,
& .table-hover .table-success:hover,
& .table-hover .table-success:hover>td,
& .table-hover .table-success:hover>th {
  background-color: var(--design-success-border);
}
& .table-success tbody+tbody,
& .table-success td,
& .table-success th,
& .table-success thead th {
  border-color: var(--design-success);
}
& .table-info,
& .table-info>td,
& .table-info>th,
& .table-hover .table-info:hover,
& .table-hover .table-info:hover>td,
& .table-hover .table-info:hover>th {
  background-color: var(--design-info-border);
}
& .table-info tbody+tbody,
& .table-info td,
& .table-info th,
& .table-info thead th {
  border-color: var(--design-info);
}
& .table-warning,
& .table-warning>td,
& .table-warning>th,
& .table-hover .table-warning:hover,
& .table-hover .table-warning:hover>td,
& .table-hover .table-warning:hover>th {
  background-color: var(--design-warning-border);
}
& .table-warning tbody+tbody,
& .table-warning td,
& .table-warning th,
& .table-warning thead th {
  border-color: var(--design-warning-border);
}
& .table-danger,
& .table-danger>td,
& .table-danger>th,
& .table-hover .table-danger:hover,
& .table-hover .table-danger:hover>td,
& .table-hover .table-danger:hover>th {
  background-color: var(--design-danger-border);
}
& .table-danger tbody+tbody,
& .table-danger td,
& .table-danger th,
& .table-danger thead th {
  border-color: var(--design-danger-border);
}
& .table-light,
& .table-light>td,
& .table-light>th {
  background-color: var(--design-surface-2);
}
& .table-light tbody+tbody,
& .table-light td,
& .table-light th,
& .table-light thead th {
  border-color: var(--design-surface-2);
}
& .table-hover .table-light:hover,
& .table-hover .table-light:hover>td,
& .table-hover .table-light:hover>th {
  background-color: var(--design-surface-hover);
}
& .table-dark,
& .table-dark>td,
& .table-dark>th,
& .table-hover .table-dark:hover,
& .table-hover .table-dark:hover>td,
& .table-hover .table-dark:hover>th,
& .table-muted,
& .table-muted>td,
& .table-muted>th,
& .table-hover .table-muted:hover,
& .table-hover .table-muted:hover>td,
& .table-hover .table-muted:hover>th {
  background-color: var(--design-border-strong);
}
& .table-dark tbody+tbody,
& .table-dark td,
& .table-dark th,
& .table-dark thead th,
& .table-muted tbody+tbody,
& .table-muted td,
& .table-muted th,
& .table-muted thead th {
  border-color: var(--design-border-strong);
}
& .table-active,
& .table-active>td,
& .table-active>th,
& .table-hover .table-active:hover,
& .table-hover .table-active:hover>td,
& .table-hover .table-active:hover>th {
  background-color: rgba(var(--design-text-rgb), 0.07);
}
& .table .thead-dark th {
  background-color: var(--design-surface-3);
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .table .thead-light th {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}
& .table-dark {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& .table-dark td,
& .table-dark th,
& .table-dark thead th {
  border-color: var(--design-border-strong);
}
& .table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(var(--design-surface-2-rgb), 0.05);
}
& .table-dark.table-hover tbody tr:hover {
  background-color: rgba(var(--design-surface-2-rgb), 0.07);
  color: var(--design-text);
}
& .form-control {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .form-control:focus {
  background-color: var(--design-surface-2);
  border-color: var(--design-link);
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
  color: var(--design-text-muted);
}
& .form-control::-moz-placeholder {
  color: var(--design-text-muted);
}
& .form-control::placeholder {
  color: var(--design-text-muted);
}
& .form-control:disabled,
& .form-control[readonly] {
  background-color: var(--design-surface-3);
}
& select.form-control:-moz-focusring {
  text-shadow: none;
}
& select.form-control:focus::-ms-value {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .form-control-plaintext {
  background-color: transparent;
  border-color: transparent;
  color: var(--design-text);
}
& .form-check-input:disabled~.form-check-label,
& .form-check-input[disabled]~.form-check-label {
  color: var(--design-text-muted);
}
& .valid-feedback {
  color: var(--design-success);
}
& .valid-tooltip {
  background-color: rgba(var(--design-success-rgb), 0.9);
  color: var(--design-text);
}
& .form-control.is-valid,
& .was-validated .form-control:valid {
  border-color: var(--design-success);
}
& .form-control.is-valid:focus,
& .was-validated .form-control:valid:focus {
  border-color: var(--design-success);
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .custom-select.is-valid,
& .was-validated .custom-select:valid {
  background-color: var(--design-surface-2);
  border-color: var(--design-success);
}
& .custom-select.is-valid:focus,
& .was-validated .custom-select:valid:focus {
  border-color: var(--design-success);
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .form-check-input.is-valid~.form-check-label,
& .was-validated .form-check-input:valid~.form-check-label,
& .custom-control-input.is-valid~.custom-control-label,
& .was-validated .custom-control-input:valid~.custom-control-label {
  color: var(--design-success);
}
& .custom-control-input.is-valid~.custom-control-label:before,
& .was-validated .custom-control-input:valid~.custom-control-label:before {
  border-color: var(--design-success);
}
& .custom-control-input.is-valid:checked~.custom-control-label:before,
& .was-validated .custom-control-input:valid:checked~.custom-control-label:before {
  background-color: var(--design-success);
  border-color: var(--design-success);
}
& .custom-control-input.is-valid:focus~.custom-control-label:before,
& .was-validated .custom-control-input:valid:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
& .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
& .custom-file-input.is-valid~.custom-file-label,
& .was-validated .custom-file-input:valid~.custom-file-label {
  border-color: var(--design-success);
}
& .custom-file-input.is-valid:focus~.custom-file-label,
& .was-validated .custom-file-input:valid:focus~.custom-file-label {
  border-color: var(--design-success);
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.25);
}
& .invalid-feedback {
  color: var(--design-danger);
}
& .invalid-tooltip {
  background-color: rgba(var(--design-danger-rgb), 0.9);
  color: var(--design-text);
}
& .form-control.is-invalid,
& .was-validated .form-control:invalid {
  border-color: var(--design-danger);
}
& .form-control.is-invalid:focus,
& .was-validated .form-control:invalid:focus {
  border-color: var(--design-danger);
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .custom-select.is-invalid,
& .was-validated .custom-select:invalid {
  background-color: var(--design-surface-2);
  border-color: var(--design-danger);
}
& .custom-select.is-invalid:focus,
& .was-validated .custom-select:invalid:focus {
  border-color: var(--design-danger);
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .form-check-input.is-invalid~.form-check-label,
& .was-validated .form-check-input:invalid~.form-check-label,
& .custom-control-input.is-invalid~.custom-control-label,
& .was-validated .custom-control-input:invalid~.custom-control-label {
  color: var(--design-danger);
}
& .custom-control-input.is-invalid~.custom-control-label:before,
& .was-validated .custom-control-input:invalid~.custom-control-label:before {
  border-color: var(--design-danger);
}
& .custom-control-input.is-invalid:checked~.custom-control-label:before,
& .was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
}
& .custom-control-input.is-invalid:focus~.custom-control-label:before,
& .was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
& .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
& .custom-file-input.is-invalid~.custom-file-label,
& .was-validated .custom-file-input:invalid~.custom-file-label {
  border-color: var(--design-danger);
}
& .custom-file-input.is-invalid:focus~.custom-file-label,
& .was-validated .custom-file-input:invalid:focus~.custom-file-label {
  border-color: var(--design-danger);
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.25);
}
& .btn {
  background-color: transparent;
  border-color: transparent;
  color: var(--design-text);
}
& .btn:hover {
  color: var(--design-text);
}
& .btn.focus,
& .btn:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .btn-primary {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-primary.focus,
& .btn-primary:focus {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-primary:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& .btn-primary.focus,
& .btn-primary:focus,
& .btn-primary:not(:disabled):not(.disabled).active:focus,
& .btn-primary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.5);
}
& .btn-primary.disabled,
& .btn-primary:disabled {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-on-primary);
}
& .btn-primary:not(:disabled):not(.disabled).active,
& .btn-primary:not(:disabled):not(.disabled):active,
& .show>.btn-primary.dropdown-toggle {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& .btn-secondary,
& .btn-secondary.focus,
& .btn-secondary:focus,
& .btn-secondary:hover,
& .btn-secondary.disabled,
& .btn-secondary:disabled,
& .btn-secondary:not(:disabled):not(.disabled).active,
& .btn-secondary:not(:disabled):not(.disabled):active,
& .show>.btn-secondary.dropdown-toggle {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& .btn-secondary.focus,
& .btn-secondary:focus,
& .btn-secondary:not(:disabled):not(.disabled).active:focus,
& .btn-secondary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .btn-success,
& .btn-success.focus,
& .btn-success:focus {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-success:hover {
  background-color: var(--design-success-hover);
  border-color: var(--design-success-hover);
  color: var(--design-on-success);
}
& .btn-success.focus,
& .btn-success:focus,
& .btn-success:not(:disabled):not(.disabled).active:focus,
& .btn-success:not(:disabled):not(.disabled):active:focus,
& .show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.5);
}
& .btn-success.disabled,
& .btn-success:disabled {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-success:not(:disabled):not(.disabled).active,
& .btn-success:not(:disabled):not(.disabled):active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-on-success);
}
& .show>.btn-success.dropdown-toggle {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-on-success);
}
& .btn-info,
& .btn-info.focus,
& .btn-info:focus {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-info:hover {
  background-color: var(--design-info-hover);
  border-color: var(--design-info-hover);
  color: var(--design-on-info);
}
& .btn-info.focus,
& .btn-info:focus,
& .btn-info:not(:disabled):not(.disabled).active:focus,
& .btn-info:not(:disabled):not(.disabled):active:focus,
& .show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-info-rgb), 0.5);
}
& .btn-info.disabled,
& .btn-info:disabled {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-info:not(:disabled):not(.disabled).active,
& .btn-info:not(:disabled):not(.disabled):active {
  background-color: var(--design-info-active);
  border-color: var(--design-info-active);
  color: var(--design-on-info);
}
& .show>.btn-info.dropdown-toggle {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-on-info);
}
& .btn-warning,
& .btn-warning.focus,
& .btn-warning:focus {
  background-color: var(--design-warning);
  border-color: var(--design-warning);
  color: var(--design-on-warning);
}
& .btn-warning:hover {
  background-color: var(--design-warning-hover);
  border-color: var(--design-warning-hover);
  color: var(--design-on-warning);
}
& .btn-warning.focus,
& .btn-warning:focus,
& .btn-warning:not(:disabled):not(.disabled).active:focus,
& .btn-warning:not(:disabled):not(.disabled):active:focus,
& .show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-warning-rgb), 0.5);
}
& .btn-warning.disabled,
& .btn-warning:disabled {
  background-color: var(--design-warning);
  border-color: var(--design-warning);
  color: var(--design-on-warning);
}
& .btn-warning:not(:disabled):not(.disabled).active,
& .btn-warning:not(:disabled):not(.disabled):active {
  background-color: var(--design-warning-active);
  border-color: var(--design-warning-active);
  color: var(--design-on-warning);
}
& .show>.btn-warning.dropdown-toggle {
  background-color: var(--design-warning);
  border-color: var(--design-warning);
  color: var(--design-on-warning);
}
& .btn-danger,
& .btn-danger.focus,
& .btn-danger:focus {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-danger:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& .btn-danger.focus,
& .btn-danger:focus,
& .btn-danger:not(:disabled):not(.disabled).active:focus,
& .btn-danger:not(:disabled):not(.disabled):active:focus,
& .show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.5);
}
& .btn-danger.disabled,
& .btn-danger:disabled {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-danger:not(:disabled):not(.disabled).active,
& .btn-danger:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-on-danger);
}
& .show>.btn-danger.dropdown-toggle {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-on-danger);
}
& .btn-light {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-light.focus,
& .btn-light:focus {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-light:hover {
  background-color: var(--design-surface-hover);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-light.focus,
& .btn-light:focus,
& .btn-light:not(:disabled):not(.disabled).active:focus,
& .btn-light:not(:disabled):not(.disabled):active:focus,
& .show>.btn-light.dropdown-toggle:focus,
& .btn-dark.focus,
& .btn-dark:focus,
& .btn-dark:not(:disabled):not(.disabled).active:focus,
& .btn-dark:not(:disabled):not(.disabled):active:focus,
& .show>.btn-dark.dropdown-toggle:focus,
& .btn-muted.focus,
& .btn-muted:focus,
& .btn-muted:not(:disabled):not(.disabled).active:focus,
& .btn-muted:not(:disabled):not(.disabled):active:focus,
& .show>.btn-muted.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .btn-light.disabled,
& .btn-light:disabled {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-light:not(:disabled):not(.disabled).active,
& .btn-light:not(:disabled):not(.disabled):active,
& .show>.btn-light.dropdown-toggle {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-dark,
& .btn-dark.focus,
& .btn-dark:focus,
& .btn-dark:hover,
& .btn-dark.disabled,
& .btn-dark:disabled,
& .btn-dark:not(:disabled):not(.disabled).active,
& .btn-dark:not(:disabled):not(.disabled):active,
& .show>.btn-dark.dropdown-toggle {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-surface-1);
}
& .btn-muted,
& .btn-muted.focus,
& .btn-muted:focus,
& .btn-muted:hover,
& .btn-muted.disabled,
& .btn-muted:disabled,
& .btn-muted:not(:disabled):not(.disabled).active,
& .btn-muted:not(:disabled):not(.disabled):active,
& .show>.btn-muted.dropdown-toggle {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-text);
}
& .btn-outline-primary {
  border-color: var(--design-primary);
  color: var(--design-link);
}
& .btn-outline-primary:hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-text);
}
& .btn-outline-primary.focus,
& .btn-outline-primary:focus,
& .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
& .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.5);
}
& .btn-outline-primary.disabled,
& .btn-outline-primary:disabled {
  background-color: transparent;
  color: var(--design-link);
}
& .btn-outline-primary:not(:disabled):not(.disabled).active,
& .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-text);
}
& .show>.btn-outline-primary.dropdown-toggle {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
  color: var(--design-text);
}
& .btn-outline-secondary {
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .btn-outline-secondary:hover {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-text);
}
& .btn-outline-secondary.focus,
& .btn-outline-secondary:focus,
& .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
& .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .btn-outline-secondary.disabled,
& .btn-outline-secondary:disabled {
  background-color: transparent;
  color: var(--design-text-muted);
}
& .btn-outline-secondary:not(:disabled):not(.disabled).active,
& .btn-outline-secondary:not(:disabled):not(.disabled):active,
& .show>.btn-outline-secondary.dropdown-toggle {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-text);
}
& .btn-outline-success {
  border-color: var(--design-success);
  color: var(--design-success);
}
& .btn-outline-success:hover {
  background-color: var(--design-success-hover);
  border-color: var(--design-success-hover);
  color: var(--design-text);
}
& .btn-outline-success.focus,
& .btn-outline-success:focus,
& .btn-outline-success:not(:disabled):not(.disabled).active:focus,
& .btn-outline-success:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.5);
}
& .btn-outline-success.disabled,
& .btn-outline-success:disabled {
  background-color: transparent;
  color: var(--design-success);
}
& .btn-outline-success:not(:disabled):not(.disabled).active,
& .btn-outline-success:not(:disabled):not(.disabled):active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-text);
}
& .show>.btn-outline-success.dropdown-toggle {
  background-color: var(--design-success);
  border-color: var(--design-success);
  color: var(--design-text);
}
& .btn-outline-info {
  border-color: var(--design-info);
  color: var(--design-info);
}
& .btn-outline-info:hover {
  background-color: var(--design-info-hover);
  border-color: var(--design-info-hover);
  color: var(--design-text);
}
& .btn-outline-info.focus,
& .btn-outline-info:focus,
& .btn-outline-info:not(:disabled):not(.disabled).active:focus,
& .btn-outline-info:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-info-rgb), 0.5);
}
& .btn-outline-info.disabled,
& .btn-outline-info:disabled {
  background-color: transparent;
  color: var(--design-info);
}
& .btn-outline-info:not(:disabled):not(.disabled).active,
& .btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: var(--design-info-active);
  border-color: var(--design-info-active);
  color: var(--design-text);
}
& .show>.btn-outline-info.dropdown-toggle {
  background-color: var(--design-info);
  border-color: var(--design-info);
  color: var(--design-text);
}
& .btn-outline-warning {
  border-color: var(--design-warning);
  color: var(--design-warning);
}
& .btn-outline-warning:hover {
  background-color: var(--design-warning-hover);
  border-color: var(--design-warning-hover);
  color: var(--design-on-warning);
}
& .btn-outline-warning.focus,
& .btn-outline-warning:focus,
& .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
& .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-warning-rgb), 0.5);
}
& .btn-outline-warning.disabled,
& .btn-outline-warning:disabled {
  background-color: transparent;
  color: var(--design-warning);
}
& .btn-outline-warning:not(:disabled):not(.disabled).active,
& .btn-outline-warning:not(:disabled):not(.disabled):active {
  background-color: var(--design-warning-active);
  border-color: var(--design-warning-active);
  color: var(--design-on-warning);
}
& .show>.btn-outline-warning.dropdown-toggle {
  background-color: var(--design-warning);
  border-color: var(--design-warning);
  color: var(--design-on-warning);
}
& .btn-outline-danger {
  border-color: var(--design-danger);
  color: var(--design-danger);
}
& .btn-outline-danger:hover {
  background-color: var(--design-danger-hover);
  border-color: var(--design-danger-hover);
  color: var(--design-text);
}
& .btn-outline-danger.focus,
& .btn-outline-danger:focus,
& .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
& .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.5);
}
& .btn-outline-danger.disabled,
& .btn-outline-danger:disabled {
  background-color: transparent;
  color: var(--design-danger);
}
& .btn-outline-danger:not(:disabled):not(.disabled).active,
& .btn-outline-danger:not(:disabled):not(.disabled):active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-text);
}
& .show>.btn-outline-danger.dropdown-toggle {
  background-color: var(--design-danger);
  border-color: var(--design-danger);
  color: var(--design-text);
}
& .btn-outline-light {
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .btn-outline-light:hover {
  background-color: var(--design-surface-hover);
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .btn-outline-light.focus,
& .btn-outline-light:focus,
& .btn-outline-light:not(:disabled):not(.disabled).active:focus,
& .btn-outline-light:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-surface-2);
}
& .btn-outline-light.disabled,
& .btn-outline-light:disabled {
  background-color: transparent;
  color: var(--design-text);
}
& .btn-outline-light:not(:disabled):not(.disabled).active,
& .btn-outline-light:not(:disabled):not(.disabled):active {
  background-color: var(--design-surface-active);
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .show>.btn-outline-light.dropdown-toggle {
  background-color: var(--design-surface-3);
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .btn-outline-dark {
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-outline-dark:hover {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-outline-dark.focus,
& .btn-outline-dark:focus,
& .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
& .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-dark.dropdown-toggle:focus,
& .btn-outline-muted.focus,
& .btn-outline-muted:focus,
& .btn-outline-muted:not(:disabled):not(.disabled).active:focus,
& .btn-outline-muted:not(:disabled):not(.disabled):active:focus,
& .show>.btn-outline-muted.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .btn-outline-dark.disabled,
& .btn-outline-dark:disabled {
  background-color: transparent;
  color: var(--design-text);
}
& .btn-outline-dark:not(:disabled):not(.disabled).active,
& .btn-outline-dark:not(:disabled):not(.disabled):active,
& .show>.btn-outline-dark.dropdown-toggle {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .btn-outline-muted {
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .btn-outline-muted:hover {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-text);
}
& .btn-outline-muted.disabled,
& .btn-outline-muted:disabled {
  background-color: transparent;
  color: var(--design-text-muted);
}
& .btn-outline-muted:not(:disabled):not(.disabled).active,
& .btn-outline-muted:not(:disabled):not(.disabled):active,
& .show>.btn-outline-muted.dropdown-toggle {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-text);
}
& .btn-link,
& .btn-link:hover {
  color: var(--design-link);
}
& .btn-link.disabled,
& .btn-link:disabled {
  color: var(--design-text-muted);
}
& .dropdown-menu {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.15);
  color: var(--design-text);
}
& .dropdown-divider {
  border-top-color: var(--design-border);
}
& .dropdown-item {
  background-color: transparent;
  color: var(--design-text);
}
& .dropdown-item:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& .dropdown-item:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}
& .dropdown-item.active,
& .dropdown-item:active {
  background-color: var(--design-primary-active);
  color: var(--design-text);
}
& .dropdown-item.disabled,
& .dropdown-item:disabled {
  background-color: transparent;
  color: var(--design-text-muted);
}
& .dropdown-header {
  color: var(--design-text-muted);
}
& .dropdown-item-text {
  color: var(--design-text);
}
& .input-group-text {
  background-color: var(--design-surface-3);
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-text);
}
& .custom-control-input:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-control-input:focus:not(:checked)~.custom-control-label:before {
  border-color: var(--design-link);
}
& .custom-control-input:not(:disabled):active~.custom-control-label:before {
  background-color: var(--design-info-border);
  border-color: var(--design-info-border);
  color: var(--design-text);
}
& .custom-control-input:disabled~.custom-control-label,
& .custom-control-input[disabled]~.custom-control-label {
  color: var(--design-text-muted);
}
& .custom-control-input:disabled~.custom-control-label:before,
& .custom-control-input[disabled]~.custom-control-label:before {
  background-color: var(--design-surface-3);
}
& .custom-control-label:before {
  background-color: var(--design-surface-active);
  border-color: var(--design-border-strong);
}
& .custom-control-label:after {
  background: 50%/50% 50% no-repeat;
}
& .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
  background-color: var(--design-primary);
  border-color: var(--design-primary);
}
& .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,
& .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before,
& .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: rgba(var(--design-primary-active-rgb), 0.5);
}
& .custom-switch .custom-control-label:after {
  background-color: var(--design-border-strong);
}
& .custom-switch .custom-control-input:checked~.custom-control-label:after {
  background-color: var(--design-surface-active);
}
& .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: rgba(var(--design-primary-active-rgb), 0.5);
}
& .custom-select {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .custom-select:focus,
& .custom-file-input:focus~.custom-file-label {
  border-color: var(--design-link);
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-select:focus::-ms-value {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .custom-select:disabled {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .custom-select:-moz-focusring {
  color: transparent;
  text-shadow: none;
}
& .custom-file-input:disabled~.custom-file-label,
& .custom-file-input[disabled]~.custom-file-label {
  background-color: var(--design-surface-3);
}
& .custom-file-label {
  background-color: var(--design-surface-2);
  border-color: var(--design-border-strong);
}
& .custom-file-label,
& .custom-file-label:after,
& .nav-link.disabled {
  color: var(--design-text-muted);
}
& .custom-file-label:after {
  background-color: var(--design-surface-3);
}
& .custom-range {
  background-color: transparent;
}
& .custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px var(--design-surface-2), 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .custom-range::-webkit-slider-thumb {
  background-color: var(--design-primary);
}
& .custom-range::-webkit-slider-thumb:active {
  background-color: var(--design-info-border);
}
& .custom-range::-webkit-slider-runnable-track {
  background-color: var(--design-surface-active);
}
& .custom-range::-moz-range-thumb {
  background-color: var(--design-primary);
}
& .custom-range::-moz-range-thumb:active {
  background-color: var(--design-info-border);
}
& .custom-range::-moz-range-track {
  background-color: var(--design-surface-active);
}
& .custom-range::-ms-thumb {
  background-color: var(--design-primary);
}
& .custom-range::-ms-thumb:active {
  background-color: var(--design-info-border);
}
& .custom-range::-ms-track {
  background-color: transparent;
}
& .custom-range::-ms-fill-lower {
  background-color: var(--design-surface-active);
}
& .custom-range::-ms-fill-upper {
  background-color: var(--design-surface-active);
}
& .custom-range:disabled::-webkit-slider-thumb {
  background-color: var(--design-border-strong);
}
& .custom-range:disabled::-moz-range-thumb {
  background-color: var(--design-border-strong);
}
& .custom-range:disabled::-ms-thumb {
  background-color: var(--design-border-strong);
}
& .nav-tabs {
  border-bottom-color: var(--design-border);
}
& .nav-tabs .nav-link:focus,
& .nav-tabs .nav-link:hover {
  border-color: var(--design-border) var(--design-border) var(--design-border);
}
& .nav-tabs .nav-link.disabled {
  border-color: transparent;
  color: var(--design-text-muted);
}
& .nav-tabs .nav-item.show .nav-link {
  background-color: rgba(var(--design-surface-3-rgb), 0.47);
  border-color: var(--design-border) var(--design-border) rgba(var(--design-border-rgb), 0.47);
  color: var(--design-text-muted);
}
& .nav-tabs .nav-link.active {
  background-color: rgba(var(--design-surface-active-rgb), 0.47);
  border-color: var(--design-border) var(--design-border) rgba(var(--design-border-rgb), 0.47);
  color: var(--design-text-muted);
}
& .nav-pills .nav-link.active {
  background-color: var(--design-primary-active);
  color: var(--design-text);
}
& .nav-pills .show>.nav-link {
  background-color: var(--design-primary);
  color: var(--design-text);
}
& .navbar-toggler {
  background-color: transparent;
  border-color: transparent;
}
& .navbar-toggler-icon {
  background: 50%/100% 100% no-repeat;
}
& .navbar-light .navbar-brand,
& .navbar-light .navbar-brand:focus,
& .navbar-light .navbar-brand:hover {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-light .navbar-nav .nav-link {
  color: rgba(var(--design-text-rgb), 0.5);
}
& .navbar-light .navbar-nav .nav-link:focus,
& .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(var(--design-text-rgb), 0.7);
}
& .navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(var(--design-text-rgb), 0.3);
}
& .navbar-light .navbar-nav .active>.nav-link,
& .navbar-light .navbar-nav .nav-link.active,
& .navbar-light .navbar-nav .nav-link.show,
& .navbar-light .navbar-nav .show>.nav-link {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-light .navbar-toggler {
  border-color: rgba(var(--design-border-strong-rgb), 0.1);
  color: rgba(var(--design-text-rgb), 0.5);
}
& .navbar-light .navbar-text {
  color: rgba(var(--design-text-rgb), 0.5);
}
& .navbar-light .navbar-text a,
& .navbar-light .navbar-text a:focus,
& .navbar-light .navbar-text a:hover {
  color: rgba(var(--design-text-rgb), 0.9);
}
& .navbar-dark .navbar-brand,
& .navbar-dark .navbar-brand:focus,
& .navbar-dark .navbar-brand:hover {
  color: var(--design-text);
}
& .navbar-dark .navbar-nav .nav-link {
  color: rgba(var(--design-on-primary-rgb), 0.5);
}
& .navbar-dark .navbar-nav .nav-link:focus,
& .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(var(--design-on-primary-rgb), 0.75);
}
& .navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(var(--design-on-primary-rgb), 0.25);
}
& .navbar-dark .navbar-nav .active>.nav-link,
& .navbar-dark .navbar-nav .nav-link.active,
& .navbar-dark .navbar-nav .nav-link.show,
& .navbar-dark .navbar-nav .show>.nav-link {
  color: var(--design-text);
}
& .navbar-dark .navbar-toggler {
  border-color: rgba(var(--design-surface-2-rgb), 0.1);
  color: rgba(var(--design-on-primary-rgb), 0.5);
}
& .navbar-dark .navbar-text {
  color: rgba(var(--design-on-primary-rgb), 0.5);
}
& .navbar-dark .navbar-text a,
& .navbar-dark .navbar-text a:focus,
& .navbar-dark .navbar-text a:hover {
  color: var(--design-text);
}
& .card {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.12);
}
& .card-header {
  background-color: var(--design-surface-2);
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.12);
}
& .card-footer {
  background-color: var(--design-surface-2);
  border-top-color: rgba(var(--design-border-strong-rgb), 0.12);
}
& .breadcrumb {
  background-color: var(--design-surface-3);
}
& .breadcrumb-item+.breadcrumb-item:before,
& .breadcrumb-item.active {
  color: var(--design-text-muted);
}
& .page-link {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-link);
}
& .page-link:hover {
  background-color: var(--design-surface-hover);
  border-color: var(--design-border);
  color: var(--design-link);
}
& .page-link:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.25);
}
& .page-item.active .page-link {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-text);
}
& .page-item.disabled .page-link {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}
& .badge-primary {
  background-color: var(--design-primary);
  color: var(--design-on-primary);
}
& a.badge-primary:focus {
  background-color: var(--design-primary-active);
  color: var(--design-on-primary);
}
& a.badge-primary:hover {
  background-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}
& a.badge-primary.focus,
& a.badge-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-link-rgb), 0.5);
}
& .badge-secondary,
& a.badge-secondary:focus,
& a.badge-secondary:hover {
  background-color: var(--design-text-muted);
  color: var(--design-surface-1);
}
& a.badge-secondary.focus,
& a.badge-secondary:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .badge-success,
& a.badge-success:focus {
  background-color: var(--design-success);
  color: var(--design-on-success);
}
& a.badge-success:hover {
  background-color: var(--design-success-hover);
  color: var(--design-on-success);
}
& a.badge-success.focus,
& a.badge-success:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-success-rgb), 0.5);
}
& .badge-info,
& a.badge-info:focus {
  background-color: var(--design-info);
  color: var(--design-on-info);
}
& a.badge-info:hover {
  background-color: var(--design-info-hover);
  color: var(--design-on-info);
}
& a.badge-info.focus,
& a.badge-info:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-info-rgb), 0.5);
}
& .badge-warning,
& a.badge-warning:focus {
  background-color: var(--design-warning);
  color: var(--design-on-warning);
}
& a.badge-warning:hover {
  background-color: var(--design-warning-hover);
  color: var(--design-on-warning);
}
& a.badge-warning.focus,
& a.badge-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-warning-rgb), 0.5);
}
& .badge-danger,
& a.badge-danger:focus {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}
& a.badge-danger:hover {
  background-color: var(--design-danger-hover);
  color: var(--design-on-danger);
}
& a.badge-danger.focus,
& a.badge-danger:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--design-danger-rgb), 0.5);
}
& .badge-light {
  background-color: var(--design-surface-3);
  color: var(--design-text);
}
& a.badge-light:focus {
  background-color: var(--design-surface-active);
  color: var(--design-text);
}
& a.badge-light:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}
& a.badge-light.focus,
& a.badge-light:focus {
  box-shadow: 0 0 0 .2rem var(--design-surface-2);
}
& .badge-dark,
& a.badge-dark:focus,
& a.badge-dark:hover {
  background-color: var(--design-text);
  color: var(--design-surface-1);
}
& a.badge-dark.focus,
& a.badge-dark:focus,
& a.badge-muted.focus,
& a.badge-muted:focus {
  box-shadow: 0 0 0 .2rem var(--design-border);
}
& .badge-muted,
& a.badge-muted:focus,
& a.badge-muted:hover {
  background-color: var(--design-text-muted);
  color: var(--design-text);
}
& .jumbotron {
  background-color: var(--design-surface-3);
}
& .alert {
  border-color: transparent;
}
& .alert-heading {
  color: inherit;
}
& .alert-primary {
  background-color: var(--design-info-border);
  border-color: var(--design-info-border);
  color: var(--design-link);
}
& .alert-primary hr {
  border-top-color: var(--design-link);
}
& .alert-primary .alert-link {
  color: var(--design-link);
}
& .alert-secondary {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .alert-secondary hr {
  border-top-color: var(--design-border-strong);
}
& .alert-secondary .alert-link {
  color: var(--design-text);
}
& .alert-success {
  background-color: var(--design-success-border);
  border-color: var(--design-success-border);
  color: var(--design-success);
}
& .alert-success hr {
  border-top-color: var(--design-success-border);
}
& .alert-success .alert-link {
  color: var(--design-success);
}
& .alert-info {
  background-color: var(--design-info-border);
  border-color: var(--design-info-border);
  color: var(--design-info);
}
& .alert-info hr {
  border-top-color: var(--design-info-border);
}
& .alert-info .alert-link {
  color: var(--design-info);
}
& .alert-warning {
  background-color: var(--design-warning-subtle);
  border-color: var(--design-warning-subtle);
  color: var(--design-warning);
}
& .alert-warning hr {
  border-top-color: var(--design-warning-border);
}
& .alert-warning .alert-link {
  color: var(--design-warning);
}
& .alert-danger {
  background-color: var(--design-danger-subtle);
  border-color: var(--design-danger-subtle);
  color: var(--design-danger);
}
& .alert-danger hr {
  border-top-color: var(--design-danger-border);
}
& .alert-danger .alert-link {
  color: var(--design-danger);
}
& .alert-light {
  background-color: var(--design-surface-2);
  border-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .alert-light hr {
  border-top-color: var(--design-border);
}
& .alert-light .alert-link {
  color: var(--design-text-muted);
}
& .alert-dark {
  background-color: var(--design-border-strong);
  border-color: var(--design-border-strong);
  color: var(--design-text);
}
& .alert-dark hr {
  border-top-color: var(--design-border-strong);
}
& .alert-dark .alert-link {
  color: var(--design-text);
}
& .alert-muted {
  background-color: var(--design-surface-active);
  border-color: var(--design-border);
  color: var(--design-text);
}
& .alert-muted hr {
  border-top-color: var(--design-border-strong);
}
& .alert-muted .alert-link {
  color: var(--design-text);
}
& .progress {
  background-color: var(--design-surface-3);
}
& .progress-bar {
  background-color: var(--design-primary);
  color: var(--design-text);
}
& .progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(var(--design-surface-2-rgb), 0.15) 25%,transparent 0,transparent 50%,rgba(var(--design-surface-2-rgb), 0.15) 0,rgba(var(--design-surface-2-rgb), 0.15) 75%,transparent 0,transparent);
}
& .list-group-item-action {
  color: var(--design-text-muted);
}
& .list-group-item-action:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .list-group-item-action:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text-muted);
}
& .list-group-item-action:active {
  background-color: var(--design-surface-active);
  color: var(--design-text);
}
& .list-group-item {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.12);
}
& .list-group-item.disabled,
& .list-group-item:disabled {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .list-group-item.active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-text);
}
& .list-group-item-primary,
& .list-group-item-primary.list-group-item-action:focus,
& .list-group-item-primary.list-group-item-action:hover {
  background-color: var(--design-info-border);
  color: var(--design-link);
}
& .list-group-item-primary.list-group-item-action.active {
  background-color: var(--design-primary-active);
  border-color: var(--design-primary-active);
  color: var(--design-text);
}
& .list-group-item-secondary,
& .list-group-item-secondary.list-group-item-action:focus,
& .list-group-item-secondary.list-group-item-action:hover {
  background-color: var(--design-border-strong);
  color: var(--design-text);
}
& .list-group-item-secondary.list-group-item-action.active {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-text);
}
& .list-group-item-success,
& .list-group-item-success.list-group-item-action:focus,
& .list-group-item-success.list-group-item-action:hover {
  background-color: var(--design-success-border);
  color: var(--design-success);
}
& .list-group-item-success.list-group-item-action.active {
  background-color: var(--design-success-active);
  border-color: var(--design-success-active);
  color: var(--design-text);
}
& .list-group-item-info,
& .list-group-item-info.list-group-item-action:focus,
& .list-group-item-info.list-group-item-action:hover {
  background-color: var(--design-info-border);
  color: var(--design-info);
}
& .list-group-item-info.list-group-item-action.active {
  background-color: var(--design-info-active);
  border-color: var(--design-info-active);
  color: var(--design-text);
}
& .list-group-item-warning,
& .list-group-item-warning.list-group-item-action:focus,
& .list-group-item-warning.list-group-item-action:hover {
  background-color: var(--design-warning-border);
  color: var(--design-warning);
}
& .list-group-item-warning.list-group-item-action.active {
  background-color: var(--design-warning-active);
  border-color: var(--design-warning-active);
  color: var(--design-text);
}
& .list-group-item-danger,
& .list-group-item-danger.list-group-item-action:focus,
& .list-group-item-danger.list-group-item-action:hover {
  background-color: var(--design-danger-border);
  color: var(--design-danger);
}
& .list-group-item-danger.list-group-item-action.active {
  background-color: var(--design-danger-active);
  border-color: var(--design-danger-active);
  color: var(--design-text);
}
& .list-group-item-light {
  background-color: var(--design-surface-2);
  color: var(--design-text-muted);
}
& .list-group-item-light.list-group-item-action:focus {
  background-color: var(--design-surface-3);
  color: var(--design-text-muted);
}
& .list-group-item-light.list-group-item-action:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text-muted);
}
& .list-group-item-light.list-group-item-action.active {
  background-color: var(--design-text-muted);
  border-color: var(--design-text-muted);
  color: var(--design-text);
}
& .list-group-item-dark,
& .list-group-item-dark.list-group-item-action:focus,
& .list-group-item-dark.list-group-item-action:hover {
  background-color: var(--design-border-strong);
  color: var(--design-text);
}
& .list-group-item-dark.list-group-item-action.active {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-text);
}
& .list-group-item-muted,
& .list-group-item-muted.list-group-item-action:focus,
& .list-group-item-muted.list-group-item-action:hover {
  background-color: var(--design-border-strong);
  color: var(--design-text);
}
& .list-group-item-muted.list-group-item-action.active {
  background-color: var(--design-text);
  border-color: var(--design-text);
  color: var(--design-text);
}
& .close {
  color: var(--design-text);
  text-shadow: none;
}
& .close:hover {
  color: var(--design-text);
}
& .toast {
  background-color: rgba(var(--design-surface-2-rgb), 0.85);
  border-color: rgba(var(--design-border-strong-rgb), 0.1);
  box-shadow: var(--design-shadow-1);
}
& .toast-header {
  background-color: rgba(var(--design-surface-2-rgb), 0.85);
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.05);
  color: var(--design-text-muted);
}
& .modal-content {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.2);
}
& .modal-backdrop {
  background-color: var(--design-surface-1);
}
& .modal-header {
  border-bottom-color: var(--design-border);
}
& .modal-footer {
  border-top-color: var(--design-border);
}
& .tooltip {
  text-shadow: none;
}
& .bs-tooltip-auto[x-placement^=top] .arrow:before,
& .bs-tooltip-top .arrow:before {
  border-top-color: var(--design-border-strong);
}
& .bs-tooltip-auto[x-placement^=right] .arrow:before,
& .bs-tooltip-right .arrow:before {
  border-right-color: var(--design-border-strong);
}
& .bs-tooltip-auto[x-placement^=bottom] .arrow:before,
& .bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--design-border-strong);
}
& .bs-tooltip-auto[x-placement^=left] .arrow:before,
& .bs-tooltip-left .arrow:before {
  border-left-color: var(--design-border-strong);
}
& .tooltip-inner {
  background-color: var(--design-surface-1);
  color: var(--design-text);
}
& .popover {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.2);
  text-shadow: none;
}
& .popover .arrow:after,
& .popover .arrow:before {
  border-color: transparent;
}
& .bs-popover-auto[x-placement^=top]>.arrow:before,
& .bs-popover-top>.arrow:before {
  border-top-color: rgba(var(--design-border-strong-rgb), 0.25);
}
& .bs-popover-auto[x-placement^=top]>.arrow:after,
& .bs-popover-top>.arrow:after {
  border-top-color: var(--design-surface-2);
}
& .bs-popover-auto[x-placement^=right]>.arrow:before,
& .bs-popover-right>.arrow:before {
  border-right-color: rgba(var(--design-border-strong-rgb), 0.25);
}
& .bs-popover-auto[x-placement^=right]>.arrow:after,
& .bs-popover-right>.arrow:after {
  border-right-color: var(--design-surface-2);
}
& .bs-popover-auto[x-placement^=bottom]>.arrow:before,
& .bs-popover-bottom>.arrow:before {
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.25);
}
& .bs-popover-auto[x-placement^=bottom]>.arrow:after,
& .bs-popover-bottom>.arrow:after {
  border-bottom-color: var(--design-surface-2);
}
& .bs-popover-auto[x-placement^=bottom] .popover-header:before,
& .bs-popover-bottom .popover-header:before {
  border-bottom-color: var(--design-border);
}
& .bs-popover-auto[x-placement^=left]>.arrow:before,
& .bs-popover-left>.arrow:before {
  border-left-color: rgba(var(--design-border-strong-rgb), 0.25);
}
& .bs-popover-auto[x-placement^=left]>.arrow:after,
& .bs-popover-left>.arrow:after {
  border-left-color: var(--design-surface-2);
}
& .popover-header {
  background-color: var(--design-surface-3);
  border-bottom-color: var(--design-border);
}
& .popover-body {
  color: var(--design-text);
}
& .carousel-control-next,
& .carousel-control-prev {
  background-color: transparent;
  background-image: none;
  color: var(--design-text);
}
& .carousel-control-next:focus,
& .carousel-control-next:hover,
& .carousel-control-prev:focus,
& .carousel-control-prev:hover,
& .carousel-caption {
  color: var(--design-text);
}
& .carousel-control-next-icon,
& .carousel-control-prev-icon {
  background: currentcolor;
  -webkit-mask: 50%/100% 100% no-repeat;
  mask: 50%/100% 100% no-repeat;
}
& .carousel-control-prev-icon {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
}
& .carousel-control-next-icon {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
}
& .carousel-indicators li {
  background-color: var(--design-surface-2);
}
& .spinner-border {
  border-color: currentcolor;
  border-right-color: transparent;
}
& .spinner-grow {
  background-color: currentcolor;
}
& .bg-primary {
  background-color: var(--design-primary) !important;
}
& a.bg-primary:focus {
  background-color: var(--design-primary-active) !important;
}
& a.bg-primary:hover {
  background-color: var(--design-primary-hover) !important;
}
& button.bg-primary:focus {
  background-color: var(--design-primary-active) !important;
}
& button.bg-primary:hover {
  background-color: var(--design-primary-hover) !important;
}
& .bg-secondary,
& a.bg-secondary:focus,
& a.bg-secondary:hover,
& button.bg-secondary:focus,
& button.bg-secondary:hover {
  background-color: var(--design-text-muted) !important;
}
& .bg-success,
& a.bg-success:focus {
  background-color: var(--design-success) !important;
}
& a.bg-success:hover {
  background-color: var(--design-success-hover) !important;
}
& button.bg-success:focus {
  background-color: var(--design-success) !important;
}
& button.bg-success:hover {
  background-color: var(--design-success-hover) !important;
}
& .bg-info,
& a.bg-info:focus {
  background-color: var(--design-info) !important;
}
& a.bg-info:hover {
  background-color: var(--design-info-hover) !important;
}
& button.bg-info:focus {
  background-color: var(--design-info) !important;
}
& button.bg-info:hover {
  background-color: var(--design-info-hover) !important;
}
& .bg-warning,
& a.bg-warning:focus {
  background-color: var(--design-warning) !important;
}
& a.bg-warning:hover {
  background-color: var(--design-warning-hover) !important;
}
& button.bg-warning:focus {
  background-color: var(--design-warning) !important;
}
& button.bg-warning:hover {
  background-color: var(--design-warning-hover) !important;
}
& .bg-danger,
& a.bg-danger:focus {
  background-color: var(--design-danger) !important;
}
& a.bg-danger:hover {
  background-color: var(--design-danger-hover) !important;
}
& button.bg-danger:focus {
  background-color: var(--design-danger) !important;
}
& button.bg-danger:hover {
  background-color: var(--design-danger-hover) !important;
}
& .bg-light {
  background-color: var(--design-surface-3) !important;
}
& a.bg-light:focus {
  background-color: var(--design-surface-active) !important;
}
& a.bg-light:hover {
  background-color: var(--design-surface-hover) !important;
}
& button.bg-light:focus {
  background-color: var(--design-surface-active) !important;
}
& button.bg-light:hover {
  background-color: var(--design-surface-hover) !important;
}
& .bg-dark,
& a.bg-dark:focus,
& a.bg-dark:hover,
& button.bg-dark:focus,
& button.bg-dark:hover {
  background-color: var(--design-text) !important;
}
& .bg-muted,
& a.bg-muted:focus,
& a.bg-muted:hover,
& button.bg-muted:focus,
& button.bg-muted:hover {
  background-color: var(--design-text-muted) !important;
}
& .bg-white {
  background-color: var(--design-surface-2) !important;
}
& .bg-transparent {
  background-color: transparent !important;
}
& .border {
  border-color: var(--design-border) !important;
}
& .border-top {
  border-top-color: var(--design-border) !important;
}
& .border-right {
  border-right-color: var(--design-border) !important;
}
& .border-bottom {
  border-bottom-color: var(--design-border) !important;
}
& .border-left {
  border-left-color: var(--design-border) !important;
}
& .border-primary {
  border-color: var(--design-primary) !important;
}
& .border-secondary {
  border-color: var(--design-border-strong) !important;
}
& .border-success {
  border-color: var(--design-success) !important;
}
& .border-info {
  border-color: var(--design-info) !important;
}
& .border-warning {
  border-color: var(--design-warning) !important;
}
& .border-danger {
  border-color: var(--design-danger) !important;
}
& .border-light,
& .border-dark {
  border-color: var(--design-border) !important;
}
& .border-muted {
  border-color: var(--design-border-strong) !important;
}
& .border-white {
  border-color: var(--design-surface-2) !important;
}
& .shadow-sm,
& .shadow,
& .shadow-lg {
  box-shadow: var(--design-shadow-1) !important;
}
& .shadow-none {
  box-shadow: none !important;
}
& .text-white {
  color: var(--design-text) !important;
}
& .text-primary,
& a.text-primary:focus,
& a.text-primary:hover {
  color: var(--design-link) !important;
}
& .text-secondary,
& a.text-secondary:focus,
& a.text-secondary:hover {
  color: var(--design-text-muted) !important;
}
& .text-success,
& a.text-success:focus,
& a.text-success:hover {
  color: var(--design-success) !important;
}
& .text-info,
& a.text-info:focus,
& a.text-info:hover {
  color: var(--design-info) !important;
}
& .text-warning,
& a.text-warning:focus,
& a.text-warning:hover {
  color: var(--design-warning) !important;
}
& .text-danger,
& a.text-danger:focus,
& a.text-danger:hover {
  color: var(--design-danger) !important;
}
& .text-light {
  color: var(--design-text) !important;
}
& a.text-light:focus,
& a.text-light:hover {
  color: var(--design-text-muted) !important;
}
& a.text-dark:focus,
& a.text-dark:hover {
  color: var(--design-text) !important;
}
& .text-muted {
  color: var(--design-text-muted) !important;
}
& a.text-muted:focus,
& a.text-muted:hover,
& .text-body {
  color: var(--design-text) !important;
}
& .text-muted {
  color: var(--design-text-muted) !important;
}
& .text-black-50 {
  color: rgba(var(--design-text-rgb), 0.5) !important;
}
& .text-white-50 {
  color: rgba(var(--design-on-primary-rgb), 0.5) !important;
}
& .text-hide {
  background-color: transparent;
  color: transparent;
  text-shadow: none;
}
& .text-reset {
  color: inherit !important;
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
@media print {
& blockquote,
& pre,
& .badge {
  border-color: var(--design-border-strong);
}
& .table td,
& .table th {
  background-color: var(--design-surface-2) !important;
}
& .table-bordered td,
& .table-bordered th {
  border-color: var(--design-border) !important;
}
& .table-dark {
  color: inherit;
}
& .table-dark tbody+tbody,
& .table-dark td,
& .table-dark th,
& .table-dark thead th {
  border-color: var(--design-border);
}
& .table .thead-dark th {
  border-color: var(--design-border);
  color: inherit;
}
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
& .navbar-laravel {
  background-color: var(--design-surface-2);
  box-shadow: var(--design-shadow-2);
}
& .bg-pixelfed {
  background-color: var(--design-info);
  background: linear-gradient(to bottom right,var(--design-primary),var(--design-info));
}
& .text-dark {
  color: var(--design-text) !important;
}
& .card-disabled {
  background-color: var(--design-surface-3);
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
@media (min-width:768px) {
& .card.status-container .status-comments {
  border-bottom-color: rgba(var(--design-border-strong-rgb), 0.1);
}
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
& .notification-page .profile-link {
  color: var(--design-text);
}
& .nav-topbar,
& .nav-topbar .nav-link:focus,
& .nav-topbar .nav-link:hover {
  border-top-color: var(--design-border);
}
& .nav-topbar .nav-link {
  color: var(--design-on-primary);
}
& .nav-topbar .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--design-on-primary);
}
& .nav-topbar .nav-item.show .nav-link,
& .nav-topbar .nav-link.active {
  border-top-color: var(--design-border-strong);
  color: var(--design-text-muted);
}
& .info-overlay-text,
& .info-overlay-text-label {
  background-color: rgba(var(--design-surface-3-rgb), 0.8);
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
@media (max-width:768px) {
& .card.status-container .status-comments {
  border-top-color: rgba(var(--design-border-strong-rgb), 0.1);
}
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
& .loading-page {
  background-image: linear-gradient(90deg,var(--design-primary),var(--design-info),var(--design-info),var(--design-primary));
}
& .card,
& .box-shadow {
  box-shadow: var(--design-shadow-2);
}
& .border-left-primary {
  border-left-color: var(--design-primary);
}
& .details-animated>summary {
  background-color: var(--design-surface-3);
}
& .input-elevated {
  background-color: var(--design-surface-2);
  box-shadow: var(--design-shadow-2);
}
& .input-elevated::-moz-placeholder {
  color: var(--design-text-muted);
}
& .input-elevated::placeholder,
& .timeline-sidenav.nav-pills .nav-link {
  color: var(--design-text-muted);
}
& .input-elevated:focus {
  box-shadow: var(--design-shadow-3);
}
& .icon-wrapper {
  background-color: var(--design-info);
  background: linear-gradient(to bottom right,var(--design-primary),var(--design-info));
}
& .border-left-blue {
  border-left-color: var(--design-info);
}
& .lds-ring div {
  border-top-color: var(--design-border-strong);
}
& .timeline-sidenav.nav-pills .nav-link:hover {
  background-color: rgba(var(--design-text-rgb), 0.04);
}
& .timeline-sidenav.nav-pills .nav-link.active,
& .timeline-sidenav.nav-pills .show>.nav-link {
  background-color: transparent;
  background-image: none;
  border-color: var(--design-link);
  color: var(--design-link);
}
& .messages-page .bg-primary.text-white a {
  color: var(--design-on-primary);
}
& .btn-outline-lighter,
& .text-lighter {
  color: var(--design-text-muted) !important;
}
& .btn-outline-lighter {
  border-color: var(--design-border-strong) !important;
}
& .tooltip-notification .tooltip-inner,
& .tribute-container li {
  color: var(--design-text);
}
& .tribute-container {
  border-color: var(--design-border-strong);
  box-shadow: var(--design-shadow-2);
}
& .tribute-container ul {
  background-color: var(--design-surface-2);
  border-color: rgba(var(--design-border-strong-rgb), 0.13);
}
& .tribute-container li.highlight {
  background-color: var(--design-primary);
  color: var(--design-text);
}
& .tribute-container li:hover {
  background-color: var(--design-primary-hover);
  color: var(--design-text);
}
& body {
  background-color: var(--design-surface-1);
  color: var(--design-text);
}
& .bg-black {
  background-color: var(--design-surface-1);
}
& .bg-bluegray-700,
& .landing-directory-component .landing-user-card .user-bio,
& .bg-bluegray-800 {
  background-color: var(--design-surface-3);
}
& .bg-bluegray-900 {
  background-color: var(--design-surface-2);
}
& .landing-directory-component .landing-user-card .display-name a,
& .text-bluegray-400,
& .landing-directory-component .landing-user-card .user-stats-item,
& .text-bluegray-500,
& .text-bluegray-600 {
  color: var(--design-text-muted);
}
& .page-wrapper {
  background-color: var(--design-surface-3) !important;
  background-image: var(--design-url-app-landing-bg);
}
& .bg-glass {
  background-color: rgba(var(--design-surface-2-rgb), 0.05);
  border-color: rgba(var(--design-surface-2-rgb), 0.05);
  box-shadow: var(--design-shadow-3);
}
& .text-gradient-primary {
  background: linear-gradient(90deg,var(--design-info-border),var(--design-info-border),var(--design-info));
}
& .btn-primary-alt {
  background-color: transparent;
  background-image: none;
  color: var(--design-text);
  text-shadow: none;
}
& .btn-primary-alt:after,
& .btn-primary-alt:before {
  background: linear-gradient(60deg,var(--design-warning),var(--design-danger),var(--design-danger),var(--design-info),var(--design-primary-hover),var(--design-info),var(--design-info),var(--design-success));
}
& .nav-menu,
& .nav-menu .nav-link.active:after {
  border-bottom-color: var(--design-border);
}
& .nav-menu .nav-link {
  color: var(--design-text-muted);
}
& .nav-menu .nav-link.active {
  color: var(--design-text);
}
& .nav-menu .nav-link.active:before {
  border-color: transparent;
  border-bottom-color: var(--design-border);
}
& .nav-menu .nav-link.nav-item:hover:after {
  border-bottom-color: var(--design-border);
}
& .nav-menu .nav-link.nav-item:hover:before {
  border-color: transparent;
  border-bottom-color: var(--design-border);
}
& .nav-menu .nav-link.active:after,
& .nav-menu .nav-link.nav-item:hover:after {
  border-color: transparent transparent var(--design-border);
}
& .footer-component-links a {
  color: var(--design-text-muted);
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
@media (min-width:768px) {
& .footer-component-links .spacer {
  color: var(--design-text-muted);
}
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
& .footer-component-attribution,
& .footer-component-attribution a {
  color: var(--design-text-muted);
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
@media (min-width:768px) {
& .footer-component-attribution .spacer {
  color: var(--design-text-muted);
}
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
& .landing-index-component .server-header-attribution {
  color: var(--design-text-muted);
}
& .landing-index-component .server-header-attribution a {
  color: var(--design-text);
}
& .landing-index-component .server-stats .list-group {
  border-color: var(--design-border);
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
@media (min-width:768px) {
& .landing-index-component .server-stats .list-group-item {
  border-color: var(--design-border);
}
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
& .landing-index-component .server-stats .list-group-item,
& .landing-index-component .server-admin .list-group {
  border-color: var(--design-border);
}
& .landing-index-component .server-stats .stat-value {
  color: var(--design-text);
}
& .landing-index-component .server-stats .stat-label {
  color: var(--design-text-muted);
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
@media (min-width:768px) {
& .landing-index-component .server-admin .list-group-item {
  border-color: var(--design-border);
}
}
}
:where(html:has(> head > link[href*="/css/landing.css"])) {
& .landing-index-component .server-admin .list-group-item {
  border-color: var(--design-border);
}
& .landing-index-component .server-admin .item-label,
& .landing-index-component .server-admin .admin-card .user-info .display-name {
  color: var(--design-text-muted);
}
& .landing-index-component .server-admin .admin-email {
  color: var(--design-text);
}
& .landing-index-component .accordion .btn-block .far,
& .landing-index-component .accordion .btn-block .text-white .far,
& .landing-index-component .accordion .list-group-rules .list-group-item .rule-id {
  color: var(--design-text-muted);
}
& .landing-index-component .accordion .list-group-rules .list-group-item,
& .landing-index-component .accordion .card-features .list-group-features .list-group-item {
  border-color: var(--design-border-strong);
}
& .landing-index-component .accordion .list-group-rules .list-group-item .rule-text {
  color: var(--design-text);
}
& .landing-index-component .accordion .card-features-cloud .badge-success {
  background-color: rgba(var(--design-success-border-rgb), 0.19);
}
& .landing-index-component .accordion .card-features-cloud .badge .far {
  color: var(--design-success);
}
& .landing-index-component .accordion .card-features .list-group-features .list-group-item .fa-times-circle {
  color: var(--design-danger);
}
& .landing-index-component .accordion .card-features .list-group-features .list-group-item .fa-check-circle {
  color: var(--design-success);
}
& .landing-directory-component .landing-user-card .username a {
  color: var(--design-text);
}
& .landing-directory-component .landing-user-card .display-name .landing-explore-component .feed-list .landing-post-card a:hover,
& .landing-explore-component .feed-list .landing-post-card .landing-directory-component .landing-user-card .display-name a:hover,
& .landing-explore-component .feed-list .landing-post-card a.text-bluegray-400:hover,
& .landing-directory-component .landing-user-card .landing-explore-component .feed-list .landing-post-card a.user-stats-item:hover,
& .landing-explore-component .feed-list .landing-post-card .landing-directory-component .landing-user-card a.user-stats-item:hover,
& .landing-explore-component .feed-list .landing-post-card a.text-bluegray-500:hover,
& .landing-explore-component .feed-list .landing-post-card .read-more-component,
& .landing-explore-component .feed-list .landing-post-card .read-more-component a {
  color: var(--design-text-muted);
}
}

.btn-primary:not(:disabled):not(.disabled):hover {
  background-color: var(--design-primary-hover);
  border-color: var(--design-primary-hover);
  color: var(--design-on-primary);
}

#content .sidebar-component .router-link-exact-active,
#content nav.metro-nav .router-link-exact-active {
  color: var(--design-link);
  border-left-color: var(--design-link);
}

#content .sidebar-component .router-link-exact-active .icon,
#content nav.metro-nav .router-link-exact-active .icon {
  color: var(--design-link) !important;
}

nav.metro-nav .dropdown-menu .nav-item .nav-link {
  color: var(--design-text-muted);
}

nav.metro-nav .dropdown-menu .nav-item .nav-link:hover {
  color: var(--design-text);
  background-color: var(--design-surface-hover);
}

nav.metro-nav .fa-layers .fa-layers-counter {
  background-color: var(--design-danger);
  color: var(--design-on-danger);
}

.card.rounded-lg[style*="#e11d48"] {
  background: var(--design-danger-subtle) !important;
  border-color: var(--design-danger-border) !important;
  color: var(--design-danger);
}

a[href="/auth/oidc/start"].btn-primary {
  background: var(--design-primary) !important;
  color: var(--design-on-primary) !important;
}

nav.navbar-top.bg-primary,
.main-content .header.bg-primary,
.card.bg-default,
.bg-g-amin {
  --design-focus: var(--design-on-frame);
}

nav.navbar-top.bg-primary .dropdown-menu {
  --design-focus: var(--design-link);
}

nav.navbar-top.bg-primary :focus-visible,
nav.navbar-top.bg-primary .navbar-search .input-group input.form-control:focus-visible {
  outline: 2px solid var(--design-focus);
  outline-offset: 2px;
}

.main-content .header.bg-primary h1,
.main-content .header.bg-primary h6,
.main-content .header.bg-primary .text-light,
.main-content .header.bg-primary .display-1,
.main-content .header.bg-primary .lead,
.card.bg-default .card-header h3,
.card.bg-default .card-header h5,
.card.bg-default .card-header h6,
.card.bg-default .card-header .text-muted {
  color: var(--design-on-frame) !important;
}

.card.bg-default .card-header {
  background-color: var(--design-frame);
  border-color: var(--design-frame-active);
}

.main-content .header.bg-primary .btn-outline-white {
  border-color: var(--design-on-frame);
  color: var(--design-on-frame);
}

.main-content .header.bg-primary .btn-outline-white:hover {
  background-color: var(--design-frame-hover);
  border-color: var(--design-on-frame);
  color: var(--design-on-frame);
}

.main-content .table-dark {
  background-color: var(--design-surface-2);
  color: var(--design-text);
}

.main-content .table-dark.table-hover tbody tr:hover {
  background-color: var(--design-surface-hover);
  color: var(--design-text);
}

.main-content .table-dark td,
.main-content .table-dark th {
  border-color: var(--design-border);
}

.main-content .table .thead-dark th {
  background-color: var(--design-surface-3);
  border-color: var(--design-border);
  color: var(--design-text-muted);
}

.main-content .autocomplete {
  position: relative;
}

.main-content .autocomplete::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 12px;
  width: 24px;
  height: 24px;
  background: var(--design-text-muted);
  content: "";
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentcolor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4-4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentcolor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4-4'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
  transform: translateY(-50%);
}

.main-content .autocomplete-input {
  background-color: var(--design-surface-2);
  background-image: none;
  border-color: var(--design-border-strong);
  color: var(--design-text);
}

.main-content .autocomplete-input:focus,
.main-content .autocomplete-input[aria-expanded="true"] {
  background-color: var(--design-surface-2);
  border-color: var(--design-link);
}

.main-content .autocomplete-result-list {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-text);
}

.main-content .autocomplete-result:hover,
.main-content .autocomplete-result[aria-selected="true"] {
  background-color: var(--design-surface-hover);
}

.icon-shape.bg-gradient-primary,
.icon-shape.bg-gradient-default,
.icon-shape.bg-gradient-dark {
  background: var(--design-primary) !important;
  color: var(--design-on-primary) !important;
}

.icon-shape.bg-gradient-info {
  background: var(--design-info) !important;
  color: var(--design-on-info) !important;
}

nav.navbar-top .navbar-search .input-group {
  background-color: transparent;
  border-color: var(--design-border-strong);
}

nav.navbar-top .navbar-search .input-group-prepend .input-group-text,
nav.navbar-top .navbar-search .form-control {
  background-color: var(--design-surface-2);
  color: var(--design-text);
}

nav.navbar-top .navbar-search .form-control::placeholder,
nav.navbar-top .navbar-search .input-group-text {
  color: var(--design-text-muted);
}

.bg-g-amin {
  background: var(--design-frame);
  color: var(--design-on-frame);
}

.bg-g-amin .text-white,
.bg-g-amin .text-light,
.bg-g-amin p {
  color: var(--design-on-frame) !important;
}

.bg-g-amin hr {
  border-color: rgba(var(--design-on-frame-rgb), 0.3);
}

.bg-g-amin .btn-outline-light {
  background-color: transparent;
  border-color: var(--design-on-frame);
  color: var(--design-on-frame);
}

.bg-g-amin .btn-outline-light:hover {
  background-color: var(--design-frame-hover);
}

.page-wrapper {
  background-color: var(--design-surface-1) !important;
  background-image: none !important;
}

main#content .privacy-section {
  background: var(--design-surface-2);
  border-color: var(--design-border);
}

main#content .privacy-section-header,
main#content .privacy-option-disabled {
  background: var(--design-surface-3);
  border-color: var(--design-border);
}

main#content .privacy-option,
main#content .privacy-save {
  border-color: var(--design-border);
}

main#content .privacy-settings-header p,
main#content .privacy-section-header p,
main#content .privacy-description {
  color: var(--design-text-muted);
}

main#content .privacy-description strong,
main#content .privacy-links .btn {
  color: var(--design-text);
}

main#content .privacy-links .btn,
main#content .privacy-select .form-control {
  border-color: var(--design-border-strong);
}

main#content .privacy-links .btn {
  background-color: var(--design-surface-2);
}

main#content .privacy-links .btn:hover {
  background-color: var(--design-surface-hover);
}

.landing-index-component,
.landing-directory-component,
.landing-explore-component {
  color: var(--design-text);
}

#content .landing-index-component .server-header-domain,
#content .landing-index-component .server-admin .admin-card .username {
  color: var(--design-text);
}

main#content .settings-nav {
  border-right-color: var(--design-border) !important;
}

.custom-select {
  appearance: auto;
  background-image: none;
}

.text-gradient-primary {
  background: none;
  color: var(--design-link);
  -webkit-text-fill-color: currentcolor;
}

.btn-primary-alt::before,
.btn-primary-alt::after {
  background: var(--design-primary);
}

.bg-pixelfed,
.icon-wrapper {
  background: var(--design-primary);
  color: var(--design-on-primary);
}
nav.metro-nav .navbar-brand img,
nav.navbar-laravel .navbar-brand img,
#content > nav.navbar.fixed-top .navbar-brand img,
.page-wrapper a > img[src*="pixelfed-icon-white"] {
  content: var(--design-url-logo-svg);
}

.sidenav .navbar-brand .navbar-brand-img {
  content: var(--design-url-brand-svg);
}