/* Bulma Utilities */
:root {
  --bulma-control-radius: var(--bulma-radius);
  --bulma-control-radius-small: var(--bulma-radius-small);
  --bulma-control-border-width: 1px;
  --bulma-control-height: 2.5em;
  --bulma-control-line-height: 1.5;
  --bulma-control-padding-vertical: calc(0.5em - 1px);
  --bulma-control-padding-horizontal: calc(0.75em - 1px);
  --bulma-control-size: var(--bulma-size-normal);
  --bulma-control-focus-shadow-l: 50%;
}

/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}

:root {
  --bulma-body-background-color: var(--bulma-scheme-main);
  --bulma-body-size: 1em;
  --bulma-body-min-width: 300px;
  --bulma-body-rendering: optimizeLegibility;
  --bulma-body-family: "Muoto", sans-serif;
  --bulma-body-overflow-x: hidden;
  --bulma-body-overflow-y: scroll;
  --bulma-body-color: var(--bulma-text);
  --bulma-body-font-size: 1em;
  --bulma-body-weight: 350;
  --bulma-body-line-height: 1.5;
  --bulma-code-family: var(--bulma-family-code);
  --bulma-code-padding: 0.25em 0.5em 0.25em;
  --bulma-code-weight: normal;
  --bulma-code-size: 0.875em;
  --bulma-small-font-size: 0.875em;
  --bulma-hr-background-color: var(--bulma-background);
  --bulma-hr-height: 2px;
  --bulma-hr-margin: 1.5rem 0;
  --bulma-strong-color: var(--bulma-text-strong);
  --bulma-strong-weight: var(--bulma-weight-semibold);
  --bulma-pre-font-size: 0.875em;
  --bulma-pre-padding: 1.25rem 1.5rem;
  --bulma-pre-code-font-size: 1em;
}

html {
  background-color: var(--bulma-body-background-color);
  font-size: var(--bulma-body-size);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: var(--bulma-body-min-width);
  overflow-x: var(--bulma-body-overflow-x);
  overflow-y: var(--bulma-body-overflow-y);
  text-rendering: var(--bulma-body-rendering);
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: var(--bulma-body-family);
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: var(--bulma-code-family);
}

body {
  color: var(--bulma-body-color);
  font-size: var(--bulma-body-font-size);
  font-weight: var(--bulma-body-weight);
  line-height: var(--bulma-body-line-height);
}

a,
button {
  cursor: pointer;
}
a:focus-visible,
button:focus-visible {
  outline-color: hsl(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l));
  outline-offset: var(--bulma-focus-offset);
  outline-style: var(--bulma-focus-style);
  outline-width: var(--bulma-focus-width);
}
a:focus-visible:active,
button:focus-visible:active {
  outline-width: 1px;
}
a:active,
button:active {
  outline-width: 1px;
}

a {
  color: var(--bulma-link-text);
  cursor: pointer;
  text-decoration: none;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, color;
}
a strong {
  color: currentColor;
}

button {
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, color;
}

code {
  background-color: var(--bulma-code-background);
  border-radius: 0.5em;
  color: var(--bulma-code);
  font-size: var(--bulma-code-size);
  font-weight: var(--bulma-code-weight);
  padding: var(--bulma-code-padding);
}

hr {
  background-color: var(--bulma-hr-background-color);
  border: none;
  display: block;
  height: var(--bulma-hr-height);
  margin: var(--bulma-hr-margin);
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: var(--bulma-small-font-size);
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: var(--bulma-strong-color);
  font-weight: var(--bulma-strong-weight);
}

svg {
  height: auto;
  width: auto;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: var(--bulma-pre-background);
  color: var(--bulma-pre);
  font-size: var(--bulma-pre-font-size);
  overflow-x: auto;
  padding: var(--bulma-pre-padding);
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: var(--bulma-pre-code-font-size);
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: var(--bulma-text-strong);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes pulsate {
  50% {
    opacity: 0.5;
  }
}
/* Bulma Helpers */
.is-aspect-ratio-1by1 {
  aspect-ratio: 1/1;
}

.is-aspect-ratio-5by4 {
  aspect-ratio: 5/4;
}

.is-aspect-ratio-4by3 {
  aspect-ratio: 4/3;
}

.is-aspect-ratio-3by2 {
  aspect-ratio: 3/2;
}

.is-aspect-ratio-5by3 {
  aspect-ratio: 5/3;
}

.is-aspect-ratio-16by9 {
  aspect-ratio: 16/9;
}

.is-aspect-ratio-2by1 {
  aspect-ratio: 2/1;
}

.is-aspect-ratio-3by1 {
  aspect-ratio: 3/1;
}

.is-aspect-ratio-4by5 {
  aspect-ratio: 4/5;
}

.is-aspect-ratio-3by4 {
  aspect-ratio: 3/4;
}

.is-aspect-ratio-2by3 {
  aspect-ratio: 2/3;
}

.is-aspect-ratio-3by5 {
  aspect-ratio: 3/5;
}

.is-aspect-ratio-9by16 {
  aspect-ratio: 9/16;
}

.is-aspect-ratio-1by2 {
  aspect-ratio: 1/2;
}

.is-aspect-ratio-1by3 {
  aspect-ratio: 1/3;
}

.has-radius-small {
  border-radius: var(--bulma-radius-small);
}

.has-radius-normal {
  border-radius: var(--bulma-radius);
}

.has-radius-large {
  border-radius: var(--bulma-radius-large);
}

.has-radius-rounded {
  border-radius: var(--bulma-radius-rounded);
}

.has-background {
  background-color: var(--bulma-background);
}

.has-text-white {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l)) !important;
}

.has-background-white {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l)) !important;
}

.has-text-white-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-invert-l)) !important;
}

.has-background-white-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-invert-l)) !important;
}

.has-text-white-on-scheme {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l)) !important;
}

.has-background-white-on-scheme {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l)) !important;
}

.has-text-white-light {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-l)) !important;
}

.has-background-white-light {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-l)) !important;
}

.has-text-white-light-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-invert-l)) !important;
}

.has-background-white-light-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-invert-l)) !important;
}

.has-text-white-dark {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-l)) !important;
}

.has-background-white-dark {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-l)) !important;
}

.has-text-white-dark-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-invert-l)) !important;
}

.has-background-white-dark-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-invert-l)) !important;
}

.has-text-white-soft {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-l)) !important;
}

.has-background-white-soft {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-l)) !important;
}

.has-text-white-bold {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-l)) !important;
}

.has-background-white-bold {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-l)) !important;
}

.has-text-white-soft-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-white-soft-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-white-bold-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-white-bold-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-white-00 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-l)) !important;
}

.has-background-white-00 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-l)) !important;
}

.has-text-white-00-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-invert-l)) !important;
}

.has-background-white-00-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-invert-l)) !important;
}

.has-text-white-05 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-l)) !important;
}

.has-background-white-05 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-l)) !important;
}

.has-text-white-05-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-invert-l)) !important;
}

.has-background-white-05-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-invert-l)) !important;
}

.has-text-white-10 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-l)) !important;
}

.has-background-white-10 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-l)) !important;
}

.has-text-white-10-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-invert-l)) !important;
}

.has-background-white-10-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-invert-l)) !important;
}

.has-text-white-15 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-l)) !important;
}

.has-background-white-15 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-l)) !important;
}

.has-text-white-15-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-invert-l)) !important;
}

.has-background-white-15-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-invert-l)) !important;
}

.has-text-white-20 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-l)) !important;
}

.has-background-white-20 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-l)) !important;
}

.has-text-white-20-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-invert-l)) !important;
}

.has-background-white-20-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-invert-l)) !important;
}

.has-text-white-25 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-l)) !important;
}

.has-background-white-25 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-l)) !important;
}

.has-text-white-25-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-invert-l)) !important;
}

.has-background-white-25-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-invert-l)) !important;
}

.has-text-white-30 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-l)) !important;
}

.has-background-white-30 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-l)) !important;
}

.has-text-white-30-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-invert-l)) !important;
}

.has-background-white-30-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-invert-l)) !important;
}

.has-text-white-35 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-l)) !important;
}

.has-background-white-35 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-l)) !important;
}

.has-text-white-35-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-invert-l)) !important;
}

.has-background-white-35-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-invert-l)) !important;
}

.has-text-white-40 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-l)) !important;
}

.has-background-white-40 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-l)) !important;
}

.has-text-white-40-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-invert-l)) !important;
}

.has-background-white-40-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-invert-l)) !important;
}

.has-text-white-45 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-l)) !important;
}

.has-background-white-45 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-l)) !important;
}

.has-text-white-45-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-invert-l)) !important;
}

.has-background-white-45-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-invert-l)) !important;
}

.has-text-white-50 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-l)) !important;
}

.has-background-white-50 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-l)) !important;
}

.has-text-white-50-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-invert-l)) !important;
}

.has-background-white-50-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-invert-l)) !important;
}

.has-text-white-55 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-l)) !important;
}

.has-background-white-55 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-l)) !important;
}

.has-text-white-55-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-invert-l)) !important;
}

.has-background-white-55-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-invert-l)) !important;
}

.has-text-white-60 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-l)) !important;
}

.has-background-white-60 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-l)) !important;
}

.has-text-white-60-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-invert-l)) !important;
}

.has-background-white-60-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-invert-l)) !important;
}

.has-text-white-65 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-l)) !important;
}

.has-background-white-65 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-l)) !important;
}

.has-text-white-65-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-invert-l)) !important;
}

.has-background-white-65-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-invert-l)) !important;
}

.has-text-white-70 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-l)) !important;
}

.has-background-white-70 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-l)) !important;
}

.has-text-white-70-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-invert-l)) !important;
}

.has-background-white-70-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-invert-l)) !important;
}

.has-text-white-75 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-l)) !important;
}

.has-background-white-75 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-l)) !important;
}

.has-text-white-75-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-invert-l)) !important;
}

.has-background-white-75-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-invert-l)) !important;
}

.has-text-white-80 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-l)) !important;
}

.has-background-white-80 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-l)) !important;
}

.has-text-white-80-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-invert-l)) !important;
}

.has-background-white-80-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-invert-l)) !important;
}

.has-text-white-85 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-l)) !important;
}

.has-background-white-85 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-l)) !important;
}

.has-text-white-85-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-invert-l)) !important;
}

.has-background-white-85-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-invert-l)) !important;
}

.has-text-white-90 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-l)) !important;
}

.has-background-white-90 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-l)) !important;
}

.has-text-white-90-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-invert-l)) !important;
}

.has-background-white-90-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-invert-l)) !important;
}

.has-text-white-95 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-l)) !important;
}

.has-background-white-95 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-l)) !important;
}

.has-text-white-95-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-invert-l)) !important;
}

.has-background-white-95-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-invert-l)) !important;
}

.has-text-white-100 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-l)) !important;
}

.has-background-white-100 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-l)) !important;
}

.has-text-white-100-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-invert-l)) !important;
}

.has-background-white-100-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-invert-l)) !important;
}

a.has-text-white:hover, a.has-text-white:focus-visible,
button.has-text-white:hover,
button.has-text-white:focus-visible,
has-text-white.is-hoverable:hover,
has-text-white.is-hoverable:focus-visible {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-white:active,
button.has-text-white:active,
has-text-white.is-hoverable:active {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-white:hover, a.has-background-white:focus-visible,
button.has-background-white:hover,
button.has-background-white:focus-visible,
has-background-white.is-hoverable:hover,
has-background-white.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-white:active,
button.has-background-white:active,
has-background-white.is-hoverable:active {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-white {
  --h: var(--bulma-white-h);
  --s: var(--bulma-white-s);
  --l: var(--bulma-white-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-white-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-white-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-white-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-white-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-white-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-white-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-white-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-white-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-white-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-white-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-white-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-white-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-white-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-white-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-white-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-white-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-white-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-white-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-white-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-white-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-white-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-black {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l)) !important;
}

.has-background-black {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l)) !important;
}

.has-text-black-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-invert-l)) !important;
}

.has-background-black-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-invert-l)) !important;
}

.has-text-black-on-scheme {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l)) !important;
}

.has-background-black-on-scheme {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l)) !important;
}

.has-text-black-light {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-l)) !important;
}

.has-background-black-light {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-l)) !important;
}

.has-text-black-light-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-invert-l)) !important;
}

.has-background-black-light-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-invert-l)) !important;
}

.has-text-black-dark {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-l)) !important;
}

.has-background-black-dark {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-l)) !important;
}

.has-text-black-dark-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-invert-l)) !important;
}

.has-background-black-dark-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-invert-l)) !important;
}

.has-text-black-soft {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-l)) !important;
}

.has-background-black-soft {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-l)) !important;
}

.has-text-black-bold {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-l)) !important;
}

.has-background-black-bold {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-l)) !important;
}

.has-text-black-soft-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-black-soft-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-black-bold-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-black-bold-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-black-00 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-l)) !important;
}

.has-background-black-00 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-l)) !important;
}

.has-text-black-00-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-invert-l)) !important;
}

.has-background-black-00-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-invert-l)) !important;
}

.has-text-black-05 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-l)) !important;
}

.has-background-black-05 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-l)) !important;
}

.has-text-black-05-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-invert-l)) !important;
}

.has-background-black-05-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-invert-l)) !important;
}

.has-text-black-10 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-l)) !important;
}

.has-background-black-10 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-l)) !important;
}

.has-text-black-10-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-invert-l)) !important;
}

.has-background-black-10-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-invert-l)) !important;
}

.has-text-black-15 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-l)) !important;
}

.has-background-black-15 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-l)) !important;
}

.has-text-black-15-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-invert-l)) !important;
}

.has-background-black-15-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-invert-l)) !important;
}

.has-text-black-20 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-l)) !important;
}

.has-background-black-20 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-l)) !important;
}

.has-text-black-20-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-invert-l)) !important;
}

.has-background-black-20-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-invert-l)) !important;
}

.has-text-black-25 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-l)) !important;
}

.has-background-black-25 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-l)) !important;
}

.has-text-black-25-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-invert-l)) !important;
}

.has-background-black-25-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-invert-l)) !important;
}

.has-text-black-30 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-l)) !important;
}

.has-background-black-30 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-l)) !important;
}

.has-text-black-30-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-invert-l)) !important;
}

.has-background-black-30-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-invert-l)) !important;
}

.has-text-black-35 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-l)) !important;
}

.has-background-black-35 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-l)) !important;
}

.has-text-black-35-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-invert-l)) !important;
}

.has-background-black-35-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-invert-l)) !important;
}

.has-text-black-40 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-l)) !important;
}

.has-background-black-40 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-l)) !important;
}

.has-text-black-40-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-invert-l)) !important;
}

.has-background-black-40-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-invert-l)) !important;
}

.has-text-black-45 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-l)) !important;
}

.has-background-black-45 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-l)) !important;
}

.has-text-black-45-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-invert-l)) !important;
}

.has-background-black-45-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-invert-l)) !important;
}

.has-text-black-50 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-l)) !important;
}

.has-background-black-50 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-l)) !important;
}

.has-text-black-50-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-invert-l)) !important;
}

.has-background-black-50-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-invert-l)) !important;
}

.has-text-black-55 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-l)) !important;
}

.has-background-black-55 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-l)) !important;
}

.has-text-black-55-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-invert-l)) !important;
}

.has-background-black-55-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-invert-l)) !important;
}

.has-text-black-60 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-l)) !important;
}

.has-background-black-60 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-l)) !important;
}

.has-text-black-60-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-invert-l)) !important;
}

.has-background-black-60-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-invert-l)) !important;
}

.has-text-black-65 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-l)) !important;
}

.has-background-black-65 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-l)) !important;
}

.has-text-black-65-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-invert-l)) !important;
}

.has-background-black-65-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-invert-l)) !important;
}

.has-text-black-70 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-l)) !important;
}

.has-background-black-70 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-l)) !important;
}

.has-text-black-70-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-invert-l)) !important;
}

.has-background-black-70-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-invert-l)) !important;
}

.has-text-black-75 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-l)) !important;
}

.has-background-black-75 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-l)) !important;
}

.has-text-black-75-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-invert-l)) !important;
}

.has-background-black-75-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-invert-l)) !important;
}

.has-text-black-80 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-l)) !important;
}

.has-background-black-80 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-l)) !important;
}

.has-text-black-80-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-invert-l)) !important;
}

.has-background-black-80-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-invert-l)) !important;
}

.has-text-black-85 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-l)) !important;
}

.has-background-black-85 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-l)) !important;
}

.has-text-black-85-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-invert-l)) !important;
}

.has-background-black-85-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-invert-l)) !important;
}

.has-text-black-90 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-l)) !important;
}

.has-background-black-90 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-l)) !important;
}

.has-text-black-90-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-invert-l)) !important;
}

.has-background-black-90-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-invert-l)) !important;
}

.has-text-black-95 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-l)) !important;
}

.has-background-black-95 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-l)) !important;
}

.has-text-black-95-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-invert-l)) !important;
}

.has-background-black-95-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-invert-l)) !important;
}

.has-text-black-100 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-l)) !important;
}

.has-background-black-100 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-l)) !important;
}

.has-text-black-100-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-invert-l)) !important;
}

.has-background-black-100-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-invert-l)) !important;
}

a.has-text-black:hover, a.has-text-black:focus-visible,
button.has-text-black:hover,
button.has-text-black:focus-visible,
has-text-black.is-hoverable:hover,
has-text-black.is-hoverable:focus-visible {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-black:active,
button.has-text-black:active,
has-text-black.is-hoverable:active {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-black:hover, a.has-background-black:focus-visible,
button.has-background-black:hover,
button.has-background-black:focus-visible,
has-background-black.is-hoverable:hover,
has-background-black.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-black:active,
button.has-background-black:active,
has-background-black.is-hoverable:active {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-black {
  --h: var(--bulma-black-h);
  --s: var(--bulma-black-s);
  --l: var(--bulma-black-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-black-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-black-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-black-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-black-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-black-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-black-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-black-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-black-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-black-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-black-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-black-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-black-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-black-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-black-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-black-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-black-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-black-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-black-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-black-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-black-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-black-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-light {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l)) !important;
}

.has-background-light {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l)) !important;
}

.has-text-light-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-invert-l)) !important;
}

.has-background-light-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-invert-l)) !important;
}

.has-text-light-on-scheme {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l)) !important;
}

.has-background-light-on-scheme {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l)) !important;
}

.has-text-light-light {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-l)) !important;
}

.has-background-light-light {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-l)) !important;
}

.has-text-light-light-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-invert-l)) !important;
}

.has-background-light-light-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-invert-l)) !important;
}

.has-text-light-dark {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-l)) !important;
}

.has-background-light-dark {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-l)) !important;
}

.has-text-light-dark-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-invert-l)) !important;
}

.has-background-light-dark-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-invert-l)) !important;
}

.has-text-light-soft {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-l)) !important;
}

.has-background-light-soft {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-l)) !important;
}

.has-text-light-bold {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-l)) !important;
}

.has-background-light-bold {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-l)) !important;
}

.has-text-light-soft-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-light-soft-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-light-bold-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-light-bold-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-light-00 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-l)) !important;
}

.has-background-light-00 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-l)) !important;
}

.has-text-light-00-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-invert-l)) !important;
}

.has-background-light-00-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-invert-l)) !important;
}

.has-text-light-05 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-l)) !important;
}

.has-background-light-05 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-l)) !important;
}

.has-text-light-05-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-invert-l)) !important;
}

.has-background-light-05-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-invert-l)) !important;
}

.has-text-light-10 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-l)) !important;
}

.has-background-light-10 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-l)) !important;
}

.has-text-light-10-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-invert-l)) !important;
}

.has-background-light-10-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-invert-l)) !important;
}

.has-text-light-15 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-l)) !important;
}

.has-background-light-15 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-l)) !important;
}

.has-text-light-15-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-invert-l)) !important;
}

.has-background-light-15-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-invert-l)) !important;
}

.has-text-light-20 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-l)) !important;
}

.has-background-light-20 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-l)) !important;
}

.has-text-light-20-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-invert-l)) !important;
}

.has-background-light-20-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-invert-l)) !important;
}

.has-text-light-25 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-l)) !important;
}

.has-background-light-25 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-l)) !important;
}

.has-text-light-25-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-invert-l)) !important;
}

.has-background-light-25-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-invert-l)) !important;
}

.has-text-light-30 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-l)) !important;
}

.has-background-light-30 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-l)) !important;
}

.has-text-light-30-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-invert-l)) !important;
}

.has-background-light-30-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-invert-l)) !important;
}

.has-text-light-35 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-l)) !important;
}

.has-background-light-35 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-l)) !important;
}

.has-text-light-35-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-invert-l)) !important;
}

.has-background-light-35-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-invert-l)) !important;
}

.has-text-light-40 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-l)) !important;
}

.has-background-light-40 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-l)) !important;
}

.has-text-light-40-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-invert-l)) !important;
}

.has-background-light-40-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-invert-l)) !important;
}

.has-text-light-45 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-l)) !important;
}

.has-background-light-45 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-l)) !important;
}

.has-text-light-45-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-invert-l)) !important;
}

.has-background-light-45-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-invert-l)) !important;
}

.has-text-light-50 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-l)) !important;
}

.has-background-light-50 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-l)) !important;
}

.has-text-light-50-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-invert-l)) !important;
}

.has-background-light-50-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-invert-l)) !important;
}

.has-text-light-55 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-l)) !important;
}

.has-background-light-55 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-l)) !important;
}

.has-text-light-55-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-invert-l)) !important;
}

.has-background-light-55-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-invert-l)) !important;
}

.has-text-light-60 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-l)) !important;
}

.has-background-light-60 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-l)) !important;
}

.has-text-light-60-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-invert-l)) !important;
}

.has-background-light-60-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-invert-l)) !important;
}

.has-text-light-65 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-l)) !important;
}

.has-background-light-65 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-l)) !important;
}

.has-text-light-65-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-invert-l)) !important;
}

.has-background-light-65-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-invert-l)) !important;
}

.has-text-light-70 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-l)) !important;
}

.has-background-light-70 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-l)) !important;
}

.has-text-light-70-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-invert-l)) !important;
}

.has-background-light-70-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-invert-l)) !important;
}

.has-text-light-75 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-l)) !important;
}

.has-background-light-75 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-l)) !important;
}

.has-text-light-75-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-invert-l)) !important;
}

.has-background-light-75-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-invert-l)) !important;
}

.has-text-light-80 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-l)) !important;
}

.has-background-light-80 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-l)) !important;
}

.has-text-light-80-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-invert-l)) !important;
}

.has-background-light-80-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-invert-l)) !important;
}

.has-text-light-85 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-l)) !important;
}

.has-background-light-85 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-l)) !important;
}

.has-text-light-85-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-invert-l)) !important;
}

.has-background-light-85-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-invert-l)) !important;
}

.has-text-light-90 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-l)) !important;
}

.has-background-light-90 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-l)) !important;
}

.has-text-light-90-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-invert-l)) !important;
}

.has-background-light-90-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-invert-l)) !important;
}

.has-text-light-95 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-l)) !important;
}

.has-background-light-95 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-l)) !important;
}

.has-text-light-95-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-invert-l)) !important;
}

.has-background-light-95-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-invert-l)) !important;
}

.has-text-light-100 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-l)) !important;
}

.has-background-light-100 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-l)) !important;
}

.has-text-light-100-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-invert-l)) !important;
}

.has-background-light-100-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-invert-l)) !important;
}

a.has-text-light:hover, a.has-text-light:focus-visible,
button.has-text-light:hover,
button.has-text-light:focus-visible,
has-text-light.is-hoverable:hover,
has-text-light.is-hoverable:focus-visible {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-light:active,
button.has-text-light:active,
has-text-light.is-hoverable:active {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-light:hover, a.has-background-light:focus-visible,
button.has-background-light:hover,
button.has-background-light:focus-visible,
has-background-light.is-hoverable:hover,
has-background-light.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-light:active,
button.has-background-light:active,
has-background-light.is-hoverable:active {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-light {
  --h: var(--bulma-light-h);
  --s: var(--bulma-light-s);
  --l: var(--bulma-light-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-light-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-light-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-light-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-light-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-light-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-light-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-light-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-light-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-light-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-light-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-light-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-light-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-light-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-light-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-light-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-light-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-light-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-light-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-light-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-light-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-light-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-dark {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l)) !important;
}

.has-background-dark {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l)) !important;
}

.has-text-dark-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-invert-l)) !important;
}

.has-background-dark-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-invert-l)) !important;
}

.has-text-dark-on-scheme {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l)) !important;
}

.has-background-dark-on-scheme {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l)) !important;
}

.has-text-dark-light {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-l)) !important;
}

.has-background-dark-light {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-l)) !important;
}

.has-text-dark-light-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-invert-l)) !important;
}

.has-background-dark-light-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-invert-l)) !important;
}

.has-text-dark-dark {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-l)) !important;
}

.has-background-dark-dark {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-l)) !important;
}

.has-text-dark-dark-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-invert-l)) !important;
}

.has-background-dark-dark-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-invert-l)) !important;
}

.has-text-dark-soft {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-l)) !important;
}

.has-background-dark-soft {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-l)) !important;
}

.has-text-dark-bold {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-l)) !important;
}

.has-background-dark-bold {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-l)) !important;
}

.has-text-dark-soft-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-dark-soft-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-dark-bold-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-dark-bold-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-dark-00 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-l)) !important;
}

.has-background-dark-00 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-l)) !important;
}

.has-text-dark-00-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-invert-l)) !important;
}

.has-background-dark-00-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-invert-l)) !important;
}

.has-text-dark-05 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-l)) !important;
}

.has-background-dark-05 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-l)) !important;
}

.has-text-dark-05-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-invert-l)) !important;
}

.has-background-dark-05-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-invert-l)) !important;
}

.has-text-dark-10 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-l)) !important;
}

.has-background-dark-10 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-l)) !important;
}

.has-text-dark-10-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-invert-l)) !important;
}

.has-background-dark-10-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-invert-l)) !important;
}

.has-text-dark-15 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-l)) !important;
}

.has-background-dark-15 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-l)) !important;
}

.has-text-dark-15-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-invert-l)) !important;
}

.has-background-dark-15-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-invert-l)) !important;
}

.has-text-dark-20 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-l)) !important;
}

.has-background-dark-20 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-l)) !important;
}

.has-text-dark-20-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-invert-l)) !important;
}

.has-background-dark-20-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-invert-l)) !important;
}

.has-text-dark-25 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-l)) !important;
}

.has-background-dark-25 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-l)) !important;
}

.has-text-dark-25-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-invert-l)) !important;
}

.has-background-dark-25-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-invert-l)) !important;
}

.has-text-dark-30 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-l)) !important;
}

.has-background-dark-30 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-l)) !important;
}

.has-text-dark-30-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-invert-l)) !important;
}

.has-background-dark-30-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-invert-l)) !important;
}

.has-text-dark-35 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-l)) !important;
}

.has-background-dark-35 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-l)) !important;
}

.has-text-dark-35-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-invert-l)) !important;
}

.has-background-dark-35-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-invert-l)) !important;
}

.has-text-dark-40 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-l)) !important;
}

.has-background-dark-40 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-l)) !important;
}

.has-text-dark-40-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-invert-l)) !important;
}

.has-background-dark-40-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-invert-l)) !important;
}

.has-text-dark-45 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-l)) !important;
}

.has-background-dark-45 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-l)) !important;
}

.has-text-dark-45-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-invert-l)) !important;
}

.has-background-dark-45-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-invert-l)) !important;
}

.has-text-dark-50 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-l)) !important;
}

.has-background-dark-50 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-l)) !important;
}

.has-text-dark-50-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-invert-l)) !important;
}

.has-background-dark-50-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-invert-l)) !important;
}

.has-text-dark-55 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-l)) !important;
}

.has-background-dark-55 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-l)) !important;
}

.has-text-dark-55-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-invert-l)) !important;
}

.has-background-dark-55-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-invert-l)) !important;
}

.has-text-dark-60 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-l)) !important;
}

.has-background-dark-60 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-l)) !important;
}

.has-text-dark-60-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-invert-l)) !important;
}

.has-background-dark-60-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-invert-l)) !important;
}

.has-text-dark-65 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-l)) !important;
}

.has-background-dark-65 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-l)) !important;
}

.has-text-dark-65-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-invert-l)) !important;
}

.has-background-dark-65-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-invert-l)) !important;
}

.has-text-dark-70 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-l)) !important;
}

.has-background-dark-70 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-l)) !important;
}

.has-text-dark-70-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-invert-l)) !important;
}

.has-background-dark-70-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-invert-l)) !important;
}

.has-text-dark-75 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-l)) !important;
}

.has-background-dark-75 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-l)) !important;
}

.has-text-dark-75-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-invert-l)) !important;
}

.has-background-dark-75-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-invert-l)) !important;
}

.has-text-dark-80 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-l)) !important;
}

.has-background-dark-80 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-l)) !important;
}

.has-text-dark-80-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-invert-l)) !important;
}

.has-background-dark-80-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-invert-l)) !important;
}

.has-text-dark-85 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-l)) !important;
}

.has-background-dark-85 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-l)) !important;
}

.has-text-dark-85-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-invert-l)) !important;
}

.has-background-dark-85-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-invert-l)) !important;
}

.has-text-dark-90 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-l)) !important;
}

.has-background-dark-90 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-l)) !important;
}

.has-text-dark-90-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-invert-l)) !important;
}

.has-background-dark-90-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-invert-l)) !important;
}

.has-text-dark-95 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-l)) !important;
}

.has-background-dark-95 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-l)) !important;
}

.has-text-dark-95-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-invert-l)) !important;
}

.has-background-dark-95-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-invert-l)) !important;
}

.has-text-dark-100 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-l)) !important;
}

.has-background-dark-100 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-l)) !important;
}

.has-text-dark-100-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-invert-l)) !important;
}

.has-background-dark-100-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-invert-l)) !important;
}

a.has-text-dark:hover, a.has-text-dark:focus-visible,
button.has-text-dark:hover,
button.has-text-dark:focus-visible,
has-text-dark.is-hoverable:hover,
has-text-dark.is-hoverable:focus-visible {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-dark:active,
button.has-text-dark:active,
has-text-dark.is-hoverable:active {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-dark:hover, a.has-background-dark:focus-visible,
button.has-background-dark:hover,
button.has-background-dark:focus-visible,
has-background-dark.is-hoverable:hover,
has-background-dark.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-dark:active,
button.has-background-dark:active,
has-background-dark.is-hoverable:active {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-dark {
  --h: var(--bulma-dark-h);
  --s: var(--bulma-dark-s);
  --l: var(--bulma-dark-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-dark-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-dark-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-dark-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-dark-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-dark-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-dark-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-dark-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-dark-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-dark-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-dark-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-dark-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-dark-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-dark-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-dark-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-dark-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-dark-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-dark-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-dark-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-dark-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-dark-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-dark-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-text {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l)) !important;
}

.has-background-text {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l)) !important;
}

.has-text-text-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l)) !important;
}

.has-background-text-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l)) !important;
}

.has-text-text-on-scheme {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l)) !important;
}

.has-background-text-on-scheme {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l)) !important;
}

.has-text-text-light {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l)) !important;
}

.has-background-text-light {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l)) !important;
}

.has-text-text-light-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l)) !important;
}

.has-background-text-light-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l)) !important;
}

.has-text-text-dark {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l)) !important;
}

.has-background-text-dark {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l)) !important;
}

.has-text-text-dark-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l)) !important;
}

.has-background-text-dark-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l)) !important;
}

.has-text-text-soft {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l)) !important;
}

.has-background-text-soft {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l)) !important;
}

.has-text-text-bold {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l)) !important;
}

.has-background-text-bold {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l)) !important;
}

.has-text-text-soft-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-text-soft-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-text-bold-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-text-bold-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-text-00 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l)) !important;
}

.has-background-text-00 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l)) !important;
}

.has-text-text-00-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l)) !important;
}

.has-background-text-00-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l)) !important;
}

.has-text-text-05 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l)) !important;
}

.has-background-text-05 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l)) !important;
}

.has-text-text-05-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l)) !important;
}

.has-background-text-05-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l)) !important;
}

.has-text-text-10 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l)) !important;
}

.has-background-text-10 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l)) !important;
}

.has-text-text-10-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l)) !important;
}

.has-background-text-10-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l)) !important;
}

.has-text-text-15 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l)) !important;
}

.has-background-text-15 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l)) !important;
}

.has-text-text-15-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l)) !important;
}

.has-background-text-15-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l)) !important;
}

.has-text-text-20 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l)) !important;
}

.has-background-text-20 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l)) !important;
}

.has-text-text-20-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l)) !important;
}

.has-background-text-20-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l)) !important;
}

.has-text-text-25 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l)) !important;
}

.has-background-text-25 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l)) !important;
}

.has-text-text-25-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l)) !important;
}

.has-background-text-25-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l)) !important;
}

.has-text-text-30 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l)) !important;
}

.has-background-text-30 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l)) !important;
}

.has-text-text-30-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l)) !important;
}

.has-background-text-30-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l)) !important;
}

.has-text-text-35 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l)) !important;
}

.has-background-text-35 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l)) !important;
}

.has-text-text-35-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l)) !important;
}

.has-background-text-35-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l)) !important;
}

.has-text-text-40 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l)) !important;
}

.has-background-text-40 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l)) !important;
}

.has-text-text-40-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l)) !important;
}

.has-background-text-40-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l)) !important;
}

.has-text-text-45 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l)) !important;
}

.has-background-text-45 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l)) !important;
}

.has-text-text-45-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l)) !important;
}

.has-background-text-45-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l)) !important;
}

.has-text-text-50 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l)) !important;
}

.has-background-text-50 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l)) !important;
}

.has-text-text-50-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l)) !important;
}

.has-background-text-50-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l)) !important;
}

.has-text-text-55 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l)) !important;
}

.has-background-text-55 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l)) !important;
}

.has-text-text-55-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l)) !important;
}

.has-background-text-55-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l)) !important;
}

.has-text-text-60 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l)) !important;
}

.has-background-text-60 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l)) !important;
}

.has-text-text-60-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l)) !important;
}

.has-background-text-60-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l)) !important;
}

.has-text-text-65 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l)) !important;
}

.has-background-text-65 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l)) !important;
}

.has-text-text-65-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l)) !important;
}

.has-background-text-65-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l)) !important;
}

.has-text-text-70 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l)) !important;
}

.has-background-text-70 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l)) !important;
}

.has-text-text-70-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l)) !important;
}

.has-background-text-70-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l)) !important;
}

.has-text-text-75 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l)) !important;
}

.has-background-text-75 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l)) !important;
}

.has-text-text-75-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l)) !important;
}

.has-background-text-75-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l)) !important;
}

.has-text-text-80 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l)) !important;
}

.has-background-text-80 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l)) !important;
}

.has-text-text-80-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l)) !important;
}

.has-background-text-80-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l)) !important;
}

.has-text-text-85 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l)) !important;
}

.has-background-text-85 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l)) !important;
}

.has-text-text-85-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l)) !important;
}

.has-background-text-85-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l)) !important;
}

.has-text-text-90 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l)) !important;
}

.has-background-text-90 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l)) !important;
}

.has-text-text-90-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l)) !important;
}

.has-background-text-90-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l)) !important;
}

.has-text-text-95 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l)) !important;
}

.has-background-text-95 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l)) !important;
}

.has-text-text-95-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l)) !important;
}

.has-background-text-95-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l)) !important;
}

.has-text-text-100 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l)) !important;
}

.has-background-text-100 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l)) !important;
}

.has-text-text-100-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l)) !important;
}

.has-background-text-100-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l)) !important;
}

a.has-text-text:hover, a.has-text-text:focus-visible,
button.has-text-text:hover,
button.has-text-text:focus-visible,
has-text-text.is-hoverable:hover,
has-text-text.is-hoverable:focus-visible {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-text:active,
button.has-text-text:active,
has-text-text.is-hoverable:active {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-text:hover, a.has-background-text:focus-visible,
button.has-background-text:hover,
button.has-background-text:focus-visible,
has-background-text.is-hoverable:hover,
has-background-text.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-text:active,
button.has-background-text:active,
has-background-text.is-hoverable:active {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-text {
  --h: var(--bulma-text-h);
  --s: var(--bulma-text-s);
  --l: var(--bulma-text-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-text-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-text-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-text-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-text-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-text-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-text-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-text-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-text-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-text-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-text-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-text-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-text-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-text-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-text-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-text-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-text-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-text-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-text-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-text-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-text-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-text-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-primary {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)) !important;
}

.has-background-primary {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)) !important;
}

.has-text-primary-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l)) !important;
}

.has-background-primary-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l)) !important;
}

.has-text-primary-on-scheme {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l)) !important;
}

.has-background-primary-on-scheme {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l)) !important;
}

.has-text-primary-light {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l)) !important;
}

.has-background-primary-light {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l)) !important;
}

.has-text-primary-light-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l)) !important;
}

.has-background-primary-light-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l)) !important;
}

.has-text-primary-dark {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l)) !important;
}

.has-background-primary-dark {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l)) !important;
}

.has-text-primary-dark-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l)) !important;
}

.has-background-primary-dark-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l)) !important;
}

.has-text-primary-soft {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l)) !important;
}

.has-background-primary-soft {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l)) !important;
}

.has-text-primary-bold {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l)) !important;
}

.has-background-primary-bold {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l)) !important;
}

.has-text-primary-soft-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-primary-soft-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-primary-bold-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-primary-bold-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-primary-00 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l)) !important;
}

.has-background-primary-00 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l)) !important;
}

.has-text-primary-00-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l)) !important;
}

.has-background-primary-00-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l)) !important;
}

.has-text-primary-05 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l)) !important;
}

.has-background-primary-05 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l)) !important;
}

.has-text-primary-05-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l)) !important;
}

.has-background-primary-05-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l)) !important;
}

.has-text-primary-10 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l)) !important;
}

.has-background-primary-10 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l)) !important;
}

.has-text-primary-10-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l)) !important;
}

.has-background-primary-10-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l)) !important;
}

.has-text-primary-15 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l)) !important;
}

.has-background-primary-15 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l)) !important;
}

.has-text-primary-15-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l)) !important;
}

.has-background-primary-15-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l)) !important;
}

.has-text-primary-20 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l)) !important;
}

.has-background-primary-20 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l)) !important;
}

.has-text-primary-20-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l)) !important;
}

.has-background-primary-20-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l)) !important;
}

.has-text-primary-25 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l)) !important;
}

.has-background-primary-25 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l)) !important;
}

.has-text-primary-25-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l)) !important;
}

.has-background-primary-25-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l)) !important;
}

.has-text-primary-30 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l)) !important;
}

.has-background-primary-30 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l)) !important;
}

.has-text-primary-30-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l)) !important;
}

.has-background-primary-30-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l)) !important;
}

.has-text-primary-35 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l)) !important;
}

.has-background-primary-35 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l)) !important;
}

.has-text-primary-35-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l)) !important;
}

.has-background-primary-35-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l)) !important;
}

.has-text-primary-40 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l)) !important;
}

.has-background-primary-40 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l)) !important;
}

.has-text-primary-40-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l)) !important;
}

.has-background-primary-40-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l)) !important;
}

.has-text-primary-45 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l)) !important;
}

.has-background-primary-45 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l)) !important;
}

.has-text-primary-45-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l)) !important;
}

.has-background-primary-45-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l)) !important;
}

.has-text-primary-50 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l)) !important;
}

.has-background-primary-50 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l)) !important;
}

.has-text-primary-50-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l)) !important;
}

.has-background-primary-50-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l)) !important;
}

.has-text-primary-55 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l)) !important;
}

.has-background-primary-55 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l)) !important;
}

.has-text-primary-55-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l)) !important;
}

.has-background-primary-55-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l)) !important;
}

.has-text-primary-60 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l)) !important;
}

.has-background-primary-60 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l)) !important;
}

.has-text-primary-60-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l)) !important;
}

.has-background-primary-60-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l)) !important;
}

.has-text-primary-65 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l)) !important;
}

.has-background-primary-65 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l)) !important;
}

.has-text-primary-65-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l)) !important;
}

.has-background-primary-65-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l)) !important;
}

.has-text-primary-70 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l)) !important;
}

.has-background-primary-70 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l)) !important;
}

.has-text-primary-70-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l)) !important;
}

.has-background-primary-70-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l)) !important;
}

.has-text-primary-75 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l)) !important;
}

.has-background-primary-75 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l)) !important;
}

.has-text-primary-75-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l)) !important;
}

.has-background-primary-75-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l)) !important;
}

.has-text-primary-80 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l)) !important;
}

.has-background-primary-80 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l)) !important;
}

.has-text-primary-80-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l)) !important;
}

.has-background-primary-80-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l)) !important;
}

.has-text-primary-85 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l)) !important;
}

.has-background-primary-85 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l)) !important;
}

.has-text-primary-85-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l)) !important;
}

.has-background-primary-85-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l)) !important;
}

.has-text-primary-90 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l)) !important;
}

.has-background-primary-90 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l)) !important;
}

.has-text-primary-90-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l)) !important;
}

.has-background-primary-90-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l)) !important;
}

.has-text-primary-95 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l)) !important;
}

.has-background-primary-95 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l)) !important;
}

.has-text-primary-95-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l)) !important;
}

.has-background-primary-95-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l)) !important;
}

.has-text-primary-100 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l)) !important;
}

.has-background-primary-100 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l)) !important;
}

.has-text-primary-100-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l)) !important;
}

.has-background-primary-100-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l)) !important;
}

a.has-text-primary:hover, a.has-text-primary:focus-visible,
button.has-text-primary:hover,
button.has-text-primary:focus-visible,
has-text-primary.is-hoverable:hover,
has-text-primary.is-hoverable:focus-visible {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-primary:active,
button.has-text-primary:active,
has-text-primary.is-hoverable:active {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-primary:hover, a.has-background-primary:focus-visible,
button.has-background-primary:hover,
button.has-background-primary:focus-visible,
has-background-primary.is-hoverable:hover,
has-background-primary.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-primary:active,
button.has-background-primary:active,
has-background-primary.is-hoverable:active {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-primary {
  --h: var(--bulma-primary-h);
  --s: var(--bulma-primary-s);
  --l: var(--bulma-primary-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-primary-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-primary-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-primary-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-primary-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-primary-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-primary-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-primary-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-primary-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-primary-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-primary-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-primary-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-primary-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-primary-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-primary-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-primary-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-primary-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-primary-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-primary-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-primary-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-primary-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-primary-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-link {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l)) !important;
}

.has-background-link {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l)) !important;
}

.has-text-link-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l)) !important;
}

.has-background-link-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l)) !important;
}

.has-text-link-on-scheme {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)) !important;
}

.has-background-link-on-scheme {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)) !important;
}

.has-text-link-light {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l)) !important;
}

.has-background-link-light {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l)) !important;
}

.has-text-link-light-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l)) !important;
}

.has-background-link-light-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l)) !important;
}

.has-text-link-dark {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l)) !important;
}

.has-background-link-dark {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l)) !important;
}

.has-text-link-dark-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l)) !important;
}

.has-background-link-dark-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l)) !important;
}

.has-text-link-soft {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l)) !important;
}

.has-background-link-soft {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l)) !important;
}

.has-text-link-bold {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l)) !important;
}

.has-background-link-bold {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l)) !important;
}

.has-text-link-soft-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-link-soft-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-link-bold-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-link-bold-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-link-00 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l)) !important;
}

.has-background-link-00 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l)) !important;
}

.has-text-link-00-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l)) !important;
}

.has-background-link-00-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l)) !important;
}

.has-text-link-05 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l)) !important;
}

.has-background-link-05 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l)) !important;
}

.has-text-link-05-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l)) !important;
}

.has-background-link-05-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l)) !important;
}

.has-text-link-10 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l)) !important;
}

.has-background-link-10 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l)) !important;
}

.has-text-link-10-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l)) !important;
}

.has-background-link-10-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l)) !important;
}

.has-text-link-15 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l)) !important;
}

.has-background-link-15 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l)) !important;
}

.has-text-link-15-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l)) !important;
}

.has-background-link-15-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l)) !important;
}

.has-text-link-20 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l)) !important;
}

.has-background-link-20 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l)) !important;
}

.has-text-link-20-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l)) !important;
}

.has-background-link-20-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l)) !important;
}

.has-text-link-25 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l)) !important;
}

.has-background-link-25 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l)) !important;
}

.has-text-link-25-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l)) !important;
}

.has-background-link-25-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l)) !important;
}

.has-text-link-30 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l)) !important;
}

.has-background-link-30 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l)) !important;
}

.has-text-link-30-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l)) !important;
}

.has-background-link-30-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l)) !important;
}

.has-text-link-35 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l)) !important;
}

.has-background-link-35 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l)) !important;
}

.has-text-link-35-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l)) !important;
}

.has-background-link-35-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l)) !important;
}

.has-text-link-40 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l)) !important;
}

.has-background-link-40 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l)) !important;
}

.has-text-link-40-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l)) !important;
}

.has-background-link-40-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l)) !important;
}

.has-text-link-45 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l)) !important;
}

.has-background-link-45 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l)) !important;
}

.has-text-link-45-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l)) !important;
}

.has-background-link-45-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l)) !important;
}

.has-text-link-50 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l)) !important;
}

.has-background-link-50 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l)) !important;
}

.has-text-link-50-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l)) !important;
}

.has-background-link-50-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l)) !important;
}

.has-text-link-55 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l)) !important;
}

.has-background-link-55 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l)) !important;
}

.has-text-link-55-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l)) !important;
}

.has-background-link-55-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l)) !important;
}

.has-text-link-60 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l)) !important;
}

.has-background-link-60 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l)) !important;
}

.has-text-link-60-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l)) !important;
}

.has-background-link-60-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l)) !important;
}

.has-text-link-65 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l)) !important;
}

.has-background-link-65 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l)) !important;
}

.has-text-link-65-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l)) !important;
}

.has-background-link-65-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l)) !important;
}

.has-text-link-70 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l)) !important;
}

.has-background-link-70 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l)) !important;
}

.has-text-link-70-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l)) !important;
}

.has-background-link-70-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l)) !important;
}

.has-text-link-75 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l)) !important;
}

.has-background-link-75 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l)) !important;
}

.has-text-link-75-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l)) !important;
}

.has-background-link-75-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l)) !important;
}

.has-text-link-80 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l)) !important;
}

.has-background-link-80 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l)) !important;
}

.has-text-link-80-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l)) !important;
}

.has-background-link-80-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l)) !important;
}

.has-text-link-85 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l)) !important;
}

.has-background-link-85 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l)) !important;
}

.has-text-link-85-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l)) !important;
}

.has-background-link-85-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l)) !important;
}

.has-text-link-90 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l)) !important;
}

.has-background-link-90 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l)) !important;
}

.has-text-link-90-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l)) !important;
}

.has-background-link-90-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l)) !important;
}

.has-text-link-95 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l)) !important;
}

.has-background-link-95 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l)) !important;
}

.has-text-link-95-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l)) !important;
}

.has-background-link-95-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l)) !important;
}

.has-text-link-100 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l)) !important;
}

.has-background-link-100 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l)) !important;
}

.has-text-link-100-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l)) !important;
}

.has-background-link-100-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l)) !important;
}

a.has-text-link:hover, a.has-text-link:focus-visible,
button.has-text-link:hover,
button.has-text-link:focus-visible,
has-text-link.is-hoverable:hover,
has-text-link.is-hoverable:focus-visible {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-link:active,
button.has-text-link:active,
has-text-link.is-hoverable:active {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-link:hover, a.has-background-link:focus-visible,
button.has-background-link:hover,
button.has-background-link:focus-visible,
has-background-link.is-hoverable:hover,
has-background-link.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-link:active,
button.has-background-link:active,
has-background-link.is-hoverable:active {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-link {
  --h: var(--bulma-link-h);
  --s: var(--bulma-link-s);
  --l: var(--bulma-link-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-link-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-link-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-link-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-link-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-link-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-link-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-link-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-link-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-link-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-link-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-link-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-link-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-link-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-link-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-link-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-link-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-link-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-link-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-link-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-link-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-link-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-info {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l)) !important;
}

.has-background-info {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l)) !important;
}

.has-text-info-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l)) !important;
}

.has-background-info-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l)) !important;
}

.has-text-info-on-scheme {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l)) !important;
}

.has-background-info-on-scheme {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l)) !important;
}

.has-text-info-light {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l)) !important;
}

.has-background-info-light {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l)) !important;
}

.has-text-info-light-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l)) !important;
}

.has-background-info-light-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l)) !important;
}

.has-text-info-dark {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l)) !important;
}

.has-background-info-dark {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l)) !important;
}

.has-text-info-dark-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l)) !important;
}

.has-background-info-dark-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l)) !important;
}

.has-text-info-soft {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l)) !important;
}

.has-background-info-soft {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l)) !important;
}

.has-text-info-bold {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l)) !important;
}

.has-background-info-bold {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l)) !important;
}

.has-text-info-soft-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-info-soft-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-info-bold-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-info-bold-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-info-00 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l)) !important;
}

.has-background-info-00 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l)) !important;
}

.has-text-info-00-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l)) !important;
}

.has-background-info-00-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l)) !important;
}

.has-text-info-05 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l)) !important;
}

.has-background-info-05 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l)) !important;
}

.has-text-info-05-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l)) !important;
}

.has-background-info-05-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l)) !important;
}

.has-text-info-10 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l)) !important;
}

.has-background-info-10 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l)) !important;
}

.has-text-info-10-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l)) !important;
}

.has-background-info-10-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l)) !important;
}

.has-text-info-15 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l)) !important;
}

.has-background-info-15 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l)) !important;
}

.has-text-info-15-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l)) !important;
}

.has-background-info-15-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l)) !important;
}

.has-text-info-20 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l)) !important;
}

.has-background-info-20 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l)) !important;
}

.has-text-info-20-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l)) !important;
}

.has-background-info-20-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l)) !important;
}

.has-text-info-25 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l)) !important;
}

.has-background-info-25 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l)) !important;
}

.has-text-info-25-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l)) !important;
}

.has-background-info-25-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l)) !important;
}

.has-text-info-30 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l)) !important;
}

.has-background-info-30 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l)) !important;
}

.has-text-info-30-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l)) !important;
}

.has-background-info-30-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l)) !important;
}

.has-text-info-35 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l)) !important;
}

.has-background-info-35 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l)) !important;
}

.has-text-info-35-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l)) !important;
}

.has-background-info-35-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l)) !important;
}

.has-text-info-40 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l)) !important;
}

.has-background-info-40 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l)) !important;
}

.has-text-info-40-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l)) !important;
}

.has-background-info-40-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l)) !important;
}

.has-text-info-45 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l)) !important;
}

.has-background-info-45 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l)) !important;
}

.has-text-info-45-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l)) !important;
}

.has-background-info-45-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l)) !important;
}

.has-text-info-50 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l)) !important;
}

.has-background-info-50 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l)) !important;
}

.has-text-info-50-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l)) !important;
}

.has-background-info-50-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l)) !important;
}

.has-text-info-55 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l)) !important;
}

.has-background-info-55 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l)) !important;
}

.has-text-info-55-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l)) !important;
}

.has-background-info-55-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l)) !important;
}

.has-text-info-60 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l)) !important;
}

.has-background-info-60 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l)) !important;
}

.has-text-info-60-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l)) !important;
}

.has-background-info-60-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l)) !important;
}

.has-text-info-65 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l)) !important;
}

.has-background-info-65 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l)) !important;
}

.has-text-info-65-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l)) !important;
}

.has-background-info-65-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l)) !important;
}

.has-text-info-70 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l)) !important;
}

.has-background-info-70 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l)) !important;
}

.has-text-info-70-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l)) !important;
}

.has-background-info-70-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l)) !important;
}

.has-text-info-75 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l)) !important;
}

.has-background-info-75 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l)) !important;
}

.has-text-info-75-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l)) !important;
}

.has-background-info-75-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l)) !important;
}

.has-text-info-80 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l)) !important;
}

.has-background-info-80 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l)) !important;
}

.has-text-info-80-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l)) !important;
}

.has-background-info-80-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l)) !important;
}

.has-text-info-85 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l)) !important;
}

.has-background-info-85 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l)) !important;
}

.has-text-info-85-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l)) !important;
}

.has-background-info-85-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l)) !important;
}

.has-text-info-90 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l)) !important;
}

.has-background-info-90 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l)) !important;
}

.has-text-info-90-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l)) !important;
}

.has-background-info-90-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l)) !important;
}

.has-text-info-95 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l)) !important;
}

.has-background-info-95 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l)) !important;
}

.has-text-info-95-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l)) !important;
}

.has-background-info-95-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l)) !important;
}

.has-text-info-100 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l)) !important;
}

.has-background-info-100 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l)) !important;
}

.has-text-info-100-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l)) !important;
}

.has-background-info-100-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l)) !important;
}

a.has-text-info:hover, a.has-text-info:focus-visible,
button.has-text-info:hover,
button.has-text-info:focus-visible,
has-text-info.is-hoverable:hover,
has-text-info.is-hoverable:focus-visible {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-info:active,
button.has-text-info:active,
has-text-info.is-hoverable:active {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-info:hover, a.has-background-info:focus-visible,
button.has-background-info:hover,
button.has-background-info:focus-visible,
has-background-info.is-hoverable:hover,
has-background-info.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-info:active,
button.has-background-info:active,
has-background-info.is-hoverable:active {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-info {
  --h: var(--bulma-info-h);
  --s: var(--bulma-info-s);
  --l: var(--bulma-info-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-info-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-info-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-info-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-info-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-info-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-info-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-info-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-info-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-info-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-info-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-info-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-info-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-info-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-info-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-info-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-info-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-info-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-info-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-info-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-info-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-info-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-success {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l)) !important;
}

.has-background-success {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l)) !important;
}

.has-text-success-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l)) !important;
}

.has-background-success-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l)) !important;
}

.has-text-success-on-scheme {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l)) !important;
}

.has-background-success-on-scheme {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l)) !important;
}

.has-text-success-light {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l)) !important;
}

.has-background-success-light {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l)) !important;
}

.has-text-success-light-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l)) !important;
}

.has-background-success-light-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l)) !important;
}

.has-text-success-dark {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l)) !important;
}

.has-background-success-dark {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l)) !important;
}

.has-text-success-dark-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l)) !important;
}

.has-background-success-dark-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l)) !important;
}

.has-text-success-soft {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l)) !important;
}

.has-background-success-soft {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l)) !important;
}

.has-text-success-bold {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l)) !important;
}

.has-background-success-bold {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l)) !important;
}

.has-text-success-soft-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-success-soft-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-success-bold-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-success-bold-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-success-00 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l)) !important;
}

.has-background-success-00 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l)) !important;
}

.has-text-success-00-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l)) !important;
}

.has-background-success-00-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l)) !important;
}

.has-text-success-05 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l)) !important;
}

.has-background-success-05 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l)) !important;
}

.has-text-success-05-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l)) !important;
}

.has-background-success-05-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l)) !important;
}

.has-text-success-10 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l)) !important;
}

.has-background-success-10 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l)) !important;
}

.has-text-success-10-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l)) !important;
}

.has-background-success-10-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l)) !important;
}

.has-text-success-15 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l)) !important;
}

.has-background-success-15 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l)) !important;
}

.has-text-success-15-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l)) !important;
}

.has-background-success-15-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l)) !important;
}

.has-text-success-20 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l)) !important;
}

.has-background-success-20 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l)) !important;
}

.has-text-success-20-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l)) !important;
}

.has-background-success-20-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l)) !important;
}

.has-text-success-25 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l)) !important;
}

.has-background-success-25 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l)) !important;
}

.has-text-success-25-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l)) !important;
}

.has-background-success-25-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l)) !important;
}

.has-text-success-30 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l)) !important;
}

.has-background-success-30 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l)) !important;
}

.has-text-success-30-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l)) !important;
}

.has-background-success-30-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l)) !important;
}

.has-text-success-35 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l)) !important;
}

.has-background-success-35 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l)) !important;
}

.has-text-success-35-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l)) !important;
}

.has-background-success-35-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l)) !important;
}

.has-text-success-40 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l)) !important;
}

.has-background-success-40 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l)) !important;
}

.has-text-success-40-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l)) !important;
}

.has-background-success-40-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l)) !important;
}

.has-text-success-45 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l)) !important;
}

.has-background-success-45 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l)) !important;
}

.has-text-success-45-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l)) !important;
}

.has-background-success-45-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l)) !important;
}

.has-text-success-50 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l)) !important;
}

.has-background-success-50 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l)) !important;
}

.has-text-success-50-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l)) !important;
}

.has-background-success-50-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l)) !important;
}

.has-text-success-55 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l)) !important;
}

.has-background-success-55 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l)) !important;
}

.has-text-success-55-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l)) !important;
}

.has-background-success-55-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l)) !important;
}

.has-text-success-60 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l)) !important;
}

.has-background-success-60 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l)) !important;
}

.has-text-success-60-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l)) !important;
}

.has-background-success-60-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l)) !important;
}

.has-text-success-65 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l)) !important;
}

.has-background-success-65 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l)) !important;
}

.has-text-success-65-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l)) !important;
}

.has-background-success-65-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l)) !important;
}

.has-text-success-70 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l)) !important;
}

.has-background-success-70 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l)) !important;
}

.has-text-success-70-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l)) !important;
}

.has-background-success-70-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l)) !important;
}

.has-text-success-75 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l)) !important;
}

.has-background-success-75 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l)) !important;
}

.has-text-success-75-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l)) !important;
}

.has-background-success-75-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l)) !important;
}

.has-text-success-80 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l)) !important;
}

.has-background-success-80 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l)) !important;
}

.has-text-success-80-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l)) !important;
}

.has-background-success-80-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l)) !important;
}

.has-text-success-85 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l)) !important;
}

.has-background-success-85 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l)) !important;
}

.has-text-success-85-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l)) !important;
}

.has-background-success-85-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l)) !important;
}

.has-text-success-90 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l)) !important;
}

.has-background-success-90 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l)) !important;
}

.has-text-success-90-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l)) !important;
}

.has-background-success-90-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l)) !important;
}

.has-text-success-95 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l)) !important;
}

.has-background-success-95 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l)) !important;
}

.has-text-success-95-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l)) !important;
}

.has-background-success-95-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l)) !important;
}

.has-text-success-100 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l)) !important;
}

.has-background-success-100 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l)) !important;
}

.has-text-success-100-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l)) !important;
}

.has-background-success-100-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l)) !important;
}

a.has-text-success:hover, a.has-text-success:focus-visible,
button.has-text-success:hover,
button.has-text-success:focus-visible,
has-text-success.is-hoverable:hover,
has-text-success.is-hoverable:focus-visible {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-success:active,
button.has-text-success:active,
has-text-success.is-hoverable:active {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-success:hover, a.has-background-success:focus-visible,
button.has-background-success:hover,
button.has-background-success:focus-visible,
has-background-success.is-hoverable:hover,
has-background-success.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-success:active,
button.has-background-success:active,
has-background-success.is-hoverable:active {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-success {
  --h: var(--bulma-success-h);
  --s: var(--bulma-success-s);
  --l: var(--bulma-success-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-success-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-success-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-success-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-success-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-success-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-success-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-success-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-success-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-success-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-success-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-success-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-success-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-success-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-success-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-success-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-success-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-success-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-success-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-success-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-success-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-success-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-warning {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l)) !important;
}

.has-background-warning {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l)) !important;
}

.has-text-warning-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l)) !important;
}

.has-background-warning-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l)) !important;
}

.has-text-warning-on-scheme {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l)) !important;
}

.has-background-warning-on-scheme {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l)) !important;
}

.has-text-warning-light {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l)) !important;
}

.has-background-warning-light {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l)) !important;
}

.has-text-warning-light-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l)) !important;
}

.has-background-warning-light-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l)) !important;
}

.has-text-warning-dark {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l)) !important;
}

.has-background-warning-dark {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l)) !important;
}

.has-text-warning-dark-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l)) !important;
}

.has-background-warning-dark-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l)) !important;
}

.has-text-warning-soft {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l)) !important;
}

.has-background-warning-soft {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l)) !important;
}

.has-text-warning-bold {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l)) !important;
}

.has-background-warning-bold {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l)) !important;
}

.has-text-warning-soft-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-warning-soft-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-warning-bold-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-warning-bold-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-warning-00 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l)) !important;
}

.has-background-warning-00 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l)) !important;
}

.has-text-warning-00-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l)) !important;
}

.has-background-warning-00-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l)) !important;
}

.has-text-warning-05 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l)) !important;
}

.has-background-warning-05 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l)) !important;
}

.has-text-warning-05-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l)) !important;
}

.has-background-warning-05-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l)) !important;
}

.has-text-warning-10 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l)) !important;
}

.has-background-warning-10 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l)) !important;
}

.has-text-warning-10-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l)) !important;
}

.has-background-warning-10-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l)) !important;
}

.has-text-warning-15 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l)) !important;
}

.has-background-warning-15 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l)) !important;
}

.has-text-warning-15-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l)) !important;
}

.has-background-warning-15-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l)) !important;
}

.has-text-warning-20 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l)) !important;
}

.has-background-warning-20 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l)) !important;
}

.has-text-warning-20-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l)) !important;
}

.has-background-warning-20-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l)) !important;
}

.has-text-warning-25 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l)) !important;
}

.has-background-warning-25 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l)) !important;
}

.has-text-warning-25-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l)) !important;
}

.has-background-warning-25-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l)) !important;
}

.has-text-warning-30 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l)) !important;
}

.has-background-warning-30 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l)) !important;
}

.has-text-warning-30-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l)) !important;
}

.has-background-warning-30-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l)) !important;
}

.has-text-warning-35 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l)) !important;
}

.has-background-warning-35 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l)) !important;
}

.has-text-warning-35-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l)) !important;
}

.has-background-warning-35-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l)) !important;
}

.has-text-warning-40 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l)) !important;
}

.has-background-warning-40 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l)) !important;
}

.has-text-warning-40-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l)) !important;
}

.has-background-warning-40-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l)) !important;
}

.has-text-warning-45 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l)) !important;
}

.has-background-warning-45 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l)) !important;
}

.has-text-warning-45-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l)) !important;
}

.has-background-warning-45-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l)) !important;
}

.has-text-warning-50 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l)) !important;
}

.has-background-warning-50 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l)) !important;
}

.has-text-warning-50-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l)) !important;
}

.has-background-warning-50-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l)) !important;
}

.has-text-warning-55 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l)) !important;
}

.has-background-warning-55 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l)) !important;
}

.has-text-warning-55-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l)) !important;
}

.has-background-warning-55-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l)) !important;
}

.has-text-warning-60 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l)) !important;
}

.has-background-warning-60 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l)) !important;
}

.has-text-warning-60-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l)) !important;
}

.has-background-warning-60-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l)) !important;
}

.has-text-warning-65 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l)) !important;
}

.has-background-warning-65 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l)) !important;
}

.has-text-warning-65-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l)) !important;
}

.has-background-warning-65-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l)) !important;
}

.has-text-warning-70 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l)) !important;
}

.has-background-warning-70 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l)) !important;
}

.has-text-warning-70-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l)) !important;
}

.has-background-warning-70-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l)) !important;
}

.has-text-warning-75 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l)) !important;
}

.has-background-warning-75 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l)) !important;
}

.has-text-warning-75-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l)) !important;
}

.has-background-warning-75-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l)) !important;
}

.has-text-warning-80 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l)) !important;
}

.has-background-warning-80 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l)) !important;
}

.has-text-warning-80-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l)) !important;
}

.has-background-warning-80-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l)) !important;
}

.has-text-warning-85 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l)) !important;
}

.has-background-warning-85 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l)) !important;
}

.has-text-warning-85-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l)) !important;
}

.has-background-warning-85-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l)) !important;
}

.has-text-warning-90 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l)) !important;
}

.has-background-warning-90 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l)) !important;
}

.has-text-warning-90-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l)) !important;
}

.has-background-warning-90-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l)) !important;
}

.has-text-warning-95 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l)) !important;
}

.has-background-warning-95 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l)) !important;
}

.has-text-warning-95-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l)) !important;
}

.has-background-warning-95-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l)) !important;
}

.has-text-warning-100 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l)) !important;
}

.has-background-warning-100 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l)) !important;
}

.has-text-warning-100-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l)) !important;
}

.has-background-warning-100-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l)) !important;
}

a.has-text-warning:hover, a.has-text-warning:focus-visible,
button.has-text-warning:hover,
button.has-text-warning:focus-visible,
has-text-warning.is-hoverable:hover,
has-text-warning.is-hoverable:focus-visible {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-warning:active,
button.has-text-warning:active,
has-text-warning.is-hoverable:active {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-warning:hover, a.has-background-warning:focus-visible,
button.has-background-warning:hover,
button.has-background-warning:focus-visible,
has-background-warning.is-hoverable:hover,
has-background-warning.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-warning:active,
button.has-background-warning:active,
has-background-warning.is-hoverable:active {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-warning {
  --h: var(--bulma-warning-h);
  --s: var(--bulma-warning-s);
  --l: var(--bulma-warning-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-warning-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-warning-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-warning-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-warning-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-warning-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-warning-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-warning-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-warning-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-warning-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-warning-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-warning-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-warning-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-warning-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-warning-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-warning-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-warning-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-warning-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-warning-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-warning-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-warning-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-warning-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-danger {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l)) !important;
}

.has-background-danger {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l)) !important;
}

.has-text-danger-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l)) !important;
}

.has-background-danger-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l)) !important;
}

.has-text-danger-on-scheme {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)) !important;
}

.has-background-danger-on-scheme {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)) !important;
}

.has-text-danger-light {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l)) !important;
}

.has-background-danger-light {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l)) !important;
}

.has-text-danger-light-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l)) !important;
}

.has-background-danger-light-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l)) !important;
}

.has-text-danger-dark {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l)) !important;
}

.has-background-danger-dark {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l)) !important;
}

.has-text-danger-dark-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l)) !important;
}

.has-background-danger-dark-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l)) !important;
}

.has-text-danger-soft {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l)) !important;
}

.has-background-danger-soft {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l)) !important;
}

.has-text-danger-bold {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l)) !important;
}

.has-background-danger-bold {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l)) !important;
}

.has-text-danger-soft-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-danger-soft-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-danger-bold-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-danger-bold-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-danger-00 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l)) !important;
}

.has-background-danger-00 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l)) !important;
}

.has-text-danger-00-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l)) !important;
}

.has-background-danger-00-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l)) !important;
}

.has-text-danger-05 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l)) !important;
}

.has-background-danger-05 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l)) !important;
}

.has-text-danger-05-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l)) !important;
}

.has-background-danger-05-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l)) !important;
}

.has-text-danger-10 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l)) !important;
}

.has-background-danger-10 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l)) !important;
}

.has-text-danger-10-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l)) !important;
}

.has-background-danger-10-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l)) !important;
}

.has-text-danger-15 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l)) !important;
}

.has-background-danger-15 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l)) !important;
}

.has-text-danger-15-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l)) !important;
}

.has-background-danger-15-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l)) !important;
}

.has-text-danger-20 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l)) !important;
}

.has-background-danger-20 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l)) !important;
}

.has-text-danger-20-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l)) !important;
}

.has-background-danger-20-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l)) !important;
}

.has-text-danger-25 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l)) !important;
}

.has-background-danger-25 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l)) !important;
}

.has-text-danger-25-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l)) !important;
}

.has-background-danger-25-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l)) !important;
}

.has-text-danger-30 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l)) !important;
}

.has-background-danger-30 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l)) !important;
}

.has-text-danger-30-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l)) !important;
}

.has-background-danger-30-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l)) !important;
}

.has-text-danger-35 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l)) !important;
}

.has-background-danger-35 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l)) !important;
}

.has-text-danger-35-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l)) !important;
}

.has-background-danger-35-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l)) !important;
}

.has-text-danger-40 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l)) !important;
}

.has-background-danger-40 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l)) !important;
}

.has-text-danger-40-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l)) !important;
}

.has-background-danger-40-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l)) !important;
}

.has-text-danger-45 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l)) !important;
}

.has-background-danger-45 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l)) !important;
}

.has-text-danger-45-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l)) !important;
}

.has-background-danger-45-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l)) !important;
}

.has-text-danger-50 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l)) !important;
}

.has-background-danger-50 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l)) !important;
}

.has-text-danger-50-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l)) !important;
}

.has-background-danger-50-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l)) !important;
}

.has-text-danger-55 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l)) !important;
}

.has-background-danger-55 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l)) !important;
}

.has-text-danger-55-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l)) !important;
}

.has-background-danger-55-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l)) !important;
}

.has-text-danger-60 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l)) !important;
}

.has-background-danger-60 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l)) !important;
}

.has-text-danger-60-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l)) !important;
}

.has-background-danger-60-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l)) !important;
}

.has-text-danger-65 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l)) !important;
}

.has-background-danger-65 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l)) !important;
}

.has-text-danger-65-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l)) !important;
}

.has-background-danger-65-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l)) !important;
}

.has-text-danger-70 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l)) !important;
}

.has-background-danger-70 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l)) !important;
}

.has-text-danger-70-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l)) !important;
}

.has-background-danger-70-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l)) !important;
}

.has-text-danger-75 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l)) !important;
}

.has-background-danger-75 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l)) !important;
}

.has-text-danger-75-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l)) !important;
}

.has-background-danger-75-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l)) !important;
}

.has-text-danger-80 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l)) !important;
}

.has-background-danger-80 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l)) !important;
}

.has-text-danger-80-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l)) !important;
}

.has-background-danger-80-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l)) !important;
}

.has-text-danger-85 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l)) !important;
}

.has-background-danger-85 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l)) !important;
}

.has-text-danger-85-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l)) !important;
}

.has-background-danger-85-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l)) !important;
}

.has-text-danger-90 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l)) !important;
}

.has-background-danger-90 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l)) !important;
}

.has-text-danger-90-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l)) !important;
}

.has-background-danger-90-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l)) !important;
}

.has-text-danger-95 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l)) !important;
}

.has-background-danger-95 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l)) !important;
}

.has-text-danger-95-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l)) !important;
}

.has-background-danger-95-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l)) !important;
}

.has-text-danger-100 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l)) !important;
}

.has-background-danger-100 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l)) !important;
}

.has-text-danger-100-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l)) !important;
}

.has-background-danger-100-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l)) !important;
}

a.has-text-danger:hover, a.has-text-danger:focus-visible,
button.has-text-danger:hover,
button.has-text-danger:focus-visible,
has-text-danger.is-hoverable:hover,
has-text-danger.is-hoverable:focus-visible {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-danger:active,
button.has-text-danger:active,
has-text-danger.is-hoverable:active {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-danger:hover, a.has-background-danger:focus-visible,
button.has-background-danger:hover,
button.has-background-danger:focus-visible,
has-background-danger.is-hoverable:hover,
has-background-danger.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-danger:active,
button.has-background-danger:active,
has-background-danger.is-hoverable:active {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-danger {
  --h: var(--bulma-danger-h);
  --s: var(--bulma-danger-s);
  --l: var(--bulma-danger-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-danger-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-danger-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-danger-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-danger-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-danger-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-danger-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-danger-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-danger-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-danger-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-danger-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-danger-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-danger-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-danger-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-danger-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-danger-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-danger-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-danger-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-danger-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-danger-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-danger-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-danger-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-black-bis {
  color: hsl(221, 14%, 9%) !important;
}

.has-background-black-bis {
  background-color: hsl(221, 14%, 9%) !important;
}

.has-text-black-ter {
  color: hsl(221, 14%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(221, 14%, 14%) !important;
}

.has-text-grey-darker {
  color: hsl(221, 14%, 21%) !important;
}

.has-background-grey-darker {
  background-color: hsl(221, 14%, 21%) !important;
}

.has-text-grey-dark {
  color: hsl(221, 14%, 29%) !important;
}

.has-background-grey-dark {
  background-color: hsl(221, 14%, 29%) !important;
}

.has-text-grey {
  color: hsl(221, 14%, 48%) !important;
}

.has-background-grey {
  background-color: hsl(221, 14%, 48%) !important;
}

.has-text-grey-light {
  color: hsl(221, 14%, 71%) !important;
}

.has-background-grey-light {
  background-color: hsl(221, 14%, 71%) !important;
}

.has-text-grey-lighter {
  color: hsl(221, 14%, 86%) !important;
}

.has-background-grey-lighter {
  background-color: hsl(221, 14%, 86%) !important;
}

.has-text-white-ter {
  color: hsl(221, 14%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(221, 14%, 96%) !important;
}

.has-text-white-bis {
  color: hsl(221, 14%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(221, 14%, 98%) !important;
}

.has-text-current {
  color: currentColor !important;
}

.has-text-inherit {
  color: inherit !important;
}

.has-background-current {
  background-color: currentColor !important;
}

.has-background-inherit {
  background-color: inherit !important;
}

.is-flex-direction-row {
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  justify-content: flex-end !important;
}

.is-justify-content-center {
  justify-content: center !important;
}

.is-justify-content-space-between {
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  justify-content: start !important;
}

.is-justify-content-end {
  justify-content: end !important;
}

.is-justify-content-left {
  justify-content: left !important;
}

.is-justify-content-right {
  justify-content: right !important;
}

.is-align-content-flex-start {
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  align-content: flex-end !important;
}

.is-align-content-center {
  align-content: center !important;
}

.is-align-content-space-between {
  align-content: space-between !important;
}

.is-align-content-space-around {
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  align-content: stretch !important;
}

.is-align-content-start {
  align-content: start !important;
}

.is-align-content-end {
  align-content: end !important;
}

.is-align-content-baseline {
  align-content: baseline !important;
}

.is-align-items-stretch {
  align-items: stretch !important;
}

.is-align-items-flex-start {
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  align-items: flex-end !important;
}

.is-align-items-center {
  align-items: center !important;
}

.is-align-items-baseline {
  align-items: baseline !important;
}

.is-align-items-start {
  align-items: start !important;
}

.is-align-items-end {
  align-items: end !important;
}

.is-align-items-self-start {
  align-items: self-start !important;
}

.is-align-items-self-end {
  align-items: self-end !important;
}

.is-align-self-auto {
  align-self: auto !important;
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  align-self: flex-end !important;
}

.is-align-self-center {
  align-self: center !important;
}

.is-align-self-baseline {
  align-self: baseline !important;
}

.is-align-self-stretch {
  align-self: stretch !important;
}

.is-flex-grow-0 {
  flex-grow: 0 !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.is-flex-grow-2 {
  flex-grow: 2 !important;
}

.is-flex-grow-3 {
  flex-grow: 3 !important;
}

.is-flex-grow-4 {
  flex-grow: 4 !important;
}

.is-flex-grow-5 {
  flex-grow: 5 !important;
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-float-left,
.is-pulled-left {
  float: left !important;
}

.is-float-right,
.is-pulled-right {
  float: right !important;
}

.is-float-none {
  float: none !important;
}

.is-clear-both {
  clear: both !important;
}

.is-clear-left {
  clear: left !important;
}

.is-clear-none {
  clear: none !important;
}

.is-clear-right {
  clear: right !important;
}

.is-gapless {
  gap: 0 !important;
}

.is-gap-0 {
  gap: 0rem !important;
}

.is-gap-0\.5 {
  gap: 0.25rem !important;
}

.is-gap-1 {
  gap: 0.5rem !important;
}

.is-gap-1\.5 {
  gap: 0.75rem !important;
}

.is-gap-2 {
  gap: 1rem !important;
}

.is-gap-2\.5 {
  gap: 1.25rem !important;
}

.is-gap-3 {
  gap: 1.5rem !important;
}

.is-gap-3\.5 {
  gap: 1.75rem !important;
}

.is-gap-4 {
  gap: 2rem !important;
}

.is-gap-4\.5 {
  gap: 2.25rem !important;
}

.is-gap-5 {
  gap: 2.5rem !important;
}

.is-gap-5\.5 {
  gap: 2.75rem !important;
}

.is-gap-6 {
  gap: 3rem !important;
}

.is-gap-6\.5 {
  gap: 3.25rem !important;
}

.is-gap-7 {
  gap: 3.5rem !important;
}

.is-gap-7\.5 {
  gap: 3.75rem !important;
}

.is-gap-8 {
  gap: 4rem !important;
}

.is-column-gap-0 {
  column-gap: 0rem !important;
}

.is-column-gap-0\.5 {
  column-gap: 0.25rem !important;
}

.is-column-gap-1 {
  column-gap: 0.5rem !important;
}

.is-column-gap-1\.5 {
  column-gap: 0.75rem !important;
}

.is-column-gap-2 {
  column-gap: 1rem !important;
}

.is-column-gap-2\.5 {
  column-gap: 1.25rem !important;
}

.is-column-gap-3 {
  column-gap: 1.5rem !important;
}

.is-column-gap-3\.5 {
  column-gap: 1.75rem !important;
}

.is-column-gap-4 {
  column-gap: 2rem !important;
}

.is-column-gap-4\.5 {
  column-gap: 2.25rem !important;
}

.is-column-gap-5 {
  column-gap: 2.5rem !important;
}

.is-column-gap-5\.5 {
  column-gap: 2.75rem !important;
}

.is-column-gap-6 {
  column-gap: 3rem !important;
}

.is-column-gap-6\.5 {
  column-gap: 3.25rem !important;
}

.is-column-gap-7 {
  column-gap: 3.5rem !important;
}

.is-column-gap-7\.5 {
  column-gap: 3.75rem !important;
}

.is-column-gap-8 {
  column-gap: 4rem !important;
}

.is-row-gap-0 {
  row-gap: 0rem !important;
}

.is-row-gap-0\.5 {
  row-gap: 0.25rem !important;
}

.is-row-gap-1 {
  row-gap: 0.5rem !important;
}

.is-row-gap-1\.5 {
  row-gap: 0.75rem !important;
}

.is-row-gap-2 {
  row-gap: 1rem !important;
}

.is-row-gap-2\.5 {
  row-gap: 1.25rem !important;
}

.is-row-gap-3 {
  row-gap: 1.5rem !important;
}

.is-row-gap-3\.5 {
  row-gap: 1.75rem !important;
}

.is-row-gap-4 {
  row-gap: 2rem !important;
}

.is-row-gap-4\.5 {
  row-gap: 2.25rem !important;
}

.is-row-gap-5 {
  row-gap: 2.5rem !important;
}

.is-row-gap-5\.5 {
  row-gap: 2.75rem !important;
}

.is-row-gap-6 {
  row-gap: 3rem !important;
}

.is-row-gap-6\.5 {
  row-gap: 3.25rem !important;
}

.is-row-gap-7 {
  row-gap: 3.5rem !important;
}

.is-row-gap-7\.5 {
  row-gap: 3.75rem !important;
}

.is-row-gap-8 {
  row-gap: 4rem !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-overflow-auto {
  overflow: auto !important;
}

.is-overflow-x-auto {
  overflow-x: auto !important;
}

.is-overflow-y-auto {
  overflow-y: auto !important;
}

.is-overflow-clip {
  overflow: clip !important;
}

.is-overflow-x-clip {
  overflow-x: clip !important;
}

.is-overflow-y-clip {
  overflow-y: clip !important;
}

.is-overflow-hidden {
  overflow: hidden !important;
}

.is-overflow-x-hidden {
  overflow-x: hidden !important;
}

.is-overflow-y-hidden {
  overflow-y: hidden !important;
}

.is-overflow-scroll {
  overflow: scroll !important;
}

.is-overflow-x-scroll {
  overflow-x: scroll !important;
}

.is-overflow-y-scroll {
  overflow-y: scroll !important;
}

.is-overflow-visible {
  overflow: visible !important;
}

.is-overflow-x-visible {
  overflow-x: visible !important;
}

.is-overflow-y-visible {
  overflow-y: visible !important;
}

.pagination:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .progress:not(:last-child), .fixed-grid:not(:last-child), .grid:not(:last-child) {
  margin-bottom: var(--bulma-block-spacing);
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  align-items: center;
  appearance: none;
  border-color: transparent;
  border-style: solid;
  border-width: var(--bulma-control-border-width);
  border-radius: var(--bulma-control-radius);
  box-shadow: none;
  display: inline-flex;
  font-size: var(--bulma-control-size);
  height: var(--bulma-control-height);
  justify-content: flex-start;
  line-height: var(--bulma-control-line-height);
  padding-bottom: var(--bulma-control-padding-vertical);
  padding-left: var(--bulma-control-padding-horizontal);
  padding-right: var(--bulma-control-padding-horizontal);
  padding-top: var(--bulma-control-padding-vertical);
  position: relative;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, box-shadow, color;
  vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .pagination-previous:focus-visible,
.pagination-next:focus-visible,
.pagination-link:focus-visible,
.pagination-ellipsis:focus-visible, .pagination-previous:focus-within,
.pagination-next:focus-within,
.pagination-link:focus-within,
.pagination-ellipsis:focus-within, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis {
  outline: none;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis {
  cursor: not-allowed;
}

.is-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .breadcrumb, .is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.is-relative {
  position: relative !important;
}

.is-position-absolute {
  position: absolute !important;
}

.is-position-fixed {
  position: fixed !important;
}

.is-position-relative {
  position: relative !important;
}

.is-position-static {
  position: static !important;
}

.is-position-sticky {
  position: sticky !important;
}

.marginless {
  margin: 0 !important;
}

.paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-auto {
  padding: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.is-size-1 {
  font-size: 3rem !important;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.is-underlined {
  text-decoration: underline !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.has-text-weight-extrabold {
  font-weight: 800 !important;
}

.is-family-primary {
  font-family: '"Muoto", sans-serif' !important;
}

.is-family-secondary {
  font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: "Inconsolata", "Hack", "SF Mono", "Roboto Mono", "Source Code Pro", "Ubuntu Mono", monospace !important;
}

.is-family-code {
  font-family: "Inconsolata", "Hack", "SF Mono", "Roboto Mono", "Source Code Pro", "Ubuntu Mono", monospace !important;
}

.is-display-none,
.is-hidden {
  display: none !important;
}

.is-display-block,
.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-display-block-mobile,
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-block-tablet,
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-block-tablet-only,
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-block-touch,
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-block-desktop,
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-block-desktop-only,
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-block-widescreen,
  .is-block-widescreen {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-block-widescreen-only,
  .is-block-widescreen-only {
    display: block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-block-fullhd,
  .is-block-fullhd {
    display: block !important;
  }
}
.is-display-flex,
.is-flex {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-display-flex-mobile,
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-flex-tablet,
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-flex-tablet-only,
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-flex-touch,
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-flex-desktop,
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-flex-desktop-only,
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-flex-widescreen,
  .is-flex-widescreen {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-flex-widescreen-only,
  .is-flex-widescreen-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-flex-fullhd,
  .is-flex-fullhd {
    display: flex !important;
  }
}
.is-display-inline,
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-display-inline-mobile,
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-inline-tablet,
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-inline-tablet-only,
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-inline-touch,
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-inline-desktop,
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-inline-desktop-only,
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-inline-widescreen,
  .is-inline-widescreen {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-inline-widescreen-only,
  .is-inline-widescreen-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-inline-fullhd,
  .is-inline-fullhd {
    display: inline !important;
  }
}
.is-display-inline-block,
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-display-inline-block-mobile,
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-inline-block-tablet,
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-inline-block-tablet-only,
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-inline-block-touch,
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-inline-block-desktop,
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-inline-block-desktop-only,
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-inline-block-widescreen,
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-inline-block-widescreen-only,
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-inline-block-fullhd,
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}
.is-display-inline-flex,
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-display-inline-flex-mobile,
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-inline-flex-tablet,
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-inline-flex-tablet-only,
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-inline-flex-touch,
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-inline-flex-desktop,
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-inline-flex-desktop-only,
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-inline-flex-widescreen,
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-inline-flex-widescreen-only,
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-inline-flex-fullhd,
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}
.is-display-grid,
.is-grid {
  display: grid !important;
}

@media screen and (max-width: 768px) {
  .is-display-grid-mobile,
  .is-grid-mobile {
    display: grid !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-grid-tablet,
  .is-grid-tablet {
    display: grid !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-grid-tablet-only,
  .is-grid-tablet-only {
    display: grid !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-grid-touch,
  .is-grid-touch {
    display: grid !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-grid-desktop,
  .is-grid-desktop {
    display: grid !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-grid-desktop-only,
  .is-grid-desktop-only {
    display: grid !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-grid-widescreen,
  .is-grid-widescreen {
    display: grid !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-grid-widescreen-only,
  .is-grid-widescreen-only {
    display: grid !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-grid-fullhd,
  .is-grid-fullhd {
    display: grid !important;
  }
}
.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-display-none-mobile,
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-none-tablet,
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-none-tablet-only,
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-none-touch,
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-none-desktop,
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-none-desktop-only,
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-none-widescreen,
  .is-hidden-widescreen {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-none-widescreen-only,
  .is-hidden-widescreen-only {
    display: none !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-none-fullhd,
  .is-hidden-fullhd {
    display: none !important;
  }
}
.is-visibility-hidden,
.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-visibility-hidden-mobile,
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-visibility-hidden-tablet,
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-visibility-hidden-tablet-only,
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-visibility-hidden-touch,
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-visibility-hidden-desktop,
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-visibility-hidden-desktop-only,
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-visibility-hidden-widescreen,
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-visibility-hidden-widescreen-only,
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-visibility-hidden-fullhd,
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}
.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}

/* Bulma Grid */
:root {
  --bulma-column-gap: 0.75rem;
}

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: var(--bulma-column-gap);
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-inline-start: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-inline-start: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-inline-start: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-inline-start: 0.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-inline-start: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-inline-start: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-inline-start: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-inline-start: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-inline-start: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-inline-start: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-inline-start: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-inline-start: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-inline-start: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-inline-start: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-inline-start: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-inline-start: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-inline-start: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-inline-start: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-inline-start: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-inline-start: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-inline-start: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-inline-start: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-inline-start: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-inline-start: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-mobile {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-mobile {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-inline-start: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-mobile {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-mobile {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-inline-start: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-mobile {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-mobile {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-inline-start: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-mobile {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-mobile {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-inline-start: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-inline-start: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-inline-start: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-inline-start: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-inline-start: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-inline-start: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-inline-start: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-inline-start: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-touch {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-touch {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-inline-start: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-touch {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-touch {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-inline-start: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-touch {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-touch {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-inline-start: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-touch {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-touch {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-inline-start: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-inline-start: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-desktop {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-desktop {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-inline-start: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-desktop {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-desktop {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-inline-start: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-desktop {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-desktop {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-inline-start: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-desktop {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-desktop {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-inline-start: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-inline-start: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-widescreen {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-widescreen {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-inline-start: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-widescreen {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-widescreen {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-inline-start: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-widescreen {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-widescreen {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-inline-start: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-widescreen {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-widescreen {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
    width: unset;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-inline-start: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-inline-start: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-inline-start: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-fullhd {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-fullhd {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-inline-start: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-fullhd {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-fullhd {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-inline-start: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-fullhd {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-fullhd {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-inline-start: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-fullhd {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-fullhd {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-inline-start: 100%;
  }
}

.columns {
  margin-inline-start: calc(-1 * var(--bulma-column-gap));
  margin-inline-end: calc(-1 * var(--bulma-column-gap));
  margin-top: calc(-1 * var(--bulma-column-gap));
}
.columns:last-child {
  margin-bottom: calc(-1 * var(--bulma-column-gap));
}
.columns:not(:last-child) {
  margin-bottom: calc(var(--bulma-block-spacing) - var(--bulma-column-gap));
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}
.columns.is-0 {
  --bulma-column-gap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-0-mobile {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-0-tablet {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-0-tablet-only {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-0-touch {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-0-desktop {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-0-desktop-only {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-0-widescreen {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-0-widescreen-only {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-0-fullhd {
    --bulma-column-gap: 0rem;
  }
}
.columns.is-1 {
  --bulma-column-gap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-1-mobile {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-1-tablet {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-1-tablet-only {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-1-touch {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-1-desktop {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-1-desktop-only {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-1-widescreen {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-1-widescreen-only {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-1-fullhd {
    --bulma-column-gap: 0.25rem;
  }
}
.columns.is-2 {
  --bulma-column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-2-mobile {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-2-tablet {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-2-tablet-only {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-2-touch {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-2-desktop {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-2-desktop-only {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-2-widescreen {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-2-widescreen-only {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-2-fullhd {
    --bulma-column-gap: 0.5rem;
  }
}
.columns.is-3 {
  --bulma-column-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-3-mobile {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-3-tablet {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-3-tablet-only {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-3-touch {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-3-desktop {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-3-desktop-only {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-3-widescreen {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-3-widescreen-only {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-3-fullhd {
    --bulma-column-gap: 0.75rem;
  }
}
.columns.is-4 {
  --bulma-column-gap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-4-mobile {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-4-tablet {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-4-tablet-only {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-4-touch {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-4-desktop {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-4-desktop-only {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-4-widescreen {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-4-widescreen-only {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-4-fullhd {
    --bulma-column-gap: 1rem;
  }
}
.columns.is-5 {
  --bulma-column-gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-5-mobile {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-5-tablet {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-5-tablet-only {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-5-touch {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-5-desktop {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-5-desktop-only {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-5-widescreen {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-5-widescreen-only {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-5-fullhd {
    --bulma-column-gap: 1.25rem;
  }
}
.columns.is-6 {
  --bulma-column-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-6-mobile {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-6-tablet {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-6-tablet-only {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-6-touch {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-6-desktop {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-6-desktop-only {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-6-widescreen {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-6-widescreen-only {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-6-fullhd {
    --bulma-column-gap: 1.5rem;
  }
}
.columns.is-7 {
  --bulma-column-gap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-7-mobile {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-7-tablet {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-7-tablet-only {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-7-touch {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-7-desktop {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-7-desktop-only {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-7-widescreen {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-7-widescreen-only {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-7-fullhd {
    --bulma-column-gap: 1.75rem;
  }
}
.columns.is-8 {
  --bulma-column-gap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-8-mobile {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-8-tablet {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-8-tablet-only {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-8-touch {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-8-desktop {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-8-desktop-only {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-8-widescreen {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-8-widescreen-only {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-8-fullhd {
    --bulma-column-gap: 2rem;
  }
}

.fixed-grid {
  container-name: bulma-fixed-grid;
  container-type: inline-size;
}
.fixed-grid > .grid {
  --bulma-grid-gap-count: calc(var(--bulma-grid-column-count) - 1);
  --bulma-grid-column-count: 2;
  grid-template-columns: repeat(var(--bulma-grid-column-count), 1fr);
}
.fixed-grid.has-1-cols > .grid {
  --bulma-grid-column-count: 1;
}
.fixed-grid.has-2-cols > .grid {
  --bulma-grid-column-count: 2;
}
.fixed-grid.has-3-cols > .grid {
  --bulma-grid-column-count: 3;
}
.fixed-grid.has-4-cols > .grid {
  --bulma-grid-column-count: 4;
}
.fixed-grid.has-5-cols > .grid {
  --bulma-grid-column-count: 5;
}
.fixed-grid.has-6-cols > .grid {
  --bulma-grid-column-count: 6;
}
.fixed-grid.has-7-cols > .grid {
  --bulma-grid-column-count: 7;
}
.fixed-grid.has-8-cols > .grid {
  --bulma-grid-column-count: 8;
}
.fixed-grid.has-9-cols > .grid {
  --bulma-grid-column-count: 9;
}
.fixed-grid.has-10-cols > .grid {
  --bulma-grid-column-count: 10;
}
.fixed-grid.has-11-cols > .grid {
  --bulma-grid-column-count: 11;
}
.fixed-grid.has-12-cols > .grid {
  --bulma-grid-column-count: 12;
}
@container bulma-fixed-grid (max-width: 768px) {
  .fixed-grid.has-1-cols-mobile > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-mobile > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-mobile > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-mobile > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-mobile > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-mobile > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-mobile > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-mobile > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-mobile > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-mobile > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-mobile > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-mobile > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 769px) {
  .fixed-grid.has-1-cols-tablet > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-tablet > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-tablet > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-tablet > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-tablet > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-tablet > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-tablet > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-tablet > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-tablet > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-tablet > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-tablet > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-tablet > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 1024px) {
  .fixed-grid.has-1-cols-desktop > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-desktop > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-desktop > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-desktop > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-desktop > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-desktop > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-desktop > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-desktop > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-desktop > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-desktop > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-desktop > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-desktop > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 1216px) {
  .fixed-grid.has-1-cols-widescreen > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-widescreen > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-widescreen > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-widescreen > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-widescreen > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-widescreen > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-widescreen > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-widescreen > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-widescreen > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-widescreen > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-widescreen > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-widescreen > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 1408px) {
  .fixed-grid.has-1-cols-fullhd > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-fullhd > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-fullhd > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-fullhd > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-fullhd > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-fullhd > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-fullhd > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-fullhd > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-fullhd > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-fullhd > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-fullhd > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-fullhd > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (max-width: 768px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 2;
  }
}
@container bulma-fixed-grid (min-width: 769px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 4;
  }
}
@container bulma-fixed-grid (min-width: 1024px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 8;
  }
}
@container bulma-fixed-grid (min-width: 1216px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 1408px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 16;
  }
}

.grid {
  --bulma-grid-gap: 0.75rem;
  --bulma-grid-column-min: 9rem;
  --bulma-grid-cell-column-span: 1;
  --bulma-grid-cell-row-span: 1;
  display: grid;
  gap: var(--bulma-grid-gap);
  column-gap: var(--bulma-grid-column-gap, var(--bulma-grid-gap));
  row-gap: var(--bulma-grid-row-gap, var(--bulma-grid-gap));
  grid-template-columns: repeat(auto-fit, minmax(var(--bulma-grid-column-min), 1fr));
  grid-template-rows: auto;
}
.grid.is-auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(var(--bulma-grid-column-min), 1fr));
}
.grid.is-col-min-1 {
  --bulma-grid-column-min: 1.5rem;
}
.grid.is-col-min-2 {
  --bulma-grid-column-min: 3rem;
}
.grid.is-col-min-3 {
  --bulma-grid-column-min: 4.5rem;
}
.grid.is-col-min-4 {
  --bulma-grid-column-min: 6rem;
}
.grid.is-col-min-5 {
  --bulma-grid-column-min: 7.5rem;
}
.grid.is-col-min-6 {
  --bulma-grid-column-min: 9rem;
}
.grid.is-col-min-7 {
  --bulma-grid-column-min: 10.5rem;
}
.grid.is-col-min-8 {
  --bulma-grid-column-min: 12rem;
}
.grid.is-col-min-9 {
  --bulma-grid-column-min: 13.5rem;
}
.grid.is-col-min-10 {
  --bulma-grid-column-min: 15rem;
}
.grid.is-col-min-11 {
  --bulma-grid-column-min: 16.5rem;
}
.grid.is-col-min-12 {
  --bulma-grid-column-min: 18rem;
}
.grid.is-col-min-13 {
  --bulma-grid-column-min: 19.5rem;
}
.grid.is-col-min-14 {
  --bulma-grid-column-min: 21rem;
}
.grid.is-col-min-15 {
  --bulma-grid-column-min: 22.5rem;
}
.grid.is-col-min-16 {
  --bulma-grid-column-min: 24rem;
}
.grid.is-col-min-17 {
  --bulma-grid-column-min: 25.5rem;
}
.grid.is-col-min-18 {
  --bulma-grid-column-min: 27rem;
}
.grid.is-col-min-19 {
  --bulma-grid-column-min: 28.5rem;
}
.grid.is-col-min-20 {
  --bulma-grid-column-min: 30rem;
}
.grid.is-col-min-21 {
  --bulma-grid-column-min: 31.5rem;
}
.grid.is-col-min-22 {
  --bulma-grid-column-min: 33rem;
}
.grid.is-col-min-23 {
  --bulma-grid-column-min: 34.5rem;
}
.grid.is-col-min-24 {
  --bulma-grid-column-min: 36rem;
}
.grid.is-col-min-25 {
  --bulma-grid-column-min: 37.5rem;
}
.grid.is-col-min-26 {
  --bulma-grid-column-min: 39rem;
}
.grid.is-col-min-27 {
  --bulma-grid-column-min: 40.5rem;
}
.grid.is-col-min-28 {
  --bulma-grid-column-min: 42rem;
}
.grid.is-col-min-29 {
  --bulma-grid-column-min: 43.5rem;
}
.grid.is-col-min-30 {
  --bulma-grid-column-min: 45rem;
}
.grid.is-col-min-31 {
  --bulma-grid-column-min: 46.5rem;
}
.grid.is-col-min-32 {
  --bulma-grid-column-min: 48rem;
}

.cell {
  grid-column-end: span var(--bulma-grid-cell-column-span);
  grid-column-start: var(--bulma-grid-cell-column-start);
  grid-row-end: span var(--bulma-grid-cell-row-span);
  grid-row-start: var(--bulma-grid-cell-row-start);
}
.cell.is-col-start-end {
  --bulma-grid-cell-column-start: -1;
}
.cell.is-row-start-end {
  --bulma-grid-cell-row-start: -1;
}
.cell.is-col-start-1 {
  --bulma-grid-cell-column-start: 1;
}
.cell.is-col-end-1 {
  --bulma-grid-cell-column-end: 1;
}
.cell.is-col-from-end-1 {
  --bulma-grid-cell-column-start: -1;
}
.cell.is-col-span-1 {
  --bulma-grid-cell-column-span: 1;
}
.cell.is-row-start-1 {
  --bulma-grid-cell-row-start: 1;
}
.cell.is-row-end-1 {
  --bulma-grid-cell-row-end: 1;
}
.cell.is-row-from-end-1 {
  --bulma-grid-cell-row-start: -1;
}
.cell.is-row-span-1 {
  --bulma-grid-cell-row-span: 1;
}
.cell.is-col-start-2 {
  --bulma-grid-cell-column-start: 2;
}
.cell.is-col-end-2 {
  --bulma-grid-cell-column-end: 2;
}
.cell.is-col-from-end-2 {
  --bulma-grid-cell-column-start: -2;
}
.cell.is-col-span-2 {
  --bulma-grid-cell-column-span: 2;
}
.cell.is-row-start-2 {
  --bulma-grid-cell-row-start: 2;
}
.cell.is-row-end-2 {
  --bulma-grid-cell-row-end: 2;
}
.cell.is-row-from-end-2 {
  --bulma-grid-cell-row-start: -2;
}
.cell.is-row-span-2 {
  --bulma-grid-cell-row-span: 2;
}
.cell.is-col-start-3 {
  --bulma-grid-cell-column-start: 3;
}
.cell.is-col-end-3 {
  --bulma-grid-cell-column-end: 3;
}
.cell.is-col-from-end-3 {
  --bulma-grid-cell-column-start: -3;
}
.cell.is-col-span-3 {
  --bulma-grid-cell-column-span: 3;
}
.cell.is-row-start-3 {
  --bulma-grid-cell-row-start: 3;
}
.cell.is-row-end-3 {
  --bulma-grid-cell-row-end: 3;
}
.cell.is-row-from-end-3 {
  --bulma-grid-cell-row-start: -3;
}
.cell.is-row-span-3 {
  --bulma-grid-cell-row-span: 3;
}
.cell.is-col-start-4 {
  --bulma-grid-cell-column-start: 4;
}
.cell.is-col-end-4 {
  --bulma-grid-cell-column-end: 4;
}
.cell.is-col-from-end-4 {
  --bulma-grid-cell-column-start: -4;
}
.cell.is-col-span-4 {
  --bulma-grid-cell-column-span: 4;
}
.cell.is-row-start-4 {
  --bulma-grid-cell-row-start: 4;
}
.cell.is-row-end-4 {
  --bulma-grid-cell-row-end: 4;
}
.cell.is-row-from-end-4 {
  --bulma-grid-cell-row-start: -4;
}
.cell.is-row-span-4 {
  --bulma-grid-cell-row-span: 4;
}
.cell.is-col-start-5 {
  --bulma-grid-cell-column-start: 5;
}
.cell.is-col-end-5 {
  --bulma-grid-cell-column-end: 5;
}
.cell.is-col-from-end-5 {
  --bulma-grid-cell-column-start: -5;
}
.cell.is-col-span-5 {
  --bulma-grid-cell-column-span: 5;
}
.cell.is-row-start-5 {
  --bulma-grid-cell-row-start: 5;
}
.cell.is-row-end-5 {
  --bulma-grid-cell-row-end: 5;
}
.cell.is-row-from-end-5 {
  --bulma-grid-cell-row-start: -5;
}
.cell.is-row-span-5 {
  --bulma-grid-cell-row-span: 5;
}
.cell.is-col-start-6 {
  --bulma-grid-cell-column-start: 6;
}
.cell.is-col-end-6 {
  --bulma-grid-cell-column-end: 6;
}
.cell.is-col-from-end-6 {
  --bulma-grid-cell-column-start: -6;
}
.cell.is-col-span-6 {
  --bulma-grid-cell-column-span: 6;
}
.cell.is-row-start-6 {
  --bulma-grid-cell-row-start: 6;
}
.cell.is-row-end-6 {
  --bulma-grid-cell-row-end: 6;
}
.cell.is-row-from-end-6 {
  --bulma-grid-cell-row-start: -6;
}
.cell.is-row-span-6 {
  --bulma-grid-cell-row-span: 6;
}
.cell.is-col-start-7 {
  --bulma-grid-cell-column-start: 7;
}
.cell.is-col-end-7 {
  --bulma-grid-cell-column-end: 7;
}
.cell.is-col-from-end-7 {
  --bulma-grid-cell-column-start: -7;
}
.cell.is-col-span-7 {
  --bulma-grid-cell-column-span: 7;
}
.cell.is-row-start-7 {
  --bulma-grid-cell-row-start: 7;
}
.cell.is-row-end-7 {
  --bulma-grid-cell-row-end: 7;
}
.cell.is-row-from-end-7 {
  --bulma-grid-cell-row-start: -7;
}
.cell.is-row-span-7 {
  --bulma-grid-cell-row-span: 7;
}
.cell.is-col-start-8 {
  --bulma-grid-cell-column-start: 8;
}
.cell.is-col-end-8 {
  --bulma-grid-cell-column-end: 8;
}
.cell.is-col-from-end-8 {
  --bulma-grid-cell-column-start: -8;
}
.cell.is-col-span-8 {
  --bulma-grid-cell-column-span: 8;
}
.cell.is-row-start-8 {
  --bulma-grid-cell-row-start: 8;
}
.cell.is-row-end-8 {
  --bulma-grid-cell-row-end: 8;
}
.cell.is-row-from-end-8 {
  --bulma-grid-cell-row-start: -8;
}
.cell.is-row-span-8 {
  --bulma-grid-cell-row-span: 8;
}
.cell.is-col-start-9 {
  --bulma-grid-cell-column-start: 9;
}
.cell.is-col-end-9 {
  --bulma-grid-cell-column-end: 9;
}
.cell.is-col-from-end-9 {
  --bulma-grid-cell-column-start: -9;
}
.cell.is-col-span-9 {
  --bulma-grid-cell-column-span: 9;
}
.cell.is-row-start-9 {
  --bulma-grid-cell-row-start: 9;
}
.cell.is-row-end-9 {
  --bulma-grid-cell-row-end: 9;
}
.cell.is-row-from-end-9 {
  --bulma-grid-cell-row-start: -9;
}
.cell.is-row-span-9 {
  --bulma-grid-cell-row-span: 9;
}
.cell.is-col-start-10 {
  --bulma-grid-cell-column-start: 10;
}
.cell.is-col-end-10 {
  --bulma-grid-cell-column-end: 10;
}
.cell.is-col-from-end-10 {
  --bulma-grid-cell-column-start: -10;
}
.cell.is-col-span-10 {
  --bulma-grid-cell-column-span: 10;
}
.cell.is-row-start-10 {
  --bulma-grid-cell-row-start: 10;
}
.cell.is-row-end-10 {
  --bulma-grid-cell-row-end: 10;
}
.cell.is-row-from-end-10 {
  --bulma-grid-cell-row-start: -10;
}
.cell.is-row-span-10 {
  --bulma-grid-cell-row-span: 10;
}
.cell.is-col-start-11 {
  --bulma-grid-cell-column-start: 11;
}
.cell.is-col-end-11 {
  --bulma-grid-cell-column-end: 11;
}
.cell.is-col-from-end-11 {
  --bulma-grid-cell-column-start: -11;
}
.cell.is-col-span-11 {
  --bulma-grid-cell-column-span: 11;
}
.cell.is-row-start-11 {
  --bulma-grid-cell-row-start: 11;
}
.cell.is-row-end-11 {
  --bulma-grid-cell-row-end: 11;
}
.cell.is-row-from-end-11 {
  --bulma-grid-cell-row-start: -11;
}
.cell.is-row-span-11 {
  --bulma-grid-cell-row-span: 11;
}
.cell.is-col-start-12 {
  --bulma-grid-cell-column-start: 12;
}
.cell.is-col-end-12 {
  --bulma-grid-cell-column-end: 12;
}
.cell.is-col-from-end-12 {
  --bulma-grid-cell-column-start: -12;
}
.cell.is-col-span-12 {
  --bulma-grid-cell-column-span: 12;
}
.cell.is-row-start-12 {
  --bulma-grid-cell-row-start: 12;
}
.cell.is-row-end-12 {
  --bulma-grid-cell-row-end: 12;
}
.cell.is-row-from-end-12 {
  --bulma-grid-cell-row-start: -12;
}
.cell.is-row-span-12 {
  --bulma-grid-cell-row-span: 12;
}
@media screen and (max-width: 768px) {
  .cell.is-col-start-1-mobile {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-mobile {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-mobile {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-mobile {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-mobile {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-mobile {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-mobile {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-mobile {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-mobile {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-mobile {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-mobile {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-mobile {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-mobile {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-mobile {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-mobile {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-mobile {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-mobile {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-mobile {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-mobile {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-mobile {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-mobile {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-mobile {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-mobile {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-mobile {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-mobile {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-mobile {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-mobile {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-mobile {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-mobile {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-mobile {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-mobile {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-mobile {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-mobile {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-mobile {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-mobile {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-mobile {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-mobile {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-mobile {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-mobile {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-mobile {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-mobile {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-mobile {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-mobile {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-mobile {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-mobile {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-mobile {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-mobile {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-mobile {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-mobile {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-mobile {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-mobile {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-mobile {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-mobile {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-mobile {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-mobile {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-mobile {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-mobile {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-mobile {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-mobile {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-mobile {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-mobile {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-mobile {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-mobile {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-mobile {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-mobile {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-mobile {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-mobile {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-mobile {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-mobile {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-mobile {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-mobile {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-mobile {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-mobile {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-mobile {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-mobile {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-mobile {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-mobile {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-mobile {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-mobile {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-mobile {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-mobile {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-mobile {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-mobile {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-mobile {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-mobile {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-mobile {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-mobile {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-mobile {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-mobile {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-mobile {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-mobile {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-mobile {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-mobile {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-mobile {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-mobile {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-mobile {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 769px), print {
  .cell.is-col-start-1-tablet {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-tablet {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-tablet {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-tablet {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-tablet {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-tablet {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-tablet {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-tablet {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-tablet {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-tablet {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-tablet {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-tablet {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-tablet {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-tablet {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-tablet {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-tablet {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-tablet {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-tablet {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-tablet {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-tablet {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-tablet {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-tablet {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-tablet {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-tablet {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-tablet {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-tablet {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-tablet {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-tablet {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-tablet {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-tablet {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-tablet {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-tablet {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-tablet {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-tablet {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-tablet {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-tablet {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-tablet {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-tablet {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-tablet {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-tablet {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-tablet {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-tablet {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-tablet {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-tablet {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-tablet {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-tablet {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-tablet {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-tablet {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-tablet {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-tablet {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-tablet {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-tablet {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-tablet {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-tablet {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-tablet {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-tablet {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-tablet {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-tablet {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-tablet {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-tablet {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-tablet {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-tablet {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-tablet {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-tablet {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-tablet {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-tablet {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-tablet {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-tablet {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-tablet {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-tablet {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-tablet {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-tablet {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-tablet {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-tablet {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-tablet {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-tablet {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-tablet {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-tablet {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-tablet {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-tablet {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-tablet {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-tablet {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-tablet {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-tablet {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-tablet {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-tablet {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-tablet {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-tablet {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-tablet {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-tablet {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-tablet {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-tablet {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-tablet {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-tablet {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-tablet {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-tablet {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .cell.is-col-start-1-tablet-only {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-tablet-only {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-tablet-only {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-tablet-only {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-tablet-only {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-tablet-only {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-tablet-only {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-tablet-only {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-tablet-only {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-tablet-only {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-tablet-only {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-tablet-only {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-tablet-only {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-tablet-only {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-tablet-only {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-tablet-only {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-tablet-only {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-tablet-only {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-tablet-only {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-tablet-only {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-tablet-only {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-tablet-only {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-tablet-only {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-tablet-only {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-tablet-only {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-tablet-only {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-tablet-only {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-tablet-only {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-tablet-only {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-tablet-only {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-tablet-only {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-tablet-only {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-tablet-only {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-tablet-only {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-tablet-only {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-tablet-only {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-tablet-only {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-tablet-only {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-tablet-only {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-tablet-only {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-tablet-only {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-tablet-only {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-tablet-only {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-tablet-only {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-tablet-only {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-tablet-only {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-tablet-only {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-tablet-only {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-tablet-only {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-tablet-only {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-tablet-only {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-tablet-only {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-tablet-only {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-tablet-only {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-tablet-only {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-tablet-only {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-tablet-only {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-tablet-only {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-tablet-only {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-tablet-only {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-tablet-only {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-tablet-only {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-tablet-only {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-tablet-only {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-tablet-only {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-tablet-only {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-tablet-only {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-tablet-only {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-tablet-only {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-tablet-only {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-tablet-only {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-tablet-only {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-tablet-only {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-tablet-only {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-tablet-only {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-tablet-only {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-tablet-only {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-tablet-only {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-tablet-only {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-tablet-only {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-tablet-only {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-tablet-only {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-tablet-only {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-tablet-only {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-tablet-only {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-tablet-only {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-tablet-only {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-tablet-only {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-tablet-only {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-tablet-only {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-tablet-only {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-tablet-only {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-tablet-only {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-tablet-only {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-tablet-only {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-tablet-only {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1024px) {
  .cell.is-col-start-1-desktop {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-desktop {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-desktop {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-desktop {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-desktop {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-desktop {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-desktop {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-desktop {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-desktop {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-desktop {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-desktop {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-desktop {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-desktop {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-desktop {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-desktop {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-desktop {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-desktop {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-desktop {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-desktop {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-desktop {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-desktop {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-desktop {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-desktop {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-desktop {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-desktop {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-desktop {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-desktop {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-desktop {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-desktop {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-desktop {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-desktop {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-desktop {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-desktop {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-desktop {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-desktop {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-desktop {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-desktop {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-desktop {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-desktop {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-desktop {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-desktop {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-desktop {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-desktop {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-desktop {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-desktop {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-desktop {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-desktop {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-desktop {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-desktop {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-desktop {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-desktop {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-desktop {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-desktop {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-desktop {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-desktop {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-desktop {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-desktop {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-desktop {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-desktop {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-desktop {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-desktop {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-desktop {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-desktop {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-desktop {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-desktop {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-desktop {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-desktop {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-desktop {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-desktop {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-desktop {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-desktop {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-desktop {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-desktop {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-desktop {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-desktop {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-desktop {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-desktop {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-desktop {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-desktop {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-desktop {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-desktop {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-desktop {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-desktop {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-desktop {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-desktop {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-desktop {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-desktop {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-desktop {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-desktop {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-desktop {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-desktop {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-desktop {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-desktop {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-desktop {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-desktop {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-desktop {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .cell.is-col-start-1-desktop-only {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-desktop-only {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-desktop-only {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-desktop-only {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-desktop-only {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-desktop-only {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-desktop-only {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-desktop-only {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-desktop-only {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-desktop-only {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-desktop-only {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-desktop-only {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-desktop-only {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-desktop-only {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-desktop-only {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-desktop-only {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-desktop-only {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-desktop-only {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-desktop-only {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-desktop-only {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-desktop-only {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-desktop-only {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-desktop-only {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-desktop-only {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-desktop-only {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-desktop-only {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-desktop-only {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-desktop-only {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-desktop-only {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-desktop-only {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-desktop-only {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-desktop-only {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-desktop-only {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-desktop-only {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-desktop-only {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-desktop-only {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-desktop-only {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-desktop-only {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-desktop-only {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-desktop-only {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-desktop-only {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-desktop-only {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-desktop-only {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-desktop-only {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-desktop-only {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-desktop-only {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-desktop-only {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-desktop-only {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-desktop-only {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-desktop-only {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-desktop-only {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-desktop-only {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-desktop-only {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-desktop-only {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-desktop-only {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-desktop-only {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-desktop-only {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-desktop-only {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-desktop-only {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-desktop-only {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-desktop-only {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-desktop-only {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-desktop-only {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-desktop-only {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-desktop-only {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-desktop-only {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-desktop-only {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-desktop-only {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-desktop-only {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-desktop-only {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-desktop-only {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-desktop-only {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-desktop-only {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-desktop-only {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-desktop-only {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-desktop-only {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-desktop-only {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-desktop-only {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-desktop-only {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-desktop-only {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-desktop-only {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-desktop-only {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-desktop-only {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-desktop-only {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-desktop-only {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-desktop-only {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-desktop-only {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-desktop-only {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-desktop-only {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-desktop-only {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-desktop-only {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-desktop-only {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-desktop-only {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-desktop-only {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-desktop-only {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-desktop-only {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1216px) {
  .cell.is-col-start-1-widescreen {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-widescreen {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-widescreen {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-widescreen {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-widescreen {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-widescreen {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-widescreen {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-widescreen {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-widescreen {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-widescreen {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-widescreen {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-widescreen {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-widescreen {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-widescreen {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-widescreen {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-widescreen {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-widescreen {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-widescreen {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-widescreen {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-widescreen {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-widescreen {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-widescreen {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-widescreen {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-widescreen {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-widescreen {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-widescreen {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-widescreen {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-widescreen {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-widescreen {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-widescreen {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-widescreen {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-widescreen {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-widescreen {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-widescreen {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-widescreen {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-widescreen {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-widescreen {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-widescreen {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-widescreen {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-widescreen {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-widescreen {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-widescreen {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-widescreen {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-widescreen {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-widescreen {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-widescreen {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-widescreen {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-widescreen {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-widescreen {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-widescreen {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-widescreen {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-widescreen {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-widescreen {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-widescreen {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-widescreen {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-widescreen {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-widescreen {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-widescreen {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-widescreen {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-widescreen {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-widescreen {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-widescreen {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-widescreen {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-widescreen {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-widescreen {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-widescreen {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-widescreen {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-widescreen {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-widescreen {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-widescreen {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-widescreen {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-widescreen {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-widescreen {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-widescreen {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-widescreen {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-widescreen {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-widescreen {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-widescreen {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-widescreen {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-widescreen {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-widescreen {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-widescreen {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-widescreen {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-widescreen {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-widescreen {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-widescreen {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-widescreen {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-widescreen {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-widescreen {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-widescreen {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-widescreen {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-widescreen {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-widescreen {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-widescreen {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-widescreen {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-widescreen {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .cell.is-col-start-1-widescreen-only {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-widescreen-only {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-widescreen-only {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-widescreen-only {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-widescreen-only {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-widescreen-only {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-widescreen-only {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-widescreen-only {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-widescreen-only {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-widescreen-only {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-widescreen-only {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-widescreen-only {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-widescreen-only {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-widescreen-only {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-widescreen-only {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-widescreen-only {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-widescreen-only {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-widescreen-only {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-widescreen-only {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-widescreen-only {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-widescreen-only {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-widescreen-only {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-widescreen-only {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-widescreen-only {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-widescreen-only {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-widescreen-only {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-widescreen-only {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-widescreen-only {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-widescreen-only {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-widescreen-only {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-widescreen-only {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-widescreen-only {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-widescreen-only {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-widescreen-only {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-widescreen-only {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-widescreen-only {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-widescreen-only {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-widescreen-only {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-widescreen-only {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-widescreen-only {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-widescreen-only {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-widescreen-only {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-widescreen-only {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-widescreen-only {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-widescreen-only {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-widescreen-only {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-widescreen-only {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-widescreen-only {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-widescreen-only {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-widescreen-only {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-widescreen-only {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-widescreen-only {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-widescreen-only {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-widescreen-only {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-widescreen-only {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-widescreen-only {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-widescreen-only {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-widescreen-only {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-widescreen-only {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-widescreen-only {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-widescreen-only {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-widescreen-only {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-widescreen-only {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-widescreen-only {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-widescreen-only {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-widescreen-only {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-widescreen-only {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-widescreen-only {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-widescreen-only {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-widescreen-only {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-widescreen-only {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-widescreen-only {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-widescreen-only {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-widescreen-only {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-widescreen-only {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-widescreen-only {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-widescreen-only {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-widescreen-only {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-widescreen-only {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-widescreen-only {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-widescreen-only {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-widescreen-only {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-widescreen-only {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-widescreen-only {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-widescreen-only {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-widescreen-only {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-widescreen-only {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-widescreen-only {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-widescreen-only {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-widescreen-only {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-widescreen-only {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-widescreen-only {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-widescreen-only {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-widescreen-only {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-widescreen-only {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-widescreen-only {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1408px) {
  .cell.is-col-start-1-fullhd {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-fullhd {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-fullhd {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-fullhd {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-fullhd {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-fullhd {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-fullhd {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-fullhd {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-fullhd {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-fullhd {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-fullhd {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-fullhd {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-fullhd {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-fullhd {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-fullhd {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-fullhd {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-fullhd {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-fullhd {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-fullhd {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-fullhd {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-fullhd {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-fullhd {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-fullhd {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-fullhd {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-fullhd {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-fullhd {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-fullhd {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-fullhd {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-fullhd {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-fullhd {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-fullhd {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-fullhd {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-fullhd {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-fullhd {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-fullhd {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-fullhd {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-fullhd {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-fullhd {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-fullhd {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-fullhd {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-fullhd {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-fullhd {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-fullhd {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-fullhd {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-fullhd {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-fullhd {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-fullhd {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-fullhd {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-fullhd {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-fullhd {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-fullhd {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-fullhd {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-fullhd {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-fullhd {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-fullhd {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-fullhd {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-fullhd {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-fullhd {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-fullhd {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-fullhd {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-fullhd {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-fullhd {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-fullhd {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-fullhd {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-fullhd {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-fullhd {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-fullhd {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-fullhd {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-fullhd {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-fullhd {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-fullhd {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-fullhd {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-fullhd {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-fullhd {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-fullhd {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-fullhd {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-fullhd {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-fullhd {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-fullhd {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-fullhd {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-fullhd {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-fullhd {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-fullhd {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-fullhd {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-fullhd {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-fullhd {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-fullhd {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-fullhd {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-fullhd {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-fullhd {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-fullhd {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-fullhd {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-fullhd {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-fullhd {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-fullhd {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-fullhd {
    --bulma-grid-cell-row-span: 12;
  }
}

.progress {
  --bulma-progress-border-radius: var(--bulma-radius-rounded);
  --bulma-progress-bar-background-color: var(--bulma-border-weak);
  --bulma-progress-value-background-color: var(--bulma-text);
  --bulma-progress-indeterminate-duration: 1.5s;
}

.progress {
  appearance: none;
  border: none;
  border-radius: var(--bulma-progress-border-radius);
  display: block;
  height: var(--bulma-size-normal);
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress::-webkit-progress-bar {
  background-color: var(--bulma-progress-bar-background-color);
}
.progress::-webkit-progress-value {
  background-color: var(--bulma-progress-value-background-color);
}
.progress::-moz-progress-bar {
  background-color: var(--bulma-progress-value-background-color);
}
.progress::-ms-fill {
  background-color: var(--bulma-progress-value-background-color);
  border: none;
}
.progress.is-white {
  --bulma-progress-value-background-color: var(--bulma-white);
}
.progress.is-black {
  --bulma-progress-value-background-color: var(--bulma-black);
}
.progress.is-light {
  --bulma-progress-value-background-color: var(--bulma-light);
}
.progress.is-dark {
  --bulma-progress-value-background-color: var(--bulma-dark);
}
.progress.is-text {
  --bulma-progress-value-background-color: var(--bulma-text);
}
.progress.is-primary {
  --bulma-progress-value-background-color: var(--bulma-primary);
}
.progress.is-link {
  --bulma-progress-value-background-color: var(--bulma-link);
}
.progress.is-info {
  --bulma-progress-value-background-color: var(--bulma-info);
}
.progress.is-success {
  --bulma-progress-value-background-color: var(--bulma-success);
}
.progress.is-warning {
  --bulma-progress-value-background-color: var(--bulma-warning);
}
.progress.is-danger {
  --bulma-progress-value-background-color: var(--bulma-danger);
}
.progress:indeterminate {
  animation-duration: var(--bulma-progress-indeterminate-duration);
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: var(--bulma-progress-bar-background-color);
  background-image: linear-gradient(to right, var(--bulma-progress-value-background-color) 30%, var(--bulma-progress-bar-background-color) 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-ms-fill {
  animation-name: none;
}
.progress.is-small {
  height: var(--bulma-size-small);
}
.progress.is-medium {
  height: var(--bulma-size-medium);
}
.progress.is-large {
  height: var(--bulma-size-large);
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.breadcrumb {
  --bulma-breadcrumb-item-color: var(--bulma-link-text);
  --bulma-breadcrumb-item-hover-color: var(--bulma-link-text-hover);
  --bulma-breadcrumb-item-active-color: var(--bulma-link-text-active);
  --bulma-breadcrumb-item-padding-vertical: 0;
  --bulma-breadcrumb-item-padding-horizontal: 0.75em;
  --bulma-breadcrumb-item-separator-color: var(--bulma-border);
}

.breadcrumb {
  font-size: var(--bulma-size-normal);
  white-space: nowrap;
}
.breadcrumb a {
  align-items: center;
  color: var(--bulma-breadcrumb-item-color);
  display: flex;
  justify-content: center;
  padding: var(--bulma-breadcrumb-item-padding-vertical) var(--bulma-breadcrumb-item-padding-horizontal);
}
.breadcrumb a:hover {
  color: var(--bulma-breadcrumb-item-hover-color);
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-inline-start: 0;
}
.breadcrumb li.is-active a {
  color: var(--bulma-breadcrumb-item-active-color);
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: var(--bulma-breadcrumb-item-separator-color);
  content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb .icon:first-child {
  margin-inline-end: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-inline-start: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: var(--bulma-size-small);
}
.breadcrumb.is-medium {
  font-size: var(--bulma-size-medium);
}
.breadcrumb.is-large {
  font-size: var(--bulma-size-large);
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: "≻";
}

.dropdown {
  --bulma-dropdown-menu-min-width: 12rem;
  --bulma-dropdown-content-background-color: var(--bulma-scheme-main);
  --bulma-dropdown-content-offset: 0.25rem;
  --bulma-dropdown-content-padding-bottom: 0.5rem;
  --bulma-dropdown-content-padding-top: 0.5rem;
  --bulma-dropdown-content-radius: var(--bulma-radius);
  --bulma-dropdown-content-shadow: var(--bulma-shadow);
  --bulma-dropdown-content-z: 20;
  --bulma-dropdown-item-h: var(--bulma-scheme-h);
  --bulma-dropdown-item-s: var(--bulma-scheme-s);
  --bulma-dropdown-item-l: var(--bulma-scheme-main-l);
  --bulma-dropdown-item-background-l: var(--bulma-scheme-main-l);
  --bulma-dropdown-item-background-l-delta: 0%;
  --bulma-dropdown-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-dropdown-item-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-dropdown-item-color-l: var(--bulma-text-strong-l);
  --bulma-dropdown-item-selected-h: var(--bulma-link-h);
  --bulma-dropdown-item-selected-s: var(--bulma-link-s);
  --bulma-dropdown-item-selected-l: var(--bulma-link-l);
  --bulma-dropdown-item-selected-background-l: var(--bulma-link-l);
  --bulma-dropdown-item-selected-color-l: var(--bulma-link-invert-l);
  --bulma-dropdown-divider-background-color: var(--bulma-border-weak);
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: var(--bulma-dropdown-content-offset);
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: var(--bulma-dropdown-menu-min-width);
  padding-top: var(--bulma-dropdown-content-offset);
  position: absolute;
  top: 100%;
  z-index: var(--bulma-dropdown-content-z);
}

.dropdown-content {
  background-color: var(--bulma-dropdown-content-background-color);
  border-radius: var(--bulma-dropdown-content-radius);
  box-shadow: var(--bulma-dropdown-content-shadow);
  padding-bottom: var(--bulma-dropdown-content-padding-bottom);
  padding-top: var(--bulma-dropdown-content-padding-top);
}

.dropdown-item {
  color: hsl(var(--bulma-dropdown-item-h), var(--bulma-dropdown-item-s), var(--bulma-dropdown-item-color-l));
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
}

a.dropdown-item,
button.dropdown-item {
  background-color: hsl(var(--bulma-dropdown-item-h), var(--bulma-dropdown-item-s), calc(var(--bulma-dropdown-item-background-l) + var(--bulma-dropdown-item-background-l-delta)));
  padding-inline-end: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
a.dropdown-item:hover,
button.dropdown-item:hover {
  --bulma-dropdown-item-background-l-delta: var(--bulma-dropdown-item-hover-background-l-delta);
  --bulma-dropdown-item-border-l-delta: var(--bulma-dropdown-item-hover-border-l-delta);
}
a.dropdown-item:active,
button.dropdown-item:active {
  --bulma-dropdown-item-background-l-delta: var(--bulma-dropdown-item-active-background-l-delta);
  --bulma-dropdown-item-border-l-delta: var(--bulma-dropdown-item-active-border-l-delta);
}
a.dropdown-item.is-active, a.dropdown-item.is-selected,
button.dropdown-item.is-active,
button.dropdown-item.is-selected {
  --bulma-dropdown-item-h: var(--bulma-dropdown-item-selected-h);
  --bulma-dropdown-item-s: var(--bulma-dropdown-item-selected-s);
  --bulma-dropdown-item-l: var(--bulma-dropdown-item-selected-l);
  --bulma-dropdown-item-background-l: var(--bulma-dropdown-item-selected-background-l);
  --bulma-dropdown-item-color-l: var(--bulma-dropdown-item-selected-color-l);
}

.dropdown-divider {
  background-color: var(--bulma-dropdown-divider-background-color);
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.level {
  --bulma-level-item-spacing: calc(var(--bulma-block-spacing) * 0.5);
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--bulma-level-item-spacing);
}
.level code {
  border-radius: var(--bulma-radius);
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
  flex-direction: row;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
    flex-direction: row;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  gap: calc(var(--bulma-block-spacing) * 0.5);
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}

.level-left {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (min-width: 769px), print {
  .level-left {
    flex-direction: row;
  }
}

.level-right {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    flex-direction: row;
  }
}

.pagination {
  --bulma-pagination-margin: -0.25rem;
  --bulma-pagination-min-width: var(--bulma-control-height);
  --bulma-pagination-item-h: var(--bulma-scheme-h);
  --bulma-pagination-item-s: var(--bulma-scheme-s);
  --bulma-pagination-item-l: var(--bulma-scheme-main-l);
  --bulma-pagination-item-background-l-delta: 0%;
  --bulma-pagination-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-pagination-item-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-pagination-item-border-style: solid;
  --bulma-pagination-item-border-width: var(--bulma-control-border-width);
  --bulma-pagination-item-border-l: var(--bulma-border-l);
  --bulma-pagination-item-border-l-delta: 0%;
  --bulma-pagination-item-hover-border-l-delta: var(--bulma-hover-border-l-delta);
  --bulma-pagination-item-active-border-l-delta: var(--bulma-active-border-l-delta);
  --bulma-pagination-item-focus-border-l-delta: var(--bulma-focus-border-l-delta);
  --bulma-pagination-item-color-l: var(--bulma-text-strong-l);
  --bulma-pagination-item-font-size: 1em;
  --bulma-pagination-item-margin: 0.25rem;
  --bulma-pagination-item-padding-left: 0.5em;
  --bulma-pagination-item-padding-right: 0.5em;
  --bulma-pagination-item-outer-shadow-h: 0;
  --bulma-pagination-item-outer-shadow-s: 0%;
  --bulma-pagination-item-outer-shadow-l: 20%;
  --bulma-pagination-item-outer-shadow-a: 0.05;
  --bulma-pagination-nav-padding-left: 0.75em;
  --bulma-pagination-nav-padding-right: 0.75em;
  --bulma-pagination-disabled-color: var(--bulma-text-weak);
  --bulma-pagination-disabled-background-color: var(--bulma-border);
  --bulma-pagination-disabled-border-color: var(--bulma-border);
  --bulma-pagination-current-color: var(--bulma-link-invert);
  --bulma-pagination-current-background-color: var(--bulma-link);
  --bulma-pagination-current-border-color: var(--bulma-link);
  --bulma-pagination-ellipsis-color: var(--bulma-text-weak);
  --bulma-pagination-shadow-inset: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.2);
  --bulma-pagination-selected-item-h: var(--bulma-link-h);
  --bulma-pagination-selected-item-s: var(--bulma-link-s);
  --bulma-pagination-selected-item-l: var(--bulma-link-l);
  --bulma-pagination-selected-item-background-l: var(--bulma-link-l);
  --bulma-pagination-selected-item-border-l: var(--bulma-link-l);
  --bulma-pagination-selected-item-color-l: var(--bulma-link-invert-l);
}

.pagination {
  font-size: var(--bulma-size-normal);
  margin: var(--bulma-pagination-margin);
}
.pagination.is-small {
  font-size: var(--bulma-size-small);
}
.pagination.is-medium {
  font-size: var(--bulma-size-medium);
}
.pagination.is-large {
  font-size: var(--bulma-size-large);
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: var(--bulma-radius-rounded);
}
.pagination.is-rounded .pagination-link {
  border-radius: var(--bulma-radius-rounded);
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), var(--bulma-pagination-item-color-l));
  font-size: var(--bulma-pagination-item-font-size);
  justify-content: center;
  margin: var(--bulma-pagination-item-margin);
  padding-left: var(--bulma-pagination-item-padding-left);
  padding-right: var(--bulma-pagination-item-padding-right);
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  background-color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), calc(var(--bulma-pagination-item-background-l) + var(--bulma-pagination-item-background-l-delta)));
  border-color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), calc(var(--bulma-pagination-item-border-l) + var(--bulma-pagination-item-border-l-delta)));
  border-style: var(--bulma-pagination-item-border-style);
  border-width: var(--bulma-pagination-item-border-width);
  box-shadow: 0px 0.0625em 0.125em hsla(var(--bulma-pagination-item-outer-shadow-h), var(--bulma-pagination-item-outer-shadow-s), var(--bulma-pagination-item-outer-shadow-l), var(--bulma-pagination-item-outer-shadow-a)), 0px 0.125em 0.25em hsla(var(--bulma-pagination-item-outer-shadow-h), var(--bulma-pagination-item-outer-shadow-s), var(--bulma-pagination-item-outer-shadow-l), var(--bulma-pagination-item-outer-shadow-a));
  color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), var(--bulma-pagination-item-color-l));
  min-width: var(--bulma-pagination-min-width);
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, box-shadow, color;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  --bulma-pagination-item-background-l-delta: var(--bulma-pagination-item-hover-background-l-delta);
  --bulma-pagination-item-border-l-delta: var(--bulma-pagination-item-hover-border-l-delta);
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  --bulma-pagination-item-background-l-delta: var(--bulma-pagination-item-hover-background-l-delta);
  --bulma-pagination-item-border-l-delta: var(--bulma-pagination-item-hover-border-l-delta);
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: var(--bulma-pagination-shadow-inset);
}
.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: var(--bulma-pagination-disabled-background-color);
  border-color: var(--bulma-pagination-disabled-border-color);
  box-shadow: none;
  color: var(--bulma-pagination-disabled-color);
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: var(--bulma-pagination-nav-padding-left);
  padding-right: var(--bulma-pagination-nav-padding-right);
  white-space: nowrap;
}

.pagination-link.is-current, .pagination-link.is-selected {
  --bulma-pagination-item-h: var(--bulma-pagination-selected-item-h);
  --bulma-pagination-item-s: var(--bulma-pagination-selected-item-s);
  --bulma-pagination-item-l: var(--bulma-pagination-selected-item-l);
  --bulma-pagination-item-background-l: var(--bulma-pagination-selected-item-background-l);
  --bulma-pagination-item-border-l: var(--bulma-pagination-selected-item-border-l);
  --bulma-pagination-item-color-l: var(--bulma-pagination-selected-item-color-l);
}

.pagination-ellipsis {
  color: var(--bulma-pagination-ellipsis-color);
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}
.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.bg-neutral-weak {
  background-color: #e4f4ff;
}

.bg-success-weak {
  background-color: #dcede9;
}

.bg-warning-weak {
  background-color: #fefce6;
}

.bg-highlight-disabled, sl-textarea[disabled]::part(form-control-input), sl-textarea:not(sl-input)[disabled]::part(input), sl-textarea[disabled]::part(textarea), sl-select[disabled]::part(form-control-input), sl-select:not(sl-input)[disabled]::part(input), sl-input[disabled]::part(form-control-input), sl-input:not(sl-input)[disabled]::part(input), sl-input[disabled]::part(prefix),
sl-input[disabled]::part(suffix) {
  background-color: rgba(0, 35, 71, 0.12);
}

.bg-highlight-down {
  background-color: rgba(0, 35, 71, 0.12);
}

.bg-danger-default, sl-button[variant=danger]::part(base),
sl-icon-button[variant=danger]::part(base) {
  background-color: #d04647;
}

.bg-danger-hover, sl-button[variant=danger]:hover:not(:disabled, :active)::part(base),
sl-button[variant=danger]:focus-visible:not(:disabled)::part(base),
sl-button[variant=danger]:focus:not(:disabled)::part(base),
sl-icon-button[variant=danger]:hover:not(:disabled, :active)::part(base),
sl-icon-button[variant=danger]:focus-visible:not(:disabled)::part(base),
sl-icon-button[variant=danger]:focus:not(:disabled)::part(base) {
  background-color: #7a292a;
}

.bg-danger-down, sl-button[variant=danger]:active:not(:disabled)::part(base),
sl-icon-button[variant=danger]:active:not(:disabled)::part(base) {
  background-color: #541c1d;
}

.bg-danger-weak {
  background-color: #feeeef;
}

.bg-default, sl-button[variant=default]::part(base),
sl-button[variant=taupe-default]::part(base),
sl-icon-button[variant=default]::part(base) {
  background-color: #ffffff;
}

.bg-medium, .alternating:nth-child(odd) {
  background-color: #f6f7f8;
}

.bg-primary-default {
  background-color: #080807;
}

.bg-primary-hover {
  background-color: #2d302a;
}

.bg-primary-down {
  background-color: #080807;
}

.bg-highlight-hover {
  background-color: rgba(0, 35, 71, 0.06);
}

.bg-strong {
  background-color: #f2f2f1;
}

.bg-bold-hover {
  background-color: #767773;
}

.bg-success-default {
  background-color: #1d6755;
}

.bg-slate-0 {
  background-color: var(--slate-0) !important;
}

.bg-slate-100 {
  background-color: var(--slate-100) !important;
}

.bg-taupe-100 {
  background-color: var(--taupe-100) !important;
}

.bg-taupe-150 {
  background-color: var(--taupe-150) !important;
}

.bg-taupe-50, a sl-card.taupe-border:hover::part(base) {
  background-color: var(--taupe-50) !important;
}

.bg-taupe-300, a sl-card.taupe-border:active::part(base) {
  background-color: var(--taupe-300) !important;
}

.bg-red-50 {
  background-color: var(--red-50) !important;
}

.bg-red-200 {
  background-color: var(--red-200) !important;
}

.bg-green-50 {
  background-color: var(--green-50) !important;
}

.bg-green-100 {
  background-color: var(--green-100) !important;
}

.bg-green-600 {
  background-color: var(--green-600) !important;
}

.border-default {
  border-color: #d9d9d8;
}

.border-danger-default {
  border-color: #d04647;
}

.border-down {
  border-color: #080807;
}

.border-hover {
  border-color: #767773;
}

.border-primary-default {
  border-color: #080807;
}

.border-orange-600 {
  border-color: var(--orange-600);
}

.border-taupe-800, .highlight-pill {
  border-color: var(--taupe-800);
}

.border-red-500, sl-textarea[data-invalid]:not(.pristine)::part(base), sl-textarea[data-invalid]:not(.pristine)::part(combobox), sl-select[data-invalid]:not(.pristine)::part(base), sl-select[data-invalid]:not(.pristine)::part(combobox), sl-input[data-invalid]:not(.pristine)::part(base), sl-input[data-invalid]:not(.pristine)::part(combobox) {
  border-color: var(--red-500);
}

.text-weak, sl-textarea::part(input), sl-select::part(input), sl-input::part(input) {
  color: #767773;
}

.text-neutral-default {
  color: #35607e;
}

.text-success-default {
  color: #1d6755;
}

.text-warning-default {
  color: #665d05;
}

.text-strong {
  color: #080807;
}

.text-disabled, sl-textarea[disabled]::part(form-control-input), sl-textarea[disabled]::part(form-control-input)::placeholder, sl-textarea[disabled]::part(input)::placeholder, sl-select[disabled]::part(form-control-input), sl-select[disabled]::part(form-control-input)::placeholder, sl-select[disabled]::part(input)::placeholder, sl-select[disabled]::part(display-input), sl-input[disabled]::part(form-control-input), sl-input[disabled]::part(form-control-input)::placeholder, sl-input[disabled]::part(input)::placeholder, sl-input[disabled]::part(prefix),
sl-input[disabled]::part(suffix) {
  color: #949592;
}

.text-inverted-default, sl-button[variant=primary],
sl-button[variant=orange],
sl-button[variant=primary-dark],
sl-icon-button[variant=primary], sl-button[variant=danger],
sl-icon-button[variant=danger] {
  color: #ffffff;
}

.text-default {
  color: #2d302a;
}

.text-danger-default {
  color: #d04647;
}

.text-blue-400 {
  color: var(--blue-400) !important;
}

.text-blue-500 {
  color: var(--blue-500) !important;
}

.text-blue-600 {
  color: var(--blue-600) !important;
}

.text-blue-700 {
  color: var(--blue-700) !important;
}

.text-green-50 {
  color: var(--green-50) !important;
}

.text-green-700 {
  color: var(--green-700) !important;
}

.text-red-700 {
  color: var(--red-700) !important;
}

.text-red-900 {
  color: var(--red-900) !important;
}

.text-slate-0 {
  color: var(--slate-0) !important;
}

.text-slate-500, sl-breadcrumb[disabled] sl-breadcrumb-item::part(label) {
  color: var(--slate-500) !important;
}

.text-slate-600 {
  color: var(--slate-600) !important;
}

.text-slate-800 {
  color: var(--slate-800) !important;
}

.text-taupe-300 {
  color: var(--taupe-300) !important;
}

.text-taupe-400 {
  color: var(--taupe-400) !important;
}

.text-taupe-500, sl-textarea::part(form-control-input)::placeholder, sl-textarea::part(input)::placeholder, sl-textarea::part(textarea)::placeholder, sl-select::part(form-control-input)::placeholder, sl-select::part(input)::placeholder, sl-menu sl-menu-label::part(base), sl-input::part(form-control-input)::placeholder, sl-input::part(input)::placeholder, sl-breadcrumb-item:active:not(:disabled)::part(label), .cds-dropdown sl-menu-label::part(base) {
  color: var(--taupe-500) !important;
}

.text-taupe-600, table.carby-ds tr.subdued td:not(.subdued-exempt), sl-select::part(display-input)::placeholder, sl-input::part(input)::placeholder, sl-breadcrumb-item:hover:not(:disabled)::part(label),
sl-breadcrumb-item:focus:not(:disabled)::part(label),
sl-breadcrumb-item:focus-visible:not(:disabled)::part(label),
sl-breadcrumb-item:focus-within:not(:disabled)::part(label), .cds-dropdown .cds-dropdown-item-hint {
  color: var(--taupe-600) !important;
}

.text-taupe-700, .carby-ds.subtitle, table.carby-ds th, sl-textarea::part(textarea), sl-input::part(input), sl-breadcrumb-item::part(label) {
  color: var(--taupe-700) !important;
}

.text-taupe-800, .carby-ds.title, table.carby-ds td, sl-textarea::part(form-control-label), sl-select::part(form-control-label), sl-menu[variant=taupe],
sl-menu[variant=taupe] sl-menu-item:focus-visible::part(label), sl-input::part(form-control-label), sl-input::part(prefix),
sl-input::part(suffix),
sl-input::part(label), .cds-dropdown, .cds-dropdown sl-menu-item:focus-visible::part(label) {
  color: var(--taupe-800) !important;
}

.text-yellow-700 {
  color: var(--yellow-700) !important;
}

.text-yellow-800 {
  color: var(--yellow-800) !important;
}

.bar-chart {
  min-height: 200px;
  position: relative;
}

.size-9 {
  font-size: 56px;
  line-height: 78.4px;
  font-family: "Muoto", sans-serif !important;
  font-style: normal !important;
  font-weight: var(--sl-font-weight-light);
}
.size-9.bold {
  font-weight: var(--sl-font-weight-bold) !important;
}
.size-9.medium, .size-9.input-label-text, #sub-nav .sub-nav-content .size-9.disabled-nav-link, #sub-nav .sub-nav-content a.size-9, #sub-nav .size-9.breadcrumb, table.carby-ds th.size-9, sl-tab-group[variant=page-width-divider] sl-tab.size-9[active]::part(base), sl-badge.size-9::part(base), sl-avatar.size-9::part(initials), .nav-bar.carby-ds-tabs .size-9.nav-bar-link.active {
  font-weight: var(--sl-font-weight-semibold) !important;
}
.size-9.regular, .wise-form .size-9.input-label, .wise-form .size-9.input-error, .input-v2 input.size-9, .input-v2.with-after-text .size-9.after-text, .input-v2 select.size-9, .input-v2.radio label.size-9, .bulk-action-bar .size-9.num-selected, #marketplace-sub-nav .size-9.breadcrumb, .size-9.carby-ds.subtitle, table.carby-ds tbody tr td.size-9, sl-textarea.size-9::part(textarea), sl-option.size-9::part(label),
sl-select.size-9::part(display-input), sl-input.size-9::part(input), sl-input.size-9::part(prefix),
sl-input.size-9::part(suffix),
sl-input.size-9::part(label), sl-button.size-9::part(base), sl-breadcrumb-item.size-9::part(label), .nav-bar.carby-ds-tabs .size-9.nav-bar-link, .cds-dropdown sl-menu-item.size-9::part(base) {
  font-weight: var(--sl-font-weight-normal) !important;
}
.size-9.light {
  font-weight: var(--sl-font-weight-light) !important;
}

.size-8, .carby-ds.title {
  font-size: 42px;
  line-height: 58.8px;
  font-family: "Muoto", sans-serif !important;
  font-style: normal !important;
  font-weight: var(--sl-font-weight-light);
}
.size-8.bold, .bold.carby-ds.title {
  font-weight: var(--sl-font-weight-bold) !important;
}
.size-8.medium, .medium.carby-ds.title, .size-8.input-label-text, .carby-ds.title.input-label-text, #sub-nav .sub-nav-content .size-8.disabled-nav-link, #sub-nav .sub-nav-content .carby-ds.title.disabled-nav-link, #sub-nav .sub-nav-content a.size-8, #sub-nav .sub-nav-content a.carby-ds.title, #sub-nav .size-8.breadcrumb, #sub-nav .carby-ds.title.breadcrumb, table.carby-ds th.size-8, table.carby-ds th.carby-ds.title, sl-tab-group[variant=page-width-divider] sl-tab.size-8[active]::part(base), sl-tab-group[variant=page-width-divider] sl-tab.carby-ds.title[active]::part(base), sl-badge.size-8::part(base), sl-badge.carby-ds.title::part(base), sl-avatar.size-8::part(initials), sl-avatar.carby-ds.title::part(initials), .nav-bar.carby-ds-tabs .size-8.nav-bar-link.active, .nav-bar.carby-ds-tabs .carby-ds.title.nav-bar-link.active {
  font-weight: var(--sl-font-weight-semibold) !important;
}
.size-8.regular, .regular.carby-ds.title, .wise-form .size-8.input-label, .wise-form .carby-ds.title.input-label, .wise-form .size-8.input-error, .wise-form .carby-ds.title.input-error, .input-v2 input.size-8, .input-v2 input.carby-ds.title, .input-v2.with-after-text .size-8.after-text, .input-v2.with-after-text .carby-ds.title.after-text, .input-v2 select.size-8, .input-v2 select.carby-ds.title, .input-v2.radio label.size-8, .input-v2.radio label.carby-ds.title, .bulk-action-bar .size-8.num-selected, .bulk-action-bar .carby-ds.title.num-selected, #marketplace-sub-nav .size-8.breadcrumb, #marketplace-sub-nav .carby-ds.title.breadcrumb, .size-8.carby-ds.subtitle, .carby-ds.title.subtitle, table.carby-ds tbody tr td.size-8, table.carby-ds tbody tr td.carby-ds.title, sl-textarea.size-8::part(textarea), sl-textarea.carby-ds.title::part(textarea), sl-option.size-8::part(label), sl-option.carby-ds.title::part(label),
sl-select.size-8::part(display-input),
sl-select.carby-ds.title::part(display-input), sl-input.size-8::part(input), sl-input.carby-ds.title::part(input), sl-input.size-8::part(prefix), sl-input.carby-ds.title::part(prefix),
sl-input.size-8::part(suffix),
sl-input.carby-ds.title::part(suffix),
sl-input.size-8::part(label),
sl-input.carby-ds.title::part(label), sl-button.size-8::part(base), sl-button.carby-ds.title::part(base), sl-breadcrumb-item.size-8::part(label), sl-breadcrumb-item.carby-ds.title::part(label), .nav-bar.carby-ds-tabs .size-8.nav-bar-link, .nav-bar.carby-ds-tabs .carby-ds.title.nav-bar-link, .cds-dropdown sl-menu-item.size-8::part(base), .cds-dropdown sl-menu-item.carby-ds.title::part(base) {
  font-weight: var(--sl-font-weight-normal) !important;
}
.size-8.light, .light.carby-ds.title {
  font-weight: var(--sl-font-weight-light) !important;
}

.size-7 {
  font-size: 32px;
  line-height: 44.8px;
  font-family: "Muoto", sans-serif !important;
  font-style: normal !important;
  font-weight: var(--sl-font-weight-light);
}
.size-7.bold {
  font-weight: var(--sl-font-weight-bold) !important;
}
.size-7.medium, .size-7.input-label-text, #sub-nav .sub-nav-content .size-7.disabled-nav-link, #sub-nav .sub-nav-content a.size-7, #sub-nav .size-7.breadcrumb, table.carby-ds th.size-7, sl-tab-group[variant=page-width-divider] sl-tab.size-7[active]::part(base), sl-badge.size-7::part(base), sl-avatar.size-7::part(initials), .nav-bar.carby-ds-tabs .size-7.nav-bar-link.active {
  font-weight: var(--sl-font-weight-semibold) !important;
}
.size-7.regular, .wise-form .size-7.input-label, .wise-form .size-7.input-error, .input-v2 input.size-7, .input-v2.with-after-text .size-7.after-text, .input-v2 select.size-7, .input-v2.radio label.size-7, .bulk-action-bar .size-7.num-selected, #marketplace-sub-nav .size-7.breadcrumb, .size-7.carby-ds.subtitle, table.carby-ds tbody tr td.size-7, sl-textarea.size-7::part(textarea), sl-option.size-7::part(label),
sl-select.size-7::part(display-input), sl-input.size-7::part(input), sl-input.size-7::part(prefix),
sl-input.size-7::part(suffix),
sl-input.size-7::part(label), sl-button.size-7::part(base), sl-breadcrumb-item.size-7::part(label), .nav-bar.carby-ds-tabs .size-7.nav-bar-link, .cds-dropdown sl-menu-item.size-7::part(base) {
  font-weight: var(--sl-font-weight-normal) !important;
}
.size-7.light {
  font-weight: var(--sl-font-weight-light) !important;
}

.size-6 {
  font-size: 24px;
  line-height: 33.6px;
  font-family: "Muoto", sans-serif !important;
  font-style: normal !important;
  font-weight: var(--sl-font-weight-light);
}
.size-6.bold {
  font-weight: var(--sl-font-weight-bold) !important;
}
.size-6.medium, .size-6.input-label-text, #sub-nav .sub-nav-content .size-6.disabled-nav-link, #sub-nav .sub-nav-content a.size-6, #sub-nav .size-6.breadcrumb, table.carby-ds th.size-6, sl-tab-group[variant=page-width-divider] sl-tab.size-6[active]::part(base), sl-badge.size-6::part(base), sl-avatar.size-6::part(initials), .nav-bar.carby-ds-tabs .size-6.nav-bar-link.active {
  font-weight: var(--sl-font-weight-semibold) !important;
}
.size-6.regular, .wise-form .size-6.input-label, .wise-form .size-6.input-error, .input-v2 input.size-6, .input-v2.with-after-text .size-6.after-text, .input-v2 select.size-6, .input-v2.radio label.size-6, .bulk-action-bar .size-6.num-selected, #marketplace-sub-nav .size-6.breadcrumb, .size-6.carby-ds.subtitle, table.carby-ds tbody tr td.size-6, sl-textarea.size-6::part(textarea), sl-option.size-6::part(label),
sl-select.size-6::part(display-input), sl-input.size-6::part(input), sl-input.size-6::part(prefix),
sl-input.size-6::part(suffix),
sl-input.size-6::part(label), sl-button.size-6::part(base), sl-breadcrumb-item.size-6::part(label), .nav-bar.carby-ds-tabs .size-6.nav-bar-link, .cds-dropdown sl-menu-item.size-6::part(base) {
  font-weight: var(--sl-font-weight-normal) !important;
}
.size-6.light {
  font-weight: var(--sl-font-weight-light) !important;
}

.size-5 {
  font-size: 21px;
  line-height: 29.4px;
  font-family: "Muoto", sans-serif !important;
  font-style: normal !important;
  font-weight: var(--sl-font-weight-light);
}
.size-5.bold {
  font-weight: var(--sl-font-weight-bold) !important;
}
.size-5.medium, .size-5.input-label-text, #sub-nav .sub-nav-content .size-5.disabled-nav-link, #sub-nav .sub-nav-content a.size-5, #sub-nav .size-5.breadcrumb, table.carby-ds th.size-5, sl-tab-group[variant=page-width-divider] sl-tab.size-5[active]::part(base), sl-badge.size-5::part(base), sl-avatar.size-5::part(initials), .nav-bar.carby-ds-tabs .size-5.nav-bar-link.active {
  font-weight: var(--sl-font-weight-semibold) !important;
}
.size-5.regular, .wise-form .size-5.input-label, .wise-form .size-5.input-error, .input-v2 input.size-5, .input-v2.with-after-text .size-5.after-text, .input-v2 select.size-5, .input-v2.radio label.size-5, .bulk-action-bar .size-5.num-selected, #marketplace-sub-nav .size-5.breadcrumb, .size-5.carby-ds.subtitle, table.carby-ds tbody tr td.size-5, sl-textarea.size-5::part(textarea), sl-option.size-5::part(label),
sl-select.size-5::part(display-input), sl-input.size-5::part(input), sl-input.size-5::part(prefix),
sl-input.size-5::part(suffix),
sl-input.size-5::part(label), sl-button.size-5::part(base), sl-breadcrumb-item.size-5::part(label), .nav-bar.carby-ds-tabs .size-5.nav-bar-link, .cds-dropdown sl-menu-item.size-5::part(base) {
  font-weight: var(--sl-font-weight-normal) !important;
}
.size-5.light {
  font-weight: var(--sl-font-weight-light) !important;
}

.size-4 {
  font-size: 18px;
  line-height: 25.2px;
  font-family: "Muoto", sans-serif !important;
  font-style: normal !important;
  font-weight: var(--sl-font-weight-light);
}
.size-4.bold {
  font-weight: var(--sl-font-weight-bold) !important;
}
.size-4.medium, .size-4.input-label-text, #sub-nav .sub-nav-content .size-4.disabled-nav-link, #sub-nav .sub-nav-content a.size-4, #sub-nav .size-4.breadcrumb, table.carby-ds th.size-4, sl-tab-group[variant=page-width-divider] sl-tab.size-4[active]::part(base), sl-badge.size-4::part(base), sl-avatar.size-4::part(initials), .nav-bar.carby-ds-tabs .size-4.nav-bar-link.active {
  font-weight: var(--sl-font-weight-semibold) !important;
}
.size-4.regular, .wise-form .size-4.input-label, .wise-form .size-4.input-error, .input-v2 input.size-4, .input-v2.with-after-text .size-4.after-text, .input-v2 select.size-4, .input-v2.radio label.size-4, .bulk-action-bar .size-4.num-selected, #marketplace-sub-nav .size-4.breadcrumb, .size-4.carby-ds.subtitle, table.carby-ds tbody tr td.size-4, sl-textarea.size-4::part(textarea), sl-option.size-4::part(label),
sl-select.size-4::part(display-input), sl-input.size-4::part(input), sl-input.size-4::part(prefix),
sl-input.size-4::part(suffix),
sl-input.size-4::part(label), sl-button.size-4::part(base), sl-breadcrumb-item.size-4::part(label), .nav-bar.carby-ds-tabs .size-4.nav-bar-link, .cds-dropdown sl-menu-item.size-4::part(base) {
  font-weight: var(--sl-font-weight-normal) !important;
}
.size-4.light {
  font-weight: var(--sl-font-weight-light) !important;
}

.size-3, #sub-nav .sub-nav-content .disabled-nav-link, #sub-nav .sub-nav-content a, #sub-nav .sub-nav-content a.active, #sub-nav .breadcrumb, #marketplace-sub-nav .breadcrumb, sl-radio-button.size-100::part(label), sl-button::part(base), sl-avatar::part(initials), .nav-bar.carby-ds-tabs .nav-bar-link, .cds-dropdown sl-menu-item::part(base) {
  font-size: 16px;
  line-height: 22.4px;
  font-family: "Muoto", sans-serif !important;
  font-style: normal !important;
  font-weight: var(--sl-font-weight-light);
}
.size-3.bold, #sub-nav .sub-nav-content .bold.disabled-nav-link, #sub-nav .sub-nav-content a.bold, #sub-nav .bold.breadcrumb, #marketplace-sub-nav .bold.breadcrumb, sl-radio-button.bold.size-100::part(label), sl-button.bold::part(base), sl-avatar.bold::part(initials), .nav-bar.carby-ds-tabs .bold.nav-bar-link, .cds-dropdown sl-menu-item.bold::part(base) {
  font-weight: var(--sl-font-weight-bold) !important;
}
.size-3.medium, #sub-nav .sub-nav-content .medium.disabled-nav-link, #sub-nav .sub-nav-content a.medium, #sub-nav .sub-nav-content a.medium.active, #sub-nav .medium.breadcrumb, #marketplace-sub-nav .medium.breadcrumb, sl-radio-button.medium.size-100::part(label), sl-button.medium::part(base), sl-avatar.medium::part(initials), .nav-bar.carby-ds-tabs .medium.nav-bar-link, .cds-dropdown sl-menu-item.medium::part(base), .size-3.input-label-text, #sub-nav .sub-nav-content .disabled-nav-link.input-label-text, #sub-nav .sub-nav-content a.input-label-text, #sub-nav .sub-nav-content a.active.input-label-text, #sub-nav .breadcrumb.input-label-text, #marketplace-sub-nav .breadcrumb.input-label-text, sl-radio-button.size-100.input-label-text::part(label), sl-button.input-label-text::part(base), sl-avatar.input-label-text::part(initials), .nav-bar.carby-ds-tabs .nav-bar-link.input-label-text, .cds-dropdown sl-menu-item.input-label-text::part(base), #sub-nav .sub-nav-content .size-3.disabled-nav-link, #sub-nav .sub-nav-content .disabled-nav-link, #sub-nav .sub-nav-content a.disabled-nav-link, #sub-nav .sub-nav-content a.active.disabled-nav-link, #sub-nav .sub-nav-content .breadcrumb.disabled-nav-link, #marketplace-sub-nav #sub-nav .sub-nav-content .breadcrumb.disabled-nav-link, #sub-nav .sub-nav-content #marketplace-sub-nav .breadcrumb.disabled-nav-link, #sub-nav .sub-nav-content sl-radio-button.size-100.disabled-nav-link::part(label), #sub-nav .sub-nav-content sl-button.disabled-nav-link::part(base), #sub-nav .sub-nav-content sl-avatar.disabled-nav-link::part(initials), .nav-bar.carby-ds-tabs #sub-nav .sub-nav-content .nav-bar-link.disabled-nav-link, #sub-nav .sub-nav-content .nav-bar.carby-ds-tabs .nav-bar-link.disabled-nav-link, .cds-dropdown #sub-nav .sub-nav-content sl-menu-item.disabled-nav-link::part(base), #sub-nav .sub-nav-content .cds-dropdown sl-menu-item.disabled-nav-link::part(base), #sub-nav .sub-nav-content a.size-3, #sub-nav .sub-nav-content a.disabled-nav-link, #sub-nav .sub-nav-content a, #sub-nav .sub-nav-content a.active, #sub-nav .sub-nav-content a.breadcrumb, #marketplace-sub-nav #sub-nav .sub-nav-content a.breadcrumb, #sub-nav .sub-nav-content #marketplace-sub-nav a.breadcrumb, .nav-bar.carby-ds-tabs #sub-nav .sub-nav-content a.nav-bar-link, #sub-nav .sub-nav-content .nav-bar.carby-ds-tabs a.nav-bar-link, #sub-nav .sub-nav-content a.size-3.active, #sub-nav .sub-nav-content a.disabled-nav-link.active, #sub-nav .sub-nav-content a.active, #sub-nav .sub-nav-content a.active, #sub-nav .sub-nav-content a.breadcrumb.active, #marketplace-sub-nav #sub-nav .sub-nav-content a.breadcrumb.active, #sub-nav .sub-nav-content #marketplace-sub-nav a.breadcrumb.active, .nav-bar.carby-ds-tabs #sub-nav .sub-nav-content a.nav-bar-link.active, #sub-nav .sub-nav-content .nav-bar.carby-ds-tabs a.nav-bar-link.active, #sub-nav .size-3.breadcrumb, #sub-nav .sub-nav-content .disabled-nav-link.breadcrumb, #sub-nav .sub-nav-content a.breadcrumb, #sub-nav .sub-nav-content a.active.breadcrumb, #sub-nav .breadcrumb, #marketplace-sub-nav #sub-nav .breadcrumb, #sub-nav #marketplace-sub-nav .breadcrumb, #sub-nav sl-radio-button.size-100.breadcrumb::part(label), #sub-nav sl-button.breadcrumb::part(base), #sub-nav sl-avatar.breadcrumb::part(initials), .nav-bar.carby-ds-tabs #sub-nav .nav-bar-link.breadcrumb, #sub-nav .nav-bar.carby-ds-tabs .nav-bar-link.breadcrumb, .cds-dropdown #sub-nav sl-menu-item.breadcrumb::part(base), #sub-nav .cds-dropdown sl-menu-item.breadcrumb::part(base), table.carby-ds th.size-3, #sub-nav .sub-nav-content table.carby-ds th.disabled-nav-link, table.carby-ds #sub-nav .sub-nav-content th.disabled-nav-link, #sub-nav table.carby-ds th.breadcrumb, table.carby-ds #sub-nav th.breadcrumb, #marketplace-sub-nav table.carby-ds th.breadcrumb, table.carby-ds #marketplace-sub-nav th.breadcrumb, .nav-bar.carby-ds-tabs table.carby-ds th.nav-bar-link, table.carby-ds .nav-bar.carby-ds-tabs th.nav-bar-link, sl-tab-group[variant=page-width-divider] sl-tab.size-3[active]::part(base), #sub-nav .sub-nav-content sl-tab-group[variant=page-width-divider] sl-tab.disabled-nav-link[active]::part(base), sl-tab-group[variant=page-width-divider] #sub-nav .sub-nav-content sl-tab.disabled-nav-link[active]::part(base), #sub-nav sl-tab-group[variant=page-width-divider] sl-tab.breadcrumb[active]::part(base), sl-tab-group[variant=page-width-divider] #sub-nav sl-tab.breadcrumb[active]::part(base), #marketplace-sub-nav sl-tab-group[variant=page-width-divider] sl-tab.breadcrumb[active]::part(base), sl-tab-group[variant=page-width-divider] #marketplace-sub-nav sl-tab.breadcrumb[active]::part(base), .nav-bar.carby-ds-tabs sl-tab-group[variant=page-width-divider] sl-tab.nav-bar-link[active]::part(base), sl-tab-group[variant=page-width-divider] .nav-bar.carby-ds-tabs sl-tab.nav-bar-link[active]::part(base), sl-badge.size-3::part(base), #sub-nav .sub-nav-content sl-badge.disabled-nav-link::part(base), #sub-nav sl-badge.breadcrumb::part(base), #marketplace-sub-nav sl-badge.breadcrumb::part(base), .nav-bar.carby-ds-tabs sl-badge.nav-bar-link::part(base), sl-badge.size-3.small::part(base), #sub-nav .sub-nav-content sl-badge.disabled-nav-link.small::part(base), #sub-nav sl-badge.breadcrumb.small::part(base), #marketplace-sub-nav sl-badge.breadcrumb.small::part(base), .nav-bar.carby-ds-tabs sl-badge.nav-bar-link.small::part(base), sl-badge.size-3.x-small::part(base), #sub-nav .sub-nav-content sl-badge.disabled-nav-link.x-small::part(base), #sub-nav sl-badge.breadcrumb.x-small::part(base), #marketplace-sub-nav sl-badge.breadcrumb.x-small::part(base), .nav-bar.carby-ds-tabs sl-badge.nav-bar-link.x-small::part(base), sl-avatar.size-3::part(initials), #sub-nav .sub-nav-content sl-avatar.disabled-nav-link::part(initials), #sub-nav sl-avatar.breadcrumb::part(initials), #marketplace-sub-nav sl-avatar.breadcrumb::part(initials), sl-avatar::part(initials), .nav-bar.carby-ds-tabs sl-avatar.nav-bar-link::part(initials), .nav-bar.carby-ds-tabs .size-3.nav-bar-link.active, #sub-nav .sub-nav-content .nav-bar.carby-ds-tabs .disabled-nav-link.nav-bar-link.active, .nav-bar.carby-ds-tabs #sub-nav .sub-nav-content .disabled-nav-link.nav-bar-link.active, #sub-nav .sub-nav-content .nav-bar.carby-ds-tabs a.nav-bar-link.active, .nav-bar.carby-ds-tabs #sub-nav .sub-nav-content a.nav-bar-link.active, #sub-nav .sub-nav-content .nav-bar.carby-ds-tabs a.active.nav-bar-link, .nav-bar.carby-ds-tabs #sub-nav .sub-nav-content a.active.nav-bar-link, #sub-nav .nav-bar.carby-ds-tabs .breadcrumb.nav-bar-link.active, .nav-bar.carby-ds-tabs #sub-nav .breadcrumb.nav-bar-link.active, #marketplace-sub-nav .nav-bar.carby-ds-tabs .breadcrumb.nav-bar-link.active, .nav-bar.carby-ds-tabs #marketplace-sub-nav .breadcrumb.nav-bar-link.active, .nav-bar.carby-ds-tabs sl-radio-button.size-100.nav-bar-link.active::part(label), .nav-bar.carby-ds-tabs sl-button.nav-bar-link.active::part(base), .nav-bar.carby-ds-tabs sl-avatar.nav-bar-link.active::part(initials), .nav-bar.carby-ds-tabs .nav-bar-link.active, .cds-dropdown .nav-bar.carby-ds-tabs sl-menu-item.nav-bar-link.active::part(base), .nav-bar.carby-ds-tabs .cds-dropdown sl-menu-item.nav-bar-link.active::part(base) {
  font-weight: var(--sl-font-weight-semibold) !important;
}
.size-3.regular, #sub-nav .sub-nav-content .regular.disabled-nav-link, #sub-nav .sub-nav-content a.regular, #sub-nav .sub-nav-content a.regular.active, #sub-nav .regular.breadcrumb, #marketplace-sub-nav .regular.breadcrumb, sl-radio-button.regular.size-100::part(label), sl-button.regular::part(base), sl-avatar.regular::part(initials), .nav-bar.carby-ds-tabs .regular.nav-bar-link, .cds-dropdown sl-menu-item.regular::part(base), .wise-form .size-3.input-label, #sub-nav .sub-nav-content .wise-form .disabled-nav-link.input-label, .wise-form #sub-nav .sub-nav-content .disabled-nav-link.input-label, #sub-nav .sub-nav-content .wise-form a.input-label, .wise-form #sub-nav .sub-nav-content a.input-label, #sub-nav .sub-nav-content .wise-form a.active.input-label, .wise-form #sub-nav .sub-nav-content a.active.input-label, #sub-nav .wise-form .breadcrumb.input-label, .wise-form #sub-nav .breadcrumb.input-label, #marketplace-sub-nav .wise-form .breadcrumb.input-label, .wise-form #marketplace-sub-nav .breadcrumb.input-label, .wise-form sl-radio-button.size-100.input-label::part(label), .wise-form sl-button.input-label::part(base), .wise-form sl-avatar.input-label::part(initials), .nav-bar.carby-ds-tabs .wise-form .nav-bar-link.input-label, .wise-form .nav-bar.carby-ds-tabs .nav-bar-link.input-label, .cds-dropdown .wise-form sl-menu-item.input-label::part(base), .wise-form .cds-dropdown sl-menu-item.input-label::part(base), .wise-form .size-3.input-error, #sub-nav .sub-nav-content .wise-form .disabled-nav-link.input-error, .wise-form #sub-nav .sub-nav-content .disabled-nav-link.input-error, #sub-nav .sub-nav-content .wise-form a.input-error, .wise-form #sub-nav .sub-nav-content a.input-error, #sub-nav .sub-nav-content .wise-form a.active.input-error, .wise-form #sub-nav .sub-nav-content a.active.input-error, #sub-nav .wise-form .breadcrumb.input-error, .wise-form #sub-nav .breadcrumb.input-error, #marketplace-sub-nav .wise-form .breadcrumb.input-error, .wise-form #marketplace-sub-nav .breadcrumb.input-error, .wise-form sl-radio-button.size-100.input-error::part(label), .wise-form sl-button.input-error::part(base), .wise-form sl-avatar.input-error::part(initials), .nav-bar.carby-ds-tabs .wise-form .nav-bar-link.input-error, .wise-form .nav-bar.carby-ds-tabs .nav-bar-link.input-error, .cds-dropdown .wise-form sl-menu-item.input-error::part(base), .wise-form .cds-dropdown sl-menu-item.input-error::part(base), .input-v2 input.size-3, #sub-nav .sub-nav-content .input-v2 input.disabled-nav-link, .input-v2 #sub-nav .sub-nav-content input.disabled-nav-link, #sub-nav .input-v2 input.breadcrumb, .input-v2 #sub-nav input.breadcrumb, #marketplace-sub-nav .input-v2 input.breadcrumb, .input-v2 #marketplace-sub-nav input.breadcrumb, .nav-bar.carby-ds-tabs .input-v2 input.nav-bar-link, .input-v2 .nav-bar.carby-ds-tabs input.nav-bar-link, .input-v2.with-after-text .size-3.after-text, #sub-nav .sub-nav-content .input-v2.with-after-text .disabled-nav-link.after-text, .input-v2.with-after-text #sub-nav .sub-nav-content .disabled-nav-link.after-text, #sub-nav .sub-nav-content .input-v2.with-after-text a.after-text, .input-v2.with-after-text #sub-nav .sub-nav-content a.after-text, #sub-nav .sub-nav-content .input-v2.with-after-text a.active.after-text, .input-v2.with-after-text #sub-nav .sub-nav-content a.active.after-text, #sub-nav .input-v2.with-after-text .breadcrumb.after-text, .input-v2.with-after-text #sub-nav .breadcrumb.after-text, #marketplace-sub-nav .input-v2.with-after-text .breadcrumb.after-text, .input-v2.with-after-text #marketplace-sub-nav .breadcrumb.after-text, .input-v2.with-after-text sl-radio-button.size-100.after-text::part(label), .input-v2.with-after-text sl-button.after-text::part(base), .input-v2.with-after-text sl-avatar.after-text::part(initials), .nav-bar.carby-ds-tabs .input-v2.with-after-text .nav-bar-link.after-text, .input-v2.with-after-text .nav-bar.carby-ds-tabs .nav-bar-link.after-text, .cds-dropdown .input-v2.with-after-text sl-menu-item.after-text::part(base), .input-v2.with-after-text .cds-dropdown sl-menu-item.after-text::part(base), .input-v2 select.size-3, #sub-nav .sub-nav-content .input-v2 select.disabled-nav-link, .input-v2 #sub-nav .sub-nav-content select.disabled-nav-link, #sub-nav .input-v2 select.breadcrumb, .input-v2 #sub-nav select.breadcrumb, #marketplace-sub-nav .input-v2 select.breadcrumb, .input-v2 #marketplace-sub-nav select.breadcrumb, .nav-bar.carby-ds-tabs .input-v2 select.nav-bar-link, .input-v2 .nav-bar.carby-ds-tabs select.nav-bar-link, .input-v2.radio label.size-3, #sub-nav .sub-nav-content .input-v2.radio label.disabled-nav-link, .input-v2.radio #sub-nav .sub-nav-content label.disabled-nav-link, #sub-nav .input-v2.radio label.breadcrumb, .input-v2.radio #sub-nav label.breadcrumb, #marketplace-sub-nav .input-v2.radio label.breadcrumb, .input-v2.radio #marketplace-sub-nav label.breadcrumb, .nav-bar.carby-ds-tabs .input-v2.radio label.nav-bar-link, .input-v2.radio .nav-bar.carby-ds-tabs label.nav-bar-link, .bulk-action-bar sl-button.size-3::part(base), #sub-nav .sub-nav-content .bulk-action-bar sl-button.disabled-nav-link::part(base), .bulk-action-bar #sub-nav .sub-nav-content sl-button.disabled-nav-link::part(base), #sub-nav .bulk-action-bar sl-button.breadcrumb::part(base), .bulk-action-bar #sub-nav sl-button.breadcrumb::part(base), #marketplace-sub-nav .bulk-action-bar sl-button.breadcrumb::part(base), .bulk-action-bar #marketplace-sub-nav sl-button.breadcrumb::part(base), .bulk-action-bar sl-button::part(base), .nav-bar.carby-ds-tabs .bulk-action-bar sl-button.nav-bar-link::part(base), .bulk-action-bar .nav-bar.carby-ds-tabs sl-button.nav-bar-link::part(base), .bulk-action-bar .size-3.num-selected, #sub-nav .sub-nav-content .bulk-action-bar .disabled-nav-link.num-selected, .bulk-action-bar #sub-nav .sub-nav-content .disabled-nav-link.num-selected, #sub-nav .sub-nav-content .bulk-action-bar a.num-selected, .bulk-action-bar #sub-nav .sub-nav-content a.num-selected, #sub-nav .sub-nav-content .bulk-action-bar a.active.num-selected, .bulk-action-bar #sub-nav .sub-nav-content a.active.num-selected, #sub-nav .bulk-action-bar .breadcrumb.num-selected, .bulk-action-bar #sub-nav .breadcrumb.num-selected, #marketplace-sub-nav .bulk-action-bar .breadcrumb.num-selected, .bulk-action-bar #marketplace-sub-nav .breadcrumb.num-selected, .bulk-action-bar sl-radio-button.size-100.num-selected::part(label), .bulk-action-bar sl-button.num-selected::part(base), .bulk-action-bar sl-avatar.num-selected::part(initials), .nav-bar.carby-ds-tabs .bulk-action-bar .nav-bar-link.num-selected, .bulk-action-bar .nav-bar.carby-ds-tabs .nav-bar-link.num-selected, .cds-dropdown .bulk-action-bar sl-menu-item.num-selected::part(base), .bulk-action-bar .cds-dropdown sl-menu-item.num-selected::part(base), #marketplace-sub-nav .size-3.breadcrumb, #sub-nav .sub-nav-content #marketplace-sub-nav .disabled-nav-link.breadcrumb, #marketplace-sub-nav #sub-nav .sub-nav-content .disabled-nav-link.breadcrumb, #sub-nav .sub-nav-content #marketplace-sub-nav a.breadcrumb, #marketplace-sub-nav #sub-nav .sub-nav-content a.breadcrumb, #sub-nav .sub-nav-content #marketplace-sub-nav a.active.breadcrumb, #marketplace-sub-nav #sub-nav .sub-nav-content a.active.breadcrumb, #sub-nav #marketplace-sub-nav .breadcrumb, #marketplace-sub-nav #sub-nav .breadcrumb, #marketplace-sub-nav .breadcrumb, #marketplace-sub-nav sl-radio-button.size-100.breadcrumb::part(label), #marketplace-sub-nav sl-button.breadcrumb::part(base), #marketplace-sub-nav sl-avatar.breadcrumb::part(initials), .nav-bar.carby-ds-tabs #marketplace-sub-nav .nav-bar-link.breadcrumb, #marketplace-sub-nav .nav-bar.carby-ds-tabs .nav-bar-link.breadcrumb, .cds-dropdown #marketplace-sub-nav sl-menu-item.breadcrumb::part(base), #marketplace-sub-nav .cds-dropdown sl-menu-item.breadcrumb::part(base), .size-3.carby-ds.subtitle, #sub-nav .sub-nav-content .disabled-nav-link.carby-ds.subtitle, #sub-nav .sub-nav-content a.carby-ds.subtitle, #sub-nav .sub-nav-content a.active.carby-ds.subtitle, #sub-nav .breadcrumb.carby-ds.subtitle, #marketplace-sub-nav .breadcrumb.carby-ds.subtitle, sl-radio-button.size-100.carby-ds.subtitle::part(label), sl-button.carby-ds.subtitle::part(base), sl-avatar.carby-ds.subtitle::part(initials), .nav-bar.carby-ds-tabs .nav-bar-link.carby-ds.subtitle, .cds-dropdown sl-menu-item.carby-ds.subtitle::part(base), table.carby-ds tbody tr td.size-3, #sub-nav .sub-nav-content table.carby-ds tbody tr td.disabled-nav-link, table.carby-ds tbody tr #sub-nav .sub-nav-content td.disabled-nav-link, #sub-nav table.carby-ds tbody tr td.breadcrumb, table.carby-ds tbody tr #sub-nav td.breadcrumb, #marketplace-sub-nav table.carby-ds tbody tr td.breadcrumb, table.carby-ds tbody tr #marketplace-sub-nav td.breadcrumb, .nav-bar.carby-ds-tabs table.carby-ds tbody tr td.nav-bar-link, table.carby-ds tbody tr .nav-bar.carby-ds-tabs td.nav-bar-link, sl-textarea.size-3::part(textarea), #sub-nav .sub-nav-content sl-textarea.disabled-nav-link::part(textarea), #sub-nav sl-textarea.breadcrumb::part(textarea), #marketplace-sub-nav sl-textarea.breadcrumb::part(textarea), .nav-bar.carby-ds-tabs sl-textarea.nav-bar-link::part(textarea), sl-option.size-3::part(label), #sub-nav .sub-nav-content sl-option.disabled-nav-link::part(label), #sub-nav sl-option.breadcrumb::part(label), #marketplace-sub-nav sl-option.breadcrumb::part(label), .nav-bar.carby-ds-tabs sl-option.nav-bar-link::part(label),
sl-select.size-3::part(display-input),
#sub-nav .sub-nav-content sl-select.disabled-nav-link::part(display-input),
#sub-nav sl-select.breadcrumb::part(display-input),
#marketplace-sub-nav sl-select.breadcrumb::part(display-input),
.nav-bar.carby-ds-tabs sl-select.nav-bar-link::part(display-input), sl-input.size-3::part(input), #sub-nav .sub-nav-content sl-input.disabled-nav-link::part(input), #sub-nav sl-input.breadcrumb::part(input), #marketplace-sub-nav sl-input.breadcrumb::part(input), .nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(input), sl-input.size-3::part(prefix), #sub-nav .sub-nav-content sl-input.disabled-nav-link::part(prefix), #sub-nav sl-input.breadcrumb::part(prefix), #marketplace-sub-nav sl-input.breadcrumb::part(prefix), .nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(prefix),
sl-input.size-3::part(suffix),
#sub-nav .sub-nav-content sl-input.disabled-nav-link::part(suffix),
#sub-nav sl-input.breadcrumb::part(suffix),
#marketplace-sub-nav sl-input.breadcrumb::part(suffix),
.nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(suffix),
sl-input.size-3::part(label),
#sub-nav .sub-nav-content sl-input.disabled-nav-link::part(label),
#sub-nav sl-input.breadcrumb::part(label),
#marketplace-sub-nav sl-input.breadcrumb::part(label),
.nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(label), sl-button.size-3::part(base), #sub-nav .sub-nav-content sl-button.disabled-nav-link::part(base), #sub-nav sl-button.breadcrumb::part(base), #marketplace-sub-nav sl-button.breadcrumb::part(base), sl-button::part(base), .nav-bar.carby-ds-tabs sl-button.nav-bar-link::part(base), sl-breadcrumb-item.size-3::part(label), #sub-nav .sub-nav-content sl-breadcrumb-item.disabled-nav-link::part(label), #sub-nav sl-breadcrumb-item.breadcrumb::part(label), #marketplace-sub-nav sl-breadcrumb-item.breadcrumb::part(label), .nav-bar.carby-ds-tabs sl-breadcrumb-item.nav-bar-link::part(label), .nav-bar.carby-ds-tabs .size-3.nav-bar-link, #sub-nav .sub-nav-content .nav-bar.carby-ds-tabs .disabled-nav-link.nav-bar-link, .nav-bar.carby-ds-tabs #sub-nav .sub-nav-content .disabled-nav-link.nav-bar-link, #sub-nav .sub-nav-content .nav-bar.carby-ds-tabs a.nav-bar-link, .nav-bar.carby-ds-tabs #sub-nav .sub-nav-content a.nav-bar-link, #sub-nav .sub-nav-content .nav-bar.carby-ds-tabs a.active.nav-bar-link, .nav-bar.carby-ds-tabs #sub-nav .sub-nav-content a.active.nav-bar-link, #sub-nav .nav-bar.carby-ds-tabs .breadcrumb.nav-bar-link, .nav-bar.carby-ds-tabs #sub-nav .breadcrumb.nav-bar-link, #marketplace-sub-nav .nav-bar.carby-ds-tabs .breadcrumb.nav-bar-link, .nav-bar.carby-ds-tabs #marketplace-sub-nav .breadcrumb.nav-bar-link, .nav-bar.carby-ds-tabs sl-radio-button.size-100.nav-bar-link::part(label), .nav-bar.carby-ds-tabs sl-button.nav-bar-link::part(base), .nav-bar.carby-ds-tabs sl-avatar.nav-bar-link::part(initials), .nav-bar.carby-ds-tabs .nav-bar-link, .cds-dropdown .nav-bar.carby-ds-tabs sl-menu-item.nav-bar-link::part(base), .nav-bar.carby-ds-tabs .cds-dropdown sl-menu-item.nav-bar-link::part(base), .cds-dropdown sl-menu-item.size-3::part(base), #sub-nav .sub-nav-content .cds-dropdown sl-menu-item.disabled-nav-link::part(base), .cds-dropdown #sub-nav .sub-nav-content sl-menu-item.disabled-nav-link::part(base), #sub-nav .cds-dropdown sl-menu-item.breadcrumb::part(base), .cds-dropdown #sub-nav sl-menu-item.breadcrumb::part(base), #marketplace-sub-nav .cds-dropdown sl-menu-item.breadcrumb::part(base), .cds-dropdown #marketplace-sub-nav sl-menu-item.breadcrumb::part(base), .nav-bar.carby-ds-tabs .cds-dropdown sl-menu-item.nav-bar-link::part(base), .cds-dropdown .nav-bar.carby-ds-tabs sl-menu-item.nav-bar-link::part(base), .cds-dropdown sl-menu-item::part(base) {
  font-weight: var(--sl-font-weight-normal) !important;
}
.size-3.light, #sub-nav .sub-nav-content .light.disabled-nav-link, #sub-nav .sub-nav-content a.light, #sub-nav .light.breadcrumb, #marketplace-sub-nav .light.breadcrumb, sl-radio-button.light.size-100::part(label), sl-button.light::part(base), sl-avatar.light::part(initials), .nav-bar.carby-ds-tabs .light.nav-bar-link, .cds-dropdown sl-menu-item.light::part(base) {
  font-weight: var(--sl-font-weight-light) !important;
}

.size-2, .wise-form .input-label, .input-label-text, .input-v2 input, .input-v2 select, .input-v2.radio label, .bulk-action-bar sl-button::part(base), .bulk-action-bar .num-selected, .carby-ds.subtitle, table.carby-ds tbody tr td, sl-textarea::part(form-control-label), sl-textarea::part(textarea), sl-tab::part(base), sl-select::part(form-control-label), sl-option::part(label),
sl-select::part(display-input), sl-input::part(form-control-label), sl-input::part(input), sl-input::part(prefix),
sl-input::part(suffix),
sl-input::part(label), sl-input[size=small]::part(input), sl-breadcrumb-item::part(label), sl-badge::part(base) {
  font-size: 14px;
  line-height: 19.6px;
  font-family: "Muoto", sans-serif !important;
  font-style: normal !important;
  font-weight: var(--sl-font-weight-light);
}
.size-2.bold, .wise-form .bold.input-label, .bold.input-label-text, .input-v2 input.bold, .input-v2 select.bold, .input-v2.radio label.bold, .bulk-action-bar sl-button.bold::part(base), .bulk-action-bar .bold.num-selected, .bold.carby-ds.subtitle, table.carby-ds tbody tr td.bold, sl-textarea.bold::part(form-control-label), sl-textarea.bold::part(textarea), sl-tab.bold::part(base), sl-select.bold::part(form-control-label), sl-option.bold::part(label),
sl-select.bold::part(display-input), sl-input.bold::part(form-control-label), sl-input.bold::part(input), sl-input.bold::part(prefix),
sl-input.bold::part(suffix),
sl-input.bold::part(label), sl-breadcrumb-item.bold::part(label), sl-badge.bold::part(base) {
  font-weight: var(--sl-font-weight-bold) !important;
}
.size-2.medium, .wise-form .medium.input-label, .medium.input-label-text, .input-v2 input.medium, .input-v2 select.medium, .input-v2.radio label.medium, .bulk-action-bar sl-button.medium::part(base), .bulk-action-bar .medium.num-selected, .medium.carby-ds.subtitle, table.carby-ds tbody tr td.medium, sl-textarea.medium::part(form-control-label), sl-textarea.medium::part(textarea), sl-tab.medium::part(base), sl-select.medium::part(form-control-label), sl-option.medium::part(label),
sl-select.medium::part(display-input), sl-input.medium::part(form-control-label), sl-input.medium::part(input), sl-input.medium::part(prefix),
sl-input.medium::part(suffix),
sl-input.medium::part(label), sl-input.medium[size=small]::part(input), sl-breadcrumb-item.medium::part(label), sl-badge.medium::part(base), .size-2.input-label-text, .wise-form .input-label.input-label-text, .input-label-text, .input-v2 input.input-label-text, .input-v2 select.input-label-text, .input-v2.radio label.input-label-text, .bulk-action-bar sl-button.input-label-text::part(base), .bulk-action-bar .num-selected.input-label-text, .carby-ds.subtitle.input-label-text, table.carby-ds tbody tr td.input-label-text, sl-textarea.input-label-text::part(form-control-label), sl-textarea.input-label-text::part(textarea), sl-tab.input-label-text::part(base), sl-select.input-label-text::part(form-control-label), sl-option.input-label-text::part(label),
sl-select.input-label-text::part(display-input), sl-input.input-label-text::part(form-control-label), sl-input.input-label-text::part(input), sl-input.input-label-text::part(prefix),
sl-input.input-label-text::part(suffix),
sl-input.input-label-text::part(label), sl-input[size=small].input-label-text::part(input), sl-breadcrumb-item.input-label-text::part(label), sl-badge.input-label-text::part(base), #sub-nav .sub-nav-content .size-2.disabled-nav-link, .wise-form #sub-nav .sub-nav-content .input-label.disabled-nav-link, #sub-nav .sub-nav-content .wise-form .input-label.disabled-nav-link, #sub-nav .sub-nav-content .input-label-text.disabled-nav-link, .input-v2 #sub-nav .sub-nav-content input.disabled-nav-link, #sub-nav .sub-nav-content .input-v2 input.disabled-nav-link, .input-v2 #sub-nav .sub-nav-content select.disabled-nav-link, #sub-nav .sub-nav-content .input-v2 select.disabled-nav-link, .input-v2.radio #sub-nav .sub-nav-content label.disabled-nav-link, #sub-nav .sub-nav-content .input-v2.radio label.disabled-nav-link, .bulk-action-bar #sub-nav .sub-nav-content sl-button.disabled-nav-link::part(base), #sub-nav .sub-nav-content .bulk-action-bar sl-button.disabled-nav-link::part(base), .bulk-action-bar #sub-nav .sub-nav-content .num-selected.disabled-nav-link, #sub-nav .sub-nav-content .bulk-action-bar .num-selected.disabled-nav-link, #sub-nav .sub-nav-content .carby-ds.subtitle.disabled-nav-link, table.carby-ds tbody tr #sub-nav .sub-nav-content td.disabled-nav-link, #sub-nav .sub-nav-content table.carby-ds tbody tr td.disabled-nav-link, #sub-nav .sub-nav-content sl-textarea.disabled-nav-link::part(form-control-label), #sub-nav .sub-nav-content sl-textarea.disabled-nav-link::part(textarea), #sub-nav .sub-nav-content sl-tab.disabled-nav-link::part(base), #sub-nav .sub-nav-content sl-select.disabled-nav-link::part(form-control-label), #sub-nav .sub-nav-content sl-option.disabled-nav-link::part(label),
#sub-nav .sub-nav-content sl-select.disabled-nav-link::part(display-input), #sub-nav .sub-nav-content sl-input.disabled-nav-link::part(form-control-label), #sub-nav .sub-nav-content sl-input.disabled-nav-link::part(input), #sub-nav .sub-nav-content sl-input.disabled-nav-link::part(prefix),
#sub-nav .sub-nav-content sl-input.disabled-nav-link::part(suffix),
#sub-nav .sub-nav-content sl-input.disabled-nav-link::part(label), #sub-nav .sub-nav-content sl-input[size=small].disabled-nav-link::part(input), #sub-nav .sub-nav-content sl-breadcrumb-item.disabled-nav-link::part(label), #sub-nav .sub-nav-content sl-badge.disabled-nav-link::part(base), #sub-nav .sub-nav-content a.size-2, .wise-form #sub-nav .sub-nav-content a.input-label, #sub-nav .sub-nav-content .wise-form a.input-label, #sub-nav .sub-nav-content a.input-label-text, .bulk-action-bar #sub-nav .sub-nav-content a.num-selected, #sub-nav .sub-nav-content .bulk-action-bar a.num-selected, #sub-nav .sub-nav-content a.carby-ds.subtitle, #sub-nav .sub-nav-content a.size-2.active, .wise-form #sub-nav .sub-nav-content a.input-label.active, #sub-nav .sub-nav-content .wise-form a.input-label.active, #sub-nav .sub-nav-content a.input-label-text.active, .bulk-action-bar #sub-nav .sub-nav-content a.num-selected.active, #sub-nav .sub-nav-content .bulk-action-bar a.num-selected.active, #sub-nav .sub-nav-content a.carby-ds.subtitle.active, #sub-nav .size-2.breadcrumb, .wise-form #sub-nav .input-label.breadcrumb, #sub-nav .wise-form .input-label.breadcrumb, #sub-nav .input-label-text.breadcrumb, .input-v2 #sub-nav input.breadcrumb, #sub-nav .input-v2 input.breadcrumb, .input-v2 #sub-nav select.breadcrumb, #sub-nav .input-v2 select.breadcrumb, .input-v2.radio #sub-nav label.breadcrumb, #sub-nav .input-v2.radio label.breadcrumb, .bulk-action-bar #sub-nav sl-button.breadcrumb::part(base), #sub-nav .bulk-action-bar sl-button.breadcrumb::part(base), .bulk-action-bar #sub-nav .num-selected.breadcrumb, #sub-nav .bulk-action-bar .num-selected.breadcrumb, #sub-nav .carby-ds.subtitle.breadcrumb, table.carby-ds tbody tr #sub-nav td.breadcrumb, #sub-nav table.carby-ds tbody tr td.breadcrumb, #sub-nav sl-textarea.breadcrumb::part(form-control-label), #sub-nav sl-textarea.breadcrumb::part(textarea), #sub-nav sl-tab.breadcrumb::part(base), #sub-nav sl-select.breadcrumb::part(form-control-label), #sub-nav sl-option.breadcrumb::part(label),
#sub-nav sl-select.breadcrumb::part(display-input), #sub-nav sl-input.breadcrumb::part(form-control-label), #sub-nav sl-input.breadcrumb::part(input), #sub-nav sl-input.breadcrumb::part(prefix),
#sub-nav sl-input.breadcrumb::part(suffix),
#sub-nav sl-input.breadcrumb::part(label), #sub-nav sl-input[size=small].breadcrumb::part(input), #sub-nav sl-breadcrumb-item.breadcrumb::part(label), #sub-nav sl-badge.breadcrumb::part(base), table.carby-ds th.size-2, .wise-form table.carby-ds th.input-label, table.carby-ds .wise-form th.input-label, table.carby-ds th.input-label-text, .bulk-action-bar table.carby-ds th.num-selected, table.carby-ds .bulk-action-bar th.num-selected, table.carby-ds th.carby-ds.subtitle, sl-tab-group[variant=page-width-divider] sl-tab.size-2[active]::part(base), .wise-form sl-tab-group[variant=page-width-divider] sl-tab.input-label[active]::part(base), sl-tab-group[variant=page-width-divider] .wise-form sl-tab.input-label[active]::part(base), sl-tab-group[variant=page-width-divider] sl-tab.input-label-text[active]::part(base), .bulk-action-bar sl-tab-group[variant=page-width-divider] sl-tab.num-selected[active]::part(base), sl-tab-group[variant=page-width-divider] .bulk-action-bar sl-tab.num-selected[active]::part(base), sl-tab-group[variant=page-width-divider] sl-tab.carby-ds.subtitle[active]::part(base), sl-tab-group[variant=page-width-divider] sl-tab[active]::part(base), sl-badge.size-2::part(base), .wise-form sl-badge.input-label::part(base), sl-badge.input-label-text::part(base), .bulk-action-bar sl-badge.num-selected::part(base), sl-badge.carby-ds.subtitle::part(base), sl-badge::part(base), sl-badge.size-2.small::part(base), .wise-form sl-badge.input-label.small::part(base), sl-badge.input-label-text.small::part(base), .bulk-action-bar sl-badge.num-selected.small::part(base), sl-badge.carby-ds.subtitle.small::part(base), sl-badge.small::part(base), sl-badge.size-2.x-small::part(base), .wise-form sl-badge.input-label.x-small::part(base), sl-badge.input-label-text.x-small::part(base), .bulk-action-bar sl-badge.num-selected.x-small::part(base), sl-badge.carby-ds.subtitle.x-small::part(base), sl-badge.x-small::part(base), sl-avatar.size-2::part(initials), .wise-form sl-avatar.input-label::part(initials), sl-avatar.input-label-text::part(initials), .bulk-action-bar sl-avatar.num-selected::part(initials), sl-avatar.carby-ds.subtitle::part(initials), .nav-bar.carby-ds-tabs .size-2.nav-bar-link.active, .wise-form .nav-bar.carby-ds-tabs .input-label.nav-bar-link.active, .nav-bar.carby-ds-tabs .wise-form .input-label.nav-bar-link.active, .nav-bar.carby-ds-tabs .input-label-text.nav-bar-link.active, .input-v2 .nav-bar.carby-ds-tabs input.nav-bar-link.active, .nav-bar.carby-ds-tabs .input-v2 input.nav-bar-link.active, .input-v2 .nav-bar.carby-ds-tabs select.nav-bar-link.active, .nav-bar.carby-ds-tabs .input-v2 select.nav-bar-link.active, .input-v2.radio .nav-bar.carby-ds-tabs label.nav-bar-link.active, .nav-bar.carby-ds-tabs .input-v2.radio label.nav-bar-link.active, .bulk-action-bar .nav-bar.carby-ds-tabs sl-button.nav-bar-link.active::part(base), .nav-bar.carby-ds-tabs .bulk-action-bar sl-button.nav-bar-link.active::part(base), .bulk-action-bar .nav-bar.carby-ds-tabs .num-selected.nav-bar-link.active, .nav-bar.carby-ds-tabs .bulk-action-bar .num-selected.nav-bar-link.active, .nav-bar.carby-ds-tabs .carby-ds.subtitle.nav-bar-link.active, table.carby-ds tbody tr .nav-bar.carby-ds-tabs td.nav-bar-link.active, .nav-bar.carby-ds-tabs table.carby-ds tbody tr td.nav-bar-link.active, .nav-bar.carby-ds-tabs sl-textarea.nav-bar-link.active::part(form-control-label), .nav-bar.carby-ds-tabs sl-textarea.nav-bar-link.active::part(textarea), .nav-bar.carby-ds-tabs sl-tab.nav-bar-link.active::part(base), .nav-bar.carby-ds-tabs sl-select.nav-bar-link.active::part(form-control-label), .nav-bar.carby-ds-tabs sl-option.nav-bar-link.active::part(label),
.nav-bar.carby-ds-tabs sl-select.nav-bar-link.active::part(display-input), .nav-bar.carby-ds-tabs sl-input.nav-bar-link.active::part(form-control-label), .nav-bar.carby-ds-tabs sl-input.nav-bar-link.active::part(input), .nav-bar.carby-ds-tabs sl-input.nav-bar-link.active::part(prefix),
.nav-bar.carby-ds-tabs sl-input.nav-bar-link.active::part(suffix),
.nav-bar.carby-ds-tabs sl-input.nav-bar-link.active::part(label), .nav-bar.carby-ds-tabs sl-input[size=small].nav-bar-link.active::part(input), .nav-bar.carby-ds-tabs sl-breadcrumb-item.nav-bar-link.active::part(label), .nav-bar.carby-ds-tabs sl-badge.nav-bar-link.active::part(base) {
  font-weight: var(--sl-font-weight-semibold) !important;
}
.size-2.regular, .wise-form .regular.input-label, .regular.input-label-text, .input-v2 input.regular, .input-v2 select.regular, .input-v2.radio label.regular, .bulk-action-bar sl-button.regular::part(base), .bulk-action-bar .regular.num-selected, .regular.carby-ds.subtitle, table.carby-ds tbody tr td.regular, sl-textarea.regular::part(form-control-label), sl-textarea.regular::part(textarea), sl-tab.regular::part(base), sl-select.regular::part(form-control-label), sl-option.regular::part(label),
sl-select.regular::part(display-input), sl-input.regular::part(form-control-label), sl-input.regular::part(input), sl-input.regular::part(prefix),
sl-input.regular::part(suffix),
sl-input.regular::part(label), sl-input.regular[size=small]::part(input), sl-breadcrumb-item.regular::part(label), sl-badge.regular::part(base), .wise-form .size-2.input-label, .wise-form .input-label, .wise-form .input-label-text.input-label, .input-v2 .wise-form input.input-label, .wise-form .input-v2 input.input-label, .input-v2 .wise-form select.input-label, .wise-form .input-v2 select.input-label, .input-v2.radio .wise-form label.input-label, .wise-form .input-v2.radio label.input-label, .bulk-action-bar .wise-form sl-button.input-label::part(base), .wise-form .bulk-action-bar sl-button.input-label::part(base), .bulk-action-bar .wise-form .num-selected.input-label, .wise-form .bulk-action-bar .num-selected.input-label, .wise-form .carby-ds.subtitle.input-label, table.carby-ds tbody tr .wise-form td.input-label, .wise-form table.carby-ds tbody tr td.input-label, .wise-form sl-textarea.input-label::part(form-control-label), .wise-form sl-textarea.input-label::part(textarea), .wise-form sl-tab.input-label::part(base), .wise-form sl-select.input-label::part(form-control-label), .wise-form sl-option.input-label::part(label),
.wise-form sl-select.input-label::part(display-input), .wise-form sl-input.input-label::part(form-control-label), .wise-form sl-input.input-label::part(input), .wise-form sl-input.input-label::part(prefix),
.wise-form sl-input.input-label::part(suffix),
.wise-form sl-input.input-label::part(label), .wise-form sl-input[size=small].input-label::part(input), .wise-form sl-breadcrumb-item.input-label::part(label), .wise-form sl-badge.input-label::part(base), .wise-form .size-2.input-error, .wise-form .input-label.input-error, .wise-form .input-label-text.input-error, .input-v2 .wise-form input.input-error, .wise-form .input-v2 input.input-error, .input-v2 .wise-form select.input-error, .wise-form .input-v2 select.input-error, .input-v2.radio .wise-form label.input-error, .wise-form .input-v2.radio label.input-error, .bulk-action-bar .wise-form sl-button.input-error::part(base), .wise-form .bulk-action-bar sl-button.input-error::part(base), .bulk-action-bar .wise-form .num-selected.input-error, .wise-form .bulk-action-bar .num-selected.input-error, .wise-form .carby-ds.subtitle.input-error, table.carby-ds tbody tr .wise-form td.input-error, .wise-form table.carby-ds tbody tr td.input-error, .wise-form sl-textarea.input-error::part(form-control-label), .wise-form sl-textarea.input-error::part(textarea), .wise-form sl-tab.input-error::part(base), .wise-form sl-select.input-error::part(form-control-label), .wise-form sl-option.input-error::part(label),
.wise-form sl-select.input-error::part(display-input), .wise-form sl-input.input-error::part(form-control-label), .wise-form sl-input.input-error::part(input), .wise-form sl-input.input-error::part(prefix),
.wise-form sl-input.input-error::part(suffix),
.wise-form sl-input.input-error::part(label), .wise-form sl-input[size=small].input-error::part(input), .wise-form sl-breadcrumb-item.input-error::part(label), .wise-form sl-badge.input-error::part(base), .input-v2 input.size-2, .wise-form .input-v2 input.input-label, .input-v2 .wise-form input.input-label, .input-v2 input.input-label-text, .input-v2 input, .bulk-action-bar .input-v2 input.num-selected, .input-v2 .bulk-action-bar input.num-selected, .input-v2 input.carby-ds.subtitle, .input-v2.with-after-text .size-2.after-text, .wise-form .input-v2.with-after-text .input-label.after-text, .input-v2.with-after-text .wise-form .input-label.after-text, .input-v2.with-after-text .input-label-text.after-text, .input-v2.with-after-text input.after-text, .input-v2.with-after-text select.after-text, .input-v2.radio .input-v2.with-after-text label.after-text, .input-v2.with-after-text .input-v2.radio label.after-text, .bulk-action-bar .input-v2.with-after-text sl-button.after-text::part(base), .input-v2.with-after-text .bulk-action-bar sl-button.after-text::part(base), .bulk-action-bar .input-v2.with-after-text .num-selected.after-text, .input-v2.with-after-text .bulk-action-bar .num-selected.after-text, .input-v2.with-after-text .carby-ds.subtitle.after-text, table.carby-ds tbody tr .input-v2.with-after-text td.after-text, .input-v2.with-after-text table.carby-ds tbody tr td.after-text, .input-v2.with-after-text sl-textarea.after-text::part(form-control-label), .input-v2.with-after-text sl-textarea.after-text::part(textarea), .input-v2.with-after-text sl-tab.after-text::part(base), .input-v2.with-after-text sl-select.after-text::part(form-control-label), .input-v2.with-after-text sl-option.after-text::part(label),
.input-v2.with-after-text sl-select.after-text::part(display-input), .input-v2.with-after-text sl-input.after-text::part(form-control-label), .input-v2.with-after-text sl-input.after-text::part(input), .input-v2.with-after-text sl-input.after-text::part(prefix),
.input-v2.with-after-text sl-input.after-text::part(suffix),
.input-v2.with-after-text sl-input.after-text::part(label), .input-v2.with-after-text sl-input[size=small].after-text::part(input), .input-v2.with-after-text sl-breadcrumb-item.after-text::part(label), .input-v2.with-after-text sl-badge.after-text::part(base), .input-v2 select.size-2, .wise-form .input-v2 select.input-label, .input-v2 .wise-form select.input-label, .input-v2 select.input-label-text, .input-v2 select, .bulk-action-bar .input-v2 select.num-selected, .input-v2 .bulk-action-bar select.num-selected, .input-v2 select.carby-ds.subtitle, .input-v2.radio label.size-2, .wise-form .input-v2.radio label.input-label, .input-v2.radio .wise-form label.input-label, .input-v2.radio label.input-label-text, .input-v2.radio label, .bulk-action-bar .input-v2.radio label.num-selected, .input-v2.radio .bulk-action-bar label.num-selected, .input-v2.radio label.carby-ds.subtitle, .bulk-action-bar sl-button.size-2::part(base), .wise-form .bulk-action-bar sl-button.input-label::part(base), .bulk-action-bar .wise-form sl-button.input-label::part(base), .bulk-action-bar sl-button.input-label-text::part(base), .bulk-action-bar sl-button::part(base), .bulk-action-bar sl-button.num-selected::part(base), .bulk-action-bar sl-button.carby-ds.subtitle::part(base), .bulk-action-bar .size-2.num-selected, .wise-form .bulk-action-bar .input-label.num-selected, .bulk-action-bar .wise-form .input-label.num-selected, .bulk-action-bar .input-label-text.num-selected, .input-v2 .bulk-action-bar input.num-selected, .bulk-action-bar .input-v2 input.num-selected, .input-v2 .bulk-action-bar select.num-selected, .bulk-action-bar .input-v2 select.num-selected, .input-v2.radio .bulk-action-bar label.num-selected, .bulk-action-bar .input-v2.radio label.num-selected, .bulk-action-bar sl-button.num-selected::part(base), .bulk-action-bar .num-selected, .bulk-action-bar .carby-ds.subtitle.num-selected, table.carby-ds tbody tr .bulk-action-bar td.num-selected, .bulk-action-bar table.carby-ds tbody tr td.num-selected, .bulk-action-bar sl-textarea.num-selected::part(form-control-label), .bulk-action-bar sl-textarea.num-selected::part(textarea), .bulk-action-bar sl-tab.num-selected::part(base), .bulk-action-bar sl-select.num-selected::part(form-control-label), .bulk-action-bar sl-option.num-selected::part(label),
.bulk-action-bar sl-select.num-selected::part(display-input), .bulk-action-bar sl-input.num-selected::part(form-control-label), .bulk-action-bar sl-input.num-selected::part(input), .bulk-action-bar sl-input.num-selected::part(prefix),
.bulk-action-bar sl-input.num-selected::part(suffix),
.bulk-action-bar sl-input.num-selected::part(label), .bulk-action-bar sl-input[size=small].num-selected::part(input), .bulk-action-bar sl-breadcrumb-item.num-selected::part(label), .bulk-action-bar sl-badge.num-selected::part(base), #marketplace-sub-nav .size-2.breadcrumb, .wise-form #marketplace-sub-nav .input-label.breadcrumb, #marketplace-sub-nav .wise-form .input-label.breadcrumb, #marketplace-sub-nav .input-label-text.breadcrumb, .input-v2 #marketplace-sub-nav input.breadcrumb, #marketplace-sub-nav .input-v2 input.breadcrumb, .input-v2 #marketplace-sub-nav select.breadcrumb, #marketplace-sub-nav .input-v2 select.breadcrumb, .input-v2.radio #marketplace-sub-nav label.breadcrumb, #marketplace-sub-nav .input-v2.radio label.breadcrumb, .bulk-action-bar #marketplace-sub-nav sl-button.breadcrumb::part(base), #marketplace-sub-nav .bulk-action-bar sl-button.breadcrumb::part(base), .bulk-action-bar #marketplace-sub-nav .num-selected.breadcrumb, #marketplace-sub-nav .bulk-action-bar .num-selected.breadcrumb, #marketplace-sub-nav .carby-ds.subtitle.breadcrumb, table.carby-ds tbody tr #marketplace-sub-nav td.breadcrumb, #marketplace-sub-nav table.carby-ds tbody tr td.breadcrumb, #marketplace-sub-nav sl-textarea.breadcrumb::part(form-control-label), #marketplace-sub-nav sl-textarea.breadcrumb::part(textarea), #marketplace-sub-nav sl-tab.breadcrumb::part(base), #marketplace-sub-nav sl-select.breadcrumb::part(form-control-label), #marketplace-sub-nav sl-option.breadcrumb::part(label),
#marketplace-sub-nav sl-select.breadcrumb::part(display-input), #marketplace-sub-nav sl-input.breadcrumb::part(form-control-label), #marketplace-sub-nav sl-input.breadcrumb::part(input), #marketplace-sub-nav sl-input.breadcrumb::part(prefix),
#marketplace-sub-nav sl-input.breadcrumb::part(suffix),
#marketplace-sub-nav sl-input.breadcrumb::part(label), #marketplace-sub-nav sl-input[size=small].breadcrumb::part(input), #marketplace-sub-nav sl-breadcrumb-item.breadcrumb::part(label), #marketplace-sub-nav sl-badge.breadcrumb::part(base), .size-2.carby-ds.subtitle, .wise-form .input-label.carby-ds.subtitle, .input-label-text.carby-ds.subtitle, .input-v2 input.carby-ds.subtitle, .input-v2 select.carby-ds.subtitle, .input-v2.radio label.carby-ds.subtitle, .bulk-action-bar sl-button.carby-ds.subtitle::part(base), .bulk-action-bar .num-selected.carby-ds.subtitle, .carby-ds.subtitle, table.carby-ds tbody tr td.carby-ds.subtitle, sl-textarea.carby-ds.subtitle::part(form-control-label), sl-textarea.carby-ds.subtitle::part(textarea), sl-tab.carby-ds.subtitle::part(base), sl-select.carby-ds.subtitle::part(form-control-label), sl-option.carby-ds.subtitle::part(label),
sl-select.carby-ds.subtitle::part(display-input), sl-input.carby-ds.subtitle::part(form-control-label), sl-input.carby-ds.subtitle::part(input), sl-input.carby-ds.subtitle::part(prefix),
sl-input.carby-ds.subtitle::part(suffix),
sl-input.carby-ds.subtitle::part(label), sl-input[size=small].carby-ds.subtitle::part(input), sl-breadcrumb-item.carby-ds.subtitle::part(label), sl-badge.carby-ds.subtitle::part(base), table.carby-ds tbody tr td.size-2, .wise-form table.carby-ds tbody tr td.input-label, table.carby-ds tbody tr .wise-form td.input-label, table.carby-ds tbody tr td.input-label-text, .bulk-action-bar table.carby-ds tbody tr td.num-selected, table.carby-ds tbody tr .bulk-action-bar td.num-selected, table.carby-ds tbody tr td.carby-ds.subtitle, table.carby-ds tbody tr td, sl-textarea.size-2::part(textarea), .wise-form sl-textarea.input-label::part(textarea), sl-textarea.input-label-text::part(textarea), .bulk-action-bar sl-textarea.num-selected::part(textarea), sl-textarea.carby-ds.subtitle::part(textarea), sl-textarea::part(textarea), sl-option.size-2::part(label), .wise-form sl-option.input-label::part(label), sl-option.input-label-text::part(label), .bulk-action-bar sl-option.num-selected::part(label), sl-option.carby-ds.subtitle::part(label), sl-option::part(label),
sl-select.size-2::part(display-input),
.wise-form sl-select.input-label::part(display-input),
sl-select.input-label-text::part(display-input),
.bulk-action-bar sl-select.num-selected::part(display-input),
sl-select.carby-ds.subtitle::part(display-input),
sl-select::part(display-input), sl-input.size-2::part(input), .wise-form sl-input.input-label::part(input), sl-input.input-label-text::part(input), .bulk-action-bar sl-input.num-selected::part(input), sl-input.carby-ds.subtitle::part(input), sl-input::part(input), sl-input[size=small]::part(input), sl-input.size-2::part(prefix), .wise-form sl-input.input-label::part(prefix), sl-input.input-label-text::part(prefix), .bulk-action-bar sl-input.num-selected::part(prefix), sl-input.carby-ds.subtitle::part(prefix), sl-input::part(prefix),
sl-input.size-2::part(suffix),
.wise-form sl-input.input-label::part(suffix),
sl-input.input-label-text::part(suffix),
.bulk-action-bar sl-input.num-selected::part(suffix),
sl-input.carby-ds.subtitle::part(suffix),
sl-input::part(suffix),
sl-input.size-2::part(label),
.wise-form sl-input.input-label::part(label),
sl-input.input-label-text::part(label),
.bulk-action-bar sl-input.num-selected::part(label),
sl-input.carby-ds.subtitle::part(label),
sl-input::part(label), sl-button.size-2::part(base), .wise-form sl-button.input-label::part(base), sl-button.input-label-text::part(base), .bulk-action-bar sl-button::part(base), .bulk-action-bar sl-button.num-selected::part(base), sl-button.carby-ds.subtitle::part(base), sl-breadcrumb-item.size-2::part(label), .wise-form sl-breadcrumb-item.input-label::part(label), sl-breadcrumb-item.input-label-text::part(label), .bulk-action-bar sl-breadcrumb-item.num-selected::part(label), sl-breadcrumb-item.carby-ds.subtitle::part(label), sl-breadcrumb-item::part(label), .nav-bar.carby-ds-tabs .size-2.nav-bar-link, .wise-form .nav-bar.carby-ds-tabs .input-label.nav-bar-link, .nav-bar.carby-ds-tabs .wise-form .input-label.nav-bar-link, .nav-bar.carby-ds-tabs .input-label-text.nav-bar-link, .input-v2 .nav-bar.carby-ds-tabs input.nav-bar-link, .nav-bar.carby-ds-tabs .input-v2 input.nav-bar-link, .input-v2 .nav-bar.carby-ds-tabs select.nav-bar-link, .nav-bar.carby-ds-tabs .input-v2 select.nav-bar-link, .input-v2.radio .nav-bar.carby-ds-tabs label.nav-bar-link, .nav-bar.carby-ds-tabs .input-v2.radio label.nav-bar-link, .bulk-action-bar .nav-bar.carby-ds-tabs sl-button.nav-bar-link::part(base), .nav-bar.carby-ds-tabs .bulk-action-bar sl-button.nav-bar-link::part(base), .bulk-action-bar .nav-bar.carby-ds-tabs .num-selected.nav-bar-link, .nav-bar.carby-ds-tabs .bulk-action-bar .num-selected.nav-bar-link, .nav-bar.carby-ds-tabs .carby-ds.subtitle.nav-bar-link, table.carby-ds tbody tr .nav-bar.carby-ds-tabs td.nav-bar-link, .nav-bar.carby-ds-tabs table.carby-ds tbody tr td.nav-bar-link, .nav-bar.carby-ds-tabs sl-textarea.nav-bar-link::part(form-control-label), .nav-bar.carby-ds-tabs sl-textarea.nav-bar-link::part(textarea), .nav-bar.carby-ds-tabs sl-tab.nav-bar-link::part(base), .nav-bar.carby-ds-tabs sl-select.nav-bar-link::part(form-control-label), .nav-bar.carby-ds-tabs sl-option.nav-bar-link::part(label),
.nav-bar.carby-ds-tabs sl-select.nav-bar-link::part(display-input), .nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(form-control-label), .nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(input), .nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(prefix),
.nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(suffix),
.nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(label), .nav-bar.carby-ds-tabs sl-input[size=small].nav-bar-link::part(input), .nav-bar.carby-ds-tabs sl-breadcrumb-item.nav-bar-link::part(label), .nav-bar.carby-ds-tabs sl-badge.nav-bar-link::part(base), .cds-dropdown sl-menu-item.size-2::part(base), .wise-form .cds-dropdown sl-menu-item.input-label::part(base), .cds-dropdown .wise-form sl-menu-item.input-label::part(base), .cds-dropdown sl-menu-item.input-label-text::part(base), .bulk-action-bar .cds-dropdown sl-menu-item.num-selected::part(base), .cds-dropdown .bulk-action-bar sl-menu-item.num-selected::part(base), .cds-dropdown sl-menu-item.carby-ds.subtitle::part(base) {
  font-weight: var(--sl-font-weight-normal) !important;
}
.size-2.light, .wise-form .light.input-label, .light.input-label-text, .input-v2 input.light, .input-v2 select.light, .input-v2.radio label.light, .bulk-action-bar sl-button.light::part(base), .bulk-action-bar .light.num-selected, .light.carby-ds.subtitle, table.carby-ds tbody tr td.light, sl-textarea.light::part(form-control-label), sl-textarea.light::part(textarea), sl-tab.light::part(base), sl-select.light::part(form-control-label), sl-option.light::part(label),
sl-select.light::part(display-input), sl-input.light::part(form-control-label), sl-input.light::part(input), sl-input.light::part(prefix),
sl-input.light::part(suffix),
sl-input.light::part(label), sl-breadcrumb-item.light::part(label), sl-badge.light::part(base) {
  font-weight: var(--sl-font-weight-light) !important;
}

.size-1, .wise-form .input-error, .input-v2.with-after-text .after-text, table.carby-ds th, sl-textarea::part(form-control-help-text), sl-select::part(form-control-help-text), sl-radio-button.size-200::part(label), .cds-segmented-control.taupe sl-radio-button::part(button), sl-input::part(form-control-help-text), sl-button[size=small]::part(base), sl-badge.small::part(base), sl-badge.x-small::part(base), .cds-dropdown .cds-dropdown-item-hint, .cds-dropdown.size-small sl-menu-item::part(base), .cds-dropdown.size-small sl-menu-label::part(base) {
  font-size: 12px;
  line-height: 16.8px;
  font-family: "Muoto", sans-serif !important;
  font-style: normal !important;
  font-weight: var(--sl-font-weight-light);
}
.size-1.bold, .wise-form .bold.input-error, .input-v2.with-after-text .bold.after-text, table.carby-ds th.bold, sl-textarea.bold::part(form-control-help-text), sl-select.bold::part(form-control-help-text), sl-radio-button.bold.size-200::part(label), .cds-segmented-control.taupe sl-radio-button.bold::part(button), sl-input.bold::part(form-control-help-text), sl-button.bold[size=small]::part(base), sl-badge.bold.small::part(base), sl-badge.bold.x-small::part(base), .cds-dropdown .bold.cds-dropdown-item-hint, .cds-dropdown.size-small sl-menu-item.bold::part(base), .cds-dropdown.size-small sl-menu-label.bold::part(base) {
  font-weight: var(--sl-font-weight-bold) !important;
}
.size-1.medium, .wise-form .medium.input-error, .input-v2.with-after-text .medium.after-text, table.carby-ds th.medium, sl-textarea.medium::part(form-control-help-text), sl-select.medium::part(form-control-help-text), sl-radio-button.medium.size-200::part(label), .cds-segmented-control.taupe sl-radio-button.medium::part(button), sl-input.medium::part(form-control-help-text), sl-button.medium[size=small]::part(base), sl-badge.medium.small::part(base), sl-badge.medium.x-small::part(base), .cds-dropdown .medium.cds-dropdown-item-hint, .cds-dropdown.size-small sl-menu-item.medium::part(base), .cds-dropdown.size-small sl-menu-label.medium::part(base), .size-1.input-label-text, .wise-form .input-error.input-label-text, .input-v2.with-after-text .after-text.input-label-text, table.carby-ds th.input-label-text, sl-textarea.input-label-text::part(form-control-help-text), sl-select.input-label-text::part(form-control-help-text), sl-radio-button.size-200.input-label-text::part(label), .cds-segmented-control.taupe sl-radio-button.input-label-text::part(button), sl-input.input-label-text::part(form-control-help-text), sl-button[size=small].input-label-text::part(base), sl-badge.small.input-label-text::part(base), sl-badge.x-small.input-label-text::part(base), .cds-dropdown .cds-dropdown-item-hint.input-label-text, .cds-dropdown.size-small sl-menu-item.input-label-text::part(base), .cds-dropdown.size-small sl-menu-label.input-label-text::part(base), #sub-nav .sub-nav-content .size-1.disabled-nav-link, .wise-form #sub-nav .sub-nav-content .input-error.disabled-nav-link, #sub-nav .sub-nav-content .wise-form .input-error.disabled-nav-link, .input-v2.with-after-text #sub-nav .sub-nav-content .after-text.disabled-nav-link, #sub-nav .sub-nav-content .input-v2.with-after-text .after-text.disabled-nav-link, table.carby-ds #sub-nav .sub-nav-content th.disabled-nav-link, #sub-nav .sub-nav-content table.carby-ds th.disabled-nav-link, #sub-nav .sub-nav-content sl-textarea.disabled-nav-link::part(form-control-help-text), #sub-nav .sub-nav-content sl-select.disabled-nav-link::part(form-control-help-text), #sub-nav .sub-nav-content sl-radio-button.size-200.disabled-nav-link::part(label), .cds-segmented-control.taupe #sub-nav .sub-nav-content sl-radio-button.disabled-nav-link::part(button), #sub-nav .sub-nav-content .cds-segmented-control.taupe sl-radio-button.disabled-nav-link::part(button), #sub-nav .sub-nav-content sl-input.disabled-nav-link::part(form-control-help-text), #sub-nav .sub-nav-content sl-button[size=small].disabled-nav-link::part(base), #sub-nav .sub-nav-content sl-badge.small.disabled-nav-link::part(base), #sub-nav .sub-nav-content sl-badge.x-small.disabled-nav-link::part(base), .cds-dropdown #sub-nav .sub-nav-content .cds-dropdown-item-hint.disabled-nav-link, #sub-nav .sub-nav-content .cds-dropdown .cds-dropdown-item-hint.disabled-nav-link, .cds-dropdown.size-small #sub-nav .sub-nav-content sl-menu-item.disabled-nav-link::part(base), #sub-nav .sub-nav-content .cds-dropdown.size-small sl-menu-item.disabled-nav-link::part(base), .cds-dropdown.size-small #sub-nav .sub-nav-content sl-menu-label.disabled-nav-link::part(base), #sub-nav .sub-nav-content .cds-dropdown.size-small sl-menu-label.disabled-nav-link::part(base), #sub-nav .sub-nav-content a.size-1, .wise-form #sub-nav .sub-nav-content a.input-error, #sub-nav .sub-nav-content .wise-form a.input-error, .input-v2.with-after-text #sub-nav .sub-nav-content a.after-text, #sub-nav .sub-nav-content .input-v2.with-after-text a.after-text, .cds-dropdown #sub-nav .sub-nav-content a.cds-dropdown-item-hint, #sub-nav .sub-nav-content .cds-dropdown a.cds-dropdown-item-hint, #sub-nav .sub-nav-content a.size-1.active, .wise-form #sub-nav .sub-nav-content a.input-error.active, #sub-nav .sub-nav-content .wise-form a.input-error.active, .input-v2.with-after-text #sub-nav .sub-nav-content a.after-text.active, #sub-nav .sub-nav-content .input-v2.with-after-text a.after-text.active, .cds-dropdown #sub-nav .sub-nav-content a.cds-dropdown-item-hint.active, #sub-nav .sub-nav-content .cds-dropdown a.cds-dropdown-item-hint.active, #sub-nav .size-1.breadcrumb, .wise-form #sub-nav .input-error.breadcrumb, #sub-nav .wise-form .input-error.breadcrumb, .input-v2.with-after-text #sub-nav .after-text.breadcrumb, #sub-nav .input-v2.with-after-text .after-text.breadcrumb, table.carby-ds #sub-nav th.breadcrumb, #sub-nav table.carby-ds th.breadcrumb, #sub-nav sl-textarea.breadcrumb::part(form-control-help-text), #sub-nav sl-select.breadcrumb::part(form-control-help-text), #sub-nav sl-radio-button.size-200.breadcrumb::part(label), .cds-segmented-control.taupe #sub-nav sl-radio-button.breadcrumb::part(button), #sub-nav .cds-segmented-control.taupe sl-radio-button.breadcrumb::part(button), #sub-nav sl-input.breadcrumb::part(form-control-help-text), #sub-nav sl-button[size=small].breadcrumb::part(base), #sub-nav sl-badge.small.breadcrumb::part(base), #sub-nav sl-badge.x-small.breadcrumb::part(base), .cds-dropdown #sub-nav .cds-dropdown-item-hint.breadcrumb, #sub-nav .cds-dropdown .cds-dropdown-item-hint.breadcrumb, .cds-dropdown.size-small #sub-nav sl-menu-item.breadcrumb::part(base), #sub-nav .cds-dropdown.size-small sl-menu-item.breadcrumb::part(base), .cds-dropdown.size-small #sub-nav sl-menu-label.breadcrumb::part(base), #sub-nav .cds-dropdown.size-small sl-menu-label.breadcrumb::part(base), table.carby-ds th.size-1, .wise-form table.carby-ds th.input-error, table.carby-ds .wise-form th.input-error, .input-v2.with-after-text table.carby-ds th.after-text, table.carby-ds .input-v2.with-after-text th.after-text, table.carby-ds th, .cds-dropdown table.carby-ds th.cds-dropdown-item-hint, table.carby-ds .cds-dropdown th.cds-dropdown-item-hint, sl-tab-group[variant=page-width-divider] sl-tab.size-1[active]::part(base), .wise-form sl-tab-group[variant=page-width-divider] sl-tab.input-error[active]::part(base), sl-tab-group[variant=page-width-divider] .wise-form sl-tab.input-error[active]::part(base), .input-v2.with-after-text sl-tab-group[variant=page-width-divider] sl-tab.after-text[active]::part(base), sl-tab-group[variant=page-width-divider] .input-v2.with-after-text sl-tab.after-text[active]::part(base), .cds-dropdown sl-tab-group[variant=page-width-divider] sl-tab.cds-dropdown-item-hint[active]::part(base), sl-tab-group[variant=page-width-divider] .cds-dropdown sl-tab.cds-dropdown-item-hint[active]::part(base), sl-badge.size-1::part(base), .wise-form sl-badge.input-error::part(base), .input-v2.with-after-text sl-badge.after-text::part(base), sl-badge.small::part(base), sl-badge.x-small::part(base), .cds-dropdown sl-badge.cds-dropdown-item-hint::part(base), sl-badge.size-1.small::part(base), .wise-form sl-badge.input-error.small::part(base), .input-v2.with-after-text sl-badge.after-text.small::part(base), sl-badge.small::part(base), sl-badge.x-small.small::part(base), .cds-dropdown sl-badge.cds-dropdown-item-hint.small::part(base), sl-badge.size-1.x-small::part(base), .wise-form sl-badge.input-error.x-small::part(base), .input-v2.with-after-text sl-badge.after-text.x-small::part(base), sl-badge.small.x-small::part(base), sl-badge.x-small::part(base), .cds-dropdown sl-badge.cds-dropdown-item-hint.x-small::part(base), sl-avatar.size-1::part(initials), .wise-form sl-avatar.input-error::part(initials), .input-v2.with-after-text sl-avatar.after-text::part(initials), .cds-dropdown sl-avatar.cds-dropdown-item-hint::part(initials), .nav-bar.carby-ds-tabs .size-1.nav-bar-link.active, .wise-form .nav-bar.carby-ds-tabs .input-error.nav-bar-link.active, .nav-bar.carby-ds-tabs .wise-form .input-error.nav-bar-link.active, .input-v2.with-after-text .nav-bar.carby-ds-tabs .after-text.nav-bar-link.active, .nav-bar.carby-ds-tabs .input-v2.with-after-text .after-text.nav-bar-link.active, table.carby-ds .nav-bar.carby-ds-tabs th.nav-bar-link.active, .nav-bar.carby-ds-tabs table.carby-ds th.nav-bar-link.active, .nav-bar.carby-ds-tabs sl-textarea.nav-bar-link.active::part(form-control-help-text), .nav-bar.carby-ds-tabs sl-select.nav-bar-link.active::part(form-control-help-text), .nav-bar.carby-ds-tabs sl-radio-button.size-200.nav-bar-link.active::part(label), .cds-segmented-control.taupe .nav-bar.carby-ds-tabs sl-radio-button.nav-bar-link.active::part(button), .nav-bar.carby-ds-tabs .cds-segmented-control.taupe sl-radio-button.nav-bar-link.active::part(button), .nav-bar.carby-ds-tabs sl-input.nav-bar-link.active::part(form-control-help-text), .nav-bar.carby-ds-tabs sl-button[size=small].nav-bar-link.active::part(base), .nav-bar.carby-ds-tabs sl-badge.small.nav-bar-link.active::part(base), .nav-bar.carby-ds-tabs sl-badge.x-small.nav-bar-link.active::part(base), .cds-dropdown .nav-bar.carby-ds-tabs .cds-dropdown-item-hint.nav-bar-link.active, .nav-bar.carby-ds-tabs .cds-dropdown .cds-dropdown-item-hint.nav-bar-link.active, .cds-dropdown.size-small .nav-bar.carby-ds-tabs sl-menu-item.nav-bar-link.active::part(base), .nav-bar.carby-ds-tabs .cds-dropdown.size-small sl-menu-item.nav-bar-link.active::part(base), .cds-dropdown.size-small .nav-bar.carby-ds-tabs sl-menu-label.nav-bar-link.active::part(base), .nav-bar.carby-ds-tabs .cds-dropdown.size-small sl-menu-label.nav-bar-link.active::part(base) {
  font-weight: var(--sl-font-weight-semibold) !important;
}
.size-1.regular, .wise-form .regular.input-error, .input-v2.with-after-text .regular.after-text, table.carby-ds th.regular, sl-textarea.regular::part(form-control-help-text), sl-select.regular::part(form-control-help-text), sl-radio-button.regular.size-200::part(label), .cds-segmented-control.taupe sl-radio-button.regular::part(button), sl-input.regular::part(form-control-help-text), sl-button.regular[size=small]::part(base), sl-badge.regular.small::part(base), sl-badge.regular.x-small::part(base), .cds-dropdown .regular.cds-dropdown-item-hint, .cds-dropdown.size-small sl-menu-item.regular::part(base), .cds-dropdown.size-small sl-menu-label.regular::part(base), .wise-form .size-1.input-label, .wise-form .input-error.input-label, .input-v2.with-after-text .wise-form .after-text.input-label, .wise-form .input-v2.with-after-text .after-text.input-label, table.carby-ds .wise-form th.input-label, .wise-form table.carby-ds th.input-label, .wise-form sl-textarea.input-label::part(form-control-help-text), .wise-form sl-select.input-label::part(form-control-help-text), .wise-form sl-radio-button.size-200.input-label::part(label), .cds-segmented-control.taupe .wise-form sl-radio-button.input-label::part(button), .wise-form .cds-segmented-control.taupe sl-radio-button.input-label::part(button), .wise-form sl-input.input-label::part(form-control-help-text), .wise-form sl-button[size=small].input-label::part(base), .wise-form sl-badge.small.input-label::part(base), .wise-form sl-badge.x-small.input-label::part(base), .cds-dropdown .wise-form .cds-dropdown-item-hint.input-label, .wise-form .cds-dropdown .cds-dropdown-item-hint.input-label, .cds-dropdown.size-small .wise-form sl-menu-item.input-label::part(base), .wise-form .cds-dropdown.size-small sl-menu-item.input-label::part(base), .cds-dropdown.size-small .wise-form sl-menu-label.input-label::part(base), .wise-form .cds-dropdown.size-small sl-menu-label.input-label::part(base), .wise-form .size-1.input-error, .wise-form .input-error, .input-v2.with-after-text .wise-form .after-text.input-error, .wise-form .input-v2.with-after-text .after-text.input-error, table.carby-ds .wise-form th.input-error, .wise-form table.carby-ds th.input-error, .wise-form sl-textarea.input-error::part(form-control-help-text), .wise-form sl-select.input-error::part(form-control-help-text), .wise-form sl-radio-button.size-200.input-error::part(label), .cds-segmented-control.taupe .wise-form sl-radio-button.input-error::part(button), .wise-form .cds-segmented-control.taupe sl-radio-button.input-error::part(button), .wise-form sl-input.input-error::part(form-control-help-text), .wise-form sl-button[size=small].input-error::part(base), .wise-form sl-badge.small.input-error::part(base), .wise-form sl-badge.x-small.input-error::part(base), .cds-dropdown .wise-form .cds-dropdown-item-hint.input-error, .wise-form .cds-dropdown .cds-dropdown-item-hint.input-error, .cds-dropdown.size-small .wise-form sl-menu-item.input-error::part(base), .wise-form .cds-dropdown.size-small sl-menu-item.input-error::part(base), .cds-dropdown.size-small .wise-form sl-menu-label.input-error::part(base), .wise-form .cds-dropdown.size-small sl-menu-label.input-error::part(base), .input-v2 input.size-1, .wise-form .input-v2 input.input-error, .input-v2 .wise-form input.input-error, .input-v2.with-after-text input.after-text, .cds-dropdown .input-v2 input.cds-dropdown-item-hint, .input-v2 .cds-dropdown input.cds-dropdown-item-hint, .input-v2.with-after-text .size-1.after-text, .wise-form .input-v2.with-after-text .input-error.after-text, .input-v2.with-after-text .wise-form .input-error.after-text, .input-v2.with-after-text .after-text, table.carby-ds .input-v2.with-after-text th.after-text, .input-v2.with-after-text table.carby-ds th.after-text, .input-v2.with-after-text sl-textarea.after-text::part(form-control-help-text), .input-v2.with-after-text sl-select.after-text::part(form-control-help-text), .input-v2.with-after-text sl-radio-button.size-200.after-text::part(label), .cds-segmented-control.taupe .input-v2.with-after-text sl-radio-button.after-text::part(button), .input-v2.with-after-text .cds-segmented-control.taupe sl-radio-button.after-text::part(button), .input-v2.with-after-text sl-input.after-text::part(form-control-help-text), .input-v2.with-after-text sl-button[size=small].after-text::part(base), .input-v2.with-after-text sl-badge.small.after-text::part(base), .input-v2.with-after-text sl-badge.x-small.after-text::part(base), .cds-dropdown .input-v2.with-after-text .cds-dropdown-item-hint.after-text, .input-v2.with-after-text .cds-dropdown .cds-dropdown-item-hint.after-text, .cds-dropdown.size-small .input-v2.with-after-text sl-menu-item.after-text::part(base), .input-v2.with-after-text .cds-dropdown.size-small sl-menu-item.after-text::part(base), .cds-dropdown.size-small .input-v2.with-after-text sl-menu-label.after-text::part(base), .input-v2.with-after-text .cds-dropdown.size-small sl-menu-label.after-text::part(base), .input-v2 select.size-1, .wise-form .input-v2 select.input-error, .input-v2 .wise-form select.input-error, .input-v2.with-after-text select.after-text, .cds-dropdown .input-v2 select.cds-dropdown-item-hint, .input-v2 .cds-dropdown select.cds-dropdown-item-hint, .input-v2.radio label.size-1, .wise-form .input-v2.radio label.input-error, .input-v2.radio .wise-form label.input-error, .input-v2.with-after-text .input-v2.radio label.after-text, .input-v2.radio .input-v2.with-after-text label.after-text, .cds-dropdown .input-v2.radio label.cds-dropdown-item-hint, .input-v2.radio .cds-dropdown label.cds-dropdown-item-hint, .bulk-action-bar sl-button.size-1::part(base), .wise-form .bulk-action-bar sl-button.input-error::part(base), .bulk-action-bar .wise-form sl-button.input-error::part(base), .input-v2.with-after-text .bulk-action-bar sl-button.after-text::part(base), .bulk-action-bar .input-v2.with-after-text sl-button.after-text::part(base), .bulk-action-bar sl-button[size=small]::part(base), .cds-dropdown .bulk-action-bar sl-button.cds-dropdown-item-hint::part(base), .bulk-action-bar .cds-dropdown sl-button.cds-dropdown-item-hint::part(base), .bulk-action-bar .size-1.num-selected, .wise-form .bulk-action-bar .input-error.num-selected, .bulk-action-bar .wise-form .input-error.num-selected, .input-v2.with-after-text .bulk-action-bar .after-text.num-selected, .bulk-action-bar .input-v2.with-after-text .after-text.num-selected, table.carby-ds .bulk-action-bar th.num-selected, .bulk-action-bar table.carby-ds th.num-selected, .bulk-action-bar sl-textarea.num-selected::part(form-control-help-text), .bulk-action-bar sl-select.num-selected::part(form-control-help-text), .bulk-action-bar sl-radio-button.size-200.num-selected::part(label), .cds-segmented-control.taupe .bulk-action-bar sl-radio-button.num-selected::part(button), .bulk-action-bar .cds-segmented-control.taupe sl-radio-button.num-selected::part(button), .bulk-action-bar sl-input.num-selected::part(form-control-help-text), .bulk-action-bar sl-button[size=small].num-selected::part(base), .bulk-action-bar sl-badge.small.num-selected::part(base), .bulk-action-bar sl-badge.x-small.num-selected::part(base), .cds-dropdown .bulk-action-bar .cds-dropdown-item-hint.num-selected, .bulk-action-bar .cds-dropdown .cds-dropdown-item-hint.num-selected, .cds-dropdown.size-small .bulk-action-bar sl-menu-item.num-selected::part(base), .bulk-action-bar .cds-dropdown.size-small sl-menu-item.num-selected::part(base), .cds-dropdown.size-small .bulk-action-bar sl-menu-label.num-selected::part(base), .bulk-action-bar .cds-dropdown.size-small sl-menu-label.num-selected::part(base), #marketplace-sub-nav .size-1.breadcrumb, .wise-form #marketplace-sub-nav .input-error.breadcrumb, #marketplace-sub-nav .wise-form .input-error.breadcrumb, .input-v2.with-after-text #marketplace-sub-nav .after-text.breadcrumb, #marketplace-sub-nav .input-v2.with-after-text .after-text.breadcrumb, table.carby-ds #marketplace-sub-nav th.breadcrumb, #marketplace-sub-nav table.carby-ds th.breadcrumb, #marketplace-sub-nav sl-textarea.breadcrumb::part(form-control-help-text), #marketplace-sub-nav sl-select.breadcrumb::part(form-control-help-text), #marketplace-sub-nav sl-radio-button.size-200.breadcrumb::part(label), .cds-segmented-control.taupe #marketplace-sub-nav sl-radio-button.breadcrumb::part(button), #marketplace-sub-nav .cds-segmented-control.taupe sl-radio-button.breadcrumb::part(button), #marketplace-sub-nav sl-input.breadcrumb::part(form-control-help-text), #marketplace-sub-nav sl-button[size=small].breadcrumb::part(base), #marketplace-sub-nav sl-badge.small.breadcrumb::part(base), #marketplace-sub-nav sl-badge.x-small.breadcrumb::part(base), .cds-dropdown #marketplace-sub-nav .cds-dropdown-item-hint.breadcrumb, #marketplace-sub-nav .cds-dropdown .cds-dropdown-item-hint.breadcrumb, .cds-dropdown.size-small #marketplace-sub-nav sl-menu-item.breadcrumb::part(base), #marketplace-sub-nav .cds-dropdown.size-small sl-menu-item.breadcrumb::part(base), .cds-dropdown.size-small #marketplace-sub-nav sl-menu-label.breadcrumb::part(base), #marketplace-sub-nav .cds-dropdown.size-small sl-menu-label.breadcrumb::part(base), .size-1.carby-ds.subtitle, .wise-form .input-error.carby-ds.subtitle, .input-v2.with-after-text .after-text.carby-ds.subtitle, table.carby-ds th.carby-ds.subtitle, sl-textarea.carby-ds.subtitle::part(form-control-help-text), sl-select.carby-ds.subtitle::part(form-control-help-text), sl-radio-button.size-200.carby-ds.subtitle::part(label), .cds-segmented-control.taupe sl-radio-button.carby-ds.subtitle::part(button), sl-input.carby-ds.subtitle::part(form-control-help-text), sl-button[size=small].carby-ds.subtitle::part(base), sl-badge.small.carby-ds.subtitle::part(base), sl-badge.x-small.carby-ds.subtitle::part(base), .cds-dropdown .cds-dropdown-item-hint.carby-ds.subtitle, .cds-dropdown.size-small sl-menu-item.carby-ds.subtitle::part(base), .cds-dropdown.size-small sl-menu-label.carby-ds.subtitle::part(base), table.carby-ds tbody tr td.size-1, .wise-form table.carby-ds tbody tr td.input-error, table.carby-ds tbody tr .wise-form td.input-error, .input-v2.with-after-text table.carby-ds tbody tr td.after-text, table.carby-ds tbody tr .input-v2.with-after-text td.after-text, .cds-dropdown table.carby-ds tbody tr td.cds-dropdown-item-hint, table.carby-ds tbody tr .cds-dropdown td.cds-dropdown-item-hint, sl-textarea.size-1::part(textarea), .wise-form sl-textarea.input-error::part(textarea), .input-v2.with-after-text sl-textarea.after-text::part(textarea), .cds-dropdown sl-textarea.cds-dropdown-item-hint::part(textarea), sl-option.size-1::part(label), .wise-form sl-option.input-error::part(label), .input-v2.with-after-text sl-option.after-text::part(label), .cds-dropdown sl-option.cds-dropdown-item-hint::part(label),
sl-select.size-1::part(display-input),
.wise-form sl-select.input-error::part(display-input),
.input-v2.with-after-text sl-select.after-text::part(display-input),
.cds-dropdown sl-select.cds-dropdown-item-hint::part(display-input), sl-input.size-1::part(input), .wise-form sl-input.input-error::part(input), .input-v2.with-after-text sl-input.after-text::part(input), .cds-dropdown sl-input.cds-dropdown-item-hint::part(input), sl-input.size-1::part(prefix), .wise-form sl-input.input-error::part(prefix), .input-v2.with-after-text sl-input.after-text::part(prefix), .cds-dropdown sl-input.cds-dropdown-item-hint::part(prefix),
sl-input.size-1::part(suffix),
.wise-form sl-input.input-error::part(suffix),
.input-v2.with-after-text sl-input.after-text::part(suffix),
.cds-dropdown sl-input.cds-dropdown-item-hint::part(suffix),
sl-input.size-1::part(label),
.wise-form sl-input.input-error::part(label),
.input-v2.with-after-text sl-input.after-text::part(label),
.cds-dropdown sl-input.cds-dropdown-item-hint::part(label), sl-button.size-1::part(base), .wise-form sl-button.input-error::part(base), .input-v2.with-after-text sl-button.after-text::part(base), sl-button[size=small]::part(base), .cds-dropdown sl-button.cds-dropdown-item-hint::part(base), sl-breadcrumb-item.size-1::part(label), .wise-form sl-breadcrumb-item.input-error::part(label), .input-v2.with-after-text sl-breadcrumb-item.after-text::part(label), .cds-dropdown sl-breadcrumb-item.cds-dropdown-item-hint::part(label), .nav-bar.carby-ds-tabs .size-1.nav-bar-link, .wise-form .nav-bar.carby-ds-tabs .input-error.nav-bar-link, .nav-bar.carby-ds-tabs .wise-form .input-error.nav-bar-link, .input-v2.with-after-text .nav-bar.carby-ds-tabs .after-text.nav-bar-link, .nav-bar.carby-ds-tabs .input-v2.with-after-text .after-text.nav-bar-link, table.carby-ds .nav-bar.carby-ds-tabs th.nav-bar-link, .nav-bar.carby-ds-tabs table.carby-ds th.nav-bar-link, .nav-bar.carby-ds-tabs sl-textarea.nav-bar-link::part(form-control-help-text), .nav-bar.carby-ds-tabs sl-select.nav-bar-link::part(form-control-help-text), .nav-bar.carby-ds-tabs sl-radio-button.size-200.nav-bar-link::part(label), .cds-segmented-control.taupe .nav-bar.carby-ds-tabs sl-radio-button.nav-bar-link::part(button), .nav-bar.carby-ds-tabs .cds-segmented-control.taupe sl-radio-button.nav-bar-link::part(button), .nav-bar.carby-ds-tabs sl-input.nav-bar-link::part(form-control-help-text), .nav-bar.carby-ds-tabs sl-button[size=small].nav-bar-link::part(base), .nav-bar.carby-ds-tabs sl-badge.small.nav-bar-link::part(base), .nav-bar.carby-ds-tabs sl-badge.x-small.nav-bar-link::part(base), .cds-dropdown .nav-bar.carby-ds-tabs .cds-dropdown-item-hint.nav-bar-link, .nav-bar.carby-ds-tabs .cds-dropdown .cds-dropdown-item-hint.nav-bar-link, .cds-dropdown.size-small .nav-bar.carby-ds-tabs sl-menu-item.nav-bar-link::part(base), .nav-bar.carby-ds-tabs .cds-dropdown.size-small sl-menu-item.nav-bar-link::part(base), .cds-dropdown.size-small .nav-bar.carby-ds-tabs sl-menu-label.nav-bar-link::part(base), .nav-bar.carby-ds-tabs .cds-dropdown.size-small sl-menu-label.nav-bar-link::part(base), .cds-dropdown sl-menu-item.size-1::part(base), .wise-form .cds-dropdown sl-menu-item.input-error::part(base), .cds-dropdown .wise-form sl-menu-item.input-error::part(base), .input-v2.with-after-text .cds-dropdown sl-menu-item.after-text::part(base), .cds-dropdown .input-v2.with-after-text sl-menu-item.after-text::part(base), .cds-dropdown sl-menu-item.cds-dropdown-item-hint::part(base), .cds-dropdown.size-small sl-menu-item::part(base) {
  font-weight: var(--sl-font-weight-normal) !important;
}
.size-1.light, .wise-form .light.input-error, .input-v2.with-after-text .light.after-text, table.carby-ds th.light, sl-textarea.light::part(form-control-help-text), sl-select.light::part(form-control-help-text), sl-radio-button.light.size-200::part(label), .cds-segmented-control.taupe sl-radio-button.light::part(button), sl-input.light::part(form-control-help-text), sl-button.light[size=small]::part(base), sl-badge.light.small::part(base), sl-badge.light.x-small::part(base), .cds-dropdown .light.cds-dropdown-item-hint, .cds-dropdown.size-small sl-menu-item.light::part(base), .cds-dropdown.size-small sl-menu-label.light::part(base) {
  font-weight: var(--sl-font-weight-light) !important;
}

.cds-dropdown {
  padding: 0.5rem;
  border-radius: 0.5rem;
  max-width: 17.5rem;
}
.cds-dropdown sl-menu-item::part(base) {
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.cds-dropdown sl-menu-item:hover::part(base) {
  background-color: var(--carby-ds-hover-color);
}
.cds-dropdown sl-menu-item:active::part(base),
.cds-dropdown sl-menu-item:focus-visible::part(base) {
  background-color: var(--carby-ds-active-color);
}
.cds-dropdown sl-menu-label::part(base) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.125rem;
}
.cds-dropdown sl-divider {
  --color: var(--taupe-300);
  margin: 0.5rem;
}
.cds-dropdown.no-checkbox sl-menu-item::part(checked-icon) {
  display: none;
}
.cds-dropdown sl-menu-item sl-icon[slot=suffix] {
  margin-left: 0.5rem;
}
.cds-dropdown sl-menu-item sl-icon[slot=prefix] {
  margin-right: 0.5rem;
}
.cds-dropdown sl-menu-item {
  width: 100%;
  text-align: left;
}
.cds-dropdown sl-menu-item sl-icon {
  font-size: var(--size-icon-medium);
  width: var(--size-icon-medium);
  height: var(--size-icon-medium);
}
.cds-dropdown sl-menu-item.cds-dropdown-item--danger sl-icon {
  color: #d04647;
}
.cds-dropdown .cds-dropdown-item-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.cds-dropdown .cds-dropdown-item-badge {
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.25rem;
  font-size: 0.5rem;
  font-weight: 600;
  line-height: 1rem;
  color: white;
  background-color: var(--taupe-700);
  border-radius: 9999px;
  text-align: center;
}
.cds-dropdown.size-small {
  padding: 0.25rem;
}
.cds-dropdown.size-small sl-menu-item::part(base) {
  padding: 0.25rem 0.5rem;
}
.cds-dropdown.size-small sl-menu-label::part(base) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.cds-dropdown.size-small sl-divider {
  margin: 0.25rem;
}
.cds-dropdown.size-small sl-menu-item sl-icon {
  font-size: var(--size-icon-small);
  width: var(--size-icon-small);
  height: var(--size-icon-small);
}

.p-3xl {
  padding: 3rem !important;
}

.pl-3xl {
  padding-left: 3rem !important;
}

.pr-3xl {
  padding-right: 3rem !important;
}

.px-3xl {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.pt-3xl {
  padding-top: 3rem !important;
}

.pb-3xl {
  padding-bottom: 3rem !important;
}

.py-3xl {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-xxl {
  padding: 2.5rem !important;
}

.pl-xxl {
  padding-left: 2.5rem !important;
}

.pr-xxl {
  padding-right: 2.5rem !important;
}

.px-xxl {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.pt-xxl {
  padding-top: 2.5rem !important;
}

.pb-xxl {
  padding-bottom: 2.5rem !important;
}

.py-xxl {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.p-xl {
  padding: 2rem !important;
}

.pl-xl {
  padding-left: 2rem !important;
}

.pr-xl {
  padding-right: 2rem !important;
}

.px-xl {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.pt-xl {
  padding-top: 2rem !important;
}

.pb-xl {
  padding-bottom: 2rem !important;
}

.py-xl {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-l {
  padding: 1.5rem !important;
}

.pl-l {
  padding-left: 1.5rem !important;
}

.px-l, sl-button[size=large]::part(base) {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.pt-l {
  padding-top: 1.5rem !important;
}

.pb-l {
  padding-bottom: 1.5rem !important;
}

.py-l {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-m {
  padding: 0.75rem !important;
}

.pl-m {
  padding-left: 0.75rem !important;
}

.pr-m {
  padding-right: 0.75rem !important;
}

.px-m {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.pt-m {
  padding-top: 0.75rem !important;
}

.pb-m {
  padding-bottom: 0.75rem !important;
}

.py-m {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-b, sl-avatar::part(icon) {
  padding: 1rem !important;
}

.pl-b, table.carby-ds td:first-of-type,
table.carby-ds th:first-of-type {
  padding-left: 1rem !important;
}

.pr-b, table.carby-ds td:last-of-type,
table.carby-ds th:last-of-type {
  padding-right: 1rem !important;
}

.px-b, sl-button[size=medium]::part(base) {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.pt-b {
  padding-top: 1rem !important;
}

.pb-b {
  padding-bottom: 1rem !important;
}

.py-b {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-s, sl-button.icon-only::part(base), sl-menu,
sl-menu sl-menu-item::part(base) {
  padding: 0.5rem !important;
}

.pl-s {
  padding-left: 0.5rem !important;
}

.pr-s {
  padding-right: 0.5rem !important;
}

.px-s, sl-button[size=small]::part(base), sl-menu sl-menu-label::part(base), sl-badge::part(base) {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.pt-s {
  padding-top: 0.5rem !important;
}

.pb-s, sl-radio, .nav-bar.carby-ds-tabs .nav-bar-link, .nav-bar.carby-ds-tabs .nav-bar-link:not(.active):hover {
  padding-bottom: 0.5rem !important;
}

.py-s {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-xs {
  padding: 0.25rem !important;
}

.pl-xs {
  padding-left: 0.25rem !important;
}

.pr-xs, sl-input[data-number-type=tonnage]::part(input),
sl-input[data-number-type=currency]::part(input) {
  padding-right: 0.25rem !important;
}

.px-xs, sl-badge.x-small::part(base), sl-badge.icon-only::part(base), .nav-bar.carby-ds-tabs .nav-bar-link {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.pt-xs {
  padding-top: 0.25rem !important;
}

.pb-xs {
  padding-bottom: 0.25rem !important;
}

.py-xs, sl-badge::part(base), sl-badge.icon-only::part(base) {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-xxs {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}

.pt-xxs {
  padding-top: 0.125rem !important;
}

.pb-xxs {
  padding-bottom: 0.125rem !important;
}

.py-xxs, sl-badge.x-small::part(base) {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.p-0 {
  padding: 0 !important;
}

.m-xxl {
  margin: 2.5rem !important;
}

.ml-xxl {
  margin-left: 2.5rem !important;
}

.mr-xxl {
  margin-right: 2.5rem !important;
}

.mx-xxl {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.mt-xxl {
  margin-top: 2.5rem !important;
}

.mb-xxl {
  margin-bottom: 2.5rem !important;
}

.my-xxl {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.m-xl {
  margin: 2rem !important;
}

.ml-xl {
  margin-left: 2rem !important;
}

.mr-xl {
  margin-right: 2rem !important;
}

.mx-xl {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.mt-xl {
  margin-top: 2rem !important;
}

.mb-xl {
  margin-bottom: 2rem !important;
}

.my-xl {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-l {
  margin: 1.5rem !important;
}

.ml-l {
  margin-left: 1.5rem !important;
}

.mx-l {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mt-l {
  margin-top: 1.5rem !important;
}

.mb-l {
  margin-bottom: 1.5rem !important;
}

.my-l {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-m {
  margin: 0.75rem !important;
}

.ml-m {
  margin-left: 0.75rem !important;
}

.mr-m {
  margin-right: 0.75rem !important;
}

.mx-m {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.mt-m {
  margin-top: 0.75rem !important;
}

.mb-m {
  margin-bottom: 0.75rem !important;
}

.my-m {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-b {
  margin: 1rem !important;
}

.ml-b, sl-select[multiple]::part(display-input) {
  margin-left: 1rem !important;
}

.mr-b {
  margin-right: 1rem !important;
}

.mx-b {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mt-b, .rich-text p + p {
  margin-top: 1rem !important;
}

.mb-b {
  margin-bottom: 1rem !important;
}

.my-b {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-s, sl-menu sl-divider {
  margin: 0.5rem !important;
}

.ml-s, sl-button::part(caret) {
  margin-left: 0.5rem !important;
}

.mr-s {
  margin-right: 0.5rem !important;
}

.mx-s {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mt-s, sl-option:first-of-type::part(base) {
  margin-top: 0.5rem !important;
}

.mb-s, sl-option:last-of-type::part(base) {
  margin-bottom: 0.5rem !important;
}

.my-s {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-xs {
  margin: 0.25rem !important;
}

.ml-xs, sl-badge sl-icon:last-child {
  margin-left: 0.25rem !important;
}

.mr-xs, sl-breadcrumb sl-icon, sl-badge sl-icon:first-child {
  margin-right: 0.25rem !important;
}

.mx-xs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mt-xs {
  margin-top: 0.25rem !important;
}

.mb-xs {
  margin-bottom: 0.25rem !important;
}

.my-xs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mx-xxs, sl-badge.icon-only sl-icon {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
}

.mx-0, sl-badge.icon-only.compact-icon sl-icon {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ml-5vw {
  margin-left: 5vw !important;
}

.gap-spacing-xx-small {
  gap: 0.125rem;
}

.gap-spacing-x-small {
  gap: 0.25rem;
}

.gap-spacing-base {
  gap: 1rem;
}

.gap-spacing-small {
  gap: 0.5rem;
}

.gap-spacing-large, .box-skeleton, .nav-bar.carby-ds-tabs {
  gap: 1.5rem;
}

.corner-small-radius, sl-badge.x-small::part(base) {
  border-radius: 0.25rem;
}

.corner-base-radius, .project-image, .project-image.active .project-name, sl-textarea::part(base), sl-textarea::part(form-control-input), sl-select::part(base), sl-select::part(form-control-input), sl-select::part(listbox), sl-menu,
sl-menu sl-menu-item::part(base), sl-input::part(base), sl-input::part(form-control-input), sl-card::part(base), sl-badge::part(base), sl-alert::part(base) {
  border-radius: 0.5rem;
}

.corner-round-radius, sl-badge.icon-only::part(base) {
  border-radius: 6.25rem;
}

.small-border-radius, .donut-chart .rounded-rectangle {
  border-radius: 2px;
}

.loading-table-height {
  height: 35rem;
}

.centered-flex-container {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}

.view-width {
  width: 90vw;
  max-width: 1200px;
}

.view-height {
  height: calc(100vh - 4.5rem);
}

.metadata-breakdown-container {
  column-gap: 24px;
  display: grid;
  grid-row: auto/span 3;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.donut-container {
  display: contents;
}

.donut-chart {
  border: 1px solid var(--taupe-300);
  border-radius: 8px;
}
.donut-chart canvas {
  max-height: 280px;
}
.donut-chart .rounded-rectangle {
  width: 12px;
  height: 12px;
}

.empty-state-container {
  position: relative;
  margin-top: 5rem;
}

.empty-state-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.empty-state-background-icon {
  z-index: -1;
}

.highlight-pill {
  border-radius: 100px;
  border: 1px solid;
  width: fit-content;
}

.nav-bar {
  display: flex;
  align-items: center;
}
.nav-bar .nav-bar-link {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.5rem 0;
  margin-right: 1.5rem;
  color: var(--slate-700);
}
.nav-bar .nav-bar-link:hover {
  color: var(--slate-800);
}
.nav-bar .nav-bar-link:active {
  color: var(--slate-900);
}
.nav-bar .nav-bar-link.active {
  color: var(--slate-800);
}
.nav-bar .nav-bar-link a {
  text-decoration: none;
}
.nav-bar .nav-bar-pill {
  padding: 0.125rem 0.375rem;
  margin-left: 0.5rem;
}
.nav-bar.bordered {
  border-bottom: 1px solid var(--slate-400);
}
.nav-bar.bordered .nav-bar-link.active {
  box-shadow: inset 0 -1px currentColor, 0 1px currentColor;
}
.nav-bar.bordered-active-link .nav-bar-link.active {
  box-shadow: inset 0 -1px currentColor, 0 1px currentColor;
}
.nav-bar.centered {
  justify-content: center;
}
.nav-bar.carby-ds-tabs {
  background-color: unset;
  border-bottom: 1px solid var(--taupe-300);
  margin-bottom: -4px;
}
.nav-bar.carby-ds-tabs.no-border {
  border: 1px solid transparent;
}
.nav-bar.carby-ds-tabs .nav-bar-link {
  margin-right: unset;
  color: var(--taupe-700);
}
.nav-bar.carby-ds-tabs .nav-bar-link.active {
  color: var(--taupe-800);
  margin-bottom: -1px;
  border-bottom: 2px solid var(--taupe-800);
}
.nav-bar.carby-ds-tabs .nav-bar-link:hover {
  transition: color 0.2s ease-in-out;
  border-bottom: 2px solid var(--taupe-700);
  color: var(--taupe-700);
}
.nav-bar.carby-ds-tabs .nav-bar-link.disabled {
  pointer-events: none;
  color: var(--taupe-300);
}
.nav-bar.carby-ds-tabs .nav-bar-link:not(.active) {
  padding-bottom: calc(0.5rem + 1px) !important;
}
.nav-bar.carby-ds-tabs .nav-bar-link:not(.active):hover {
  margin-bottom: -1px;
}

.map-container.carby-ds,
.location-map.carby-ds,
.location-map.carby-ds .mapboxgl-map {
  height: 22.5rem !important;
}

.location-map.carby-ds {
  border: 1px solid var(--taupe-300);
}

.mapboxgl-canvas-container {
  height: 25rem;
}

.mapboxgl-canvas {
  border-radius: 8px;
}

.proportional-line-chart .segment {
  flex-basis: 1rem;
  overflow: hidden;
  container-name: segment;
  container-type: inline-size;
}
@container segment (width <= 140px) {
  .proportional-line-chart .segment .segment-label, .proportional-line-chart .segment .segment-body {
    display: none;
  }
}
@container segment (width <= 60px) {
  .proportional-line-chart .segment .segment-percentage {
    display: none;
  }
}
.proportional-line-chart--contrast-low .segment.green {
  background: var(--green-100);
  color: var(--green-800);
}
.proportional-line-chart--contrast-low .segment.green .segment-label {
  color: var(--green-700);
}
.proportional-line-chart--contrast-low .segment.green:hover {
  background: var(--green-50);
}
.proportional-line-chart--contrast-low .segment.blue {
  background: var(--blue-100);
  color: var(--blue-800);
}
.proportional-line-chart--contrast-low .segment.blue .segment-label {
  color: var(--blue-700);
}
.proportional-line-chart--contrast-low .segment.blue:hover {
  background: var(--blue-50);
}
.proportional-line-chart--contrast-low .segment.slate {
  background: var(--slate-200);
  color: var(--slate-900);
}
.proportional-line-chart--contrast-low .segment.slate .segment-label {
  color: var(--slate-800);
}
.proportional-line-chart--contrast-low .segment.slate:hover {
  background: var(--slate-50);
}
.proportional-line-chart--contrast-low .segment.taupe {
  background: var(--taupe-150);
  color: var(--taupe-800);
}
.proportional-line-chart--contrast-low .segment.taupe .segment-label {
  color: var(--taupe-700);
}
.proportional-line-chart--contrast-low .segment.taupe:hover {
  background: var(--taupe-50);
}
.proportional-line-chart .segments > :first-child .segment {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.proportional-line-chart .segments > :last-child .segment {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.proportional-line-chart sl-tooltip {
  --max-width: 180px;
}
.proportional-line-chart--contrast-high .segment.green {
  background: var(--green-700);
  color: var(--slate-0);
}
.proportional-line-chart--contrast-high .segment.green .segment-label {
  color: var(--slate-0);
}
.proportional-line-chart--contrast-high .segment.green:hover {
  background: var(--green-800);
}
.proportional-line-chart--contrast-high .segment.blue {
  background: var(--blue-700);
  color: var(--slate-0);
}
.proportional-line-chart--contrast-high .segment.blue .segment-label {
  color: var(--slate-0);
}
.proportional-line-chart--contrast-high .segment.blue:hover {
  background: var(--blue-800);
}
.proportional-line-chart--contrast-high .segment.taupe {
  background: var(--taupe-150);
  color: var(--taupe-800);
  border: 1px solid var(--taupe-300);
}
.proportional-line-chart--contrast-high .segment.taupe .segment-label {
  color: var(--taupe-700);
}
.proportional-line-chart--contrast-high .segment.taupe:hover {
  background: var(--taupe-50);
}

/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor, .rich-text {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > *, .rich-text > * {
  cursor: text;
}

.ql-editor p, .rich-text p, .ql-editor ol, .rich-text ol, .ql-editor pre, .rich-text pre, .ql-editor blockquote, .rich-text blockquote, .ql-editor h1, .rich-text h1, .ql-editor h2, .rich-text h2, .ql-editor h3, .rich-text h3, .ql-editor h4, .rich-text h4, .ql-editor h5, .rich-text h5, .ql-editor h6, .rich-text h6 {
  margin: 0;
  padding: 0;
}

@supports (counter-set: none) {
  .ql-editor p, .rich-text p, .ql-editor h1, .rich-text h1, .ql-editor h2, .rich-text h2, .ql-editor h3, .rich-text h3, .ql-editor h4, .rich-text h4, .ql-editor h5, .rich-text h5, .ql-editor h6, .rich-text h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p, .rich-text p, .ql-editor h1, .rich-text h1, .ql-editor h2, .rich-text h2, .ql-editor h3, .rich-text h3, .ql-editor h4, .rich-text h4, .ql-editor h5, .rich-text h5, .ql-editor h6, .rich-text h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table, .rich-text table {
  border-collapse: collapse;
}

.ql-editor td, .rich-text td {
  border: 1px solid #000;
  padding: 2px 5px;
}

.ql-editor ol, .rich-text ol {
  padding-left: 1.5em;
}

.ql-editor li, .rich-text li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}

.ql-editor li > .ql-ui:before, .rich-text li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li[data-list=checked] > .ql-ui, .rich-text li[data-list=checked] > .ql-ui, .ql-editor li[data-list=unchecked] > .ql-ui, .rich-text li[data-list=unchecked] > .ql-ui {
  color: #777;
}

.ql-editor li[data-list=bullet] > .ql-ui:before, .rich-text li[data-list=bullet] > .ql-ui:before {
  content: "•";
}

.ql-editor li[data-list=checked] > .ql-ui:before, .rich-text li[data-list=checked] > .ql-ui:before {
  content: "☑";
}

.ql-editor li[data-list=unchecked] > .ql-ui:before, .rich-text li[data-list=unchecked] > .ql-ui:before {
  content: "☐";
}

@supports (counter-set: none) {
  .ql-editor li[data-list], .rich-text li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list], .rich-text li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered], .rich-text li[data-list=ordered] {
  counter-increment: list-0;
}

.ql-editor li[data-list=ordered] > .ql-ui:before, .rich-text li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor li[data-list=ordered].ql-indent-1, .rich-text li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1, .rich-text li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1, .rich-text li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2, .rich-text li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2, .rich-text li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2, .rich-text li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3, .rich-text li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3, .rich-text li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3, .rich-text li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4, .rich-text li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4, .rich-text li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4, .rich-text li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5, .rich-text li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5, .rich-text li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5, .rich-text li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6, .rich-text li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6, .rich-text li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6, .rich-text li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7, .rich-text li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7, .rich-text li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7, .rich-text li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8, .rich-text li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8, .rich-text li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8, .rich-text li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9, .rich-text li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl), .rich-text .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl), .rich-text li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl), .rich-text .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl), .rich-text li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl), .rich-text .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl), .rich-text li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl), .rich-text .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl), .rich-text li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl), .rich-text .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl), .rich-text li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl), .rich-text .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl), .rich-text li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl), .rich-text .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl), .rich-text li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl), .rich-text .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl), .rich-text li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl), .rich-text .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl), .rich-text li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor li.ql-direction-rtl, .rich-text li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor li.ql-direction-rtl > .ql-ui:before, .rich-text li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}

.ql-editor table, .rich-text table {
  table-layout: fixed;
  width: 100%;
}

.ql-editor table td, .rich-text table td {
  outline: none;
}

.ql-editor .ql-code-block-container, .rich-text .ql-code-block-container {
  font-family: monospace;
}

.ql-editor .ql-video, .rich-text .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center, .rich-text .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right, .rich-text .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black, .rich-text .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red, .rich-text .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange, .rich-text .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow, .rich-text .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green, .rich-text .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue, .rich-text .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple, .rich-text .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white, .rich-text .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red, .rich-text .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange, .rich-text .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow, .rich-text .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green, .rich-text .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue, .rich-text .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple, .rich-text .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif, .rich-text .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace, .rich-text .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small, .rich-text .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large, .rich-text .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge, .rich-text .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl, .rich-text .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center, .rich-text .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify, .rich-text .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right, .rich-text .ql-align-right {
  text-align: right;
}

.ql-editor .ql-ui, .rich-text .ql-ui {
  position: absolute;
}

.ql-editor.ql-blank::before, .ql-blank.rich-text::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}


/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor, .rich-text {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > *, .rich-text > * {
  cursor: text;
}

.ql-editor p, .rich-text p, .ql-editor ol, .rich-text ol, .ql-editor pre, .rich-text pre, .ql-editor blockquote, .rich-text blockquote, .ql-editor h1, .rich-text h1, .ql-editor h2, .rich-text h2, .ql-editor h3, .rich-text h3, .ql-editor h4, .rich-text h4, .ql-editor h5, .rich-text h5, .ql-editor h6, .rich-text h6 {
  margin: 0;
  padding: 0;
}

@supports (counter-set: none) {
  .ql-editor p, .rich-text p, .ql-editor h1, .rich-text h1, .ql-editor h2, .rich-text h2, .ql-editor h3, .rich-text h3, .ql-editor h4, .rich-text h4, .ql-editor h5, .rich-text h5, .ql-editor h6, .rich-text h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p, .rich-text p, .ql-editor h1, .rich-text h1, .ql-editor h2, .rich-text h2, .ql-editor h3, .rich-text h3, .ql-editor h4, .rich-text h4, .ql-editor h5, .rich-text h5, .ql-editor h6, .rich-text h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table, .rich-text table {
  border-collapse: collapse;
}

.ql-editor td, .rich-text td {
  border: 1px solid #000;
  padding: 2px 5px;
}

.ql-editor ol, .rich-text ol {
  padding-left: 1.5em;
}

.ql-editor li, .rich-text li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}

.ql-editor li > .ql-ui:before, .rich-text li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li[data-list=checked] > .ql-ui, .rich-text li[data-list=checked] > .ql-ui, .ql-editor li[data-list=unchecked] > .ql-ui, .rich-text li[data-list=unchecked] > .ql-ui {
  color: #777;
}

.ql-editor li[data-list=bullet] > .ql-ui:before, .rich-text li[data-list=bullet] > .ql-ui:before {
  content: "•";
}

.ql-editor li[data-list=checked] > .ql-ui:before, .rich-text li[data-list=checked] > .ql-ui:before {
  content: "☑";
}

.ql-editor li[data-list=unchecked] > .ql-ui:before, .rich-text li[data-list=unchecked] > .ql-ui:before {
  content: "☐";
}

@supports (counter-set: none) {
  .ql-editor li[data-list], .rich-text li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list], .rich-text li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered], .rich-text li[data-list=ordered] {
  counter-increment: list-0;
}

.ql-editor li[data-list=ordered] > .ql-ui:before, .rich-text li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor li[data-list=ordered].ql-indent-1, .rich-text li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1, .rich-text li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1, .rich-text li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2, .rich-text li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2, .rich-text li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2, .rich-text li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3, .rich-text li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3, .rich-text li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3, .rich-text li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4, .rich-text li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4, .rich-text li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4, .rich-text li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5, .rich-text li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5, .rich-text li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5, .rich-text li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6, .rich-text li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6, .rich-text li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6, .rich-text li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7, .rich-text li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7, .rich-text li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7, .rich-text li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8, .rich-text li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8, .rich-text li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8, .rich-text li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9, .rich-text li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before, .rich-text li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl), .rich-text .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl), .rich-text li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl), .rich-text .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl), .rich-text li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl), .rich-text .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl), .rich-text li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl), .rich-text .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl), .rich-text li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl), .rich-text .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl), .rich-text li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl), .rich-text .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl), .rich-text li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl), .rich-text .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl), .rich-text li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl), .rich-text .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl), .rich-text li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl), .rich-text .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl), .rich-text li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right, .rich-text .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right, .rich-text li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor li.ql-direction-rtl, .rich-text li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor li.ql-direction-rtl > .ql-ui:before, .rich-text li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}

.ql-editor table, .rich-text table {
  table-layout: fixed;
  width: 100%;
}

.ql-editor table td, .rich-text table td {
  outline: none;
}

.ql-editor .ql-code-block-container, .rich-text .ql-code-block-container {
  font-family: monospace;
}

.ql-editor .ql-video, .rich-text .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center, .rich-text .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right, .rich-text .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black, .rich-text .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red, .rich-text .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange, .rich-text .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow, .rich-text .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green, .rich-text .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue, .rich-text .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple, .rich-text .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white, .rich-text .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red, .rich-text .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange, .rich-text .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow, .rich-text .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green, .rich-text .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue, .rich-text .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple, .rich-text .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif, .rich-text .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace, .rich-text .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small, .rich-text .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large, .rich-text .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge, .rich-text .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl, .rich-text .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center, .rich-text .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify, .rich-text .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right, .rich-text .ql-align-right {
  text-align: right;
}

.ql-editor .ql-ui, .rich-text .ql-ui {
  position: absolute;
}

.ql-editor.ql-blank::before, .ql-blank.rich-text::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1, .ql-snow .rich-text h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2, .ql-snow .rich-text h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3, .ql-snow .rich-text h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4, .ql-snow .rich-text h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5, .ql-snow .rich-text h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6, .ql-snow .rich-text h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a, .ql-snow .rich-text a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote, .ql-snow .rich-text blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code, .ql-snow .rich-text code, .ql-snow .ql-editor .ql-code-block-container, .ql-snow .rich-text .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor .ql-code-block-container, .ql-snow .rich-text .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code, .ql-snow .rich-text code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor .ql-code-block-container, .ql-snow .rich-text .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img, .ql-snow .rich-text img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-code-block-container {
  position: relative;
}

.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}


.ql-toolbar {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.ql-container {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rich-text {
  padding: 0;
  overflow-y: visible;
  white-space: pre-wrap;
}
.rich-text p {
  line-height: 1.42 !important;
  min-height: 1.42em !important;
}
.rich-text li {
  padding-left: 0;
}
.rich-text ol,
.rich-text ul {
  padding: 0;
  padding-left: 1.5em !important;
  margin: 0;
}
.rich-text ul,
.rich-text ol,
.rich-text ul li,
.rich-text ol li {
  list-style: initial !important;
}
.rich-text ul li {
  list-style-type: disc !important;
}
.rich-text ol li {
  list-style-type: decimal !important;
}

.ql-editor p + p, .rich-text p + p {
  margin-top: 1rem !important;
}

sl-alert[variant=colorless]::part(base) {
  border-top-color: #d9d9d8;
  border-top-width: 1px;
}

sl-alert[variant=forest]::part(base) {
  border-top-color: var(--forest-800);
}

sl-alert[variant=danger]::part(base) {
  border-top-color: var(--red-700);
}

sl-alert[variant=danger]::part(icon) {
  color: var(--red-700);
}

sl-alert[variant=green]::part(base) {
  border-top-color: var(--green-700);
}

sl-alert[variant=taupe]::part(base) {
  border-top-color: var(--taupe-600);
}

sl-alert[variant=yellow]::part(base) {
  border-top-color: var(--yellow-600);
}

sl-alert[variant=blue]::part(base) {
  border-top-color: var(--blue-700);
}

sl-alert::part(base) {
  border-top-width: 0.5rem;
}

sl-alert::part(icon) {
  color: var(--taupe-800);
}

sl-alert.taupe-border::part(base) {
  border-right-color: var(--taupe-300);
  border-left-color: var(--taupe-300);
  border-bottom-color: var(--taupe-300);
}

sl-avatar[variant=taupe]::part(base) {
  background-color: var(--taupe-300);
}

sl-avatar[variant=taupe]::part(initials) {
  color: var(--taupe-700);
}

sl-avatar {
  --size: var(--size-component-base);
}

sl-avatar::part(icon) {
  color: var(--taupe-700);
}

sl-avatar sl-icon {
  width: 1.5rem;
  height: 1.5rem;
}

sl-avatar sl-icon[slot=icon]::part(svg) {
  width: 1.5rem;
  height: 1.5rem;
}

sl-badge[variant=blue][contrast=low]::part(base) {
  background-color: var(--blue-200);
  color: var(--blue-900);
}

sl-badge[variant=blue][contrast=high]::part(base) {
  background-color: var(--blue-700);
  color: var(--blue-50);
}

sl-badge[variant=blue][contrast=muted]::part(base) {
  background-color: var(--blue-200);
  color: var(--blue-900);
  border: 1px solid var(--blue-500);
}

sl-badge[variant=green][contrast=high]::part(base) {
  background-color: var(--green-700);
  color: var(--green-50);
}

sl-badge[variant=green][contrast=low]::part(base) {
  color: var(--green-900);
  background-color: var(--green-200);
}

sl-badge[variant=green][contrast=muted]::part(base) {
  background-color: var(--green-200);
  color: var(--green-900);
  border: 1px solid var(--green-500);
}

sl-badge[variant=orange][contrast=low]::part(base) {
  background-color: var(--orange-200);
  color: var(--orange-800);
}

sl-badge[variant=orange][contrast=high]::part(base) {
  background-color: var(--orange-700);
  color: var(--orange-50);
}

sl-badge[variant=orange][contrast=muted]::part(base) {
  background-color: var(--orange-200);
  color: var(--orange-800);
  border: 1px solid var(--orange-500);
}

sl-badge[variant=red][contrast=low]::part(base) {
  background-color: var(--red-200);
  color: var(--red-800);
}

sl-badge[variant=red][contrast=high]::part(base) {
  background-color: var(--red-700);
  color: var(--red-50);
}

sl-badge[variant=red][contrast=muted]::part(base) {
  background-color: var(--red-200);
  color: var(--red-800);
  border: 1px solid var(--red-500);
}

sl-badge[variant=slate][contrast=high]::part(base) {
  background-color: var(--slate-800);
  color: var(--slate-0);
}

sl-badge[variant=slate][contrast=low]::part(base) {
  background-color: var(--slate-200);
  color: var(--slate-900);
}

sl-badge[variant=slate][contrast=muted]::part(base) {
  background-color: var(--slate-200);
  color: var(--slate-900);
  border: 1px solid var(--slate-500);
}

sl-badge[variant=taupe][contrast=low]::part(base) {
  background-color: var(--taupe-300);
  color: var(--taupe-900);
}

sl-badge[variant=taupe][contrast=high]::part(base) {
  background-color: var(--taupe-700);
  color: var(--taupe-100);
}

sl-badge[variant=taupe][contrast=muted]::part(base) {
  background-color: var(--taupe-300);
  color: var(--taupe-900);
  border: 1px solid var(--taupe-500);
}

sl-badge[variant=yellow][contrast=low]::part(base) {
  background-color: var(--yellow-200);
  color: var(--yellow-900);
}

sl-badge[variant=yellow][contrast=high]::part(base) {
  background-color: var(--yellow-800);
  color: var(--yellow-50);
}

sl-badge[variant=yellow][contrast=muted]::part(base) {
  background-color: var(--yellow-200);
  color: var(--yellow-900);
  border: 1px solid var(--yellow-500);
}

sl-badge::part(base) {
  border: none;
}

sl-badge.icon-only::part(base) {
  border: none;
}

sl-badge.icon-only sl-icon {
  height: 0.75rem;
  width: 0.75rem;
}

sl-badge.centered {
  display: inline-flex;
}

sl-badge.centered::part(base) {
  min-width: 5rem;
  justify-content: center;
}

sl-badge[contrast=muted] {
  opacity: 0.6;
}

sl-breadcrumb sl-icon[name^=chevron] {
  margin: 0;
  height: 1.5rem;
  width: 1.5rem;
}

sl-breadcrumb a {
  display: flex;
  align-items: center;
}

sl-breadcrumb-item {
  --sl-focus-ring: 1px solid var(--taupe-600);
}

sl-breadcrumb-item:hover:not(:disabled)::part(label),
sl-breadcrumb-item:focus:not(:disabled)::part(label),
sl-breadcrumb-item:focus-visible:not(:disabled)::part(label),
sl-breadcrumb-item:focus-within:not(:disabled)::part(label) {
  text-decoration: underline;
  text-underline-offset: 1px;
}

sl-breadcrumb-item:active:not(:disabled)::part(label) {
  text-decoration: underline;
  text-underline-offset: 2px;
}

sl-button {
  transition: all 0.2s ease-in-out;
}
sl-button[disabled] {
  pointer-events: none;
}
sl-button.w-full {
  width: 100%;
}
sl-button.dashed-border::part(base) {
  border-style: dashed;
}

sl-button::part(base) {
  transition: all 0.2s ease-in-out;
  border-radius: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}

sl-button::part(label) {
  display: flex;
  padding: 0;
  line-height: 1rem;
  align-self: center;
}

sl-icon-button {
  transition: all 0.2s ease-in-out;
}
sl-icon-button[disabled] {
  pointer-events: none;
}

sl-icon-button::part(base) {
  transition: all 0.2s ease-in-out;
  border-radius: 0.5rem;
  padding: 0.5rem;
  min-width: 2rem;
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

sl-button[size=small]::part(base) {
  gap: 0.25rem;
}
sl-button[size=small] sl-icon[slot=prefix],
sl-button[size=small] sl-icon[slot=suffix] {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
}

sl-button[size=large]::part(base) {
  min-height: 2.75rem;
}

sl-button.wide::part(base) {
  padding-left: 2rem;
  padding-right: 2rem;
}

sl-button.icon-only::part(base) {
  min-width: 2rem;
  min-height: 2rem;
}

sl-button.icon-only[size=medium]::part(base) {
  min-width: var(--sl-input-height-medium);
  min-height: var(--sl-input-height-medium);
}

sl-icon-button[size=small]::part(base) {
  padding: 0.25rem;
  min-width: var(--sl-input-height-small);
  min-height: var(--sl-input-height-small);
}

sl-icon-button[size=medium]::part(base) {
  padding: 0.5rem;
  min-width: var(--sl-input-height-medium);
  min-height: var(--sl-input-height-medium);
}

sl-button[disabled]::part(label) {
  color: var(--taupe-600);
}

sl-button[disabled]::part(base),
sl-icon-button[disabled]::part(base) {
  border: none;
  opacity: unset;
  background: var(--taupe-200);
  color: var(--taupe-600);
}

sl-button:not(:disabled)::part(base):focus-visible,
sl-icon-button:not(:disabled)::part(base):focus-visible {
  outline: 0.125rem solid #080807;
  outline-offset: 0.125rem;
  outline-color: #080807;
}

sl-button[variant=default],
sl-button[variant=taupe-default],
sl-icon-button[variant=default] {
  color: var(--taupe-800);
}

sl-button[variant=default]::part(base),
sl-button[variant=taupe-default]::part(base),
sl-icon-button[variant=default]::part(base) {
  color: inherit;
  border: 1px solid var(--taupe-300);
}

sl-button[variant=default]:active::part(base),
sl-button[variant=taupe-default]:active::part(base),
sl-icon-button[variant=default]:active::part(base) {
  background-color: var(--carby-ds-active-color);
  border-color: var(--taupe-400);
}

sl-button[variant=default]:hover:not(:disabled, :active)::part(base),
sl-button[variant=default]:focus-visible:not(:disabled, :active)::part(base),
sl-button[variant=taupe-default]:hover:not(:disabled, :active)::part(base),
sl-button[variant=taupe-default]:focus-visible:not(:disabled, :active)::part(base
  ),
sl-icon-button[variant=default]:hover:not(:disabled, :active)::part(base),
sl-icon-button[variant=default]:focus-visible:not(:disabled, :active)::part(base
  ) {
  background-color: var(--carby-ds-hover-color);
}

sl-button[variant=primary]::part(base),
sl-button[variant=orange]::part(base),
sl-button[variant=primary-dark]::part(base),
sl-icon-button[variant=primary]::part(base) {
  background-color: var(--taupe-900);
  color: inherit;
  border: none;
}

sl-button[variant=primary]:active::part(base),
sl-button[variant=orange]:active::part(base),
sl-button[variant=primary-dark]:active::part(base),
sl-icon-button[variant=primary]:active::part(base) {
  background-color: var(--taupe-700);
}

sl-button[variant=primary]:hover:not(:disabled, :active)::part(base),
sl-button[variant=primary]:focus-visible:not(:disabled, :active)::part(base),
sl-button[variant=orange]:hover:not(:disabled, :active)::part(base),
sl-button[variant=orange]:focus-visible:not(:disabled, :active)::part(base),
sl-button[variant=primary-dark]:hover:not(:disabled, :active)::part(base),
sl-button[variant=primary-dark]:focus-visible:not(:disabled, :active)::part(base
  ),
sl-icon-button[variant=primary]:hover:not(:disabled, :active)::part(base),
sl-icon-button[variant=primary]:focus-visible:not(:disabled, :active)::part(base
  ) {
  background-color: var(--taupe-700);
}

sl-button[variant=primary][disabled],
sl-button[variant=orange][disabled],
sl-button[variant=primary-dark][disabled],
sl-icon-button[variant=primary][disabled] {
  color: var(--taupe-600);
}
sl-button[variant=primary][disabled]::part(base),
sl-button[variant=orange][disabled]::part(base),
sl-button[variant=primary-dark][disabled]::part(base),
sl-icon-button[variant=primary][disabled]::part(base) {
  background: var(--taupe-200);
}

sl-button[variant=primary][disabled]::part(label),
sl-button[variant=orange][disabled]::part(label),
sl-button[variant=primary-dark][disabled]::part(label) {
  color: var(--taupe-600);
}

sl-button[variant=danger]::part(base),
sl-icon-button[variant=danger]::part(base) {
  color: inherit;
}

sl-button[variant=danger]:hover:not(:disabled, :active)::part(base),
sl-button[variant=danger]:focus-visible:not(:disabled)::part(base),
sl-button[variant=danger]:focus:not(:disabled)::part(base),
sl-icon-button[variant=danger]:hover:not(:disabled, :active)::part(base),
sl-icon-button[variant=danger]:focus-visible:not(:disabled)::part(base),
sl-icon-button[variant=danger]:focus:not(:disabled)::part(base) {
  border-color: #7a292a;
}

sl-button[variant=danger]:active:not(:disabled)::part(base),
sl-icon-button[variant=danger]:active:not(:disabled)::part(base) {
  border-color: #541c1d;
}

sl-button[variant=danger]:not(:disabled)::part(base):focus-visible,
sl-icon-button[variant=danger]:not(:disabled)::part(base):focus-visible {
  outline-color: #d04647;
}

sl-button[variant=navigation],
sl-icon-button[variant=navigation] {
  color: var(--taupe-900);
}

sl-button[variant=navigation]::part(base),
sl-icon-button[variant=navigation]::part(base) {
  border: none;
  background-color: var(--slate-0);
  border-radius: 6.25rem;
  color: inherit;
}

sl-button[variant=navigation]::part(base):hover:not(:disabled, :active),
sl-icon-button[variant=navigation]::part(base):hover:not(:disabled, :active) {
  background-color: var(--carby-ds-hover-color);
}

sl-button[variant=navigation].selected::part(base),
sl-icon-button[variant=navigation].selected::part(base) {
  background-color: var(--carby-ds-active-color);
}

sl-button[variant=navigation]:active:not(:disabled)::part(base),
sl-icon-button[variant=navigation]:active:not(:disabled)::part(base) {
  background-color: var(--taupe-400);
}

sl-button[variant=text],
sl-button[variant=text-secondary] {
  height: unset;
  color: var(--taupe-900);
}
sl-button[variant=text]::part(base),
sl-button[variant=text-secondary]::part(base) {
  min-height: unset;
  color: inherit;
}
sl-button[variant=text]::part(label),
sl-button[variant=text-secondary]::part(label) {
  text-decoration-line: underline;
  text-decoration-color: var(--taupe-700);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
}
sl-button[variant=text]:hover:not([disabled]),
sl-button[variant=text-secondary]:hover:not([disabled]) {
  color: var(--taupe-700);
}
sl-button[variant=text]:active:not([disabled]),
sl-button[variant=text-secondary]:active:not([disabled]) {
  color: var(--taupe-600);
}
sl-button[variant=text]:focus:not([disabled]), sl-button[variant=text]:focus-visible:not([disabled]),
sl-button[variant=text-secondary]:focus:not([disabled]),
sl-button[variant=text-secondary]:focus-visible:not([disabled]) {
  color: var(--taupe-800);
  outline-color: var(--taupe-800);
}
sl-button[variant=text][disabled],
sl-button[variant=text-secondary][disabled] {
  color: var(--taupe-500);
}
sl-button[variant=text][disabled]::part(base),
sl-button[variant=text-secondary][disabled]::part(base) {
  background-color: transparent;
  border: none;
}
sl-button[variant=text][disabled]::part(label),
sl-button[variant=text-secondary][disabled]::part(label) {
  text-decoration-color: var(--taupe-500);
}

sl-card {
  --padding: 1.5rem;
}

sl-card.internal-p-s, sl-card.bento.compact {
  --padding: 0.5rem;
}

sl-card.internal-p-m {
  --padding: 0.75rem;
}

sl-card.internal-p-b, sl-card.bento {
  --padding: 1rem;
}

sl-card.box {
  height: 5rem;
}

sl-card.no-border::part(base) {
  border: none;
}

sl-card.taupe-border::part(base) {
  border-color: var(--taupe-300);
}

a sl-card.taupe-border::part(base) {
  transition: all 0.2s ease-in-out;
}
a sl-card.taupe-border:hover::part(base) {
  border-color: var(--taupe-600);
}
a sl-card.taupe-border:active::part(base) {
  border-color: var(--taupe-900);
}

sl-card::part(base) {
  flex-grow: 1;
  box-shadow: none;
}

sl-card.bento {
  width: 100%;
}
sl-card.bento::part(base) {
  background-color: var(--taupe-150);
  border-color: var(--taupe-300);
}
sl-card.bento.bento--filled::part(base) {
  background-color: var(--bento-fill-color);
  border-color: var(--bento-fill-color);
}
sl-card.bento.is-dirty::part(base) {
  background-color: var(--yellow-100);
  border-color: var(--yellow-100);
}

sl-card.bento--full-height {
  height: 100%;
}
sl-card.bento--full-height::part(base) {
  height: 100%;
  display: flex;
  flex-direction: column;
}
sl-card.bento--full-height::part(body) {
  flex: 1;
  display: flex;
  flex-direction: column;
}

sl-card.bento--variant-green-light::part(base) {
  background-color: var(--green-50);
  border-color: var(--green-200);
  color: var(--green-900);
}

sl-card.bento--variant-green-deep::part(base) {
  background-color: var(--green-200);
  border-color: var(--green-500);
  color: var(--green-900);
}

sl-card.bento--variant-blue-light::part(base) {
  background-color: var(--blue-50);
  border-color: var(--blue-200);
  color: var(--blue-900);
}

sl-card.bento--variant-blue-deep::part(base) {
  background-color: var(--blue-200);
  border-color: var(--blue-500);
  color: var(--blue-900);
}

sl-card.bento--variant-slate::part(base) {
  background-color: var(--slate-100);
  border-color: var(--slate-300);
  color: var(--slate-800);
}

sl-card.green::part(base) {
  background-color: var(--green-50);
  border-color: var(--green-200);
}

sl-card.red::part(base) {
  background-color: var(--red-50);
  border-color: var(--red-200);
}

sl-card.taupe::part(base) {
  background-color: var(--taupe-50);
  border-color: var(--taupe-300);
}

sl-checkbox {
  padding-bottom: 0.125rem;
  --sl-input-font-size-medium: 14px;
}

sl-checkbox::part(control) {
  border-color: var(--taupe-400);
  border-radius: 0.25rem;
}
sl-checkbox::part(control):hover {
  background: var(--taupe-100);
  border-color: var(--taupe-600);
}

sl-checkbox::part(control--checked) {
  background: var(--taupe-800);
  border-color: var(--taupe-800);
}
sl-checkbox::part(control--checked):hover {
  background: var(--taupe-700);
  border-color: var(--taupe-700);
}

sl-copy-button {
  border: solid 1px var(--taupe-300);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}

sl-divider.taupe-300, sl-menu[variant=taupe] sl-divider {
  --color: var(--taupe-300);
}

sl-icon.cds-icon-xxs {
  font-size: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
}
sl-icon.cds-icon-xs {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
}
sl-icon.cds-icon-s {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
sl-icon.cds-icon-m {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
sl-icon.cds-icon-l {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
}
sl-icon.cds-icon-xl {
  font-size: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
}

/* prettier-ignore */
sl-icon.small {
  width: 10px;
  height: 10px;
}

sl-icon.large {
  width: 20px;
  height: 20px;
}

sl-icon.max-width-small {
  max-width: 16px;
}

.circled {
  display: inline-flex;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: calc(infinity * 1px);
  padding: 0.25rem;
  vertical-align: -0.25rem;
}

.clickable:hover {
  cursor: pointer;
}

.shoelace-button-icon-with-badge {
  position: relative;
  display: inline-block;
}
.shoelace-button-icon-with-badge .shoelace-icon-badge {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.25rem;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1rem;
  color: #ffffff;
  text-align: center;
  background-color: var(--taupe-700);
  border-radius: 9999px;
  white-space: nowrap;
}

sl-input {
  --sl-input-border-radius-medium: 0.5rem;
  --sl-input-border-radius-large: 0.5rem;
}
sl-input[disabled]::part(form-control-input), sl-input:not(sl-input)[disabled]::part(input) {
  opacity: unset !important;
}
sl-input {
  --sl-input-border-color: #d9d9d8;
  --sl-input-border-color-hover: var(--taupe-500);
  --sl-input-border-color-disabled: #d9d9d8;
  --sl-focus-ring-color: var(--taupe-700);
  --sl-input-focus-ring-color: var(--taupe-700);
  --sl-select-focus-ring-color: var(--taupe-700);
  --sl-input-border-color-focus: var(--taupe-700);
  --sl-focus-ring-width: 1px;
}
sl-input[data-invalid]:not(.pristine) {
  --sl-focus-ring-color: var(--red-500);
  --sl-input-focus-ring-color: var(--red-500);
}
sl-input::part(input) {
  text-overflow: ellipsis;
}
sl-input sl-icon {
  font-size: var(--size-icon-medium);
  width: var(--size-icon-medium);
  height: var(--size-icon-medium);
}

sl-input[disabled]::part(prefix),
sl-input[disabled]::part(suffix) {
  opacity: unset;
  background: transparent;
}

sl-input[variant=taupe]::part(base) {
  cursor: default;
  border: solid 1px var(--taupe-300);
}

sl-input[variant=taupe]::part(input) {
  color: var(--taupe-800);
  background-color: var(--taupe-100);
}

sl-input[data-has-prefix]::part(input) {
  padding-inline-start: 8px;
}

/* Hide the built-in Shoelace help text when using our CDS inputs to avoid duplicated visual help text
   We render a help-text node below the input with the desired classes, so hide the component's own help text. */
sl-input::part(form-control-help-text),
sl-input .form-control__help-text {
  display: none !important;
}

table sl-input[data-number-type=tonnage]::part(input) {
  text-align: right;
}

sl-menu[variant=taupe] sl-menu-item:hover::part(base) {
  background-color: var(--carby-ds-hover-color);
}

sl-menu[variant=taupe] sl-menu-item:active::part(base),
sl-menu[variant=taupe] sl-menu-item:focus-visible::part(base) {
  background-color: var(--carby-ds-active-color);
}

sl-menu sl-menu-label::part(base) {
  padding-top: 0.5rem;
  padding-bottom: 0.125rem;
}

sl-menu.no-checkbox sl-menu-item::part(checked-icon) {
  display: none;
}

sl-menu-item sl-icon[slot=suffix] {
  margin-left: 0.5rem;
}
sl-menu-item sl-icon[slot=prefix] {
  margin-right: 0.5rem;
}
sl-menu-item {
  width: 100%;
  text-align: left;
}

sl-menu-item sl-icon {
  font-size: var(--size-icon-small);
  width: var(--size-icon-small);
  height: var(--size-icon-small);
}

sl-menu-item.w-full:not([type=checkbox])::part(checked-icon), sl-menu-item.w-full::part(submenu-icon) {
  display: none;
  width: 0 !important;
}

sl-menu-item sl-icon.x-small {
  width: var(--size-icon-xsmall);
  height: var(--size-icon-xsmall);
}

sl-radio-button {
  --sl-input-border-radius-medium: 0.5rem;
  --sl-input-border-radius-large: 0.5rem;
}
sl-radio-button::part(button--checked) {
  background-color: #080807;
  border-color: #080807;
}
sl-radio-button::part(button):hover {
  background-color: #2d302a;
  border-color: #2d302a;
}
sl-radio-button::part(button):active {
  background-color: #080807;
  border-color: #080807;
}

sl-radio-group.w-full::part(button-group),
sl-radio-group.w-full sl-radio-button {
  width: 100%;
}

sl-radio {
  width: 100%;
}

sl-radio-group.w-full {
  width: 100%;
  display: flex;
  flex-direction: column;
}

sl-radio::part(label) {
  display: flex;
  width: 100%;
  align-items: center;
}

.cds-segmented-control > sl-icon {
  color: var(--taupe-500);
}

.cds-segmented-control.taupe sl-radio-group {
  --sl-input-border-radius-small: 0.5rem;
}
.cds-segmented-control.taupe sl-radio-button::part(button) {
  font-weight: 400 !important;
  height: var(--sl-input-height-small);
  border-color: var(--taupe-300);
  color: var(--taupe-600);
  background-color: white;
}
.cds-segmented-control.taupe sl-radio-button::part(button):hover {
  background-color: var(--taupe-150);
  border-color: var(--taupe-300);
}
.cds-segmented-control.taupe sl-radio-button::part(button):active {
  background-color: var(--taupe-200);
  border-color: var(--taupe-300);
}
.cds-segmented-control.taupe sl-radio-button::part(label) {
  line-height: 1;
}
.cds-segmented-control.taupe sl-radio-button[checked]::part(button) {
  background-color: var(--taupe-200);
  border-color: var(--taupe-300);
  color: var(--taupe-800);
  font-weight: 450 !important;
}
.cds-segmented-control.taupe sl-radio-button[checked]::part(button):hover {
  background-color: var(--taupe-200);
  border-color: var(--taupe-300);
  color: var(--taupe-800);
}
.cds-segmented-control.taupe sl-radio-button[checked]::part(button):active {
  background-color: var(--taupe-200);
  border-color: var(--taupe-300);
  color: var(--taupe-800);
}

.fees-visibility-row {
  display: flex;
  align-items: center;
  width: 100%;
}

.fees-visibility-row sl-radio {
  margin-right: 12px;
  width: 30%;
}

.fees-visibility-row > .help-text {
  margin-left: auto;
  text-align: right;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  white-space: normal;
  padding-bottom: 8px;
}

sl-radio.cds-radio {
  width: fit-content;
  padding-bottom: 0;
}

sl-radio.cds-radio::part(control) {
  border-color: var(--taupe-400);
}

sl-radio.cds-radio:hover::part(control) {
  background: var(--taupe-100);
  border-color: var(--taupe-600);
}

sl-radio.cds-radio::part(control--checked) {
  border-color: var(--taupe-900);
  background: radial-gradient(circle, var(--taupe-900) 35%, transparent 35%);
}

sl-radio.cds-radio::part(checked-icon) {
  display: none;
}

sl-radio.cds-radio:hover::part(control--checked) {
  border-color: var(--taupe-700);
  background: radial-gradient(circle, var(--taupe-700) 35%, transparent 35%);
}

sl-select sl-icon[slot=suffix] {
  margin-left: 0.5rem;
}
sl-select sl-icon[slot=prefix] {
  margin-right: 0.5rem;
}
sl-select {
  --sl-input-border-radius-medium: 0.5rem;
  --sl-input-border-radius-large: 0.5rem;
}
sl-select[disabled]::part(form-control-input), sl-select:not(sl-input)[disabled]::part(input) {
  opacity: unset !important;
}
sl-select {
  --sl-input-border-color: #d9d9d8;
  --sl-input-border-color-hover: var(--taupe-500);
  --sl-input-border-color-disabled: #d9d9d8;
  --sl-focus-ring-color: var(--taupe-700);
  --sl-input-focus-ring-color: var(--taupe-700);
  --sl-select-focus-ring-color: var(--taupe-700);
  --sl-input-border-color-focus: var(--taupe-700);
  --sl-focus-ring-width: 1px;
}
sl-select[data-invalid]:not(.pristine) {
  --sl-focus-ring-color: var(--red-500);
  --sl-input-focus-ring-color: var(--red-500);
}
sl-select {
  --sl-input-focus-ring-color: var(--taupe-900);
  --sl-color-primary-600: var(--taupe-300);
}

sl-select::part(expand-icon) {
  font-size: 2rem;
}

sl-select::part(combobox),
sl-select::part(listbox) {
  border-color: var(--taupe-300);
  color: var(--taupe-800);
}

sl-select::part(listbox) {
  margin-top: 4px;
  padding: 0 !important;
}

sl-select::part(combobox):hover {
  background-color: var(--taupe-00);
}

sl-option {
  cursor: pointer;
}

sl-option[aria-selected=true]::part(base),
sl-option.option--selected::part(base),
sl-option.option--current::part(base) {
  background-color: var(--taupe-300);
}

sl-option::part(base):hover {
  background-color: var(--taupe-100);
}

sl-option::part(label),
sl-option::part(checked-icon) {
  color: var(--taupe-800);
}

sl-popup::part(popup) {
  overflow: visible;
}

.sort-panel {
  position: relative;
}
.sort-panel .cds-popover {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.sort-panel__content {
  min-width: 320px;
  overflow: hidden;
  background: var(--taupe-50);
  border: 1px solid var(--taupe-300);
  border-radius: 0.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
}

.sort-panel__header {
  padding: 0.5rem 1rem;
  background: var(--taupe-150);
  border-bottom: 1px solid var(--taupe-300);
}

.sort-panel__rows {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem 0;
}

.sort-panel__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 0;
  padding: 0 1rem;
  box-sizing: border-box;
}

.sort-panel__row-number {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  padding-right: 0.25rem;
}

.sort-panel__field {
  flex: 1 1 0;
  min-width: 0;
}

.sort-panel__remove-button {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--taupe-600);
  border-radius: 0.25rem;
}
.sort-panel__remove-button:hover:not(:disabled) {
  color: var(--taupe-800);
  background: var(--taupe-200);
}
.sort-panel__remove-button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.sort-panel__footer {
  padding: 0 1rem 1rem;
}

sl-skeleton {
  --color: var(--taupe-150);
  --sheen-color: var(--taupe-50);
}

.table-skeleton {
  padding-top: 7.375rem;
}

sl-skeleton.table-row {
  height: 3rem;
  --border-radius: 0.5rem;
  --color: var(--taupe-100);
}

.box-skeleton {
  display: flex;
  flex-direction: row;
}

sl-skeleton.box {
  --border-radius: 0.5rem;
  height: 5rem;
  min-width: 10rem;
  width: 100%;
}

sl-tab-group[variant=page-width-divider] {
  --track-color: rgba(0, 0, 0, 0);
}

sl-tab-group[variant=page-width-divider] sl-tab-panel::part(base)::before {
  content: "";
  display: block;
  position: relative;
  top: -1rem;
  left: 0;
  width: 100vw;
  border-bottom: 1px solid var(--taupe-300);
}
sl-tab-group[variant=page-width-divider] sl-tab-panel::part(base) {
  overflow: hidden;
}

sl-tab-group[variant=page-width-divider]::part(active-tab-indicator) {
  bottom: calc(-1 * var(--track-width));
}

sl-tab-group.active-tab-indicator-offset-5vw[variant=page-width-divider]::part(active-tab-indicator
  ) {
  left: 5vw;
}

sl-tab-group[variant=page-width-divider] sl-tab {
  width: fit-content;
}

sl-tab-group[variant=page-width-divider] sl-tab:hover {
  background-color: unset;
  outline: none;
}

sl-tab-group[variant=page-width-divider] sl-tab::part(base) {
  margin-bottom: 0;
}

sl-tab-group[variant=page-width-divider] sl-tab[active]::part(base) {
  color: var(--taupe-800);
}

sl-tab-group[variant=page-width-divider] sl-tab::part(base),
sl-tab-group[variant=page-width-divider] sl-tab[active]:hover::part(base) {
  color: var(--taupe-700);
}

sl-tab-group[variant=page-width-divider] sl-tab:not([active]):hover {
  border-bottom: 1px solid var(--taupe-700);
  margin-bottom: -2px;
  padding-bottom: 1px;
}

sl-tab-group[variant=page-width-divider] sl-tab:not([active]):active {
  border-bottom: 1px solid var(--taupe-600);
}

sl-tab-group[variant=page-width-divider] sl-tab:not([disabled]):active::part(base) {
  color: var(--taupe-600);
}

sl-tab {
  min-width: 10rem;
  cursor: pointer;
}

sl-tab-panel {
  position: relative;
}

sl-tab::part(base) {
  color: var(--taupe-700);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 1rem;
}

sl-tab:hover {
  background-color: var(--taupe-100);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  outline: 1px solid var(--taupe-300);
  outline-offset: -1px;
}

sl-tab .subheader,
sl-tab:hover .subheader {
  color: var(--taupe-700);
}

sl-tab[active] .subheader,
sl-tab[active]:hover .subheader {
  color: var(--taupe-800);
}

sl-tab-group {
  --track-color: var(--taupe-300);
  --indicator-color: var(--taupe-800);
}

sl-tab-group::part(active-tab-indicator) {
  bottom: calc(-1 * var(--track-width) + 2px);
}

sl-tab[active]::part(base) {
  color: var(--taupe-800);
}

sl-textarea {
  --sl-input-border-radius-medium: 0.5rem;
  --sl-input-border-radius-large: 0.5rem;
}
sl-textarea[disabled]::part(form-control-input), sl-textarea:not(sl-input)[disabled]::part(input) {
  opacity: unset !important;
}
sl-textarea {
  --sl-input-border-color: #d9d9d8;
  --sl-input-border-color-hover: var(--taupe-500);
  --sl-input-border-color-disabled: #d9d9d8;
  --sl-focus-ring-color: var(--taupe-700);
  --sl-input-focus-ring-color: var(--taupe-700);
  --sl-select-focus-ring-color: var(--taupe-700);
  --sl-input-border-color-focus: var(--taupe-700);
  --sl-focus-ring-width: 1px;
}
sl-textarea[data-invalid]:not(.pristine) {
  --sl-focus-ring-color: var(--red-500);
  --sl-input-focus-ring-color: var(--red-500);
}
sl-textarea::part(textarea) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
sl-textarea[disabled]::part(textarea) {
  opacity: unset !important;
}

table .medium-input-height {
  height: var(--sl-input-height-medium);
  display: flex;
  align-items: center;
}
table th.vertical-align-top,
table td.vertical-align-top {
  vertical-align: top !important;
}
table tr.light-green {
  background-color: var(--green-100) !important;
}
table tr.light-red {
  background-color: var(--red-200) !important;
}

table.carby-ds {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 0.5rem;
}
table.carby-ds th,
table.carby-ds td {
  padding: 0.5rem;
  vertical-align: middle;
}
table.carby-ds th.right-aligned,
table.carby-ds td.right-aligned {
  text-align: right;
  justify-items: end;
}
table.carby-ds th.left-aligned,
table.carby-ds td.left-aligned {
  text-align: left;
  justify-items: start;
}
table.carby-ds th.center-aligned,
table.carby-ds td.center-aligned {
  text-align: center;
}
table.carby-ds th.p-0,
table.carby-ds td.p-0 {
  padding: 0 !important;
}
table.carby-ds th.nowrap-text,
table.carby-ds td.nowrap-text {
  white-space: nowrap;
}
table.carby-ds td:first-of-type,
table.carby-ds th:first-of-type {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
table.carby-ds td:last-of-type,
table.carby-ds th:last-of-type {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
table.carby-ds thead tr {
  background-color: var(--taupe-100);
}
table.carby-ds tbody tr:nth-of-type(even) {
  background-color: var(--taupe-100);
}
table.carby-ds tbody tr.clickable {
  cursor: pointer;
}
table.carby-ds.cell-vertical-align-top td {
  vertical-align: top;
}
table.carby-ds.cell-vertical-align-bottom td {
  vertical-align: bottom;
}
table.carby-ds.cell-vertical-align-baseline td {
  vertical-align: baseline;
}
table.carby-ds .dynamic-price-field {
  min-width: 13ch;
}
table.carby-ds tr.clickable:hover {
  background-color: var(--carby-ds-hover-color) !important;
}
table.carby-ds tbody.clickable-group:hover tr {
  background-color: var(--carby-ds-hover-color) !important;
}
table.carby-ds tr.py-0 td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
table.carby-ds.color-alternation-inverted thead tr {
  background-color: unset;
}
table.carby-ds.color-alternation-inverted tbody tr:nth-of-type(odd) {
  background-color: var(--taupe-100);
}
table.carby-ds.color-alternation-inverted tbody tr:nth-of-type(even) {
  background-color: unset;
}

table.carby-ds.color-alternation-tbody {
  border-spacing: 0;
}
table.carby-ds.color-alternation-tbody thead tr,
table.carby-ds.color-alternation-tbody tbody tr {
  background-color: unset;
}
table.carby-ds.color-alternation-tbody tbody:nth-of-type(odd) {
  background-color: var(--taupe-100);
}
table.carby-ds.color-alternation-tbody tbody:nth-of-type(even) {
  background-color: unset;
}
table.carby-ds.color-alternation-tbody tbody td {
  border-radius: 0;
}
table.carby-ds.color-alternation-tbody tbody tr:first-child td {
  padding-top: 0.75rem;
}
table.carby-ds.color-alternation-tbody tbody tr:first-child td:first-of-type {
  border-top-left-radius: 0.5rem;
}
table.carby-ds.color-alternation-tbody tbody tr:first-child td:last-of-type {
  border-top-right-radius: 0.5rem;
}
table.carby-ds.color-alternation-tbody tbody tr:last-child td {
  padding-bottom: 0.75rem;
}
table.carby-ds.color-alternation-tbody tbody tr:last-child td:first-of-type {
  border-bottom-left-radius: 0.5rem;
}
table.carby-ds.color-alternation-tbody tbody tr:last-child td:last-of-type {
  border-bottom-right-radius: 0.5rem;
}

table.carby-ds.light-green {
  /* stylelint-disable no-descending-specificity */
}
table.carby-ds.light-green thead tr {
  background-color: unset;
}
table.carby-ds.light-green tbody tr {
  background-color: var(--green-100);
}
table.carby-ds.light-green {
  /* stylelint-enable no-descending-specificity */
}

table.carby-ds.grouped-sections {
  /* stylelint-disable no-descending-specificity */
}
table.carby-ds.grouped-sections tbody.section-header-row tr {
  background-color: transparent !important;
}
table.carby-ds.grouped-sections tbody.section-header-row tr td.section-header {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0;
}
table.carby-ds.grouped-sections tbody.light-green tr {
  background-color: var(--green-100) !important;
}
table.carby-ds.grouped-sections tbody.light-green tr:nth-of-type(odd) {
  background-color: var(--green-100) !important;
}
table.carby-ds.grouped-sections tbody.light-green tr:nth-of-type(even) {
  background-color: var(--green-50) !important;
}
table.carby-ds.grouped-sections {
  /* stylelint-enable no-descending-specificity */
}

table.rounded-row-corners {
  /* stylelint-disable no-descending-specificity */
  border-collapse: separate;
  border-spacing: 0;
}
table.rounded-row-corners td:first-of-type,
table.rounded-row-corners tr:first-of-type {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
table.rounded-row-corners td:last-of-type,
table.rounded-row-corners tr:last-of-type {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
table.rounded-row-corners {
  /* stylelint-enable no-descending-specificity */
}

sl-tag::part(base) {
  font-weight: var(--sl-font-weight-normal);
  gap: 0;
}

sl-tag[variant=neutral]::part(base) {
  background-color: var(--taupe-100);
  border-color: var(--taupe-300);
  color: var(--taupe-800);
}

sl-tag[removable]::part(base) {
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
}

sl-tag::part(content) {
  cursor: pointer;
  border-radius: var(--sl-border-radius-pill) 0 0 var(--sl-border-radius-pill);
  height: 100%;
  padding-inline: 0.625rem 0.5rem;
  display: inline-flex;
  align-items: center;
  transition: background-color var(--sl-transition-fast);
}

sl-tag::part(content):hover {
  background-color: var(--taupe-200);
}

sl-tag::part(remove-button) {
  margin: 0;
  color: var(--taupe-500);
  border-radius: 0 var(--sl-border-radius-pill) var(--sl-border-radius-pill) 0;
  height: 100%;
  padding-inline: 0.375rem;
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  cursor: pointer;
  border-left: 1px solid var(--taupe-300);
  transition: background-color var(--sl-transition-fast), color var(--sl-transition-fast);
}

sl-tag::part(remove-button):hover {
  background-color: var(--taupe-200);
  color: var(--taupe-800);
}

sl-tooltip {
  --sl-tooltip-background-color: #161814;
  --sl-tooltip-color: #ffffff;
  --sl-tooltip-border-radius: 0.5rem;
  --sl-tooltip-padding: 0.5rem 0.75rem;
  --sl-tooltip-font-family: Muoto, sans-serif;
  --sl-tooltip-font-size: var(--sl-font-size-small);
}

#top-nav .workflow-header-divider {
  --spacing: 0;
  height: 1rem;
}

.program-line-item {
  min-height: 2.5rem;
}

.project-photos-container:has(.project-image) {
  --count: 1;
}
.project-photos-container:has(.project-image:nth-child(2)) {
  --count: 2;
}
.project-photos-container:has(.project-image:nth-child(3)) {
  --count: 3;
}
.project-photos-container:has(.project-image:nth-child(4)) {
  --count: 4;
}
.project-photos-container:has(.project-image:nth-child(5)) {
  --count: 5;
}
.project-photos-container:has(.project-image:nth-child(6)) {
  --count: 6;
}
.project-photos-container:has(.project-image:nth-child(7)) {
  --count: 7;
}

.project-image {
  position: relative;
  height: 14rem;
  cursor: pointer;
  overflow: hidden;
  width: min(100% / var(--count), 280px);
  transition: width 0.15s ease-in-out;
}
.project-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.project-image .project-name {
  visibility: hidden;
  opacity: 0;
}
.project-image.active {
  width: max(100% / var(--count) * 3, 696px);
}
.project-image.active .project-name {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.2s linear;
  position: absolute;
  left: 0.25rem;
  bottom: 0.25rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.625rem 1rem;
  color: var(--slate-0);
}

nav.carby-ds {
  background-color: var(--slate-0);
  border-bottom: 1px solid var(--taupe-300);
  position: sticky;
  top: 0;
  z-index: 550;
  height: 4.5rem;
}

html.sl-scroll-lock nav.carby-ds {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

nav .navigation-bar {
  height: var(--size-component-base);
}

.nav-logo {
  width: 1.875rem;
  height: 1.875rem;
  color: var(--taupe-900);
}

.nav-source-search {
  width: 360px;
}
.nav-source-search sl-input {
  --sl-input-height-medium: var(--size-component-base);
}

.nav-source-search-divider {
  display: block;
  width: 1px;
  height: 16px;
  background-color: var(--taupe-300);
  border-radius: 99px;
  flex-shrink: 0;
}

@media screen and (max-width: 1200px) {
  .nav-source-search,
  .nav-source-search-divider {
    display: none;
  }
}
.agriculture-image-background {
  position: relative;
}
.agriculture-image-background::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  background-color: var(--taupe-300);
  mask-repeat: no-repeat;
  mask-position: 95%;
  -webkit-mask-image: url(//cdn.patch.io/assets/mesh_illustrations/agriculture_1-e64379aace1b38f1c34919277df21fae203aa2a3aa88a746a04da8501cdb695b.svg);
  mask-image: url(//cdn.patch.io/assets/mesh_illustrations/agriculture_1-e64379aace1b38f1c34919277df21fae203aa2a3aa88a746a04da8501cdb695b.svg);
}
.agriculture-image-background.z-index-zero::before {
  z-index: 0;
}
.agriculture-image-background::before {
  width: 393px;
  height: 670px;
}

.mineralization-image-background {
  position: relative;
}
.mineralization-image-background::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  background-color: var(--taupe-300);
  mask-repeat: no-repeat;
  mask-position: 95%;
  -webkit-mask-image: url(//cdn.patch.io/assets/mesh_illustrations/mineralization_2_rotated_180-31bbe123e0539606c82b7fde69c629573f5edd3d762a625302f09272223e0d44.svg);
  mask-image: url(//cdn.patch.io/assets/mesh_illustrations/mineralization_2_rotated_180-31bbe123e0539606c82b7fde69c629573f5edd3d762a625302f09272223e0d44.svg);
}
.mineralization-image-background.z-index-zero::before {
  z-index: 0;
}
.mineralization-image-background::before {
  left: 58%;
  mask-position: 50%;
  width: 312px;
  height: 738px;
}

.dac-image-background {
  position: relative;
}
.dac-image-background::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  background-color: var(--taupe-300);
  mask-repeat: no-repeat;
  mask-position: 95%;
  -webkit-mask-image: url(//cdn.patch.io/assets/mesh_illustrations/dac_1_with_molecules-892ee834381108680a07a98ce143c09f310597a8d12b085fcec0b286f64a9fed.svg);
  mask-image: url(//cdn.patch.io/assets/mesh_illustrations/dac_1_with_molecules-892ee834381108680a07a98ce143c09f310597a8d12b085fcec0b286f64a9fed.svg);
}
.dac-image-background.z-index-zero::before {
  z-index: 0;
}
.dac-image-background::before {
  left: 54%;
  width: 853px;
  height: 748px;
}

.forestry-image-background {
  position: relative;
}
.forestry-image-background::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  background-color: var(--taupe-300);
  mask-repeat: no-repeat;
  mask-position: 95%;
  -webkit-mask-image: url(//cdn.patch.io/assets/mesh_illustrations/tree_1-c9b1878dc1300602d7b720649fbdc4d9c598c306806094f0a348e04a6d96555e.svg);
  mask-image: url(//cdn.patch.io/assets/mesh_illustrations/tree_1-c9b1878dc1300602d7b720649fbdc4d9c598c306806094f0a348e04a6d96555e.svg);
}
.forestry-image-background.z-index-zero::before {
  z-index: 0;
}
.forestry-image-background::before {
  width: 650px;
  height: 870px;
}

.blue-carbon-image-background {
  position: relative;
}
.blue-carbon-image-background::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  background-color: var(--taupe-300);
  mask-repeat: no-repeat;
  mask-position: 95%;
  -webkit-mask-image: url(//cdn.patch.io/assets/mesh_illustrations/kelp_1-1043c0378d292fb720d3f48d229e9bfc1679752a63576179b43ad3e335327f6d.svg);
  mask-image: url(//cdn.patch.io/assets/mesh_illustrations/kelp_1-1043c0378d292fb720d3f48d229e9bfc1679752a63576179b43ad3e335327f6d.svg);
}
.blue-carbon-image-background.z-index-zero::before {
  z-index: 0;
}
.blue-carbon-image-background::before {
  width: 648px;
  height: 852px;
}

.biomass-image-background {
  position: relative;
}
.biomass-image-background::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  background-color: var(--taupe-300);
  mask-repeat: no-repeat;
  mask-position: 95%;
  -webkit-mask-image: url(//cdn.patch.io/assets/mesh_illustrations/biochar_1-59f6930d3f939a7294fa6d91795b030018dc6d2fbe452286f864d0f639b0585a.svg);
  mask-image: url(//cdn.patch.io/assets/mesh_illustrations/biochar_1-59f6930d3f939a7294fa6d91795b030018dc6d2fbe452286f864d0f639b0585a.svg);
}
.biomass-image-background.z-index-zero::before {
  z-index: 0;
}
.biomass-image-background::before {
  width: 593px;
  height: 670px;
}

.gas-capture-image-background {
  position: relative;
}
.gas-capture-image-background::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  background-color: var(--taupe-300);
  mask-repeat: no-repeat;
  mask-position: 95%;
  -webkit-mask-image: url(//cdn.patch.io/assets/mesh_illustrations/landfill_gas_capture-1c0c976c76b92cf8745685b0bf8c6fb0a4ffc0392ca4668d2efde7bb49f6416b.svg);
  mask-image: url(//cdn.patch.io/assets/mesh_illustrations/landfill_gas_capture-1c0c976c76b92cf8745685b0bf8c6fb0a4ffc0392ca4668d2efde7bb49f6416b.svg);
}
.gas-capture-image-background.z-index-zero::before {
  z-index: 0;
}
.gas-capture-image-background::before {
  left: 56%;
  width: 680px;
  height: 1000px;
}

.cds-inset-container {
  max-width: 1000px;
  margin: 0 auto;
}

.fill-available-height {
  min-height: -webkit-fill-available;
}

.cds-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.cds-grid-wrapper .span-cds-grid-column-1 {
  grid-column: span 1;
}
.cds-grid-wrapper .span-cds-grid-column-2 {
  grid-column: span 2;
}
.cds-grid-wrapper .span-cds-grid-column-3 {
  grid-column: span 3;
}
.cds-grid-wrapper .span-cds-grid-column-4 {
  grid-column: span 4;
}
.cds-grid-wrapper .span-cds-grid-column-5 {
  grid-column: span 5;
}
.cds-grid-wrapper .span-cds-grid-column-6 {
  grid-column: span 6;
}
.cds-grid-wrapper .span-cds-grid-column-7 {
  grid-column: span 7;
}
.cds-grid-wrapper .span-cds-grid-column-8 {
  grid-column: span 8;
}
.cds-grid-wrapper .span-cds-grid-column-9 {
  grid-column: span 9;
}
.cds-grid-wrapper .span-cds-grid-column-10 {
  grid-column: span 10;
}
.cds-grid-wrapper .span-cds-grid-column-11 {
  grid-column: span 11;
}
.cds-grid-wrapper .span-cds-grid-column-12 {
  grid-column: span 12;
}
.cds-grid-wrapper .span-cds-grid-row-2 {
  grid-row: span 2;
}
.cds-grid-wrapper .span-cds-grid-row-3 {
  grid-row: span 3;
}
.cds-grid-wrapper .span-cds-grid-row-4 {
  grid-row: span 4;
}
.cds-grid-wrapper .span-cds-grid-row-5 {
  grid-row: span 5;
}
.cds-grid-wrapper .span-cds-grid-row-6 {
  grid-row: span 6;
}

:root {
  --blue-50: #f1f9ff;
  --blue-100: #e8f5ff;
  --blue-200: #b8e2ff;
  --blue-300: #b8e2ff;
  --blue-400: #94d3ff;
  --blue-500: #6cc3ff;
  --blue-600: #369ee5;
  --blue-700: #187cc0;
  --blue-800: #04568e;
  --blue-900: #001f33;
  --forest-100: #f9fcfb;
  --forest-200: #eaf5f2;
  --forest-300: #dcede9;
  --forest-400: #c1e0d8;
  --forest-500: #83c1b1;
  --forest-600: #48a48d;
  --forest-700: #25856d;
  --forest-800: #1d6755;
  --forest-900: #154d3f;
  --forest-1000: #0f352c;
  --forest-1100: #081e19;
  --forest-1200: #030a09;
  --green-50: #f9faf5;
  --green-100: #eef0e7;
  --green-200: #dadecb;
  --green-300: #b2ba9b;
  --green-400: #8b9769;
  --green-500: #788553;
  --green-600: #788553;
  --green-700: #5b663d;
  --green-800: #2f4000;
  --green-900: #222e00;
  --orange-50: #fffaf8;
  --orange-100: #fff7f4;
  --orange-200: #ffefe8;
  --orange-300: #f2c9b8;
  --orange-400: #f2a17e;
  --orange-500: #f48c60;
  --orange-600: #ea642b;
  --orange-700: #d84d12;
  --orange-800: #b9400c;
  --periwinkle-400: #8e9ef5;
  --red-50: #fef5f5;
  --red-200: #fcd9d9;
  --red-500: #f36869;
  --red-700: #d04647;
  --red-800: #7a292a;
  --red-900: #541c1d;
  --slate-0: #ffffff;
  --slate-50: #fbfbfb;
  --slate-100: #f7f7f7;
  --slate-200: #eeeded;
  --slate-300: #dbdbdb;
  --slate-400: #ceccca;
  --slate-500: #ceccca;
  --slate-600: #a5a4a1;
  --slate-700: #91908d;
  --slate-800: #3e3f3c;
  --slate-900: #161814;
  --taupe-50: #fcfbf9;
  --taupe-100: #f9f7f3;
  --taupe-150: #f6f3ed;
  --taupe-200: #f2efe6;
  --taupe-300: #e0dcd1;
  --taupe-400: #bfb6a3;
  --taupe-500: #b2aa92;
  --taupe-600: #998f77;
  --taupe-700: #5c5443;
  --taupe-800: #2b261c;
  --taupe-900: #1f1707;
  --yellow-50: #fcfbeb;
  --yellow-100: #fdf8c5;
  --yellow-200: #fcf39e;
  --yellow-300: #fbec6d;
  --yellow-400: #f8e00c;
  --yellow-500: #f1c501;
  --yellow-600: #e0b000;
  --yellow-700: #cb8e00;
  --yellow-800: #915c00;
  --yellow-900: #331e00;
  --size-component-base: 2.5rem;
  --size-icon-xsmall: 0.75rem;
  --size-icon-small: 1rem;
  --size-icon-medium: 1.25rem;
  --size-icon-large: 1.5rem;
  --size-icon-xlarge: 2rem;
  --size-icon-xxlarge: 2.5rem;
  --carby-ds-active-color: #e0dcd1;
  --carby-ds-hover-color: #f2efe6;
  --bulma-strong-weight: 600;
  --sl-focus-ring-color: #161814;
}

.is-text-align-center {
  text-align: center !important;
}

.is-text-align-right {
  text-align: right !important;
}

.disable-pointer-events {
  pointer-events: none;
}

.is-sl-medium-button-height {
  min-height: var(--sl-input-height-medium) !important;
}

.no-link-underline a {
  text-decoration-line: none !important;
}

a.link-underline-hover {
  text-decoration-line: none;
}
a.link-underline-hover:hover:not(:disabled) {
  text-decoration-line: underline;
}

.underline {
  text-decoration: underline;
}

.underline-dashed {
  text-decoration: underline;
  text-decoration-style: dashed;
}

.hover-no-underline:hover:not(:disabled) {
  text-decoration: none;
}

.border-top {
  border-top: 1px solid #d9d9d8;
}

.border-bottom {
  border-bottom: 1px solid #d9d9d8;
}

.border-left-small {
  border-left: 0.2rem solid #d9d9d8;
}

.width-fit-content {
  width: fit-content;
}

.vertical-align-middle {
  vertical-align: middle;
}

.hidden {
  display: none !important;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wrap-text {
  overflow-wrap: break-word;
  white-space: normal;
}

.max-width-4rem {
  max-width: 4rem;
}

.max-width-8-5rem {
  max-width: 8.5rem;
}

.row-spacing {
  border-bottom: 0.5rem solid var(--slate-0);
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.z-index-base {
  z-index: 0;
  position: relative;
}

:root,
:host,
.sl-theme-light {
  color-scheme: light;
  --sl-color-gray-50: hsl(0 0% 97.5%);
  --sl-color-gray-100: hsl(240 4.8% 95.9%);
  --sl-color-gray-200: hsl(240 5.9% 90%);
  --sl-color-gray-300: hsl(240 4.9% 83.9%);
  --sl-color-gray-400: hsl(240 5% 64.9%);
  --sl-color-gray-500: hsl(240 3.8% 46.1%);
  --sl-color-gray-600: hsl(240 5.2% 33.9%);
  --sl-color-gray-700: hsl(240 5.3% 26.1%);
  --sl-color-gray-800: hsl(240 3.7% 15.9%);
  --sl-color-gray-900: hsl(240 5.9% 10%);
  --sl-color-gray-950: hsl(240 7.3% 8%);
  --sl-color-red-50: hsl(0 85.7% 97.3%);
  --sl-color-red-100: hsl(0 93.3% 94.1%);
  --sl-color-red-200: hsl(0 96.3% 89.4%);
  --sl-color-red-300: hsl(0 93.5% 81.8%);
  --sl-color-red-400: hsl(0 90.6% 70.8%);
  --sl-color-red-500: hsl(0 84.2% 60.2%);
  --sl-color-red-600: hsl(0 72.2% 50.6%);
  --sl-color-red-700: hsl(0 73.7% 41.8%);
  --sl-color-red-800: hsl(0 70% 35.3%);
  --sl-color-red-900: hsl(0 62.8% 30.6%);
  --sl-color-red-950: hsl(0 60% 19.6%);
  --sl-color-orange-50: hsl(33.3 100% 96.5%);
  --sl-color-orange-100: hsl(34.3 100% 91.8%);
  --sl-color-orange-200: hsl(32.1 97.7% 83.1%);
  --sl-color-orange-300: hsl(30.7 97.2% 72.4%);
  --sl-color-orange-400: hsl(27 96% 61%);
  --sl-color-orange-500: hsl(24.6 95% 53.1%);
  --sl-color-orange-600: hsl(20.5 90.2% 48.2%);
  --sl-color-orange-700: hsl(17.5 88.3% 40.4%);
  --sl-color-orange-800: hsl(15 79.1% 33.7%);
  --sl-color-orange-900: hsl(15.3 74.6% 27.8%);
  --sl-color-orange-950: hsl(15.2 69.1% 19%);
  --sl-color-amber-50: hsl(48 100% 96.1%);
  --sl-color-amber-100: hsl(48 96.5% 88.8%);
  --sl-color-amber-200: hsl(48 96.6% 76.7%);
  --sl-color-amber-300: hsl(45.9 96.7% 64.5%);
  --sl-color-amber-400: hsl(43.3 96.4% 56.3%);
  --sl-color-amber-500: hsl(37.7 92.1% 50.2%);
  --sl-color-amber-600: hsl(32.1 94.6% 43.7%);
  --sl-color-amber-700: hsl(26 90.5% 37.1%);
  --sl-color-amber-800: hsl(22.7 82.5% 31.4%);
  --sl-color-amber-900: hsl(21.7 77.8% 26.5%);
  --sl-color-amber-950: hsl(22.9 74.1% 16.7%);
  --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);
  --sl-color-yellow-100: hsl(54.9 96.7% 88%);
  --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);
  --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);
  --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);
  --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);
  --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);
  --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);
  --sl-color-yellow-800: hsl(31.8 81% 28.8%);
  --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);
  --sl-color-yellow-950: hsl(33.1 69% 13.9%);
  --sl-color-lime-50: hsl(78.3 92% 95.1%);
  --sl-color-lime-100: hsl(79.6 89.1% 89.2%);
  --sl-color-lime-200: hsl(80.9 88.5% 79.6%);
  --sl-color-lime-300: hsl(82 84.5% 67.1%);
  --sl-color-lime-400: hsl(82.7 78% 55.5%);
  --sl-color-lime-500: hsl(83.7 80.5% 44.3%);
  --sl-color-lime-600: hsl(84.8 85.2% 34.5%);
  --sl-color-lime-700: hsl(85.9 78.4% 27.3%);
  --sl-color-lime-800: hsl(86.3 69% 22.7%);
  --sl-color-lime-900: hsl(87.6 61.2% 20.2%);
  --sl-color-lime-950: hsl(86.5 60.6% 13.9%);
  --sl-color-green-50: hsl(138.5 76.5% 96.7%);
  --sl-color-green-100: hsl(140.6 84.2% 92.5%);
  --sl-color-green-200: hsl(141 78.9% 85.1%);
  --sl-color-green-300: hsl(141.7 76.6% 73.1%);
  --sl-color-green-400: hsl(141.9 69.2% 58%);
  --sl-color-green-500: hsl(142.1 70.6% 45.3%);
  --sl-color-green-600: hsl(142.1 76.2% 36.3%);
  --sl-color-green-700: hsl(142.4 71.8% 29.2%);
  --sl-color-green-800: hsl(142.8 64.2% 24.1%);
  --sl-color-green-900: hsl(143.8 61.2% 20.2%);
  --sl-color-green-950: hsl(144.3 60.7% 12%);
  --sl-color-emerald-50: hsl(151.8 81% 95.9%);
  --sl-color-emerald-100: hsl(149.3 80.4% 90%);
  --sl-color-emerald-200: hsl(152.4 76% 80.4%);
  --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);
  --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);
  --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);
  --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);
  --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);
  --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);
  --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);
  --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);
  --sl-color-teal-50: hsl(166.2 76.5% 96.7%);
  --sl-color-teal-100: hsl(167.2 85.5% 89.2%);
  --sl-color-teal-200: hsl(168.4 83.8% 78.2%);
  --sl-color-teal-300: hsl(170.6 76.9% 64.3%);
  --sl-color-teal-400: hsl(172.5 66% 50.4%);
  --sl-color-teal-500: hsl(173.4 80.4% 40%);
  --sl-color-teal-600: hsl(174.7 83.9% 31.6%);
  --sl-color-teal-700: hsl(175.3 77.4% 26.1%);
  --sl-color-teal-800: hsl(176.1 69.4% 21.8%);
  --sl-color-teal-900: hsl(175.9 60.8% 19%);
  --sl-color-teal-950: hsl(176.5 58.6% 11.4%);
  --sl-color-cyan-50: hsl(183.2 100% 96.3%);
  --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);
  --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);
  --sl-color-cyan-300: hsl(187 92.4% 69%);
  --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);
  --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);
  --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);
  --sl-color-cyan-700: hsl(192.9 82.3% 31%);
  --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);
  --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);
  --sl-color-cyan-950: hsl(196.8 61% 16.1%);
  --sl-color-sky-50: hsl(204 100% 97.1%);
  --sl-color-sky-100: hsl(204 93.8% 93.7%);
  --sl-color-sky-200: hsl(200.6 94.4% 86.1%);
  --sl-color-sky-300: hsl(199.4 95.5% 73.9%);
  --sl-color-sky-400: hsl(198.4 93.2% 59.6%);
  --sl-color-sky-500: hsl(198.6 88.7% 48.4%);
  --sl-color-sky-600: hsl(200.4 98% 39.4%);
  --sl-color-sky-700: hsl(201.3 96.3% 32.2%);
  --sl-color-sky-800: hsl(201 90% 27.5%);
  --sl-color-sky-900: hsl(202 80.3% 23.9%);
  --sl-color-sky-950: hsl(202.3 73.8% 16.5%);
  --sl-color-blue-50: hsl(213.8 100% 96.9%);
  --sl-color-blue-100: hsl(214.3 94.6% 92.7%);
  --sl-color-blue-200: hsl(213.3 96.9% 87.3%);
  --sl-color-blue-300: hsl(211.7 96.4% 78.4%);
  --sl-color-blue-400: hsl(213.1 93.9% 67.8%);
  --sl-color-blue-500: hsl(217.2 91.2% 59.8%);
  --sl-color-blue-600: hsl(221.2 83.2% 53.3%);
  --sl-color-blue-700: hsl(224.3 76.3% 48%);
  --sl-color-blue-800: hsl(225.9 70.7% 40.2%);
  --sl-color-blue-900: hsl(224.4 64.3% 32.9%);
  --sl-color-blue-950: hsl(226.2 55.3% 18.4%);
  --sl-color-indigo-50: hsl(225.9 100% 96.7%);
  --sl-color-indigo-100: hsl(226.5 100% 93.9%);
  --sl-color-indigo-200: hsl(228 96.5% 88.8%);
  --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);
  --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);
  --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);
  --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);
  --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);
  --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);
  --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);
  --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);
  --sl-color-violet-50: hsl(250 100% 97.6%);
  --sl-color-violet-100: hsl(251.4 91.3% 95.5%);
  --sl-color-violet-200: hsl(250.5 95.2% 91.8%);
  --sl-color-violet-300: hsl(252.5 94.7% 85.1%);
  --sl-color-violet-400: hsl(255.1 91.7% 76.3%);
  --sl-color-violet-500: hsl(258.3 89.5% 66.3%);
  --sl-color-violet-600: hsl(262.1 83.3% 57.8%);
  --sl-color-violet-700: hsl(263.4 70% 50.4%);
  --sl-color-violet-800: hsl(263.4 69.3% 42.2%);
  --sl-color-violet-900: hsl(263.5 67.4% 34.9%);
  --sl-color-violet-950: hsl(265.1 61.5% 21.4%);
  --sl-color-purple-50: hsl(270 100% 98%);
  --sl-color-purple-100: hsl(268.7 100% 95.5%);
  --sl-color-purple-200: hsl(268.6 100% 91.8%);
  --sl-color-purple-300: hsl(269.2 97.4% 85.1%);
  --sl-color-purple-400: hsl(270 95.2% 75.3%);
  --sl-color-purple-500: hsl(270.7 91% 65.1%);
  --sl-color-purple-600: hsl(271.5 81.3% 55.9%);
  --sl-color-purple-700: hsl(272.1 71.7% 47.1%);
  --sl-color-purple-800: hsl(272.9 67.2% 39.4%);
  --sl-color-purple-900: hsl(273.6 65.6% 32%);
  --sl-color-purple-950: hsl(276 59.5% 16.5%);
  --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);
  --sl-color-fuchsia-100: hsl(287 100% 95.5%);
  --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);
  --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);
  --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);
  --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);
  --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);
  --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);
  --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);
  --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);
  --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);
  --sl-color-pink-50: hsl(327.3 73.3% 97.1%);
  --sl-color-pink-100: hsl(325.7 77.8% 94.7%);
  --sl-color-pink-200: hsl(325.9 84.6% 89.8%);
  --sl-color-pink-300: hsl(327.4 87.1% 81.8%);
  --sl-color-pink-400: hsl(328.6 85.5% 70.2%);
  --sl-color-pink-500: hsl(330.4 81.2% 60.4%);
  --sl-color-pink-600: hsl(333.3 71.4% 50.6%);
  --sl-color-pink-700: hsl(335.1 77.6% 42%);
  --sl-color-pink-800: hsl(335.8 74.4% 35.3%);
  --sl-color-pink-900: hsl(335.9 69% 30.4%);
  --sl-color-pink-950: hsl(336.2 65.4% 15.9%);
  --sl-color-rose-50: hsl(355.7 100% 97.3%);
  --sl-color-rose-100: hsl(355.6 100% 94.7%);
  --sl-color-rose-200: hsl(352.7 96.1% 90%);
  --sl-color-rose-300: hsl(352.6 95.7% 81.8%);
  --sl-color-rose-400: hsl(351.3 94.5% 71.4%);
  --sl-color-rose-500: hsl(349.7 89.2% 60.2%);
  --sl-color-rose-600: hsl(346.8 77.2% 49.8%);
  --sl-color-rose-700: hsl(345.3 82.7% 40.8%);
  --sl-color-rose-800: hsl(343.4 79.7% 34.7%);
  --sl-color-rose-900: hsl(341.5 75.5% 30.4%);
  --sl-color-rose-950: hsl(341.3 70.1% 17.1%);
  --sl-color-primary-50: var(--sl-color-sky-50);
  --sl-color-primary-100: var(--sl-color-sky-100);
  --sl-color-primary-200: var(--sl-color-sky-200);
  --sl-color-primary-300: var(--sl-color-sky-300);
  --sl-color-primary-400: var(--sl-color-sky-400);
  --sl-color-primary-500: var(--sl-color-sky-500);
  --sl-color-primary-600: var(--sl-color-sky-600);
  --sl-color-primary-700: var(--sl-color-sky-700);
  --sl-color-primary-800: var(--sl-color-sky-800);
  --sl-color-primary-900: var(--sl-color-sky-900);
  --sl-color-primary-950: var(--sl-color-sky-950);
  --sl-color-success-50: var(--sl-color-green-50);
  --sl-color-success-100: var(--sl-color-green-100);
  --sl-color-success-200: var(--sl-color-green-200);
  --sl-color-success-300: var(--sl-color-green-300);
  --sl-color-success-400: var(--sl-color-green-400);
  --sl-color-success-500: var(--sl-color-green-500);
  --sl-color-success-600: var(--sl-color-green-600);
  --sl-color-success-700: var(--sl-color-green-700);
  --sl-color-success-800: var(--sl-color-green-800);
  --sl-color-success-900: var(--sl-color-green-900);
  --sl-color-success-950: var(--sl-color-green-950);
  --sl-color-warning-50: var(--sl-color-amber-50);
  --sl-color-warning-100: var(--sl-color-amber-100);
  --sl-color-warning-200: var(--sl-color-amber-200);
  --sl-color-warning-300: var(--sl-color-amber-300);
  --sl-color-warning-400: var(--sl-color-amber-400);
  --sl-color-warning-500: var(--sl-color-amber-500);
  --sl-color-warning-600: var(--sl-color-amber-600);
  --sl-color-warning-700: var(--sl-color-amber-700);
  --sl-color-warning-800: var(--sl-color-amber-800);
  --sl-color-warning-900: var(--sl-color-amber-900);
  --sl-color-warning-950: var(--sl-color-amber-950);
  --sl-color-danger-50: var(--sl-color-red-50);
  --sl-color-danger-100: var(--sl-color-red-100);
  --sl-color-danger-200: var(--sl-color-red-200);
  --sl-color-danger-300: var(--sl-color-red-300);
  --sl-color-danger-400: var(--sl-color-red-400);
  --sl-color-danger-500: var(--sl-color-red-500);
  --sl-color-danger-600: var(--sl-color-red-600);
  --sl-color-danger-700: var(--sl-color-red-700);
  --sl-color-danger-800: var(--sl-color-red-800);
  --sl-color-danger-900: var(--sl-color-red-900);
  --sl-color-danger-950: var(--sl-color-red-950);
  --sl-color-neutral-50: var(--sl-color-gray-50);
  --sl-color-neutral-100: var(--sl-color-gray-100);
  --sl-color-neutral-200: var(--sl-color-gray-200);
  --sl-color-neutral-300: var(--sl-color-gray-300);
  --sl-color-neutral-400: var(--sl-color-gray-400);
  --sl-color-neutral-500: var(--sl-color-gray-500);
  --sl-color-neutral-600: var(--sl-color-gray-600);
  --sl-color-neutral-700: var(--sl-color-gray-700);
  --sl-color-neutral-800: var(--sl-color-gray-800);
  --sl-color-neutral-900: var(--sl-color-gray-900);
  --sl-color-neutral-950: var(--sl-color-gray-950);
  --sl-color-neutral-0: hsl(0, 0%, 100%);
  --sl-color-neutral-1000: hsl(0, 0%, 0%);
  --sl-border-radius-small: 0.1875rem;
  --sl-border-radius-medium: 0.25rem;
  --sl-border-radius-large: 0.5rem;
  --sl-border-radius-x-large: 1rem;
  --sl-border-radius-circle: 50%;
  --sl-border-radius-pill: 9999px;
  --sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
  --sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
  --sl-spacing-3x-small: 0.125rem;
  --sl-spacing-2x-small: 0.25rem;
  --sl-spacing-x-small: 0.5rem;
  --sl-spacing-small: 0.75rem;
  --sl-spacing-medium: 1rem;
  --sl-spacing-large: 1.25rem;
  --sl-spacing-x-large: 1.75rem;
  --sl-spacing-2x-large: 2.25rem;
  --sl-spacing-3x-large: 3rem;
  --sl-spacing-4x-large: 4.5rem;
  --sl-transition-x-slow: 1000ms;
  --sl-transition-slow: 500ms;
  --sl-transition-medium: 250ms;
  --sl-transition-fast: 150ms;
  --sl-transition-x-fast: 50ms;
  --sl-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  --sl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --sl-font-serif: Georgia, "Times New Roman", serif;
  --sl-font-size-2x-small: 0.625rem;
  --sl-font-size-x-small: 0.75rem;
  --sl-font-size-small: 0.875rem;
  --sl-font-size-medium: 1rem;
  --sl-font-size-large: 1.25rem;
  --sl-font-size-x-large: 1.5rem;
  --sl-font-size-2x-large: 2.25rem;
  --sl-font-size-3x-large: 3rem;
  --sl-font-size-4x-large: 4.5rem;
  --sl-font-weight-light: 300;
  --sl-font-weight-normal: 400;
  --sl-font-weight-semibold: 500;
  --sl-font-weight-bold: 700;
  --sl-letter-spacing-denser: -0.03em;
  --sl-letter-spacing-dense: -0.015em;
  --sl-letter-spacing-normal: normal;
  --sl-letter-spacing-loose: 0.075em;
  --sl-letter-spacing-looser: 0.15em;
  --sl-line-height-denser: 1;
  --sl-line-height-dense: 1.4;
  --sl-line-height-normal: 1.8;
  --sl-line-height-loose: 2.2;
  --sl-line-height-looser: 2.6;
  --sl-focus-ring-color: var(--sl-color-primary-600);
  --sl-focus-ring-style: solid;
  --sl-focus-ring-width: 3px;
  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width)
    var(--sl-focus-ring-color);
  --sl-focus-ring-offset: 1px;
  --sl-button-font-size-small: var(--sl-font-size-x-small);
  --sl-button-font-size-medium: var(--sl-font-size-small);
  --sl-button-font-size-large: var(--sl-font-size-medium);
  --sl-input-height-small: 1.875rem;
  --sl-input-height-medium: 2.5rem;
  --sl-input-height-large: 3.125rem;
  --sl-input-background-color: var(--sl-color-neutral-0);
  --sl-input-background-color-hover: var(--sl-input-background-color);
  --sl-input-background-color-focus: var(--sl-input-background-color);
  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-border-color: var(--sl-color-neutral-300);
  --sl-input-border-color-hover: var(--sl-color-neutral-400);
  --sl-input-border-color-focus: var(--sl-color-primary-500);
  --sl-input-border-color-disabled: var(--sl-color-neutral-300);
  --sl-input-border-width: 1px;
  --sl-input-required-content: "*";
  --sl-input-required-content-offset: -2px;
  --sl-input-required-content-color: var(--sl-input-label-color);
  --sl-input-border-radius-small: var(--sl-border-radius-medium);
  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
  --sl-input-border-radius-large: var(--sl-border-radius-medium);
  --sl-input-font-family: var(--sl-font-sans);
  --sl-input-font-weight: var(--sl-font-weight-normal);
  --sl-input-font-size-small: var(--sl-font-size-small);
  --sl-input-font-size-medium: var(--sl-font-size-medium);
  --sl-input-font-size-large: var(--sl-font-size-large);
  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
  --sl-input-color: var(--sl-color-neutral-700);
  --sl-input-color-hover: var(--sl-color-neutral-700);
  --sl-input-color-focus: var(--sl-color-neutral-700);
  --sl-input-color-disabled: var(--sl-color-neutral-900);
  --sl-input-icon-color: var(--sl-color-neutral-500);
  --sl-input-icon-color-hover: var(--sl-color-neutral-600);
  --sl-input-icon-color-focus: var(--sl-color-neutral-600);
  --sl-input-placeholder-color: var(--sl-color-neutral-500);
  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
  --sl-input-spacing-small: var(--sl-spacing-small);
  --sl-input-spacing-medium: var(--sl-spacing-medium);
  --sl-input-spacing-large: var(--sl-spacing-large);
  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
  --sl-input-focus-ring-offset: 0;
  --sl-input-filled-background-color: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-filled-color: var(--sl-color-neutral-800);
  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
  --sl-input-label-font-size-small: var(--sl-font-size-small);
  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
  --sl-input-label-font-size-large: var(--sl-font-size-large);
  --sl-input-label-color: inherit;
  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
  --sl-input-help-text-color: var(--sl-color-neutral-500);
  --sl-toggle-size-small: 0.875rem;
  --sl-toggle-size-medium: 1.125rem;
  --sl-toggle-size-large: 1.375rem;
  --sl-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
  --sl-panel-background-color: var(--sl-color-neutral-0);
  --sl-panel-border-color: var(--sl-color-neutral-200);
  --sl-panel-border-width: 1px;
  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
  --sl-tooltip-background-color: var(--sl-color-neutral-800);
  --sl-tooltip-color: var(--sl-color-neutral-0);
  --sl-tooltip-font-family: var(--sl-font-sans);
  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
  --sl-tooltip-font-size: var(--sl-font-size-small);
  --sl-tooltip-line-height: var(--sl-line-height-dense);
  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
  --sl-tooltip-arrow-size: 6px;
  --sl-z-index-drawer: 700;
  --sl-z-index-dialog: 800;
  --sl-z-index-dropdown: 900;
  --sl-z-index-toast: 950;
  --sl-z-index-tooltip: 1000;
}

@supports (scrollbar-gutter: stable) {
  .sl-scroll-lock {
    scrollbar-gutter: var(--sl-scroll-lock-gutter) !important;
  }
  .sl-scroll-lock body {
    overflow: hidden !important;
  }
}
@supports not (scrollbar-gutter: stable) {
  .sl-scroll-lock body {
    padding-right: var(--sl-scroll-lock-size) !important;
    overflow: hidden !important;
  }
}
.sl-toast-stack {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  z-index: var(--sl-z-index-toast);
  width: 28rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

.sl-toast-stack sl-alert {
  margin: var(--sl-spacing-medium);
}

.sl-toast-stack sl-alert::part(base) {
  box-shadow: var(--sl-shadow-large);
}

html,
body {
  min-height: 100vh;
  text-align: left;
}

#top-nav {
  background: #ffffff;
  border-bottom: 1px solid #eaeae9;
  padding: 1rem 0rem;
  position: sticky;
  width: 100%;
  top: 0;
  height: 4.5rem;
  z-index: 550;
}
#top-nav.projects {
  padding: 0.75rem 0rem;
}
#top-nav .nav-content {
  padding: 0 2rem;
  margin: 0 auto;
}
#top-nav .nav-content .nav-links {
  display: flex;
}
#top-nav a {
  margin: 0;
  color: inherit;
}
#top-nav.nav-hidden {
  display: none;
}
#top-nav.single-banner-spacing {
  top: 2.5rem;
}
#top-nav.no-border {
  border: none;
}
#top-nav.not-fixed {
  position: absolute;
}
#top-nav nav#nav-links ul li {
  display: inline-block;
}
#top-nav nav#nav-links ul li:not(:last-child) {
  margin-right: 0.625rem;
}
#top-nav .logo {
  margin-right: 1.25rem;
  height: 2rem;
}
#top-nav .logo svg {
  height: 2rem;
}
#top-nav .logo.small {
  height: 1.5rem;
}
#top-nav .logo.small svg {
  height: 1.5rem;
}
#top-nav {
  /* stylelint-disable no-descending-specificity */
}
#top-nav .dropdown {
  vertical-align: baseline;
}
#top-nav .dropdown .menu-item .active {
  font-weight: 550;
}
#top-nav .dropdown .menu-item.active {
  background: #f2f2f1;
}
#top-nav .dropdown .dropdown-menu ul li {
  display: list-item !important;
}

#sub-nav {
  background: #fbfbfb;
  border-bottom: 1px solid #eaeae9;
}
#sub-nav.no-background {
  background: none;
  border: none;
}
#sub-nav .sub-nav-content {
  padding: 0 2rem;
  margin: 0 auto;
  display: flex;
}
#sub-nav .sub-nav-content .disabled-nav-link {
  padding: 0.625rem 0;
  margin-right: 1.25rem;
  color: #767773;
}
#sub-nav .sub-nav-content a {
  font-feature-settings: "pnum" on, "lnum" on;
  padding: 0.625rem 0;
  margin-right: 1.25rem;
  color: #434640;
}
#sub-nav .sub-nav-content a:hover {
  color: #1a1b17;
  border-bottom: 2px solid #1a1b17;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05));
}
#sub-nav .sub-nav-content a.active {
  font-feature-settings: "pnum" on, "lnum" on;
  color: #1a1b17;
  border-bottom: 2px solid #1a1b17;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05));
}
#sub-nav .breadcrumb {
  padding: 0 2rem;
  margin: 0 auto;
  color: #2d302a;
}
#sub-nav .breadcrumb:not(:last-child) {
  margin-bottom: 1em;
}
#sub-nav .breadcrumb.with-actions {
  margin: 0.25rem 0;
}
#sub-nav .breadcrumb a {
  color: #2d302a;
}
#sub-nav .breadcrumb a:hover {
  color: #1a1b17;
}
#sub-nav .breadcrumb li {
  padding: 0.625rem 0;
  margin-right: 0.5rem;
}
#sub-nav .breadcrumb li a,
#sub-nav .breadcrumb li:last-child a {
  padding: 0;
}
#sub-nav .breadcrumb li a.active,
#sub-nav .breadcrumb li:last-child a.active {
  color: #080807;
  font-weight: 550;
}
#sub-nav .breadcrumb li a.future,
#sub-nav .breadcrumb li:last-child a.future {
  color: #767773;
  font-weight: 350;
}
#sub-nav .breadcrumb li:last-child a:not(.future) {
  color: #080807;
  font-weight: 550;
}
#sub-nav .breadcrumb li + li::before {
  content: "/";
  margin-right: 0.5rem;
  padding: 0 0.5rem;
  color: #d9d9d8;
}
#sub-nav .breadcrumb.no-vertical-padding li {
  padding-top: 0;
  padding-bottom: 0;
}

#marketplace-sub-nav .breadcrumb {
  padding: 0 2rem;
  margin: 0 auto;
  padding: 0;
  color: #080807;
}
#marketplace-sub-nav .breadcrumb:not(:last-child) {
  margin-bottom: 1em;
}
#marketplace-sub-nav .breadcrumb a {
  color: #080807;
}
#marketplace-sub-nav .breadcrumb li {
  padding: 1.5rem 0;
  margin-right: 0.5rem;
}
#marketplace-sub-nav .breadcrumb li a,
#marketplace-sub-nav .breadcrumb li:last-child a {
  padding: 0;
}
#marketplace-sub-nav .breadcrumb li a.active,
#marketplace-sub-nav .breadcrumb li:last-child a.active {
  color: #080807;
  font-weight: 450;
}
#marketplace-sub-nav .breadcrumb li a.future,
#marketplace-sub-nav .breadcrumb li:last-child a.future {
  color: #434640;
  font-weight: 350;
}
#marketplace-sub-nav .breadcrumb li:last-child a:not(.future) {
  color: #080807;
  font-weight: 450;
}
#marketplace-sub-nav .breadcrumb li + li::before {
  content: "›";
  margin-right: 0.5rem;
  padding: 0 0.5rem;
  color: #767773;
}

/* stylelint-enable no-descending-specificity */
.main-content-slot {
  min-height: calc(100vh - 4.5rem);
}
.main-content-slot.single-banner-spacing {
  padding-top: 2.5rem;
}
.main-content-slot.single-banner-spacing.nav-hidden {
  padding-top: 2.5rem;
}
.main-content-slot .main-content-padding {
  padding: 3rem 4rem;
}
.main-content-slot .main-content-wrapper {
  max-width: 1440px;
  padding: 24px 80px;
  min-height: calc(100vh - 4.5rem);
  margin: 0 auto;
}
.main-content-slot .main-content-wrapper.restricted-width {
  max-width: 960px;
}
.main-content-slot .main-content-width {
  max-width: 1440px;
  padding-left: 80px;
  padding-right: 80px;
}
.main-content-slot .main-content-vertical-padding {
  padding-top: 24px;
  padding-bottom: 24px;
}
.main-content-slot .full-page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f2f2f1;
  background: #ffffff;
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.02);
  padding: 1.5rem 2.5rem;
  height: 5.375rem;
}
.main-content-slot .full-page-header .page-header-text {
  color: #767773;
  font-weight: 450;
}
.main-content-slot .full-page-header .page-header-text-bold {
  color: #2d302a;
  font-weight: 550;
}
.main-content-slot .full-page-header.darkmode {
  background-color: #1a1b17;
  color: #ffffff;
  border-bottom: 1px solid #d9d9d8;
}
.main-content-slot .full-page-header.darkmode .page-header-text {
  color: #fbfbfb;
}
.main-content-slot .full-page-header.darkmode .page-header-text-bold {
  color: #ffffff;
}
.main-content-slot .full-page-header #sub-nav {
  background-color: inherit;
  border: none;
}

html.sl-scroll-lock .main-content-slot {
  padding-top: 4.5rem;
}
html.sl-scroll-lock .main-content-slot.single-banner-spacing {
  padding-top: 7rem;
}

.single-banner-spacing .full-page-header {
  top: 2.5rem;
}

.horizontally-centered {
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  #top-nav.projects {
    position: fixed;
  }
}
@media screen and (max-width: 800px) {
  #top-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #top-nav .nav-content .nav-links {
    display: none;
    visibility: hidden;
  }
}
auto-complete .input-v2.autocomplete-body {
  position: relative;
  border-radius: 0.5rem;
  border-color: var(--taupe-300);
  padding-left: 1rem;
  padding-right: 1rem;
}
auto-complete .input-v2.autocomplete-body input {
  color: var(--taupe-700);
}
auto-complete .input-v2.autocomplete-body input::placeholder {
  color: var(--taupe-600);
}
auto-complete .input-v2.autocomplete-body:hover {
  border-color: var(--taupe-500);
}
auto-complete .input-v2.autocomplete-body:focus-within {
  border-color: var(--taupe-700);
  outline: 1px solid var(--taupe-700);
}
auto-complete .input-v2.autocomplete-body.error, auto-complete .input-v2.autocomplete-body.invalid, auto-complete .input-v2.autocomplete-body:invalid, auto-complete .input-v2.autocomplete-body:has(input:not(.pristine):invalid), auto-complete .input-v2.autocomplete-body:has(input.pristine[data-report-errors-on-all-changes]:invalid), auto-complete .input-v2.autocomplete-body:has(input:not(.pristine):invalid:focus), auto-complete .input-v2.autocomplete-body:has(input.pristine[data-report-errors-on-all-changes]:invalid:focus) {
  border-color: var(--red-500);
}
auto-complete .input-v2.autocomplete-body.invalid:has(input:focus), auto-complete .input-v2.autocomplete-body.invalid:has(input:focus-within), auto-complete .input-v2.autocomplete-body.error:has(input:focus), auto-complete .input-v2.autocomplete-body.error:has(input:focus-within) {
  outline: 1px solid var(--red-500);
}
auto-complete .autocomplete-label {
  display: block;
}
auto-complete .autocomplete-results {
  position: absolute;
  left: -1px;
  top: calc(100% + 8px);
  z-index: 800;
  width: min-content;
  min-width: 100%;
  max-height: 20rem;
  overflow-y: auto;
  list-style: none;
  background: #fff;
  border: 1px solid var(--taupe-300);
  border-radius: 0.5rem;
  box-shadow: 0px 18.21px 51.69px rgba(184, 182, 213, 0.4);
}
auto-complete .autocomplete-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  overflow: hidden;
  color: var(--taupe-800);
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 0;
}
auto-complete .autocomplete-item a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
auto-complete .autocomplete-item a:hover {
  color: inherit;
  text-decoration: none;
}
auto-complete .autocomplete-item:hover {
  background-color: var(--taupe-100);
  text-decoration: none;
  color: var(--taupe-800);
}
auto-complete .autocomplete-item.selected, auto-complete .autocomplete-item[aria-selected=true], auto-complete .autocomplete-item.navigation-focus {
  color: var(--taupe-800);
  text-decoration: none;
  background-color: var(--taupe-100);
}
auto-complete .autocomplete-item .proposal-item-text {
  background-color: var(--taupe-200);
  border-radius: 3.75rem;
  padding: 0.125rem 0.5rem 0.125rem 0.5rem;
}
auto-complete .autocomplete-item .proposal-new-item {
  background-color: #e4f4ff;
  color: #28485f;
  border-radius: 3.75rem;
  padding: 0.125rem 0.5rem 0.125rem 0.5rem;
}
auto-complete .item-text {
  flex: 1;
  min-width: 0;
  color: var(--taupe-800);
  font-weight: 400;
}
auto-complete .item-text .size-2 {
  font-weight: 400;
}
auto-complete .item-text > div {
  width: 100%;
}
auto-complete .autocomplete-clear {
  background-color: var(--taupe-100);
  color: var(--taupe-700);
  border-radius: 0.5rem;
  cursor: pointer;
}
auto-complete .autocomplete-clear:hover {
  background-color: var(--taupe-200);
}

.background-container {
  display: flex;
  align-items: center;
  flex: 1;
  background-repeat: no-repeat;
  background-size: cover;
}

.split-screen-container {
  display: flex;
  width: 100%;
  height: 100vh;
}
.split-screen-container .background,
.split-screen-container .background-sm {
  position: relative;
  display: flex;
  flex-direction: column;
  left: 0;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(//cdn.patch.io/assets/backgrounds/split_background_default-0002cdc4bb48e37191aec3844b86dd1cf234387fd312c822876e383ac27187e2.jpg);
}
.split-screen-container .background.background-variant-1,
.split-screen-container .background-sm.background-variant-1 {
  background-image: url(//cdn.patch.io/assets/backgrounds/split_background_1-d695a8ffea466e7465d2e24ab82cb3f310ee0f15b775f3c584f009044aa7585a.jpg);
}
.split-screen-container .background.background-variant-2,
.split-screen-container .background-sm.background-variant-2 {
  background-image: url(//cdn.patch.io/assets/backgrounds/split_background_2-60823b3a82a80b84c6dd902f63280184ca148628a1696843b04f10d9bc08aa45.jpg);
}
.split-screen-container .background.background-dark,
.split-screen-container .background-sm.background-dark {
  background-image: unset;
  background-color: #1a1b17;
}
.split-screen-container .background.background-light,
.split-screen-container .background-sm.background-light {
  background-image: unset;
  background-color: #ffffff;
}
.split-screen-container .background .logo img,
.split-screen-container .background-sm .logo img {
  width: 126px;
  margin-top: 2rem;
  margin-left: 2rem;
  filter: invert(1);
}
.split-screen-container .background .logo,
.split-screen-container .background-sm .logo {
  align-self: flex-start;
}
.split-screen-container .background .bottom-image,
.split-screen-container .background-sm .bottom-image {
  position: absolute;
  bottom: 0;
}
.split-screen-container .background {
  width: 50%;
}
@media (max-width: 680px) {
  .split-screen-container .background {
    display: none !important;
  }
  .split-screen-container .content-container {
    display: none !important;
  }
  .split-screen-container .background-sm {
    width: 100%;
    overflow-y: scroll;
  }
  .split-screen-container .background-sm.no-flex {
    display: unset;
  }
}
@media (min-width: 680px) {
  .split-screen-container .background-sm {
    display: none !important;
  }
}
.split-screen-container .content-container {
  background: #f7f7f7;
  overflow-y: scroll;
  height: 100vh;
  width: 50%;
}
.split-screen-container .content-container.no-card {
  background: #ffffff;
}
.split-screen-container .content-container .logo img {
  height: 1.5rem;
}
.split-screen-container .content-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  min-height: 100vh;
  max-width: 31.25rem;
  padding: 4rem 2.25rem;
}
.split-screen-container .content-section.top-aligned {
  justify-content: flex-start;
  margin: 0 auto;
}
.split-screen-container .content-card-sm {
  align-self: center;
  margin-top: 5rem;
  width: 20rem;
}
.split-screen-container .content-header {
  font-family: "Muoto", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.375rem;
  color: #171816;
}
.split-screen-container.content-left-flex-end .content-container {
  display: flex;
  justify-content: flex-end;
}
.split-screen-container.content-left-flex-end .content-container .content-section {
  padding: 4rem;
  margin: auto 0;
  max-width: 38rem;
}

.bulk-action-bar {
  border-radius: 12px;
  background: var(--taupe-900);
  box-shadow: 0 8px 16px 0 rgba(92, 84, 67, 0.35);
  padding: 8px;
  position: fixed;
  bottom: 2rem;
  left: 0;
  right: 0;
  z-index: 500;
  width: 90vw;
  max-width: 1200px;
  margin: 0 auto;
}
.bulk-action-bar sl-button {
  flex-grow: 1;
}
.bulk-action-bar sl-divider {
  flex-grow: 0;
  --color: var(--taupe-700);
  height: 13px;
}
.bulk-action-bar sl-button.destructive::part(base) {
  color: var(--red-500);
}
.bulk-action-bar .num-selected {
  color: var(--taupe-400);
  flex-grow: 1;
  text-align: center;
}

.background-carbon-0 {
  background-color: #ffffff;
}

.background-carbon-100 {
  background-color: #fbfbfb;
}

.background-carbon-200 {
  background-color: #f2f2f1;
}

.background-forest-400 {
  background-color: #c1e0d8;
}

.background-forest-500 {
  background-color: #83c1b1;
}

.background-forest-600 {
  background-color: #48a48d;
}

.background-forest-900 {
  background-color: #154d3f;
}

.background-hydro-100 {
  background-color: #f8fcff;
}

.background-hydro-200 {
  background-color: #e4f4ff;
}

.background-hydro-600 {
  background-color: #569bcb;
}

.background-hydro-800 {
  background-color: #35607e;
}

.background-hydro-1000 {
  background-color: #1b3141;
}

.background-hydro-1200 {
  background-color: #05090c;
}

.background-ruby-100 {
  background-color: #fff9fa !important;
}

.background-ruby-200 {
  background-color: #feeeef !important;
}

.background-primary {
  background-color: #25856d;
}

.background-lavender-400 {
  background-color: #d0d8ff;
}

.background-ocean-200 {
  background-color: #d4fcf2 !important;
}

.background-solar-200 {
  background-color: #fdf5b4 !important;
}

.hover-background-carbon-100:hover {
  background-color: #fbfbfb;
}

.inactive-status {
  color: #d9d9d8;
}

/* prettier-ignore */
.badges {
  display: flex;
  flex-direction: row;
  margin-top: auto;
  margin-bottom: auto;
}
.badges .badge {
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 550;
  line-height: 1;
}
.badges .badge.primary {
  color: #434640;
  background-color: #fbfbfb;
}
.badges .badge.primary img {
  filter: invert(25%) sepia(3%) saturate(3300%) hue-rotate(172deg) brightness(91%) contrast(63%);
}
.badges .badge.square {
  padding: 10px;
}
.badges .badge:not(:last-child) {
  margin-right: 8px;
}

.notification-badge {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  font-weight: 650;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.error .notification-badge {
  background: #fbd0d0;
  color: #d04647;
}
.error .notification-text {
  color: #d04647;
}
.error svg path {
  fill: #d04647;
}

.warning .notification-badge {
  background: #f2db0c;
  color: #4d4504;
}
.warning .notification-text {
  color: #4d4504;
}

.info .notification-badge {
  background: #b4e0ff;
  color: #28485f;
}
.info .notification-text {
  color: #28485f;
}

.oval-badge {
  border-radius: 11px;
  display: inline-block;
  padding: 2px 6px;
}
.oval-badge.carbon-100 {
  color: #767773;
  border: 1px solid #f2f2f1;
  background-color: #fbfbfb;
}

.demo-mode-banner {
  background-color: #f2db0c;
  position: sticky;
  top: 0;
  padding: 0.75rem 0;
  font-size: 0.875rem;
  line-height: 1rem;
  height: 2.5rem;
  color: #080807;
  text-align: center;
  width: 100%;
  z-index: 700;
}
.demo-mode-banner .exit {
  cursor: pointer;
  position: absolute;
  left: 2rem;
}
.demo-mode-banner .exit .link-button {
  background: none;
}

.upsell-banner {
  background-image: url(//cdn.patch.io/assets/backgrounds/split_background_1-d695a8ffea466e7465d2e24ab82cb3f310ee0f15b775f3c584f009044aa7585a.jpg);
  background-size: cover;
  background-position: 0 89%;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  padding: 0.75rem 0;
  font-size: 0.875rem;
  line-height: 1rem;
  height: 3rem;
  color: #ffffff;
  width: 100%;
  z-index: 500;
}

.context-banner {
  background-color: #fefce6;
  border-bottom: 1px solid #fbec69;
  color: #080807;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 2.5rem;
  padding: 0.5rem 1.5rem;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 700;
}
.context-banner .context-banner-message {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.context-banner .context-banner-message sl-icon {
  color: #847806;
  flex-shrink: 0;
}
.context-banner .context-banner-viewing-as {
  font-weight: 600;
}
.context-banner .context-banner-action {
  flex-shrink: 0;
}
.context-banner .context-banner-action .link-button {
  background: transparent;
  border: none;
  color: #080807;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.context-banner .context-banner-action .link-button:hover {
  color: #1a1b17;
}

.invoice-banner {
  background-color: var(--taupe-100);
  padding: 0.75rem;
  border: 1px solid var(--taupe-300);
  border-radius: 0.5rem;
}

#address-element {
  min-height: 16.5rem;
}

.breakdown-graph-component {
  display: flex;
  justify-content: space-between;
}
.breakdown-graph-component .legend {
  max-width: 24rem;
}
.breakdown-graph-component .legend .legend-separator {
  color: #b4b5b3;
  margin: 0 0.875rem;
}
.breakdown-graph-component .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.breakdown-graph-component .row.faded {
  opacity: 0.5;
}
.breakdown-graph-component .row .label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: wrap;
}
.breakdown-graph-component .row .label * {
  line-height: 1.5rem;
}
.breakdown-graph-component .row .cell-wrapper {
  padding-top: 0.25rem;
  padding-right: 0.25rem;
}
.breakdown-graph-component .row .cell {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
}
.breakdown-graph-component .row .cell.small-cell {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: 0;
  margin-right: 0.625rem;
}
.breakdown-graph-component .row .cell.faded {
  opacity: 0.5;
}
.breakdown-graph-component .row .cell.partial-cell.left-side {
  border-radius: 0.25rem 0 0 0.25rem;
  margin-right: 0;
}
.breakdown-graph-component .row .cell.partial-cell.middle {
  border-radius: 0;
  margin-right: 0;
  margin-left: -0.25rem;
}
.breakdown-graph-component .row .cell.partial-cell.right-side {
  border-radius: 0 0.25rem 0.25rem 0;
  margin-left: -0.25rem;
}
.breakdown-graph-component .row .cell.solid.hero-orange {
  background: #f2a07d;
}
.breakdown-graph-component .row .cell.solid.hero-orange.active {
  background: #ea642b;
  box-shadow: 2px 2px 1px rgba(234, 100, 43, 0.5);
}
.breakdown-graph-component .row .cell.solid.periwinkle {
  background: #8e9ef5;
}
.breakdown-graph-component .row .cell.solid.periwinkle.active {
  background: #435ad6;
  box-shadow: 2px 2px 1px rgba(67, 90, 214, 0.5);
}
.breakdown-graph-component .row .cell.solid.green {
  background: #9ea881;
}
.breakdown-graph-component .row .cell.solid.green.active {
  background: #5b663d;
  box-shadow: 2px 2px 1px rgba(91, 102, 61, 0.5);
}
.breakdown-graph-component .row .cell.solid.blue {
  background: #6cc3ff;
}
.breakdown-graph-component .row .cell.solid.blue.active {
  background: #187cc0;
  box-shadow: 2px 2px 1px rgba(24, 124, 192, 0.5);
}
.breakdown-graph-component .row .cell.solid.light-blue {
  background: #93d3ff;
}
.breakdown-graph-component .row .cell.solid.light-blue.active {
  background: #187cc0;
  box-shadow: 2px 2px 1px rgba(24, 124, 192, 0.5);
}
.breakdown-graph-component .row .cell.solid.slate {
  background: #dbdbdb;
}
.breakdown-graph-component .row .cell.solid.slate.active {
  background: #747672;
  box-shadow: 2px 2px 1px rgba(116, 118, 114, 0.5);
}
.breakdown-graph-component .row .cell.solid.yellow {
  background: #fcf39e;
}
.breakdown-graph-component .row .cell.solid.yellow.active {
  background: #f1c501;
  box-shadow: 2px 2px 1px rgba(241, 197, 1, 0.5);
}
.breakdown-graph-component .row .cell.solid.taupe {
  background: #b2aa92;
}
.breakdown-graph-component .row .cell.solid.taupe.active {
  background: #5b5343;
  box-shadow: 2px 2px 1px rgba(92, 84, 67, 0.5);
}
.breakdown-graph-component .row .cell.diagonal-split.blue-white {
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(225deg, #ffffff 50%, #6cc3ff 50%);
}
.breakdown-graph-component .row .cell.diagonal-split.blue-white.active {
  background-image: -webkit-linear-gradient(225deg, #ffffff 50%, #187cc0 50%);
}
.breakdown-graph-component .row .cell.border-hero-orange {
  border: 1px solid #f2a07d;
}
.breakdown-graph-component .row .cell.border-hero-orange.active {
  border: 1px solid #ea642b;
  box-shadow: 2px 2px 1px rgba(234, 100, 43, 0.5);
}
.breakdown-graph-component .row .cell.border-periwinkle {
  border: 1px solid #8e9ef5;
}
.breakdown-graph-component .row .cell.border-periwinkle.active {
  border: 1px solid #435ad6;
  box-shadow: 2px 2px 1px rgba(67, 90, 214, 0.5);
}
.breakdown-graph-component .row .cell.border-green {
  border: 1px solid #9ea881;
}
.breakdown-graph-component .row .cell.border-green.active {
  border: 1px solid #5b663d;
  box-shadow: 2px 2px 1px rgba(91, 102, 61, 0.5);
}
.breakdown-graph-component .row .cell.border-blue {
  border: 1px solid #6cc3ff;
}
.breakdown-graph-component .row .cell.border-blue.active {
  border: 1px solid #187cc0;
  box-shadow: 2px 2px 1px rgba(24, 124, 192, 0.5);
}
.breakdown-graph-component .row .cell.border-light-blue {
  border: 1px solid #93d3ff;
}
.breakdown-graph-component .row .cell.border-light-blue.active {
  border: 1px solid #187cc0;
  box-shadow: 2px 2px 1px rgba(24, 124, 192, 0.5);
}
.breakdown-graph-component .row .cell.border-slate {
  border: 1px solid #dbdbdb;
}
.breakdown-graph-component .row .cell.border-slate.active {
  border: 1px solid #747672;
  box-shadow: 2px 2px 1px rgba(116, 118, 114, 0.5);
}
.breakdown-graph-component .row .cell.border-yellow {
  border: 1px solid #fcf39e;
}
.breakdown-graph-component .row .cell.border-yellow.active {
  border: 1px solid #f1c501;
  box-shadow: 2px 2px 1px rgba(241, 197, 1, 0.5);
}
.breakdown-graph-component .row .cell.border-taupe {
  border: 1px solid #b2aa92;
}
.breakdown-graph-component .row .cell.border-taupe.active {
  border: 1px solid #5b5343;
  box-shadow: 2px 2px 1px rgba(92, 84, 67, 0.5);
}
.breakdown-graph-component .row .cell.border-white {
  border: 1px solid #ffffff;
}
.breakdown-graph-component .row .cell.border-dashed {
  border-style: dashed;
}
.breakdown-graph-component .row .cell.border-dashed.active {
  border-style: dashed;
}

/* stylelint-disable font-family-no-missing-generic-family-keyword */
@font-face {
  font-family: "zwicon";
  src: url(//cdn.patch.io/assets/zwicon-95aab5a412b57a97c0cd2b79f17624e8737c87e3686cf8dc7a0e9cef4f6ff130.eot?k483k8);
  src: url(//cdn.patch.io/assets/zwicon-95aab5a412b57a97c0cd2b79f17624e8737c87e3686cf8dc7a0e9cef4f6ff130.eot?k483k8#iefix) format("embedded-opentype"), url(//cdn.patch.io/assets/zwicon-dee218afd781a3758e453d7d2279a7194933ae52a3914caa15102bf89eced5af.ttf?k483k8) format("truetype"), url(//cdn.patch.io/assets/zwicon-9a392d1bcc5ef09277d2825e72b059dea600e725fccfeda877fbbadc6b357b70.woff?k483k8) format("woff"), url(//cdn.patch.io/assets/zwicon-5493edc2b113c2f3b3c15afd3c9d98d8f46ef755d7e4eee7b58bb16c11169f30.svg?k483k8#zwicon) format("svg");
  font-weight: normal;
  font-style: normal;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "zwicon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i.svg-icon {
  line-height: unset;
}

.icon-xs {
  width: 0.75rem;
  height: 0.75rem;
}

.icon-sm {
  width: 1rem;
  height: 1rem;
}

.icon-button-md {
  width: 1.25rem;
  height: 1.25rem;
}

.icon-md {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-lg {
  width: 2.25rem;
  height: 2.25rem;
}

.icon-xl {
  width: 3.125rem;
  height: 3.125rem;
}

.icon-box {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  border-radius: 0.375rem;
  background: #f2f2f1;
}

.svg-width-md svg {
  width: 1.25rem;
}

.icon-rectangle-sm {
  width: 1.5rem;
  height: 1rem;
  border-radius: 0.25rem;
}

.icon-circle {
  display: flex;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.025rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2.875rem;
  border: 1px solid #eaeae9;
  background: #ffffff;
}
.icon-circle.small {
  width: 1.5rem;
  min-width: 1.2rem;
  height: auto;
}
.icon-circle.rating {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.1875rem;
  min-width: 1.25rem;
}
.icon-circle.extra-small {
  width: 0.9rem;
  min-width: 0.9rem;
  height: auto;
}
.icon-circle.no-padding {
  padding: 0;
}
.icon-circle[data-badge] {
  position: relative;
}
.icon-circle[data-badge]:after {
  content: attr(data-badge);
  position: absolute;
  bottom: -0.25rem;
  right: -0.25rem;
  min-width: 0.75rem;
  padding: 0 0.125rem;
  line-height: 0.75rem;
  text-align: center;
  vertical-align: top;
  font-size: 0.5rem;
  font-weight: 550;
  color: #767773;
  background: #eaeae9;
  border-radius: 0.5rem;
}

.upsell-lock-icon {
  background: black;
  border-radius: 100%;
  padding: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.svg-color-carbon-0 svg path {
  fill: #ffffff;
}

.svg-color-carbon-100 svg path {
  fill: #fbfbfb;
}

.svg-color-carbon-200 svg path {
  fill: #f2f2f1;
}

.svg-color-carbon-700 svg path {
  fill: #767773;
}

.svg-color-carbon-800 svg path {
  fill: #5a5d57;
}

.svg-color-carbon-900 svg path {
  fill: #434640;
}

.svg-color-carbon-1000 svg path {
  fill: #2d302a;
}

.svg-color-carbon-1100 svg path {
  fill: #1a1b17;
}

.svg-color-ocean-700 svg path {
  fill: #08838c;
}

.svg-color-ruby-700 svg path {
  fill: #d04647;
}

.svg-color-ruby-800 svg path {
  fill: #a23737;
}

.svg-color-forest-700 svg path {
  fill: #25856d;
}

.svg-color-slate-1200 svg path {
  fill: #151814;
}

.svg-color-taupe-600 svg path {
  fill: var(--taupe-600);
}

.svg-color-taupe-500 svg path {
  fill: var(--taupe-500);
}

.svg-color-red-700 svg path {
  fill: var(--red-700);
}

.svg-color-green-700 svg path {
  fill: var(--green-700);
}

.zwicon-arrow-down:before {
  content: "\e90e";
}

.zwicon-arrow-left:before {
  content: "\e90f";
}

.zwicon-arrow-up:before {
  content: "\e918";
}

.zwicon-chevron-down:before {
  content: "\e91e";
}

.zwicon-chevron-left:before {
  content: "\e91f";
}

.zwicon-chevron-right:before {
  content: "\e920";
}

.zwicon-chevron-up:before {
  content: "\e921";
}

.zwicon-calendar:before {
  content: "\ea42";
}

.zwicon-checkmark-circle:before {
  content: "\ea46";
}

.zwicon-close:before {
  content: "\ea4c";
}

.zwicon-delete:before {
  content: "\ea50";
}

.zwicon-earth-alt:before {
  content: "\ea52";
}

.zwicon-exclamation-triangle:before {
  content: "\ea54";
}

.zwicon-exclamation-mark:before {
  content: "\ea2f";
}

.zwicon-eye:before {
  content: "\ea57";
}

.zwicon-flag:before {
  content: "\ea59";
}

.zwicon-info-circle:before {
  content: "\ea5f";
}

.zwicon-link:before {
  content: "\ea61";
}

.zwicon-more-h:before {
  content: "\ea69";
}

.zwicon-plus:before {
  content: "\ea71";
}

.zwicon-trash:before {
  content: "\ea7a";
}

.zwicon-user:before {
  content: "\ea82";
}

a:has(button.button) {
  outline: none;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  height: 3em;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 450;
  cursor: pointer;
  -webkit-appearance: none;
}
.button:focus-visible {
  outline: none;
}
.button.as-link {
  background: none;
  color: var(--taupe-800);
  text-decoration: none;
}
.button.as-link:active {
  border: 1px solid #d9d9d8;
  background: #ffffff;
}
.button.as-link:disabled {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #ffffff;
  border: 1px solid #d9d9d8;
  color: #767773;
  opacity: 0.5;
}
.button.as-link:hover:not(:disabled, :active) {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #ffffff;
  border-color: #d9d9d8;
}
.button.primary {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #171b1e;
  border: 1px solid #2d302a;
  color: #fbfbfb;
}
.button.primary i:not(.with-preset-color) svg path {
  fill: #fbfbfb;
}
.button.primary i:not(.with-preset-color).with-background {
  background: #434640;
}
.button.primary:active {
  background: #171b1e;
  color: #ffffff;
}
.button.primary:disabled {
  background: #171b1e;
  opacity: 0.5;
}
.button.primary:hover:not(:disabled, :active, .disabled) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #171b1e;
  color: #ffffff;
  border-color: #2d302a;
}
.button.primary:hover:not(:disabled, :active, .disabled) i:not(.with-preset-color) svg path {
  fill: #ffffff;
}
.button.primary:hover:not(:disabled, :active, .disabled) i:not(.with-preset-color).with-background {
  background: #5a5d57;
}
.button.primary:focus-visible:not(:disabled, :active, :hover) {
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0px 2px #457ca2, 0px 0px 0px 4px rgba(45, 113, 233, 0.3);
}
.button.default {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #ffffff;
  border: 1px solid #d9d9d8;
  color: #434640;
}
.button.default i:not(.with-preset-color) svg path {
  fill: #434640;
}
.button.default i:not(.with-preset-color).with-background {
  background: #f2f2f1;
}
.button.default:active {
  background: #ffffff;
  color: #2d302a;
}
.button.default:disabled {
  opacity: 0.5;
}
.button.default:focus-visible:not(:disabled, :active, :hover) {
  border: 1px solid transparent;
  box-shadow: 0px 0px 0px 2px #457ca2, 0px 0px 0px 4px rgba(45, 113, 233, 0.3);
}
.button.default:hover:not(:disabled, :active) {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #ffffff;
  color: #2d302a;
  border-color: #d9d9d8;
}
.button.default:hover:not(:disabled, :active) i:not(.with-preset-color) svg path {
  fill: #2d302a;
}
.button.default:hover:not(:disabled, :active) i:not(.with-preset-color).with-background {
  background: #eaeae9;
}
.button.disabled {
  background: #171b1e;
  opacity: 0.5;
  pointer-events: none;
}
.button {
  /*
  / This special secondary class is for a label outside a checkbox which is
  / styled as a button (see CheckboxButtonComponent)
  / Unlike the typical secondary button, the checkbox version uses a label
  / which cannot have a :disable modifier. Therefore, a disabled class is used
  / here but it is not recommended to use a class for disabled elsewhere.
  */
}
.button.default:has(> input[type=checkbox]:checked) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #171b1e;
  border: 1px solid #2d302a;
  color: #fbfbfb;
}
.button.default:has(> input[type=checkbox]:checked) i:not(.with-preset-color) svg path {
  fill: #fbfbfb;
}
.button.default:has(> input[type=checkbox]:checked) i:not(.with-preset-color).with-background {
  background: #434640;
}
.button.default:has(> input[type=checkbox]:checked):active {
  background: #171b1e;
  color: #ffffff;
}
.button.default:has(> input[type=checkbox]:checked):disabled {
  background: #171b1e;
  opacity: 0.5;
}
.button.default:has(> input[type=checkbox]:checked):hover:not(:disabled, :active, .disabled) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #171b1e;
  color: #ffffff;
  border-color: #2d302a;
}
.button.default:has(> input[type=checkbox]:checked):hover:not(:disabled, :active, .disabled) i:not(.with-preset-color) svg path {
  fill: #ffffff;
}
.button.default:has(> input[type=checkbox]:checked):hover:not(:disabled, :active, .disabled) i:not(.with-preset-color).with-background {
  background: #5a5d57;
}
.button.default:has(> input[type=checkbox]:checked):focus-visible:not(:disabled, :active, :hover) {
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0px 2px #457ca2, 0px 0px 0px 4px rgba(45, 113, 233, 0.3);
}
.button.default:has(> input[type=checkbox]:checked).disabled {
  background: #171b1e;
  opacity: 0.5;
}
.button.default:has(> input[type=checkbox]:checked) i {
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(255, 255, 255, 0.4);
}
.button.destructive {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #a23737;
  border: 1px solid #541c1d;
  color: #fff9fa;
}
.button.destructive i:not(.with-preset-color) svg path {
  fill: #fff9fa;
}
.button.destructive:active {
  background: #a23737;
  color: #ffffff;
}
.button.destructive:active i:not(.with-preset-color) svg path {
  fill: #ffffff;
}
.button.destructive:active i:not(.with-preset-color).with-background {
  background: #7a292a;
}
.button.destructive:disabled {
  opacity: 0.5;
  color: #fbd0d0;
}
.button.destructive:disabled i:not(.with-preset-color) svg path {
  fill: #fbd0d0;
}
.button.destructive:disabled i:not(.with-preset-color).with-background {
  background: #7a292a;
}
.button.destructive:hover:not(:disabled, :active) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #a23737;
  color: #ffffff;
  border-color: #541c1d;
}
.button.destructive:hover:not(:disabled, :active) i:not(.with-preset-color) svg path {
  fill: #ffffff;
}
.button.destructive:hover:not(:disabled, :active) i:not(.with-preset-color).with-background {
  background: #7a292a;
}
.button.destructive:focus-visible:not(:disabled, :active, :hover) {
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0px 2px #457ca2, 0px 0px 0px 4px rgba(45, 113, 233, 0.3);
}
.button.destructive:focus-visible:not(:disabled, :active, :hover) i:not(.with-preset-color).with-background {
  background: #7a292a;
}
.button.brand {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #ea642b;
  border: 1px solid #ea642b;
  color: #ffeee8;
}
.button.brand:hover:not(:disabled, :active) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #ea642b;
  border-color: #ea642b;
}
.button:disabled {
  cursor: default;
}
.button.tiny {
  height: 1.5rem;
  padding: 0 0.125rem;
}
.button.small {
  height: 2.25rem;
  padding: 0 0.5rem;
}
.button.small i.with-background {
  height: 1.25rem;
  width: 1.25rem;
}
.button.medium {
  height: 2.5rem;
  padding: 0 0.75rem;
}
.button.medium i.with-background {
  height: 1.5rem;
  width: 1.5rem;
}
.button.medium-wide {
  height: 2.5rem;
  padding: 0 0.75rem;
}
.button.medium-wide i.with-background {
  height: 1.5rem;
  width: 1.5rem;
}
.button.medium-wide {
  padding: 0 2rem;
}
.button.w-full {
  width: 100%;
}
.button.large {
  height: 2.75rem;
  padding: 0 0.75rem;
}
.button.large i.with-background {
  height: 1.25rem;
  width: 1.25rem;
}
.button i.place-right {
  margin-left: 0.75rem;
  font-size: 1.3rem;
}
.button i.place-left {
  margin-right: 0.75rem;
  font-size: 1.3em;
}
.button .place-right {
  margin-left: 0.75rem;
  font-size: 1.3rem;
  border-radius: 4px;
}
.button .place-left {
  margin-right: 0.75rem;
  font-size: 1.3em;
}
.button i.with-background {
  border-radius: 0.25rem;
}
.button.in-table-row {
  height: 2.25rem;
}
.button.static-width {
  max-width: fit-content;
}
.button.as-link-secondary {
  background: none;
  color: #457ca2;
}
.button.as-link-secondary svg path {
  fill: #457ca2;
}
.button.as-link-secondary {
  height: unset;
}
.button.as-link-secondary.with-left-icon {
  padding: 0 0.25rem 0 0;
}
.button.as-link-secondary.with-left-icon i.place-left {
  margin-right: 0.25rem;
}
.button.as-link-secondary.with-right-icon {
  padding: 0;
}
.button.as-link-secondary.with-right-icon i.place-right {
  margin-left: 0.25rem;
}

.link-button {
  border: none;
  cursor: pointer;
}
.link-button.w-full {
  width: 100%;
}
.link-button.no-background {
  background: none;
}

.text-button {
  cursor: pointer;
  background: none;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  padding: 0.25rem;
  font-size: 1rem;
}
.text-button:hover {
  background: #f2f2f1;
}

.icon-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid #d9d9d8;
  color: #2d302a;
  cursor: pointer;
}
.icon-button:hover {
  background: #fbfbfb;
  color: #080807;
}
.icon-button.square {
  border-radius: 0.5rem;
  width: fit-content;
}
.icon-button.disabled-appearance {
  opacity: 0.5;
}
.icon-button.round {
  border-radius: 50%;
}
.icon-button.small {
  width: 1.5rem;
  height: 1.5rem;
}
.icon-button.twenty-eight {
  width: 1.75rem;
  height: 1.75rem;
}
.icon-button.thirty-two {
  width: 2rem;
  height: 2rem;
}
.icon-button.small-wide {
  height: 1.5rem;
  padding: 0 0.625rem;
}
.icon-button.button-small {
  height: 2.5rem;
  width: 3.25rem;
}
.icon-button.medium {
  width: 2.375rem;
  height: 2.375rem;
}
.icon-button.large {
  width: 3rem;
  height: 3rem;
}
.icon-button.button-large {
  height: 2.75rem;
  width: 2.75rem;
}
.icon-button.no-border {
  border: 1px solid transparent;
}

.blank-slate-button {
  background: unset;
  border: unset;
  font-size: unset;
  text-align: unset;
  padding: unset;
  cursor: pointer;
}

.card {
  background: #ffffff;
  border: 1px solid #d9d9d8;
  box-shadow: none;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 20px;
  overflow-x: scroll;
}
.card::-webkit-scrollbar {
  display: none;
}
.card {
  overflow-y: visible;
  padding: 10px;
}
.card .card-header {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 2rem;
  border-bottom: 1px solid #d9d9d8;
  align-items: center;
}
.card .card-header .card-actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.card .card-content {
  display: flex;
  flex-grow: 2;
  flex-direction: column;
  align-items: flex-start;
}
.card.width-200px {
  width: 200px;
}
.card.padded,
.card .padded {
  padding: 30px;
}
.card.light-padded,
.card .light-padded {
  padding: 15px;
}
.card.narrow {
  max-width: 450px;
}
.card.no-border {
  border: none;
}
.card.background-carbon-100 {
  background-color: #fbfbfb;
}
.card .card-footer {
  border-top: 1px solid #d9d9d8;
  padding: 0.75rem;
}
.card.with-pagination-footer {
  min-height: 32rem;
  position: relative;
  padding-bottom: 3.2rem;
}
.card.with-pagination-footer .card-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.card.with-table .card-header {
  min-width: 60rem;
}
.card.lined {
  position: relative;
  overflow: hidden;
}
.card.lined:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.375rem;
  background: #d9d9d8;
}
.card.lined-carbon-300:before {
  background: #eaeae9;
}
.card.lined-carbon-500:before {
  background: #b4b5b3;
}
.card.lined-monitored-amount:before {
  background: #7d8feb;
}
.card.lined-reported-amount:before {
  background: #69bdf8;
}
.card.lined-verified-amount:before {
  background: #3dc8bb;
}
.card.lined-issued-amount:before {
  background: #25856d;
}

.icon-detail-card {
  display: flex;
  padding: 0;
  align-items: flex-start;
}

.upsell-card {
  border-radius: 8px;
  border: 1px solid var(--taupe-300);
  background: var(--taupe-50);
}

.card-component {
  border-radius: 0.5rem;
  border: 1px solid #eaeae9;
  background: white;
  overflow: hidden;
}
.card-component .card-section + .card-section {
  border-top: 1px solid #eaeae9;
}

.registry-wrapper.single-banner-spacing {
  padding-top: 2.5rem;
}

.certificate-display-page {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .certificate-display-page .order-details-body button {
    width: 100%;
  }
}
.certificate-display-page .header {
  display: flex;
  justify-content: flex-end;
  padding: 2rem 4.5rem 2rem 4.5rem;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .certificate-display-page .header {
    justify-content: flex-start;
    padding: 2rem 2.5rem;
  }
}
.certificate-display-page #sub-nav {
  background-color: inherit;
  border: none;
}
.certificate-display-page #sub-nav .breadcrumb {
  padding: 0;
}
.certificate-display-page .order-details .order-details-body {
  padding-top: 2.5rem !important;
  padding-right: 2.5rem;
  min-height: 53.5rem;
}
.certificate-display-page svg.logo {
  width: 111px;
  height: 42px;
}

.certificate-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.certificate {
  display: flex;
  overflow-y: scroll;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}
.certificate .container {
  width: 67rem;
  height: 51.75rem;
  border: 1px solid rgba(12, 56, 123, 0.1);
  border-radius: 0.5rem;
  background-image: url(//cdn.patch.io/assets/certificate_container_background-9adeedc05bab38715de5ccd59b8cc57acacffc458a861009ffa76c2d9a12c5ec.svg);
  background-clip: padding-box;
  background-color: #8394ad;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}
.certificate .certificate-card {
  height: 100%;
  position: relative;
  border: 1px solid rgba(12, 56, 123, 0.1);
  border-radius: 0.5rem;
}
.certificate .certificate-card::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  border-radius: 0.5rem;
  width: 100%;
  height: 100%;
  background-size: cover;
  color: inherit;
}
.certificate .certificate-content-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.certificate .title {
  font-weight: bold;
  font-size: 3.5rem;
  line-height: 4.25rem;
  letter-spacing: 0.01rem;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .certificate .title {
    font-size: 2.625rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .certificate .title {
    font-size: 3.125rem;
  }
}
.certificate .certificate-parties .integrator {
  font-size: 0.9rem;
  line-height: 1.75rem;
  margin-top: 0.5rem;
}
.certificate .certificate-parties .integrator .name {
  font-weight: 650;
}
.certificate .certificate-parties .purchaser {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 0.5rem;
}
.certificate .certificate-parties .purchaser .name {
  font-size: 1.5rem;
  font-weight: 650;
}
.certificate .amount-container {
  margin-top: 6rem;
}
.certificate .amount-container .amount {
  font-size: 3.5rem;
  font-weight: 550;
  letter-spacing: 0.01rem;
  line-height: 100%;
}
.certificate .project-details {
  margin-top: 2rem;
  line-height: 0.75rem;
}
.certificate .project-details .columns {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1.5rem;
}
.certificate .project-details .columns .column {
  display: flex;
  flex: none;
  padding-top: 0;
  padding-bottom: 0.5rem;
}
.certificate .project-details .icon {
  padding-right: 0.875rem;
}
.certificate .project-details .icon i {
  font-size: 1.5rem;
}
.certificate .project-details .detail-value {
  font-size: 0.875rem;
}
.certificate .footer {
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.certificate .footer .columns {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.certificate .badge {
  position: absolute;
  margin-left: -3rem;
  margin-top: 0.5rem;
  width: 7.5rem;
}
.certificate .order-number-column {
  position: relative;
}
.certificate .signature {
  padding-top: 3rem;
  width: 16em;
}
.certificate .issued-by-patch {
  font-size: 0.75rem;
}
.certificate .powered-by-patch-signature .powered-by-patch {
  margin: 0;
}
.certificate .powered-by-patch-signature .powered-by-patch svg.logo {
  width: 10rem;
  height: auto;
}
.certificate.processing .container, .certificate.placed .container {
  color: #2c3747;
}
.certificate.processing .certificate-card, .certificate.placed .certificate-card {
  padding: 3rem 17rem 2rem 4.5rem;
  background-color: #e9eef6;
}
.certificate.processing .mechanism-watermark, .certificate.placed .mechanism-watermark {
  position: absolute;
  right: 0;
  width: 17rem;
}
.certificate.processing .icon svg, .certificate.placed .icon svg {
  filter: invert(19%) sepia(43%) saturate(339%) hue-rotate(174deg) brightness(94%) contrast(94%);
}
.certificate.processing .detail-text, .certificate.placed .detail-text {
  font-size: 0.5rem;
  color: #5a5d57;
}
.certificate.processing .serial-number-header, .certificate.placed .serial-number-header {
  color: #5a5d57;
}
.certificate.complete .container {
  color: #fbfbfb;
}
.certificate.complete .certificate-card {
  padding: 3rem 6.4375rem 2rem 13.5rem;
  background-color: #08285b;
}
.certificate.complete .mechanism-watermark {
  position: absolute;
  left: 0;
  width: 16rem;
}
.certificate.complete .icon svg {
  filter: invert(97%) sepia(5%) saturate(111%) hue-rotate(189deg) brightness(99%) contrast(97%);
}
.certificate.complete .detail-text {
  font-size: 0.5rem;
  color: #d9d9d8;
}
.certificate.complete .serial-number-header {
  color: #d9d9d8;
}
.certificate.complete .signature svg path {
  fill: #d9d9d8;
}
.certificate.complete .issued-by-patch strong {
  color: #ffffff;
}

.side-panel .certificate,
sl-drawer.drawer .certificate {
  overflow-y: unset;
}

.certificate-settings-preview {
  padding-top: 1rem;
}
.certificate-settings-preview .certificate.complete .certificate-card {
  padding-bottom: 5rem;
}

/* stylelint-disable no-descending-specificity */
.checkbox-component {
  display: flex;
  flex-grow: 1;
  align-items: center;
  color: #434640;
  padding: 0.5rem;
  border-radius: 0.313rem;
  cursor: pointer;
  font-size: 1rem;
}
.checkbox-component.fit-to-content {
  width: fit-content;
}
.checkbox-component.in-dropdown {
  border-radius: unset;
  padding: 0;
}
.checkbox-component .disabled.checked {
  background: #b4b5b3;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px #b4b5b3;
}
.checkbox-component .checkbox {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(70, 79, 96, 0.16);
}
.checkbox-component .checkbox svg path {
  fill: #ffffff;
}
.checkbox-component .checkbox.round {
  border-radius: 50%;
}
.checkbox-component .checkbox.round svg {
  width: 80%;
}
.checkbox-component.hide-boxes .checkbox {
  visibility: hidden;
  width: 0;
  min-width: 0;
}
.checkbox-component .checkbox--lavender.checked {
  background: #6472bb;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px #5e5adb;
}
.checkbox-component .checkbox--blue.checked {
  background: #457ca2;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px #2d71e9;
}
.checkbox-component .checkbox--carbon.checked {
  background: #2d302a;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px #2d302a;
}
.checkbox-component .checkbox--forest-600.checked {
  background: #48a48d;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px #008671;
}
.checkbox-component .checkbox--hydro-900.checked {
  background: #28485f;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px #1651cf;
}
.checkbox-component .checkbox--hydro-600.checked {
  background: #569bcb;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px #2d71e9;
}
.checkbox-component:hover:not(.disabled) {
  background: #f2f2f1;
}
.checkbox-component:hover:not(.disabled) .checkbox {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(70, 79, 96, 0.32);
}
.checkbox-component:hover:not(.disabled) .checkbox svg path {
  fill: #eaeae9;
}
.checkbox-component:hover:not(.disabled) .checkbox.checked {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px #4945c4;
}

.accent-color-carbon {
  accent-color: #1a1b17;
}

input[type=radio].accent-color-carbon {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

.checkout-project-photo-component {
  height: 100%;
}

.checkout-project-photo-component img {
  display: block;
  position: relative;
  max-height: 25rem;
  overflow: hidden;
  object-fit: cover;
  height: 100%;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}

.powered-by-patch {
  margin: 48px 0;
  text-align: center;
}
.powered-by-patch .logo {
  width: 10rem;
}
.powered-by-patch svg:hover {
  fill: #161814;
}
.powered-by-patch svg:hover path {
  fill: #ffffff;
}
.powered-by-patch.dark-mode svg rect {
  stroke: #ffffff;
}
.powered-by-patch.dark-mode svg path {
  fill: #ffffff;
}

.map-container {
  position: relative;
}
.map-container .mapboxgl-control-container {
  display: none;
}
.map-container .location-map.mapboxgl-map {
  width: 100%;
  position: relative;
}

.checkout-wrapper.single-banner-spacing {
  padding-top: 2.5rem;
}

.checkout-error-entity {
  height: 100vh;
}
.checkout-error-entity .content-wrapper {
  max-width: 30rem;
}

.checkout-splash {
  background: #1e1e1e;
  width: 100%;
  min-height: 100vh;
  height: 100%;
}
.checkout-splash .checkout-splash-content {
  margin: 0 auto;
  padding-top: 7.5rem;
  width: 480px;
}
@media screen and (max-width: 480px) {
  .checkout-splash .checkout-splash-content {
    width: 364px;
  }
}
.checkout-splash button {
  z-index: 800;
  position: relative;
}
.checkout-splash .powered-by-patch,
.checkout-splash .bottom-image {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.checkout-splash .powered-by-patch {
  bottom: 2rem;
  z-index: 800;
}
.checkout-splash .bottom-image {
  bottom: 0;
}

.checkout-page {
  background: #ffffff;
  width: 100%;
}
.checkout-page .project-photo-header {
  width: 100%;
  height: 12.5rem;
}
.checkout-page .project-photo-header.desktop {
  margin: 1.25rem auto;
  max-width: 26.75rem;
}
.checkout-page .project-photo-header.mobile {
  margin: 0 auto 1.25rem;
  display: none;
}
@media (max-width: 680px) {
  .checkout-page .project-photo-header.desktop {
    display: none;
  }
  .checkout-page .project-photo-header.mobile {
    display: block;
  }
  .checkout-page .project-photo-header.mobile .slideshow,
  .checkout-page .project-photo-header.mobile .slideshow-photo {
    border-radius: 0;
  }
}
.checkout-page .checkout-header {
  width: 100%;
}
.checkout-page .partial-divider {
  width: 2rem;
  height: 0.063rem;
  background-color: #767773;
  margin: 1.75rem 0;
}
.checkout-page .purchase-details {
  padding: 4rem 4rem 1.5rem 4rem;
  color: #fbfbfb;
  flex-grow: 1;
  z-index: 500;
}
.checkout-page .purchase-details .purchase-details-content {
  max-width: 26.75rem;
}
.checkout-page .purchase-details .expand-collapse-button {
  padding: 0.25rem 0.375rem;
  background: #434640;
  border-radius: 0.375rem;
  color: #fbfbfb;
  font-weight: 350;
  cursor: pointer;
}
.checkout-page .purchase-details .partial-divider {
  background-color: #434640;
}
@media (max-width: 680px) {
  .checkout-page .purchase-details {
    padding: 4rem 2.25rem 1.5rem 2.25rem;
    background: #161814;
  }
  .checkout-page .confirmation-content {
    height: unset;
    min-height: unset;
  }
}
.checkout-page .checkout-content {
  min-height: 100vh;
  height: 100%;
  max-width: 29.25rem;
  margin: 0 auto;
  padding: 1.25rem;
}
.checkout-page .project {
  border: 0.063rem solid #d9d9d8;
  border-radius: 0.625rem;
  overflow: hidden;
  box-sizing: border-box;
}
.checkout-page .project-text {
  background: #fbfbfb;
  padding: 1.25rem;
}
.checkout-page .pills {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0 1.25rem;
}
.checkout-page .pills .pill {
  margin: 0.25rem 0.5rem 0.25rem 0;
  padding: 0.25rem 0.5rem;
}
.checkout-page {
  /* stylelint-disable no-descending-specificity */
}
.checkout-page .disclaimer {
  color: #5a5d57;
  text-align: center;
}
.checkout-page .disclaimer a {
  color: #5a5d57;
  text-decoration: underline;
}
.checkout-page {
  /* stylelint-enable no-descending-specificity */
}

.checkout-progress-bar {
  width: 6.25rem;
}

@media (max-width: 1200px) {
  .checkouts-table td.mw-15rem {
    max-width: 15vw;
  }
}
@media (max-width: 1024px) {
  .checkouts-table td.mw-15rem {
    max-width: 10vw;
  }
}
.checkout-form .field .switch {
  max-width: 320px;
}
.checkout-form .divider.v2 {
  margin: 1.5rem 0;
}
.checkout-form .field.v2 {
  display: block;
  margin-bottom: 0.5rem;
}
.checkout-form .field.v2 .help {
  margin-top: 0.5rem;
  color: #434640;
}
.checkout-form .field.v2 .switch {
  max-width: 485px;
}

.project-selection .project-selection-content {
  padding: 4.75rem 2.5rem 6rem 2.5rem;
}

.collapsible-component > * {
  box-sizing: border-box;
}
.collapsible-component summary {
  cursor: pointer;
}
.collapsible-component summary .collapsible-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.collapsible-component summary .collapsible-icon-container:hover {
  background-color: var(--taupe-150);
}
.collapsible-component summary .closed-icon {
  display: block;
}
.collapsible-component summary .open-icon {
  display: none;
}
.collapsible-component[open] summary .closed-icon {
  display: none;
}
.collapsible-component[open] summary .open-icon {
  display: block;
}

.column.flex {
  display: flex;
}
.column.align-center {
  align-items: center;
}
.column.is-flex-basis-auto {
  flex-basis: auto;
}

.divider {
  flex: 1;
  height: 1px;
  background: #d9d9d8;
  margin: 1.25rem 0;
}
.divider.extra-spacing {
  margin: 2rem 0;
}
.divider.invisible {
  background: none;
  margin: 0.625rem 0;
}

.dropdown-divider {
  --bulma-dropdown-divider-background-color: #eaeae9;
}

/* stylelint-disable no-descending-specificity */
.options-dropdown-component .dropdown-label {
  display: flex;
  align-items: center;
  margin-right: 0.75rem;
  user-select: none;
  cursor: pointer;
}
.options-dropdown-component .dropdown-menu {
  min-width: 11.25rem;
  width: 100%;
}
.options-dropdown-component .dropdown-content {
  background-color: #ffffff;
  border: 1px solid #d9d9d8;
  box-shadow: 0px 18.21px 51.69px rgba(184, 182, 213, 0.4);
  color: #434640;
  width: fit-content;
}
.options-dropdown-component .dropdown-item {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.options-dropdown-component .dropdown-item a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
.options-dropdown-component .dropdown-item a:hover {
  color: inherit;
  text-decoration: none;
}
.options-dropdown-component .dropdown-item .dropdown-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.125rem 0.625rem 0 0;
  height: 1rem;
  width: 1rem;
  flex: 0 0 auto;
}
.options-dropdown-component .dropdown-item .dropdown-select-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.625rem;
  margin-top: 0.2rem;
  height: 1rem;
  width: 1rem;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(70, 79, 96, 0.16);
}
.options-dropdown-component .dropdown-item .dropdown-select-radio svg path {
  stroke: #ffffff;
}
.options-dropdown-component .dropdown-item .dropdown-select-radio.checkbox--carbon.selected {
  background-color: #434640;
  border: 1px solid #434640;
  box-shadow: 0px 18.21px 51.69px rgba(184, 182, 213, 0.4);
}
.options-dropdown-component .dropdown-item .dropdown-select-radio.checkbox--lavender.selected {
  background-color: #6472bb;
  border: 1px solid #7d8feb;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px #4945c4;
}
.options-dropdown-component .radio-item {
  justify-content: flex-start;
}
.options-dropdown-component .radio-item input {
  margin-right: 0.5rem;
}
.options-dropdown-component a {
  display: flex;
  color: #434640;
  cursor: pointer;
  width: 100%;
}
.options-dropdown-component a:hover .dropdown-select-radio {
  background: #ffffff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(70, 79, 96, 0.32);
}
.options-dropdown-component a:hover .dropdown-select-radio svg path {
  stroke: #eaeae9;
}

.dropdown-trigger .title {
  color: #767773;
}
.dropdown-trigger .title:hover {
  color: #2d302a;
}

.patch-dropdown__menu {
  display: none;
  padding: 14px 20px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08);
}
.patch-dropdown.disabled {
  cursor: not-allowed;
}
.patch-dropdown.disabled .dropdown__chevron {
  display: none;
}
.patch-dropdown__item {
  color: #080807;
  font-size: 16px;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.patch-dropdown__item i {
  font-size: 1.5em;
}
.patch-dropdown__item i.muted {
  color: #767773;
}
.patch-dropdown__item.active {
  color: #25856d;
}
.patch-dropdown__item.active i {
  color: #25856d;
}
a.patch-dropdown__item:hover {
  color: #25856d;
}

.patch-dropdown__selected {
  color: #2d302a;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.patch-dropdown[aria-expanded=true] {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.patch-dropdown.no-shadow[aria-expanded=true] {
  box-shadow: none;
}
.patch-dropdown .dropdown-content {
  display: none;
}

.tippy-box[data-theme~=dropdown] {
  background-color: inherit;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.tippy-box[data-theme~=dropdown] .tippy-content {
  padding: 0;
}
.tippy-box[data-theme~=dropdown] .tippy-content .patch-dropdown__menu {
  display: flex;
  flex-direction: column;
}
.tippy-box[data-theme~=dropdown] .tippy-content .scrollable {
  overflow-y: scroll;
  max-height: 16em;
}
.tippy-box[data-theme~=dropdown] .tippy-content .scrollable.has-long-body {
  max-height: 32rem;
}
.tippy-box[data-theme~=dropdown] .tippy-content .clickable:hover {
  background-color: #f2f2f1;
  border-radius: 0.25rem;
  cursor: pointer;
}
.tippy-box[data-theme~=dropdown] .tippy-content .inner-label {
  display: none;
}

.filter-dropdown {
  font-weight: 350;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.5rem;
  background: #ffffff;
  border: 1px solid #d9d9d8;
  color: #5a5d57;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.filter-dropdown svg path {
  fill: #5a5d57;
}
.filter-dropdown.selected {
  border: 1px solid #35607e;
  color: #35607e;
}
.filter-dropdown.selected svg path {
  fill: #35607e;
}
.filter-dropdown.selected:active, .filter-dropdown.selected[aria-expanded=true], .filter-dropdown.selected:hover {
  background: #f8fcff;
  border: 1px solid #28485f;
  color: #28485f;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.filter-dropdown.selected:active svg path, .filter-dropdown.selected[aria-expanded=true] svg path, .filter-dropdown.selected:hover svg path {
  fill: #28485f;
}
.filter-dropdown:not(.selected):active, .filter-dropdown:not(.selected)[aria-expanded=true], .filter-dropdown:not(.selected):hover {
  background: #fbfbfb;
  color: #434640;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.filter-dropdown:not(.selected):active svg path, .filter-dropdown:not(.selected)[aria-expanded=true] svg path, .filter-dropdown:not(.selected):hover svg path {
  fill: #434640;
}
.filter-dropdown i {
  margin-right: -0.5rem;
}
.filter-dropdown.small {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  height: 40px;
}
.filter-dropdown.small svg {
  width: 0.75rem;
  height: 0.75rem;
}
.filter-dropdown .button-text {
  font-size: 16px;
  margin: 0 0.5rem;
}
.filter-dropdown__menu {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.04);
  display: none;
  max-height: 31.25rem;
  overflow-y: scroll;
  padding: 1rem 0.125rem 4.375rem 1rem;
}
.filter-dropdown__menu::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
}
.filter-dropdown__menu::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #eaeae9;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  border: 4px solid #ffffff;
}
.filter-dropdown__menu .buttons {
  border-top: 1px solid #eaeae9;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: white;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  font-size: 16px;
  padding-top: 10px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding-bottom: 12px;
  padding-right: 16px;
}
.filter-dropdown__menu .buttons .reset-link a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
.filter-dropdown__menu .buttons .reset-link a:hover {
  color: inherit;
  text-decoration: none;
}
.filter-dropdown__menu .buttons .hidden {
  display: none;
}
.filter-dropdown__item {
  font-size: 16px;
  font-weight: 450;
  display: flex;
  flex-direction: column;
}
.filter-dropdown__item a {
  color: #2d302a;
}
.filter-dropdown__item a i {
  color: #080807;
  font-size: 1.5em;
}
.filter-dropdown__item .parent-type {
  display: flex;
}
.filter-dropdown__item .parent-type .parent-type-name {
  line-height: 15px;
  font-size: 10px;
  color: #949592;
  text-transform: uppercase;
  margin-right: 3px;
  letter-spacing: 1px;
}
.filter-dropdown__item .parent-type .divider {
  margin-top: 7px;
  border-bottom: 1px solid #949592;
}
.filter-dropdown__item .sub-type {
  display: flex;
  padding: 5px 0;
  line-height: 20px;
  font-size: 14px;
}
.filter-dropdown__item .sub-type:last-child {
  padding-bottom: 15px;
}
.filter-dropdown__item .sub-type .sub-type-name {
  margin: -2px 0 0 10px;
  font-weight: 350;
}

.tippy-content .filter-dropdown__menu {
  display: flex;
  flex-direction: column;
  min-width: 270px;
}

/* stylelint-enable no-descending-specificity */
.scorecard-popup {
  position: absolute;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background: #faf9f7;
  border-radius: 0.5rem;
  min-width: 25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.scorecard-popup .scorecard-loading {
  color: var(--taupe-600);
}
.scorecard-popup .scorecard-criterion {
  border-radius: 0.5rem;
  padding: 0.25rem 0.4rem;
  margin-bottom: 0.2rem;
  background: var(--slate-200);
}
.scorecard-popup .scorecard-criterion.criterion-met-true.mandatory {
  background: var(--green-700);
  color: white;
}
.scorecard-popup .scorecard-criterion.criterion-met-true.preference {
  background: var(--green-200);
}
.scorecard-popup .scorecard-criterion.criterion-met-false.mandatory {
  background: var(--red-700);
  color: white;
}
.scorecard-popup .scorecard-criterion.criterion-met-false.preference {
  background: var(--taupe-200);
}

:root:has(.find-inventory),
:root:has(.find-inventory) body {
  overflow: hidden;
}

.find-inventory {
  background-color: var(--taupe-50);
  height: calc(100vh - 4.5rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.find-inventory > form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.find-inventory .search-actions-bar {
  flex-shrink: 0;
  z-index: 503;
  background-color: var(--taupe-50);
}
.find-inventory .search-actions-bar .source-search-input sl-input {
  width: 400px;
}
.find-inventory .source-content-area {
  flex: 1;
  min-height: 0;
  padding: 0 2rem 0.5rem;
  gap: 1rem;
}
.find-inventory .source-content-area > turbo-frame {
  position: absolute;
}
.find-inventory .filters-container {
  background-color: #ffffff;
  border: 1px solid var(--taupe-300);
  border-radius: 0.5rem;
  clip-path: inset(0 round 0.5rem);
  min-width: 26.25rem;
  max-width: 26.25rem;
  display: flex;
  overflow: hidden;
}
.find-inventory .filters-container .filter-heading {
  flex-shrink: 0;
  border-bottom: 1px solid var(--taupe-300);
  padding: 1.125rem 2rem;
}
.find-inventory .filters-container .filters {
  flex: 1;
  min-height: 0;
  padding: 1rem 2rem 0rem 2rem;
  overflow-y: scroll;
}
.find-inventory .filters-container .filters [data-filter-section] {
  scroll-margin-top: 1rem;
}
.find-inventory .filters-container .filters-button {
  flex-shrink: 0;
  border-top: solid 1px var(--taupe-300);
  padding: 16px 20px;
  background-color: #ffffff;
}
.find-inventory .filters-container .filter-input-text {
  font-weight: var(--sl-font-weight-light);
  color: var(--slate-700);
}
.find-inventory .filter-action-container {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 4px;
  border-radius: 4px;
}
.find-inventory .filter-action-container:hover {
  background-color: var(--taupe-150);
}
.find-inventory .results {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid var(--taupe-300);
  border-radius: 0.5rem;
  clip-path: inset(0 round 0.5rem);
  min-width: 0;
  flex: 1;
  min-height: 0;
  overflow: scroll;
}
.find-inventory .results-empty-state {
  max-width: 40rem;
}
.find-inventory .table-div {
  width: 100%;
  min-height: 0;
}
.find-inventory .results-container {
  width: 100%;
  color: var(--taupe-800);
}
.find-inventory .results-container table {
  border-collapse: separate;
  border-spacing: 0;
}
.find-inventory .results-container table thead th {
  border-bottom: 1px solid var(--taupe-300);
  background-color: var(--taupe-50);
  min-width: 9.5rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 1.5rem;
}
.find-inventory .results-container table .sticky-top {
  position: sticky;
  z-index: 502;
  top: 0;
}
.find-inventory .results-container table tbody {
  /* stylelint-disable no-descending-specificity */
}
.find-inventory .results-container table tbody th,
.find-inventory .results-container table tbody td {
  border-top: 1px solid var(--taupe-300);
  min-width: 9.5rem;
  width: 9.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.5rem;
  z-index: 1;
}
.find-inventory .results-container table tbody th .progress-circle-legend,
.find-inventory .results-container table tbody td .progress-circle-legend {
  width: 1rem;
  text-align: center;
}
.find-inventory .results-container table tbody th.wide-12-5rem,
.find-inventory .results-container table tbody td.wide-12-5rem {
  min-width: 12.5rem;
  width: 12.5rem;
}
.find-inventory .results-container table tbody th.wide-15rem,
.find-inventory .results-container table tbody td.wide-15rem {
  min-width: 15rem;
  width: 15rem;
}
.find-inventory .results-container table tbody th sup,
.find-inventory .results-container table tbody td sup {
  line-height: 0;
}
.find-inventory .results-container table tbody {
  /* stylelint-enable no-descending-specificity */
}
.find-inventory .results-container table tbody th {
  border-bottom: 1px solid var(--taupe-300);
}
.find-inventory .results-container table tbody .vintage-row-hidden {
  display: none;
}
.find-inventory .results-container table tbody .chevron-expanded {
  transform: rotate(90deg);
}
.find-inventory .results-container table tbody .last-row td {
  border-bottom: 1px solid var(--taupe-300);
}
.find-inventory .results-container table tbody .project-vintage-row td,
.find-inventory .results-container table tbody .project-vintage-row th {
  background-color: var(--taupe-100) !important;
}
.find-inventory .results-container table tbody .project-collapsed-row:has(th[rowspan="1"]) td,
.find-inventory .results-container table tbody .project-collapsed-row:has(th[rowspan="1"]) th {
  border-bottom: 1px solid var(--taupe-300);
}
.find-inventory .results-container table .sticky-cell {
  background-color: var(--taupe-50);
  border-right: 1px solid var(--taupe-300);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: sticky;
  z-index: 500;
}
.find-inventory .results-container table .sticky-cell.column-header {
  background-color: var(--taupe-50);
}
.find-inventory .results-container table .sticky-cell.sticky-cell-1 {
  left: 0;
  min-width: 22rem;
  width: 22rem;
}
.find-inventory .results-container table .sticky-cell.sticky-cell-2 {
  left: 22rem;
  box-shadow: 0px 0 20px color-mix(in srgb, var(--taupe-300) 50%, transparent);
  clip-path: inset(0 -20px 0 0);
  z-index: 1;
}
.find-inventory .results-container table .sticky-cell.sticky-cell-2:has(sl-tooltip[open]) {
  clip-path: none;
  z-index: 800;
}
.find-inventory .results-container table .vintage-cell-clickable {
  cursor: pointer;
  user-select: none;
}
.find-inventory .results-container table .vintage-cell-clickable:hover {
  background-color: var(--taupe-100) !important;
}
.find-inventory .results-container table .collapse-expand-wrapper {
  display: inline-flex;
  align-items: center;
}
.find-inventory .results-container table .collapse-expand-button {
  padding: 0;
  margin-right: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  flex-shrink: 0;
  pointer-events: none;
}
.find-inventory .results-container table .collapse-expand-button sl-icon {
  font-size: 30px;
  margin: -0.3rem;
  transition: transform 0.2s ease;
}
.find-inventory .results-container.shortlisting-mode table .sticky-cell-1 {
  min-width: 25rem;
  width: 25rem;
}
.find-inventory .results-container.shortlisting-mode table .sticky-cell-2 {
  left: 25rem;
}

.file-upload {
  width: 100%;
  height: 10rem;
  background: #fbfbfb;
  border: 1px solid #b4b5b3;
  border-radius: 0.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.file-upload .file-actions {
  width: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: end;
  padding: 0.5rem;
}
.file-upload .file-preview {
  max-height: 4rem;
}
.file-upload .upload-icon {
  width: 3.75rem;
  height: 4rem;
}
.file-upload .upload-icon svg path {
  stroke: #949592;
}
.file-upload .loader {
  padding: 13px 0;
  box-sizing: content-box;
}

.projects-footer {
  background-color: #f7f7f7;
  padding-top: 2rem;
  padding-bottom: 4rem;
}
.projects-footer .footer-inner {
  max-width: 1220px;
  padding: 0 3rem;
  margin: 0 auto;
}
.projects-footer .columns-container {
  display: flex;
  align-items: flex-start;
}
.projects-footer .left-column {
  margin-right: 10rem;
}
.projects-footer .logo {
  margin-bottom: 2.5rem;
  height: 2rem;
  width: 9rem;
}
.projects-footer .logo svg {
  height: 2rem;
  width: 9rem;
}
.projects-footer .email {
  width: 18rem;
}
.projects-footer .subscribe-button {
  height: 2rem;
  color: #151814;
}
.projects-footer .socials {
  display: flex;
}
.projects-footer .socials svg,
.projects-footer .socials img {
  width: 24px;
  height: 24px;
}
.projects-footer .socials svg > rect {
  fill: #151814;
}
.projects-footer section.footer-links {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.projects-footer .links-column {
  width: 15rem;
}
.projects-footer .links-column .link {
  margin: 0.25rem 0;
  color: #747672;
}
.projects-footer .links-column .link:hover {
  color: #282b24;
}
.projects-footer .links-subheader {
  font-size: 10px;
  font-weight: 500;
  color: #91908d;
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
  text-transform: uppercase;
}
.projects-footer hr {
  height: 1px;
  background-color: #dbdbdb;
}
.projects-footer .partnerships {
  margin-top: 3rem;
}
.projects-footer .partnerships .partnerships-header {
  color: #747672;
}
.projects-footer .partnerships .partnership-logos {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 2rem;
}
.projects-footer .partnerships .partnership-logos img {
  max-height: 40px;
}

@media screen and (max-width: 1200px) {
  .projects-footer .columns-container {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1000px) {
  .projects-footer .columns-container .right-column {
    margin-top: 3rem;
  }
  .projects-footer .columns-container section.footer-links {
    justify-content: left;
    flex-wrap: wrap;
  }
  .projects-footer .columns-container section.footer-links .links-column {
    width: 15rem;
  }
  .projects-footer .socials {
    justify-content: center;
  }
  .projects-footer .partnerships .partnership-logos {
    flex-wrap: wrap;
    justify-content: center;
  }
  .projects-footer .partnerships .partnership-logos a {
    text-align: center;
    flex-basis: 25%;
  }
}
@media screen and (max-width: 600px) {
  .projects-footer .footer-inner {
    padding: 0 1rem;
  }
  .projects-footer .columns-container {
    flex-wrap: wrap;
  }
  .projects-footer .columns-container .right-column {
    margin-left: 0;
  }
  .projects-footer .columns-container section.footer-links {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 0;
  }
  .projects-footer .columns-container section.footer-links .links-column {
    flex: 50%;
  }
  .projects-footer .partnerships .partnership-logos {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .projects-footer .partnerships .partnership-logos a {
    text-align: left;
    flex-basis: 50%;
  }
  .projects-footer .partnerships .partnership-logos a img {
    max-height: none;
  }
}
.form-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.6rem 2.5rem;
  background: #1a1b17;
  z-index: 575;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
  height: 4.5rem;
}
.form-banner.light {
  background: #ffffff;
}

.general-card .name {
  font-size: 18px;
}
.general-card span {
  color: #2d302a;
}
.general-card .hidden-text-link {
  color: #847806;
  cursor: pointer;
}
.general-card .table td {
  padding-bottom: 18px;
  padding-top: 18px;
  white-space: normal;
  vertical-align: middle;
}
.general-card .table td p {
  display: inline-block;
}
.general-card .table tr td:first-child {
  color: #949592;
  font-size: 14px;
  font-weight: 450;
}
.general-card .table a {
  color: #2d302a;
  text-decoration: underline;
}
.general-card .uid-cell {
  width: 80%;
  color: #847806;
}
.general-card.tall {
  min-height: 600px;
}

.header {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  min-height: 50px;
  position: relative;
}
.header .title {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.header .header-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.banner-header {
  background: #ffffff url(//cdn.patch.io/assets/backgrounds/grid_line_rock-b7695831eed9e365a8bc689f4f33f40d60b7a1354c479a415f561926e0397c9c.svg) top right/65% 100% no-repeat;
  padding: 2rem 3rem;
  margin-bottom: 0;
  border-bottom: 1px solid #eaeae9;
}
.banner-header.borderless {
  border-bottom: 0;
}
.banner-header.header {
  margin-bottom: 0;
}
.banner-header.no-background {
  background: #ffffff;
}

html:has(.login),
body:has(.login) {
  overflow: hidden;
  height: 100%;
}

.login {
  display: flex;
  flex-direction: row-reverse;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.login .background {
  justify-content: center;
  width: 60%;
  overflow: hidden;
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.3) 0%, transparent 80%), url(//cdn.patch.io/assets/backgrounds/split_background_default-4b5e85d5d955d1341580856db4cb6d952ffd19305e573c4238e1610cc3028cf5.webp);
  background-size: cover, cover;
}
.login .biochar {
  align-self: center;
  height: 750.68px;
}
.login .biochar-rock {
  animation-duration: 0.8s;
  animation-name: fade-zoom-in;
  animation-timing-function: linear;
}
@keyframes fade-zoom-in {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
    transform: translate(-65px, 65px);
  }
  30% {
    opacity: 0;
    transform: translate(-15px, 15px);
  }
  75% {
    opacity: 70;
    transform: translate(-3px, 3px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.login .biochar-technology-circle,
.login .biochar-technology-line {
  animation-duration: 1.2s;
  animation-name: technology-circle-reveal;
  animation-timing-function: linear;
}
@keyframes technology-circle-reveal {
  0% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
.login .biochar-technology-title,
.login .biochar-technology-description {
  animation-duration: 1.75s;
  animation-name: technology-text-reveal;
  animation-timing-function: linear;
}
@keyframes technology-text-reveal {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
.login .biochar-permanence-circle,
.login .biochar-permanence-line {
  animation-duration: 2.2s;
  animation-name: permanence-circle-reveal;
  animation-timing-function: linear;
}
@keyframes permanence-circle-reveal {
  0% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
.login .biochar-permanence-title,
.login .biochar-permanence-description {
  animation-duration: 2.75s;
  animation-name: permanence-text-reveal;
  animation-timing-function: linear;
}
@keyframes permanence-text-reveal {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
.login .content-container {
  position: relative;
  background: #ffffff;
  width: 40%;
  border-right: 1px solid var(--taupe-300);
  box-shadow: 1rem 0 2rem rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.login .content-container .card {
  border: none;
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
  overflow: visible;
}
.login.split-screen-container .content-container {
  overflow-y: auto;
}
.login .login-logo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2rem;
  z-index: 1;
}
.login .login-logo svg {
  width: 126px;
}
.login .login-logo svg path {
  fill: var(--taupe-900);
}
.login sl-button sl-icon[slot=prefix] {
  font-size: 2rem;
}
.login sl-divider {
  flex: 1;
}

.img.border-radius-half {
  border-radius: 0.5rem;
}

.field {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.field .help {
  color: #767773;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 10px;
}
.field.bordered {
  border-top: 1px solid #f2f2f1;
}

label.required:after {
  content: " *";
  display: inline;
  color: #ea642b;
}

.input {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 22px;
  border: 1px #f2f2f1 solid;
  border-radius: 4px;
  background-color: #fbfbfb;
  height: 3em;
}
.input input {
  background-color: #fbfbfb;
  color: #2d302a;
  border: none;
  font-size: 16px;
  line-height: 1.2;
  width: 100%;
}
.input input:focus {
  outline: none;
}
.input .inner-label {
  font-size: 10px;
  text-align: left;
  color: #5a5d57;
}

.textarea {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 22px;
  border-radius: 4px;
  background-color: #fbfbfb;
  width: 100%;
  max-width: 600px;
}
.textarea textarea {
  background-color: #fbfbfb;
  border: none;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.2;
  width: 100%;
  resize: none;
}
.textarea textarea:focus {
  outline: none;
}

.field-with-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 10px;
  justify-content: flex-end;
  flex-basis: 70%;
}
.field-with-action :not(:last-child) {
  margin-right: 10px;
}
.field-with-action .input {
  flex-grow: 2;
}

input.no-select::selection {
  background: none;
}

.input-v2 {
  align-items: center;
  background-color: #ffffff;
  border-radius: 0.5rem;
  border: 1px solid #d9d9d8;
  color: #434640;
  display: flex;
  flex-direction: row;
  height: 3em;
  justify-content: space-between;
  padding: 0.5rem 0.5rem;
}
.input-v2 ::placeholder {
  color: #949592;
}
.input-v2.small {
  height: 2rem;
}
.input-v2.medium {
  height: 2.5rem;
}
.input-v2.no-border {
  border: none;
  border-radius: 0;
}
.input-v2:disabled {
  cursor: default;
  background-color: rgba(239, 239, 239, 0.3);
  color: rgba(84, 84, 84, 0.5);
  border-color: rgba(118, 118, 118, 0.3);
}
.input-v2 input {
  background-color: #ffffff;
  border: none;
  color: #434640;
  padding: 0.3rem 0.25rem;
  width: 100%;
}
.input-v2 input:focus {
  outline: none;
}
.input-v2 input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.input-v2 input[type=number]::-webkit-inner-spin-button, .input-v2 input[type=number]::-webkit-outer-spin-button {
  display: none;
  -webkit-appearance: none;
}
.input-v2 input:disabled {
  cursor: default;
  background-color: rgba(239, 239, 239, 0.3);
  color: rgba(84, 84, 84, 0.5);
  border-color: rgba(118, 118, 118, 0.3);
}
.input-v2 input:read-only {
  background-color: #fbfbfb;
  border-color: #f2f2f1;
  color: #5a5d57;
  cursor: not-allowed;
}
.input-v2 .input-buttons {
  display: flex;
  align-items: center;
}
.input-v2 .input-buttons .input-button {
  width: 1.75rem;
  height: 1.75rem;
  background: #f2f2f1;
  border-radius: 0.375rem;
  color: #434640;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.input-v2 .input-buttons .input-button > svg {
  flex-grow: 1;
}
.input-v2 .input-buttons .input-button > svg path {
  fill: #434640;
}
.input-v2.textarea-input {
  height: fit-content;
}
.input-v2.textarea-input textarea {
  border: none;
  color: #434640;
  font-family: "Muoto", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 100%;
}
.input-v2.textarea-input textarea:focus {
  outline: none;
}
.input-v2.textarea-input textarea.fixed-size {
  resize: none;
}
.input-v2.error, .input-v2.invalid, .input-v2:invalid, .input-v2:has(input:not(.pristine):invalid, textarea:not(.pristine):invalid), .input-v2:has(input.pristine[data-report-errors-on-all-changes]:invalid,
textarea.pristine[data-report-errors-on-all-changes]:invalid) {
  border-color: #d04647;
}
.input-v2.active {
  border-color: #457ca2;
}
.input-v2.as-text {
  border: none;
  padding: 0.25rem 0;
  height: auto;
  width: auto;
  box-sizing: border-box;
  min-width: 0;
  flex: 1;
  color: unset;
  word-break: break-word;
}
.input-v2.as-text:hover {
  background-color: #f2f2f1;
}
.input-v2.as-text:focus {
  background-color: #f2f2f1;
}
.input-v2.with-after-text {
  padding: 0;
  height: 3rem;
}
.input-v2.with-after-text input {
  padding: 0.4rem 1rem;
  width: unset;
  flex-grow: 1;
}
.input-v2.with-after-text .after-text {
  background: #fbfbfb;
  border-left: 1px solid #d9d9d8;
  border-radius: 0 0.5rem 0.5rem 0;
  height: 100%;
  padding: 0.75rem 1rem;
  line-height: 1.5rem;
}
.input-v2.with-after-text .after-text.no-background {
  background: none;
  border-left: none;
  padding: 1rem 1rem 1rem 0;
}
.input-v2.with-before-text {
  padding: 0;
}
.input-v2.with-before-text input {
  padding: 0.4rem 0.5rem;
  width: unset;
  flex-grow: 1;
}
.input-v2.with-before-text .before-text {
  background: #fbfbfb;
  border-right: 1px solid #d9d9d8;
  border-radius: 0.5rem 0 0 0.5rem;
  color: #2d302a;
  height: 100%;
  padding: 0.75rem 1rem;
}
.input-v2 {
  /* stylelint-disable no-descending-specificity */
}
.input-v2:not(input, select, textarea, button):focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.input-v2:has(input:not([type=hidden]):not([type=radio]):read-only), .input-v2.readonly, .input-v2.readonly input {
  background-color: #fbfbfb;
  border-color: #f2f2f1;
  color: #5a5d57;
  cursor: not-allowed;
}
.input-v2 {
  /* stylelint-enable no-descending-specificity */
}
.input-v2 select {
  background-color: #ffffff;
  border: none;
  width: 100%;
  cursor: pointer;
}
.input-v2 select:hover, .input-v2 select:focus, .input-v2 select:focus-visible, .input-v2 select:active {
  border: none;
  outline: none;
}
.input-v2.radio {
  border: none;
  justify-content: flex-start;
  padding: 0rem 0.25rem;
  height: 2rem;
  cursor: pointer;
  width: min-content;
}
.input-v2.radio:not(:last-child) {
  margin-bottom: 0.25rem;
}
.input-v2.radio input[type=radio] {
  margin-right: 0.5rem;
}
.input-v2.radio label {
  cursor: pointer;
}

.invite-container .accept-disclaimer a {
  color: #767773;
  text-decoration: underline;
}
.invite-container .disclaimer .zwicon-lock {
  margin-top: 0.1rem;
}

.invite-error-content {
  padding: 0 0.5rem;
}
.invite-error-content .invite-subheader-text {
  margin-bottom: 2.5rem;
}

.request-content .request-description {
  margin: 0.25rem 0 2.5rem 0;
}
.request-content .request-subtext {
  text-align: center;
}
.request-content .options-divider {
  margin: 2.5rem 0;
  text-align: center;
}

ul.bullet-list {
  list-style-position: inside;
  list-style-type: "•";
}

dl.two-columns-list {
  display: grid;
  grid-template-columns: min-content auto;
}
dl.two-columns-list > dt {
  grid-column: 1;
  white-space: nowrap;
  padding-right: 1rem;
}
dl.two-columns-list > dd {
  grid-column: 2;
}

dl.two-rows-list {
  display: grid;
}
dl.two-rows-list > dt {
  grid-row: 1;
  padding-right: 2rem;
}
dl.two-rows-list > dd {
  grid-row: 2;
  padding-right: 2rem;
}

ul.sidenav-links li a {
  flex: 1;
  color: #1a1b17;
  display: block;
}
ul.sidenav-links li a.active {
  background: #f2f2f1;
  border-radius: 0.375rem;
  color: #1a1b17;
}

.lot-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.lot-timeline__item {
  position: relative;
}
.lot-timeline__item--secondary::before, .lot-timeline__item--split::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(calc(0.875rem + 1.5rem / 2) - 1px);
  width: 2px;
  background-color: #e0dcd1;
}
.lot-timeline__item--secondary:first-child::before, .lot-timeline__item--split:first-child::before {
  top: 50%;
}
.lot-timeline__item--secondary:last-child::before, .lot-timeline__item--split:last-child::before {
  bottom: 50%;
}
.lot-timeline__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  height: 1.25rem;
  left: calc(calc(0.875rem + 1.5rem / 2) - 1px);
  width: 2px;
  background-color: #e0dcd1;
}
.lot-timeline__item--expected:not(:last-child)::after, .lot-timeline__item:has(+ .lot-timeline__item--expected)::after, .lot-timeline__item--expected + .lot-timeline__item--secondary::before, .lot-timeline__item--expected + .lot-timeline__item--split::before, .lot-timeline__item--secondary:has(+ .lot-timeline__item--expected)::before, .lot-timeline__item--split:has(+ .lot-timeline__item--expected)::before {
  background-color: transparent;
  background-image: linear-gradient(to bottom, #bfb6a2 0, #bfb6a2 4px, transparent 4px, transparent 8px);
  background-size: 2px 8px;
  background-repeat: repeat-y;
}

.lot-timeline__body {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.875rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  min-width: 0;
}
.lot-timeline__item--event .lot-timeline__body {
  background-color: #f9f7f3;
  border-color: #e0dcd1;
}
.lot-timeline__item--expected .lot-timeline__body {
  background-color: #ffffff;
  border-color: #e0dcd1;
  border-style: dashed;
}
.lot-timeline__item--secondary .lot-timeline__body, .lot-timeline__item--split .lot-timeline__body {
  background-color: transparent;
  border-color: transparent;
}

.lot-timeline__marker {
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5b5343;
}
.lot-timeline__item--event:not(.lot-timeline__item--secondary) .lot-timeline__marker {
  background-color: #f2eee6;
  border: 1px solid #e0dcd1;
  border-radius: 0.25rem;
}
.lot-timeline__item--expected .lot-timeline__marker {
  color: #998e77;
}
.lot-timeline__item--split .lot-timeline__marker, .lot-timeline__item--secondary .lot-timeline__marker {
  position: relative;
  background-color: #ffffff;
  color: #b2aa92;
}

.lot-timeline__content {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.lot-timeline__title {
  color: #2b261c;
}
.lot-timeline__item--expected .lot-timeline__title {
  color: #857f72;
}
.lot-timeline__item--split .lot-timeline__title, .lot-timeline__item--secondary .lot-timeline__title {
  color: #998e77;
}

.lot-timeline__retirement-links {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.25rem;
  margin-top: 0.25rem;
}

.lot-timeline__action {
  flex: 0 0 auto;
  margin-left: auto;
}

.metadata-breakdown-section {
  margin-top: 4rem;
}
.metadata-breakdown-section.inline-breakdown {
  margin-top: 1rem;
  border-top: 1px solid #eaeae9;
  padding: 3rem 4.5rem 2rem;
}
.metadata-breakdown-section.order-breakdown {
  background: #fbfbfb;
}
.metadata-breakdown-section .legend {
  padding-right: 1em;
}
.metadata-breakdown-section .metadata-headers {
  display: flex;
  height: 2.5rem;
  border-bottom: 1px solid #eaeae9;
}
.metadata-breakdown-section .metadata-headers .metadata-header {
  cursor: pointer;
  margin-right: 1.5rem;
  color: #767773;
}
.metadata-breakdown-section .metadata-headers .metadata-header.active {
  color: #2d302a;
  border-bottom: 2px solid #1a1b17;
}
.metadata-breakdown-section .metadata-breakdown {
  display: none;
  margin-top: 0.75rem;
}
.metadata-breakdown-section .metadata-breakdown.active {
  display: block;
}
.metadata-breakdown-section .breakdown-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.metadata-breakdown-section .breakdown-grid .metadata-card {
  padding: 2em 6em 1em 0;
}
.metadata-breakdown-section .breakdown-grid .metadata-card:last-child {
  padding-right: 0;
}
.metadata-breakdown-section .breakdown-grid .metadata-card .metadata-header {
  border-bottom: 1px solid #eaeae9;
}
.metadata-breakdown-section .breakdown-grid .metadata-card .breakdown-graph-component {
  display: flex;
  flex-direction: column-reverse;
}
.metadata-breakdown-section .breakdown-grid .metadata-card .breakdown-graph-component .legend {
  padding-top: 1rem;
  padding-right: 0;
  max-width: 17.5rem;
}

@media (max-width: 1200px) {
  .metadata-breakdown-section .breakdown-grid .metadata-card {
    padding: 2em 0 1em 0;
    flex-basis: 100%;
  }
  .metadata-breakdown-section .breakdown-grid .metadata-card .breakdown-graph-component {
    display: flex;
    flex-direction: row;
  }
  .metadata-breakdown-section .breakdown-grid .metadata-card .breakdown-graph-component .legend {
    max-width: 35rem;
    padding-top: 0;
    padding-right: 1rem;
  }
}
.notice {
  border-radius: 0.5rem;
  padding: 1rem;
}
.notice .notice-icon.passive {
  color: #2d302a;
}
.notice .notice-icon.info {
  color: #1b3141;
}
.notice .notice-icon.warning {
  color: #352f03;
}
.notice .notice-icon.error {
  color: #541c1d;
}
.notice .notice-icon.success {
  width: 1.25rem;
  color: #0f352c;
}
.notice .notice-icon.large {
  width: 1.75rem;
}
.notice .notice-icon.border-radius {
  border-radius: 4px;
}
.notice .notice-text {
  display: inline-block;
}
.notice.success {
  background: #eaf5f2;
  border: 1px solid #c1e0d8;
  color: #081e19;
}
.notice.success .as-link-secondary {
  color: #081e19;
}
.notice.error {
  background: #feeeef;
  border: 1px solid #fbd0d0;
  color: #311111;
}
.notice.error .as-link-secondary {
  color: #311111;
}
.notice.warning {
  background: #fefce6;
  border: 1px solid #fbec69;
  color: #1e1b01;
}
.notice.warning .as-link-secondary {
  color: #1e1b01;
}
.notice.info {
  background: #f8fcff;
  border: 1px solid #b4e0ff;
  color: #101c25;
}
.notice.info .as-link-secondary {
  color: #101c25;
}
.notice.passive {
  background: #fbfbfb;
  border: 1px solid #d9d9d8;
  color: #1a1b17;
}
.notice.passive .as-link-secondary {
  color: #1a1b17;
}
.notice.w-full {
  width: 100%;
  border-radius: 0;
}

a:has(.notice):hover .notice.success {
  background: #dcede9;
}
a:has(.notice):hover .notice.error {
  background: #fde3e4;
}
a:has(.notice):hover .notice.warning {
  background: #fdf5b4;
}
a:has(.notice):hover .notice.info {
  background: #e4f4ff;
}
a:has(.notice):hover .notice.passive {
  background: #f2f2f1;
}

.onboarding .card {
  padding: 0;
  overflow-y: hidden;
  max-height: 440px;
}
.onboarding .columns {
  margin-top: 0;
}
.onboarding .column {
  padding: 0;
}
.onboarding .content-card {
  padding: 2em 5em 2em 2em;
}
.onboarding .content-card .cta {
  display: inline-block;
}
.onboarding .content-card .cta .button {
  height: 40px;
}
.onboarding .teaser-card-screenshot {
  height: 100%;
  background-image: linear-gradient(180deg, #83c1b1 0%, #48a48d 100%);
  padding: 3em 3em 0 3em;
  position: relative;
}
.onboarding .teaser-card-screenshot::before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(//cdn.patch.io/assets/background_nature-079667427738760197d10cde6b66e4b41d4b6eb4b08bc48bf31a1b76f3589138.svg);
  color: #2d302a;
}
.onboarding .teaser-card-screenshot .teaser-card__content {
  position: absolute;
  top: 60px;
  width: calc(100% - 6em);
  background-color: white;
  border-radius: 8px 8px 0px 0px;
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 2em;
}
.onboarding .teaser-card-screenshot .teaser-card__content svg.logo {
  width: 111px;
  height: 42px;
}
.onboarding .teaser-card-screenshot .teaser-card__content {
  /* stylelint-disable no-descending-specificity */
}
.onboarding .teaser-card-screenshot .teaser-card__content .button {
  background-color: #48a48d;
  color: white;
  font-weight: 550;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  cursor: default;
  height: 42px;
}
.onboarding .teaser-card-photo {
  height: 100%;
  position: relative;
}
.onboarding .teaser-card-photo .teaser-card__content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.onboarding .teaser-card-photo .teaser-card__content img {
  height: 100%;
  object-fit: cover;
}

.projects-onboarding .card {
  padding: 2.5rem;
}
.projects-onboarding .card .small-text {
  font-size: 1rem;
  font-weight: 350;
  letter-spacing: -0.011px;
}
.projects-onboarding .card .expand-collapse-btn {
  background: none;
  border: none;
  color: #ea642b;
  font-size: 1rem;
  letter-spacing: -0.011px;
  cursor: pointer;
}
.projects-onboarding .card.collapsed {
  padding: 1.25rem;
}
.projects-onboarding .card:hover {
  box-shadow: none !important;
}

.onboarding-banner {
  background: #2d302a;
  padding: 1.5rem 1.5rem 1.5rem 2rem;
  border-radius: 1rem;
  color: #f2f2f1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onboarding-banner .vertical-divider {
  background: #5a5d57;
  height: 1rem;
  width: 0.063rem;
  margin-right: 1.5rem;
}
.onboarding-banner svg path {
  stroke: #f2f2f1;
}
.onboarding-banner:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), #2d302a;
}

.orders .button.filter {
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #f2f2f1;
  box-shadow: 0px 2px 2px rgba(3, 3, 3, 0.1);
  box-sizing: border-box;
  height: 65px;
  margin-right: 20px;
  padding-left: 0.6em;
}
.orders .button.filter img {
  vertical-align: middle;
}
.orders .button.filter .icon-col {
  margin: auto;
  padding-right: 8px;
}
.orders .button.filter .text-col {
  flex-direction: column;
  padding-left: 0;
  text-align: left;
}
.orders .button.filter .number {
  display: flex;
  font-weight: 850;
  margin-bottom: -5px;
}
.orders .button.filter .number .value {
  font-size: 1.4rem;
}
.orders .button.filter .number .tonnes {
  align-self: flex-end;
  font-size: 0.7em;
  margin-bottom: 4px;
}
.orders .button.active-placed {
  border-color: #a69608;
}
.orders .button.active-processing {
  border-color: #7d8feb;
}
.orders .button.active-complete {
  border-color: #48a48d;
}
.orders tr td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.orders tr td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.orders .convert-icon {
  display: flex;
  align-items: center;
  padding: 0.75rem 0 0 0;
}
.orders .convert-icon svg path {
  fill: #2d302a;
}

.order-details {
  padding-left: 2.5rem;
}
.order-details .order-details-body {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  margin-left: 0;
  margin-right: 0;
}
.order-details .full-page-certificate-header {
  width: 100%;
  padding: 0 2.5rem 1rem;
  display: flex;
  justify-content: space-between;
  float: none;
}
.order-details .full-page-footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d9d9d8;
  background: rgba(255, 255, 255, 0.8);
  padding: 1.5rem 2.5rem;
  margin-left: -2.5rem;
}
.order-details .order-details-and-certificate-columns {
  justify-content: center;
}
.order-details .order-details-and-certificate-columns .order-details-column {
  min-width: 350px;
}
.order-details .mobile-certificate {
  display: none;
}
.order-details .impact-details {
  clear: both;
}
.order-details .certificate-column {
  padding: 0 0 0 100px;
  right: 0;
  flex: 0 1 auto;
}
.order-details .certificate-column .certificate-inner {
  width: 67rem;
  cursor: pointer;
}
@media screen and (min-width: 1400px) {
  .order-details .order-details-column.column.is-one-third {
    max-width: 440px;
  }
}
@media screen and (min-width: 1800px) {
  .order-details .certificate-column.column.is-two-thirds {
    width: auto;
  }
}
.order-details .locale-dropdown-container {
  display: flex;
  flex-direction: row-reverse;
}
.order-details .locale-dropdown-container .input.patch-dropdown {
  padding: 4px 6px;
  height: 2em;
}
.order-details .locale-dropdown-container .tippy-content {
  min-width: 120px;
}
.order-details .locale-dropdown-container .patch-dropdown__selected {
  justify-content: center;
  padding: 0 5px;
}
.order-details .locale-dropdown-container .patch-dropdown__item {
  background: #ffffff;
  min-width: 120px;
  padding: 10px 20px;
  justify-content: center;
}
.order-details.full-page .order-details-body {
  padding-top: 7rem;
}
.order-details.full-page.full-page-certificate .order-details-body {
  padding-top: 1rem;
  padding-right: 0;
}
@media screen and (max-width: 1024px) {
  .order-details.full-page {
    padding-right: 2.5rem;
  }
  .order-details.full-page .order-details-column {
    width: 100%;
  }
  .order-details.full-page .order-details-column .mobile-certificate {
    display: unset;
  }
  .order-details.full-page .certificate-column {
    display: none;
  }
  .order-details.full-page .full-page-footer {
    margin-right: -2.5rem;
  }
}
@media screen and (max-width: 680px) {
  .order-details .impact-details .columns {
    flex-wrap: wrap;
  }
  .order-details .impact-details .columns .icon-detail-card {
    width: 100%;
  }
  .order-details .locale-dropdown-container {
    max-width: 140px;
  }
}

.side-panel .order-details,
sl-drawer.drawer .order-details {
  padding-left: 0;
}
.side-panel .certificate .footer,
sl-drawer.drawer .certificate .footer {
  margin-bottom: 1rem;
}

.order-payment-element {
  min-height: 19.75rem;
}

.draft-order-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1rem;
  row-gap: 1.5rem;
}
.draft-order-cards .draft-order-card {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 1px solid #d9d9d8;
  color: #434640;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.orders-edit .orders-edit-content {
  padding: 5.5rem 4.5rem 2rem;
}
.orders-edit .orders-edit-content .order-info {
  margin-top: 3.25rem;
}
.orders-edit .orders-edit-content .line-item-table {
  margin-top: 1.5rem;
}
.orders-edit .orders-edit-content .line-item-table .pct-of-target-th {
  border-bottom: 0.125rem dashed #d9d9d8;
}
.orders-edit .orders-edit-content .empty-order {
  height: 18rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.add-projects-to {
  padding-top: 1.5rem;
}

.amount-selection {
  width: 22.5rem;
}
.amount-selection .convert-icon svg {
  width: 1.125rem;
}

.order-review,
.order-place {
  min-height: calc(100vh - 5.375rem);
  background: rgba(255, 255, 255, 0.8);
  margin-top: 5.375rem;
}
.order-review .order-place-content,
.order-place .order-place-content {
  width: 31.25rem;
  margin: 8.938rem auto 0;
}
.order-review .order-review-content,
.order-place .order-review-content {
  min-height: inherit;
  margin-top: 0;
}
.order-review .order-review-content .order-review-payment,
.order-review .order-review-content .order-summary,
.order-place .order-review-content .order-review-payment,
.order-place .order-review-content .order-summary {
  padding: 3rem 3.75rem;
}
.order-review .order-review-content .order-summary,
.order-place .order-review-content .order-summary {
  background-color: #fbfbfb;
  border-left: 1px solid #d9d9d8;
}
.order-review .order-review-content .order-review-column-section,
.order-place .order-review-content .order-review-column-section {
  max-width: 480px;
  margin: 0 auto;
}

.overview-card {
  border-radius: 0.5rem;
}
.overview-card:not(:last-child) {
  margin-right: 1rem;
}
.overview-card .description {
  font-size: 0.875rem;
}
.overview-card.complete {
  border: 1px solid #dcede9;
  background-color: #eaf5f2;
}
.overview-card.complete .value {
  color: #030a09;
}
.overview-card.processing {
  border: 1px solid #d6eeff;
  background-color: #e4f4ff;
}
.overview-card.processing .value {
  color: #05090c;
}
.overview-card.processing .description {
  color: #101c25;
}
.overview-card.placed {
  border: 1px solid #fde2fc;
  background-color: #feeefe;
}
.overview-card.placed .value {
  color: #1a000f;
}
.overview-card.placed .description {
  color: #3c0025;
}
.overview-card.draft {
  border: 1px solid #eaeae9;
  background-color: #f2f2f1;
}
.overview-card.draft .value {
  color: #080807;
}
.overview-card.draft .description {
  color: #1a1b17;
}

.proposal-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1rem;
  row-gap: 1.5rem;
}
.proposal-cards .proposal-card {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 1px solid #d9d9d8;
  color: #434640;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pagination-component-container {
  margin: auto;
}

.close-button,
.nav-buttons button,
.nav-buttons .button {
  border-radius: 20%;
  font-size: 1em;
  height: 40px;
  margin: 0 5px;
  width: 40px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 0rem;
  color: #080807;
}
.close-button svg,
.nav-buttons button svg,
.nav-buttons .button svg {
  width: 16px;
  height: 16px;
}

body.modal-open {
  overflow: hidden;
  height: 100vh;
}
body.centered-modal-open {
  overflow: hidden;
}

.centered-modal {
  display: none;
  position: fixed;
  z-index: 900;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.5s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}
.centered-modal.active {
  display: flex;
  opacity: 1;
}
.centered-modal .title {
  font-size: 1.25rem;
  font-weight: 550;
  line-height: 1.5rem;
  color: #1a1b17;
}
.centered-modal .centered-modal-content {
  display: flex;
  flex-direction: column;
  overflow: clip;
  position: relative;
  background-color: #ffffff;
  border-radius: 0.5rem;
  max-width: 60rem;
  max-height: 47rem;
  box-shadow: 0 1.25rem 3.125rem rgba(0, 0, 0, 0.3);
}
.centered-modal .centered-modal-content.with-side-panel {
  flex-direction: row;
}
.centered-modal .centered-modal-content:has(auto-complete) {
  overflow-x: unset;
}
.centered-modal .centered-modal-side-panel {
  position: relative;
  width: 27%;
  background: #fbfbfb;
  border-right: 1px solid #d9d9d8;
  padding: 2rem;
}
.centered-modal .centered-modal-side-panel a {
  display: flex;
  align-items: center;
  margin-top: 0.875rem;
}
.centered-modal .centered-modal-side-panel a .icon-container {
  background: #eaeae9;
  border-radius: 0.75rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.875rem;
}
.centered-modal .centered-modal-side-panel a .icon-container i {
  width: 1rem;
  height: 1rem;
}
.centered-modal .centered-modal-side-panel a .link-text {
  font-size: 0.875rem;
  color: #434640;
}
.centered-modal .centered-modal-side-panel a:hover .icon-container {
  background: #d9d9d8;
}
.centered-modal .centered-modal-side-panel a:hover .link-text {
  color: #1a1b17;
}
.centered-modal .centered-modal-side-panel a.active .icon-container {
  background-color: #457ca2;
  -webkit-mask-image: url(//cdn.patch.io/assets/active_icon_bg-a7935fcb7e278fdd646ce6057dda2c2ed965de956d1addbf20ea34beaf3cae6c.svg);
  mask-image: url(//cdn.patch.io/assets/active_icon_bg-a7935fcb7e278fdd646ce6057dda2c2ed965de956d1addbf20ea34beaf3cae6c.svg);
}
.centered-modal .centered-modal-side-panel a.active .icon-container i svg path {
  fill: #ffffff;
}
.centered-modal .centered-modal-side-panel a.active .link-text {
  color: #457ca2;
}
.centered-modal .centered-modal-side-panel .side-panel-footer {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}
.centered-modal .centered-modal-main-content {
  max-width: 41rem;
  display: flex;
  flex-direction: column;
}
.centered-modal .centered-modal-body {
  height: auto;
  flex-grow: 1;
}
.centered-modal .centered-modal-body .wrap-text {
  white-space: normal;
}
.centered-modal .centered-modal-body .full-divider {
  flex: 1;
  height: 1px;
  background: #eaeae9;
  margin: 1.5rem -3.125rem;
}
.centered-modal .centered-modal-header {
  position: relative;
  padding: 1.5rem 3.125rem 1rem;
}
.centered-modal .centered-modal-header .close-button {
  float: right;
  z-index: 800;
  position: relative;
}
.centered-modal .centered-modal-header.taupe-project-modal {
  height: auto;
  padding: 0.5rem 1.5rem;
  z-index: 1;
  background: var(--taupe-50);
  position: sticky;
  top: 0;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s ease;
}
.centered-modal .centered-modal-header.taupe-project-modal .modal-header-title {
  opacity: 0;
  transition: opacity 0.15s ease;
}
.centered-modal .centered-modal-header.taupe-project-modal.scrolled {
  border-color: var(--taupe-300);
}
.centered-modal .centered-modal-header.taupe-project-modal.scrolled .modal-header-title {
  opacity: 1;
}
.centered-modal .separator {
  transition: opacity 0.15s ease;
}
.centered-modal .centered-modal-footer {
  display: flex;
  width: 100%;
  padding: 1rem 1.25rem;
  background: #ffffff;
  border-top: 1px solid #d9d9d8;
  box-shadow: 0px -8px 12px rgba(0, 0, 0, 0.05);
  border-radius: 0 0 0.5rem 0.5rem;
}
.centered-modal.no-header-padding .centered-modal-header {
  padding: 0 !important;
}
.centered-modal.full-page .centered-modal-content {
  height: calc(100vh - 2rem);
  max-height: 100vh;
  max-width: 90rem;
  width: 100vw;
  margin: 0 1.5rem;
}
.centered-modal.extra-large .centered-modal-content {
  height: calc(100vh - 10rem);
  max-height: none;
}
.centered-modal.extra-large .centered-modal-header {
  padding: 0;
}
.centered-modal.extra-large .centered-modal-body {
  max-height: inherit;
  padding: 0;
}
.centered-modal.wide .centered-modal-content {
  min-width: 56.25rem;
  min-height: 22.75rem;
  max-height: min(80vh, 47rem);
  width: 80vw;
}
.centered-modal.wide .centered-modal-body {
  padding: 0 3.125rem 2rem 3.125rem;
}
.centered-modal.large .centered-modal-content {
  min-width: 32rem;
  width: 80vw;
  max-height: 80vh;
}
.centered-modal.large .centered-modal-header {
  padding: 1.5rem 1.5rem 0 1.5rem;
}
.centered-modal.large .header-divider {
  border-bottom: 1px solid #eaeae9;
  padding-bottom: 1.75rem;
}
.centered-modal.large .centered-modal-body {
  overflow-y: auto;
  padding: 1.5rem 1.5rem 2.25rem 1.5rem;
}
.centered-modal.medium .centered-modal-content {
  width: 39rem;
}
.centered-modal.medium .centered-modal-header {
  padding: 2.5rem 2.5rem 0;
}
.centered-modal.medium .centered-modal-body {
  padding: 0 2.5rem 2.5rem;
}
.centered-modal.photo-preview .centered-modal-header {
  padding: 0;
}
.centered-modal.photo-preview .centered-modal-content {
  overflow-x: unset;
  max-height: unset;
  max-width: 90vw;
}
.centered-modal.small {
  font-size: unset;
}
.centered-modal.small .centered-modal-content {
  width: 27.5rem;
}
.centered-modal.small .centered-modal-header {
  padding: 1.5rem 1.5rem 0;
}
.centered-modal.small .centered-modal-body {
  padding: 0 1.5rem 1.5rem;
}
.centered-modal.document-preview .centered-modal-content {
  max-height: 90vh;
  width: 80vw;
  max-width: none;
}
.centered-modal.document-preview .centered-modal-header {
  padding-bottom: 2rem;
  border-bottom: 1px solid #d9d9d8;
}
.centered-modal.document-preview .centered-modal-body {
  flex-basis: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.centered-modal .trial-modal-header {
  position: absolute;
  padding: 0 !important;
  float: right;
  right: 1rem;
  top: 1rem;
}
.centered-modal .trial-modal {
  width: 43rem !important;
  max-height: 95vh;
}
.centered-modal.scrollable-body .centered-modal-body {
  overflow-y: auto;
}
.centered-modal.fixed-position .centered-modal-content {
  position: absolute;
  top: 7.5rem;
}
.centered-modal.project-details .centered-modal-body .modal-body-content {
  padding: 0rem 5rem;
  overflow-y: clip;
}
.centered-modal.project-details .centered-modal-body .modal-body-content.project-modal-content-wrapper {
  background-color: var(--taupe-50);
  overflow: clip;
  border-bottom: 1px solid var(--taupe-300);
}
.centered-modal.project-details .centered-modal-body .project-show {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.centered-modal.project-details .centered-modal-body .project-show > .modal-body-content.background-carbon-0 {
  flex-grow: 1;
}
@media (max-width: 680px) {
  .centered-modal.project-details .centered-modal-content, .centered-modal.project-details.large .centered-modal-content {
    width: 100%;
    height: calc(100vh - 4rem);
    position: fixed;
    top: 4rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .centered-modal.project-details div.centered-modal-body .modal-body-content {
    padding: 1.875rem 2rem;
  }
}
.centered-modal.side-header-buttons {
  background: rgba(0, 0, 0, 0.6);
}
.centered-modal.side-header-buttons .centered-modal-content {
  overflow-y: hidden;
}
.centered-modal.side-header-buttons .centered-modal-header .button-divider {
  height: 1px;
  width: 1.75rem;
  margin-left: 0.275rem;
  opacity: 0.2;
  background-color: #ffffff;
}
.centered-modal.side-header-buttons .centered-modal-header button.close-button.modal-close-button,
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons button,
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons .button {
  background-color: rgba(26, 27, 23, 0.7);
  border-color: rgba(26, 27, 23, 0.7);
  border-radius: 38px;
  flex-wrap: wrap;
  /* stylelint-disable no-descending-specificity */
}
.centered-modal.side-header-buttons .centered-modal-header button.close-button.modal-close-button i,
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons button i,
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons .button i {
  color: #ffffff;
}
.centered-modal.side-header-buttons .centered-modal-header button.close-button.modal-close-button svg path,
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons button svg path,
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons .button svg path {
  fill: #ffffff;
}
.centered-modal.side-header-buttons .centered-modal-header button.close-button.modal-close-button,
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons button,
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons .button {
  /* stylelint-enable no-descending-specificity */
}
.centered-modal.side-header-buttons .centered-modal-header button.close-button.modal-close-button {
  top: auto;
  right: unset;
  position: fixed !important;
}
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons {
  margin-top: 2.25rem;
  top: auto;
  position: fixed !important;
  z-index: 800;
  display: block !important;
}
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons button,
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons .button {
  margin: 0.5rem 0;
}
.centered-modal.side-header-buttons .centered-modal-header .nav-buttons button:disabled {
  background: #767773;
  border-color: #767773;
}
.centered-modal.side-header-buttons.small button.close-button.modal-close-button, .centered-modal.side-header-buttons.small .nav-buttons {
  left: auto !important;
  margin-left: 28.5rem;
}
.centered-modal.side-header-buttons.medium button.close-button.modal-close-button, .centered-modal.side-header-buttons.medium .nav-buttons {
  left: auto !important;
  margin-left: 40rem;
}
.centered-modal.side-header-buttons.extra-large button.close-button.modal-close-button, .centered-modal.side-header-buttons.extra-large .nav-buttons {
  left: auto !important;
  margin-left: 61rem;
}
.centered-modal.side-header-buttons.wide button.close-button.modal-close-button, .centered-modal.side-header-buttons.wide .nav-buttons {
  left: auto !important;
  margin-left: 57.25rem;
}
.centered-modal.side-header-buttons.large button.close-button.modal-close-button, .centered-modal.side-header-buttons.large .nav-buttons {
  left: auto !important;
  margin-left: 61rem;
}

.footer-modal {
  display: flex;
  position: fixed;
  bottom: -7.5rem;
  left: 0;
  right: 0;
  padding: 0 7.5rem 2rem;
  z-index: 900;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  transition: bottom 0.3s ease, visibility 0.3s ease;
}
.footer-modal.active {
  visibility: visible;
  bottom: 0rem;
}
.footer-modal .footer-modal-content {
  background-color: #fbfbfb;
  border-radius: 0.75rem;
  border: 1px solid #d9d9d8;
  overflow: hidden;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 5.25rem;
  padding: 1.25rem 2rem;
}

#side-panel .single-banner-spacing {
  padding-top: 4.5rem;
}

.side-panel {
  position: fixed;
  background: #ffffff;
  z-index: 600;
  right: 0;
  top: 0;
  width: 32.5rem;
  height: 100%;
  padding: 2rem 2.5rem;
  word-break: break-word;
  box-shadow: 0 1.25rem 3.125rem rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
  overscroll-behavior: contain;
}
.side-panel.full-page {
  width: 100%;
}

.overview .overview-chart-legend .legend-item {
  width: 0.625rem;
  height: 0.625rem;
  background-color: #83c1b1;
  border-radius: 0.125rem;
  margin-top: 0.25rem;
  margin-right: 0.5rem;
}
.overview .overview-chart-legend .legend-item.primary {
  background-color: #25856d;
}
.overview .overview-chart-legend .legend-item.large {
  width: 1rem;
  height: 1rem;
}
.overview .overview-chart-legend .legend-item.carbon-1100 {
  background-color: #1a1b17;
}
.overview .overview-chart-legend .legend-item.carbon-400 {
  background-color: #d9d9d8;
}
.overview .overview-chart-legend .legend-item.hydro-500 {
  background-color: #69bdf8;
}
.overview .overview-chart {
  position: relative;
  flex-basis: 650px;
}
.overview .overview-chart .container {
  height: 200px;
  width: 100%;
}
.overview .overview-chart .container .radius canvas {
  margin-left: -10px;
}
.overview .empty-state-container {
  max-width: 400px;
  margin-right: 100px;
}

.overview-radius {
  border: none;
}
.overview-radius .overview-chart-legend .legend-item {
  width: 0.625rem;
  height: 0.625rem;
  background-color: #83c1b1;
  border-radius: 0.125rem;
  margin-top: 0.25rem;
  margin-right: 0.5rem;
}
.overview-radius .overview-chart-legend .legend-item.primary {
  background-color: #25856d;
}
.overview-radius .overview-chart-legend .legend-item.large {
  width: 1rem;
  height: 1rem;
}
.overview-radius .overview-chart-legend .legend-item.carbon-1100 {
  background-color: #1a1b17;
}
.overview-radius .overview-chart-legend .legend-item.carbon-400 {
  background-color: #d9d9d8;
}
.overview-radius .overview-chart {
  position: relative;
  flex-basis: 650px;
}
.overview-radius .overview-chart .container {
  height: 200px;
  width: 100%;
}
.overview-radius .overview-chart .container .radius canvas {
  margin-left: -0.625rem;
}
.overview-radius .empty-state-container {
  max-width: 400px;
  margin-right: 100px;
}
.overview-radius .radius-graph-dropdown {
  float: right;
  margin-left: auto;
  margin-right: 0.625rem;
}

.pagination {
  float: right;
}
.pagination .pagination-button {
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #eaeae9;
  display: inline-block;
  font-size: 2em;
  height: 35px;
  margin: 0 5px;
  width: 35px;
}
.pagination .pagination-button:hover:not(.disabled) {
  background-color: #fbfbfb;
  cursor: pointer;
}
.pagination .pagination-button {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 0;
}
.pagination .pagination-button.disabled {
  opacity: 0.6;
}

.full-width-pagination {
  display: flex;
  justify-content: center;
  font-weight: 550;
  color: #434640;
}
.full-width-pagination a {
  color: #434640;
}
.full-width-pagination i[class*=zwicon-] {
  color: #434640;
  font-size: 1.6rem;
}
.full-width-pagination i[class*=zwicon-].disabled {
  color: #767773;
}
.full-width-pagination .page {
  line-height: 1;
  vertical-align: text-top;
  padding: 0.3125rem 0.5rem;
}
.full-width-pagination .current {
  border-radius: 4px;
  border: 1px solid #1a1b17;
  color: #1a1b17;
  padding: 0.25rem 0.5rem;
}

.no-pages .full-width-pagination {
  justify-content: flex-end;
}
.no-pages .full-width-pagination .page {
  display: none;
}
.no-pages .full-width-pagination .pagination-button {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-pages .full-width-pagination .pagination-button.prev {
  margin-right: 0.625rem;
}
.no-pages .full-width-pagination .pagination-button i[class*=zwicon-] {
  color: #080807;
}

.payouts .header-card {
  height: 100%;
  overflow: visible;
  padding: 40px 0 40px 48px;
}
.payouts .bank-card .link-connect {
  color: #434640;
  font-weight: 450;
}
.payouts .export-link {
  float: right;
  font-weight: 450;
  font-size: 16px;
  line-height: 24px;
  font-family: "Muoto", sans-serif;
}
.payouts .export-link a {
  color: #434640;
}

.pill {
  display: inline-block;
  width: fit-content;
  padding: 0.125rem 0.25rem;
  border: none;
}
.pill.radius-four {
  border-radius: 0.25rem;
}
.pill.radius-sixteen {
  border-radius: 1rem;
}
.pill.radius-thirtytwo {
  border-radius: 2rem;
}
.pill.small {
  padding: 0.125rem 0.25rem;
}
.pill.large {
  padding: 0.25rem 0.375rem;
  border-radius: 0.5rem;
}
.pill.clickable {
  cursor: pointer;
}
.pill.white {
  background-color: white;
  border: 1px solid var(--taupe-400);
  color: var(--taupe-800);
  box-shadow: 0px 0px 0px 0px;
}
.pill.white.clickable:hover {
  background-color: var(--taupe-150);
  border: 1px solid var(--taupe-400);
  color: var(--taupe-800);
  box-shadow: 0px 0px 2px 0px rgb(0, 0, 0);
}
.pill.white.clickable:active {
  box-shadow: 0px 0px 0px 0px;
}
.pill.white.inverted {
  background-color: var(--taupe-150);
  border: 1px solid var(--taupe-400);
  color: var(--taupe-800);
  font-weight: 450;
  box-shadow: 0px 0px 2px 0px rgb(0, 0, 0);
}
.pill.carbon {
  color: #434640;
  background-color: #f2f2f1;
}
.pill.carbon.clickable:hover {
  background-color: #eaeae9;
}
.pill.carbon.inverted {
  color: #fbfbfb;
  background-color: #434640;
}
.pill.carbon.inverted.clickable:hover {
  background-color: #2d302a;
}
.pill.forest {
  color: #154d3f;
  background-color: #eaf5f2;
}
.pill.forest.clickable:hover {
  background-color: #dcede9;
}
.pill.ocean {
  color: #006574;
  background-color: #d4fcf2;
}
.pill.ocean.clickable:hover {
  background-color: #b3f7e7;
}
.pill.hydro {
  color: #28485f;
  background-color: #e4f4ff;
}
.pill.hydro.clickable:hover {
  background-color: #d6eeff;
}
.pill.lavender {
  color: #3a426e;
  background-color: #f0f2ff;
}
.pill.lavender.clickable:hover {
  background-color: #e5e9ff;
}
.pill.cherry {
  color: #850362;
  background-color: #feeefe;
}
.pill.cherry.clickable:hover {
  background-color: #fde2fc;
}
.pill.ruby {
  color: #7a292a;
  background-color: #feeeef;
}
.pill.ruby.clickable:hover {
  background-color: #fde3e4;
}
.pill.solar {
  color: #4d4504;
  background-color: #fdf5b4;
}
.pill.solar.clickable:hover {
  background-color: #fbec69;
}
.pill.slate {
  background-color: #fbfbfb;
  color: #767773;
  border: 1px solid #d9d9d8;
}
.pill.dark {
  background-color: #434640;
  color: #fbfbfb;
  border: 1px solid #d9d9d8;
}
.pill span {
  font-size: 0.875rem;
  font-weight: 550;
  line-height: 1;
}
.pill.with-dot span::before {
  content: " ";
  height: 8px;
  width: 8px;
  background-color: #c1e0d8;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}
.pill.with-grey-dot span::before {
  content: " ";
  height: 8px;
  width: 8px;
  background-color: #d9d9d8;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}
.pill.announcement span {
  text-transform: uppercase;
  font-size: 0.625rem;
  line-height: 1.5rem;
  font-weight: 550;
}
.pill.primary {
  color: #25856d;
  background-color: rgba(120, 228, 176, 0.2);
}

.popover {
  display: none;
}

.popover-content {
  background: #ffffff;
  border-radius: 0.5rem;
  min-width: 300px;
  padding: 0.5rem 0rem;
}
.popover-content.no-min-width {
  min-width: unset;
}
.popover-content.no-padding {
  padding: 0;
}
.popover-content .divider {
  flex: 1;
  height: 1px;
  background: #d9d9d8;
  margin: 0.25rem 0;
}
.popover-content.small {
  max-width: 20rem;
  min-width: 10rem;
}

.popover-item {
  padding: 0.625rem 1.75rem;
  color: #5a5d57;
  font-size: 1rem;
}
.popover-item.disabled {
  background: #ffffff;
}
.popover-item.border-bottom {
  border-bottom: 1px solid #d9d9d8;
}
.popover-item:hover:not(.disabled) {
  background: #f2f2f1;
}
.popover-item:hover:not(.disabled) .pill.carbon {
  background: #eaeae9;
}
.popover-item a {
  color: #5a5d57;
}

.portfolio-detail .project-images-banner {
  display: flex;
  justify-content: space-between;
}
.portfolio-detail .project-images-banner .project-image {
  position: relative;
  height: 20rem;
  border-radius: 0.625rem;
  cursor: pointer;
  overflow: hidden;
}
.portfolio-detail .project-images-banner .project-image img {
  height: 100%;
  max-width: unset;
}
.portfolio-detail .project-images-banner .project-image .project-name {
  visibility: hidden;
  opacity: 0;
}
.portfolio-detail .project-images-banner .project-image.num-projects-2 {
  width: calc(38% - 0.375rem);
  transition: width 0.15s ease-in-out;
}
.portfolio-detail .project-images-banner .project-image.num-projects-3 {
  width: calc(19% - 0.375rem);
  transition: width 0.15s ease-in-out;
}
.portfolio-detail .project-images-banner .project-image.num-projects-4 {
  width: calc(12.66% - 0.375rem);
  transition: width 0.15s ease-in-out;
}
.portfolio-detail .project-images-banner .project-image.num-projects-5 {
  width: calc(9.5% - 0.375rem);
  transition: width 0.15s ease-in-out;
}
.portfolio-detail .project-images-banner .project-image.num-projects-6 {
  width: calc(7.6% - 0.375rem);
  transition: width 0.15s ease-in-out;
}
.portfolio-detail .project-images-banner .project-image.num-projects-7 {
  width: calc(6.33% - 0.375rem);
  transition: width 0.15s ease-in-out;
}
.portfolio-detail .project-images-banner .project-image.active {
  width: calc(62% - 0.375rem);
  transition: width 0.15s ease-in-out;
}
.portfolio-detail .project-images-banner .project-image.active .project-name {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.2s linear;
  position: absolute;
  left: 0.25rem;
  bottom: 0.25rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  color: #ffffff;
}
.portfolio-detail .project-images-banner .project-image.fullwidth {
  width: 100% !important;
}
.portfolio-detail .portfolio-detail-left {
  margin-right: 4rem;
}
.portfolio-detail .portfolio-detail-left .project-breakdown {
  margin-top: 4rem;
}
.portfolio-detail .portfolio-detail-left .project-breakdown .portfolio-item {
  padding: 1.5rem;
  border-top: 1px solid #eaeae9;
}
.portfolio-detail .portfolio-detail-left .project-breakdown .portfolio-item:last-child {
  border-bottom: 1px solid #eaeae9;
}
.portfolio-detail .portfolio-detail-left .project-breakdown .portfolio-item:nth-child(even) {
  background: #fbfbfb;
}
.portfolio-detail .portfolio-detail-left .project-breakdown .portfolio-item .portfolio-item-row-left {
  max-width: 90%;
}
.portfolio-detail .portfolio-detail-left .project-breakdown .portfolio-item .portfolio-item-project-name {
  max-width: 80%;
}
.portfolio-detail .portfolio-detail-left .project-breakdown .portfolio-item .portfolio-item-detail-separator {
  color: #d9d9d8;
  font-family: "Muoto", sans-serif;
  font-weight: 350;
  font-size: 1rem;
  margin: 0 0.875rem;
  flex-grow: 0;
}
.portfolio-detail .portfolio-detail-left .portfolio-map .mapboxgl-map {
  height: 22.5rem;
  width: 100%;
  position: relative;
}
.portfolio-detail .portfolio-detail-left .portfolio-map .mapboxgl-map .portfolio-map-popup {
  border: none;
  padding: 0;
  margin: 0;
}
.portfolio-detail .portfolio-detail-left .portfolio-map .mapboxgl-map .mapboxgl-popup-tip {
  display: none !important;
}
.portfolio-detail .portfolio-detail-left .portfolio-map .mapboxgl-map .mapboxgl-popup-content {
  min-width: 15rem;
}
.portfolio-detail .portfolio-detail-left .portfolio-highlights .highlight-card {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
}
.portfolio-detail .portfolio-detail-left .portfolio-highlights .highlight-card .icon-wrapper {
  height: 2.25rem;
  width: 2.25rem;
  padding-left: 0.25rem;
}
.portfolio-detail .portfolio-detail-left .portfolio-highlights .highlight-card .icon-wrapper .icon-container {
  height: 2.125rem;
  width: 2.125rem;
  display: flex;
  align-items: center;
  justify-items: center;
}
.portfolio-detail .portfolio-detail-left .portfolio-highlights .highlight-card .icon-wrapper svg {
  height: 1.5rem;
  width: 1.5rem;
}
.portfolio-detail .portfolio-detail-right {
  width: 25rem;
  align-self: flex-start;
  position: sticky;
  top: 5rem;
  z-index: 500;
}
.portfolio-detail .portfolio-detail-right .portfolio-purchase .purchase-card {
  border: 1px solid #d9d9d8;
  border-radius: 0.5rem;
  padding: 2rem;
}

.portfolio-detail-footer {
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #f2efe6;
}
.portfolio-detail-footer .main-content-wrapper {
  min-height: auto;
  padding-bottom: 10rem;
}
.portfolio-detail-footer .header {
  width: 90%;
}

.portfolio-info .logo {
  line-height: 0;
  width: 6.5rem;
}

.portfolio-chart-toggle > sl-icon {
  color: var(--taupe-500);
}
.portfolio-chart-toggle sl-button::part(base) {
  border-radius: 9999rem;
}
.portfolio-chart-toggle sl-button[variant=primary]::part(base) {
  background-color: var(--taupe-200);
  border: 1px solid var(--taupe-400);
  color: var(--taupe-900);
  font-weight: 450;
}
.portfolio-chart-toggle sl-button[variant=primary]:hover:not(:disabled, :active)::part(base) {
  background-color: var(--taupe-300);
}

.portfolio-card {
  min-height: 17.5rem;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.portfolio-card .portfolio-image {
  position: absolute;
  transition: transform 0.15s ease;
}
.portfolio-card .portfolio-image-kelp_1\.svg {
  height: 27rem;
  width: 27rem;
  top: -0.25rem;
  left: 4rem;
}
.portfolio-card .portfolio-image-kelp_2\.svg {
  height: 29.5rem;
  width: 29.5rem;
  top: -1rem;
  left: 2.5rem;
}
.portfolio-card .portfolio-image-biochar_2\.svg {
  height: 27.5rem;
  width: 26.5rem;
  top: -5.5rem;
  left: 6rem;
}
.portfolio-card .portfolio-image-tree_1\.svg, .portfolio-card .portfolio-image-tree_2\.svg {
  height: 22rem;
  width: 22rem;
  top: 0.25rem;
  left: 5.5rem;
}
.portfolio-card .overlay:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.portfolio-card .overlay:hover .portfolio-image {
  transform: scale(0.96);
}
.portfolio-card .overlay .logo {
  line-height: 0;
  width: 8rem;
}
.portfolio-card.image-theme-forest {
  background-color: #2b261c;
}
.portfolio-card.image-theme-forest svg.portfolio-image path {
  fill: #5b663d;
}
.portfolio-card.image-theme-orange {
  background-color: #b9400c;
}
.portfolio-card.image-theme-orange svg.portfolio-image path {
  fill: #ea642b;
}
.portfolio-card.image-theme-carbon {
  background-color: #282b24;
}
.portfolio-card.image-theme-carbon svg.portfolio-image path {
  fill: #747672;
}
.portfolio-card.image-theme-ocean {
  background-color: #187cc0;
}
.portfolio-card.image-theme-ocean svg.portfolio-image path {
  fill: #93d3ff;
}
.portfolio-card.image-theme-periwinkle {
  background-color: #435ad6;
}
.portfolio-card.image-theme-periwinkle svg.portfolio-image path {
  fill: #8e9ef5;
}
.portfolio-card .card-body {
  padding: 1.75rem 1.25rem 1.25rem 1.75rem;
  z-index: 500;
}

.progress-bar-component {
  width: 100%;
  position: relative;
  height: 0.5rem;
}
.progress-bar-component .progress-bar-static {
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  height: 0.5rem;
  background: #eaeae9;
  border-radius: 0.5rem;
}
.progress-bar-component .progress-bar-static .progress-bar-inner-static {
  height: 0.5rem;
  background: #1a1b17;
  border-radius: 0.5rem;
}
.progress-bar-component .progress-bar-fill {
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.progress-bar-component .progress-bar-fill .progress-bar-inner-fill-container {
  transition: 0.5s ease;
}
.progress-bar-component .progress-bar-fill .progress-bar-inner-fill {
  animation: progressBar 1s ease;
  animation-fill-mode: both;
  background: #1a1b17;
  border-radius: 0.5rem;
  height: 0.5rem;
}
@keyframes progressBar {
  0% {
    width: 25%;
  }
  100% {
    width: 100%;
  }
}

.progress-circle-fixed {
  width: 1rem;
  height: 1rem;
}
.progress-circle-fixed svg {
  border-radius: 50%;
  position: relative;
  transform: rotate(-90deg);
}
.progress-circle-fixed circle {
  r: 0.5rem;
  cx: 0.5rem;
  cy: 0.5rem;
  stroke-width: 4;
  fill: none;
}
.progress-circle-fixed circle.default-filled {
  stroke: var(--blue-700);
}
.progress-circle-fixed circle.default-unfilled {
  stroke: var(--blue-400);
}
.progress-circle-fixed circle.black-lavender-filled {
  stroke: #1a1b17;
}
.progress-circle-fixed circle.black-lavender-unfilled {
  stroke: #7d8feb;
}
.progress-circle-fixed circle.orange-red-filled {
  stroke: var(--orange-700);
}
.progress-circle-fixed circle.orange-red-unfilled {
  stroke: var(--orange-300);
}
.progress-circle-fixed circle.taupe-filled {
  stroke: var(--yellow-600);
}
.progress-circle-fixed circle.taupe-unfilled {
  stroke: var(--taupe-300);
}

.project-show #project-diligence p {
  margin-bottom: 0.75rem;
}
.project-show #project-diligence a:not(.button) {
  text-decoration: underline;
}
.project-show #project-diligence ul,
.project-show #project-diligence ol,
.project-show #project-diligence li {
  margin: revert;
  padding: revert;
  list-style: revert;
}
.project-show #project-diligence .ql-indent-1 {
  padding-left: 2.5rem;
}
.project-show #project-diligence .ql-indent-2 {
  padding-left: 5rem;
}
.project-show #project-diligence .ql-indent-3 {
  padding-left: 7.5rem;
}
.project-show #project-diligence .ql-indent-4 {
  padding-left: 10rem;
}
.project-show #project-diligence .ql-indent-5 {
  padding-left: 12.5rem;
}
.project-show .diligence-toggle {
  flex: 0 0 1.5em;
}
.project-show .first-column {
  flex: 2;
}
.project-show .second-column {
  flex: 1;
}
.project-show .card {
  margin-bottom: 0;
}
.project-show .taupe-project-page {
  overflow-y: clip;
  border-bottom: 1px solid var(--taupe-300);
  background: var(--taupe-50);
  padding-top: 2rem;
}
.project-show .section {
  margin-bottom: 2.25rem;
}
.project-show .section .section-header {
  margin-bottom: 1.25rem;
  color: #2d302a;
}
.project-show .section .item {
  margin-bottom: 1rem;
}
.project-show .section .item:last-child {
  margin-bottom: 0;
}
.project-show .section:last-child {
  margin-bottom: 0;
}
.project-show .grey-card {
  background-color: #fbfbfb;
  border-radius: 4px;
  border: none;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  margin-bottom: 0.625rem;
}
.project-show .grey-card.selected {
  background: #f0f2ff;
  color: #4e5892;
  border: 1px solid #4e5892;
}
.project-show .certifications .standard svg path {
  stroke: #767773;
}
.project-show .location .location-map {
  border: 1px solid var(--taupe-300);
  border-radius: 8px;
  height: 20rem;
}
.project-show .location .location-map .mapboxgl-control-container {
  display: none;
}
.project-show .disclaimers:not(:last-child) {
  margin-bottom: 0.75rem;
}
.project-show .read-more-text {
  line-height: 1.5em;
}
.project-show .read-more-text.is-collapsed {
  max-height: 7.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
@supports (-webkit-line-clamp: 5) {
  .project-show .read-more-text.is-collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: none;
  }
}
.project-show .hero-banner .grid {
  height: 20rem;
  display: grid;
  grid-template-columns: 100%;
  gap: 0.375rem;
  position: relative;
}
.project-show .hero-banner .grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.project-show .hero-banner .grid .col-all {
  grid-column: auto/span 3;
}
.project-show .hero-banner .grid .col-2 {
  grid-column: auto/span 2;
}
.project-show .hero-banner .grid .col-1 {
  grid-column: auto/span 1;
}
.project-show .hero-banner .grid .row-all {
  grid-row: auto/span 2;
}
.project-show .hero-banner .grid .row-1 {
  grid-row: auto/span 1;
}
.project-show .hero-banner .more-photos-button {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem;
  margin: 1rem;
  height: auto;
  background: rgba(26, 27, 23, 0.6);
  color: #ffffff;
}

.project-tags {
  display: flex;
  flex-wrap: wrap;
}
.project-tags .project-tag {
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  margin: 0 0.75rem 0.75rem 0;
  background: #e4f4ff;
  color: #28485f;
}
.project-tags .project-tag.with-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.project-tags .project-tag.color-recommended, .project-tags .project-tag.color-listed {
  background: #eaf5f2;
  color: #154d3f;
}
.project-tags .project-tag.color-standard {
  background: #d4fcf2;
  color: #006574;
}
.project-tags .project-tag.color-hidden {
  background: #f2f2f1;
  color: #2d302a;
}

.photo-wrapper {
  flex: 2;
  border-radius: 4px;
  clip-path: inset(0 0 0 0 round 8px);
  height: 20rem;
}

.location-wrapper {
  flex: 1;
  border-radius: 4px;
}

.project-card .name {
  font-size: 18px;
}
.project-card .hidden-text-link {
  color: #847806;
  cursor: pointer;
}
.project-card .table td {
  padding-bottom: 18px;
  padding-top: 18px;
  white-space: normal;
}
.project-card .table td p {
  display: inline-block;
}
.project-card .table tr td:first-child {
  padding-left: 0;
  color: #949592;
  font-size: 14px;
  font-weight: 450;
}
.project-card .table tr td:last-child {
  text-align: right;
}
.project-card .hidden-text-cell {
  word-break: break-all;
}

.projects .project-card {
  padding: 12px;
}
.projects .project-card:hover {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.radio-group {
  max-width: fit-content;
}
.radio-group .radio {
  width: 30%;
  height: 3em;
  margin: auto;
  margin-top: 3%;
  background-color: #fbfbfb;
  cursor: pointer;
}
.radio-group .radio:hover {
  background-color: #eaeae9;
}
.radio-group .radio.selected {
  background-color: #c1e0d8;
  color: #081e19;
  font-weight: bold;
}
.radio-group .radio.fixed {
  justify-content: center;
  padding: 0 1.2em;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  align-items: center;
  border: none;
  font-size: 1em;
}
.radio-group .radio.fixed input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio-group .radio.input {
  border-radius: 4px;
  padding: 2%;
  width: 30%;
  margin: auto;
  margin-top: 3%;
  border: 0;
}
.radio-group .radio.input.primary {
  background-color: #25856d;
}
.radio-group .radio.input .container {
  background-color: #ffffff;
}
.radio-group .radio.input .container span {
  padding: 0.3em;
}
.radio-group .radio.input .container input {
  justify-content: center;
  background-color: #ffffff;
  font-weight: bold;
}

#invite-link-modal .centered-modal-body .copy-to-clipboard .input-v2 {
  background: #f2f2f1;
  height: 3rem;
}
#invite-link-modal .centered-modal-body .copy-to-clipboard .input-v2 input::selection {
  background: none;
}
#invite-link-modal .centered-modal-body .copy-to-clipboard .input-v2 input {
  background: inherit;
}

.parent-org-logo {
  max-height: 4rem;
}
.parent-org-logo.wide {
  max-height: 2.5rem;
}
.parent-org-logo.small {
  max-height: 1.5rem;
}
.parent-org-logo.small.wide {
  max-height: 2rem;
}

.project-visibility {
  padding: 24px 3rem;
}

.radius-banner {
  background-color: #fbfbfb;
  border-bottom: 1px #eaeae9 solid;
}
.radius-banner .main-content-wrapper {
  min-height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.radius-banner .main-content-wrapper .guidelines {
  flex-direction: row;
  align-items: center;
}

.radius-settings .settings-section {
  display: flex;
  padding: 1.5rem 0;
}
.radius-settings .settings-section .section-description {
  max-width: 15rem;
  margin-right: 6rem;
}
.radius-settings .settings-section .section-content {
  width: 100%;
  max-width: 39.375rem;
}

.rating-card {
  border: 1px solid var(--taupe-300);
  background: var(--taupe-50);
  padding: 1.5rem;
  padding-top: 1rem;
  border-radius: 0.5rem;
}
.rating-card sup {
  line-height: 0;
}
.rating-card .rating-metric:nth-child(odd) {
  background-color: var(--taupe-150);
}
.rating-card .rating-metric:nth-child(even) {
  background-color: var(--taupe-50);
}

.sylvera-rating-card .subscore-rating {
  letter-spacing: 0.1em;
}

.calyx-rating-card .section-spacing {
  margin-top: 1.25rem;
}

.cds-popover__popup::part(popup) {
  z-index: 1000;
}

.ratings-trigger:hover .ratings-trigger__text {
  color: var(--taupe-900);
}
.ratings-trigger:hover .icon-circle {
  border-color: var(--taupe-300);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.ratings-hover-popup {
  width: 360px;
  max-height: 70vh;
  overflow-y: auto;
  background: white;
  border: 1px solid var(--taupe-300);
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  font-weight: normal;
}
.ratings-hover-popup .rating-card {
  border-radius: 0;
  border: none;
}

.sale-revenue-amount {
  min-width: 5rem;
}

.proposal-preview .parent-org-logo img,
.proposal-public .parent-org-logo img {
  max-height: 2rem;
}

.drawer-show.panel-header {
  background-image: url(//cdn.patch.io/assets/backgrounds/split_background_3_top-859bffb0220cd9a9545cd2852fd6d623de5f55c067fe1b0a43c8f2168133e906.jpg);
  background-size: cover;
}

.status-component {
  height: 1.5rem;
  width: fit-content;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.status-component.no-background {
  padding: 0.25rem 0rem;
  border: none;
  background: none !important;
}
.status-component.slim {
  padding: 0.125rem 0.25rem;
}
.status-component.small-icon .status-icon {
  display: flex;
  margin-right: 0.375rem;
  width: 0.375rem;
  height: 0.375rem;
}
.status-component.medium-icon .status-icon {
  display: flex;
  margin-right: 0.375rem;
  border-width: 2px;
  height: 0.625rem;
  width: 0.625rem;
}
.status-component.large-icon .status-icon {
  display: flex;
  margin-right: 0.375rem;
  border-width: 2px;
  height: 0.75rem;
  width: 0.75rem;
}
.status-component.cherry {
  background-color: #feeefe;
  color: #850362;
}
.status-component.hydro {
  background-color: #e4f4ff;
  color: #28485f;
}
.status-component.forest {
  background-color: #eaf5f2;
  color: #154d3f;
}
.status-component.ocean {
  background-color: #d4fcf2;
  color: #006574;
}
.status-component.dark {
  background-color: #434640;
  color: #fbfbfb;
}
.status-component.ruby {
  background-color: #feeeef;
  color: #7a292a;
}
.status-component.ruby-dark {
  background-color: #7a292a;
  color: #fde3e4;
}
.status-component.carbon {
  background-color: #f2f2f1;
  color: #434640;
}
.status-component.lavender {
  background-color: #f0f2ff;
  color: #3a426e;
}
.status-component.solar {
  background-color: #fdf5b4;
  color: #4d4504;
}

.seller-programs-search {
  width: 720px;
}
.seller-programs-search sl-icon {
  color: var(--taupe-600);
}
.seller-programs-search auto-complete {
  flex: 1;
  min-width: 0;
}
.seller-programs-search .input-v2.autocomplete-body {
  min-width: 400px;
}

.sdg-row {
  display: flex;
}
.sdg-row .sdg-image {
  flex: none;
}
.sdg-row img {
  border-radius: 0.25rem;
  width: 4rem;
  vertical-align: bottom;
}

.sdg-overflow-row {
  display: flex;
}
.sdg-overflow-row img {
  border-radius: 0.25rem;
  width: 2.5rem;
}
.sdg-overflow-row .sdg-remaining {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  width: 2.5rem;
  height: 2.5rem;
  background: #eaeae9;
}

.sale-actions-dropdown .dropdown-menu {
  left: unset;
  right: 0;
}
.sale-actions-dropdown .dropdown-menu .dropdown-content {
  border-radius: 5px;
  border: 1px solid #eaeae9;
  max-height: 80vh;
  overflow-y: auto;
  background-color: #ffffff;
}
.sale-actions-dropdown .dropdown-menu .dropdown-item {
  padding: 0.5rem 1.5rem;
}
.sale-actions-dropdown .dropdown-menu .dropdown-item:hover:not(.disabled) {
  background: #f2f2f1;
}
.sale-actions-dropdown .dropdown-menu .dropdown-item:hover.no-hover {
  background: inherit;
}
.sale-actions-dropdown .dropdown-menu .dropdown-item button {
  width: 100%;
  justify-content: left;
  color: #1a1b17;
}
.sale-actions-dropdown .dropdown-menu .dropdown-item .button:disabled {
  cursor: not-allowed;
  color: #767773;
}
.sale-actions-dropdown .dropdown-menu .dropdown-item i svg path {
  fill: #434640;
}

.slideshow {
  position: relative;
  background-color: #fbfbfb;
  border-radius: 8px;
  min-height: 100px;
}
.slideshow .slideshow-overlay {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  right: 1.25rem;
}
.slideshow .slideshow-photo {
  display: none;
  border-radius: 8px;
  object-fit: cover;
  width: 100%;
}
.slideshow .slideshow-photo.photo--active {
  display: block;
}
.slideshow .slideshow-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom: 0;
  cursor: pointer;
  font-size: 2em;
  opacity: 0;
  padding: 0 13px;
  position: absolute;
  top: 0;
  transition: 0.4s;
}
.slideshow .slideshow-button svg {
  color: #2d302a;
  background-color: #ffffff;
  border-radius: 50%;
  border: none;
  height: 34px;
  width: 34px;
}
.slideshow .slideshow-button.left {
  left: 0;
}
.slideshow .slideshow-button.left svg {
  padding-right: 2px;
}
.slideshow .slideshow-button.right {
  right: 0;
}
.slideshow .slideshow-button.right svg {
  padding-left: 2px;
}
.slideshow:hover .slideshow-button {
  cursor: pointer;
  opacity: 0.8;
}
@media screen and (max-width: 1000px) {
  .slideshow .slideshow-button {
    cursor: pointer;
    opacity: 0.8;
  }
}

.square-icon {
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  overflow: inherit;
}
.square-icon.small {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0px !important;
}
.square-icon.medium {
  width: 2.75rem;
  height: 2.75rem;
}
.square-icon.variant-icon {
  display: flex;
}
.square-icon.variant-date {
  padding: 0.25rem;
}
.square-icon.carbon {
  color: #1a1b17;
}
.square-icon.hydro {
  background-color: #e4f4ff;
  color: #28485f;
}
.square-icon.forest {
  background-color: #eaf5f2;
  color: #154d3f;
}
.square-icon.ruby {
  background-color: #feeeef;
  color: #7a292a;
}
.square-icon.solar {
  background-color: #fdf5b4;
  color: #4d4504;
}

.status-card {
  margin-bottom: 8px;
}
.status-card p {
  display: inline-block;
  font-family: "Muoto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 450;
  line-height: 1.5rem;
}
.status-card .progress.bar {
  height: 5px;
}

.subscription .container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .subscription .container {
    justify-content: flex-start;
  }
}
.subscription .container__element {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  margin: 0.5rem;
}
.subscription .container__element:last-child {
  margin-top: auto;
}
.subscription .card__subscription {
  padding: 1rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .subscription .card__subscription {
    padding: 0.5rem;
  }
}
.subscription .card__project {
  background-color: #f2f2f1;
  padding: 16px;
}
.subscription .card__project .row {
  border-bottom: 1px #eaeae9 solid;
  padding: 0.4em 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .subscription .card__project {
    margin-left: 2rem;
    margin-right: 2rem;
    width: auto;
    padding: 0.5rem 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .subscription .column__project_img {
    margin: 0 auto;
    max-width: 280px;
    padding-bottom: 0;
  }
}

.table-v2 {
  border-collapse: unset;
  color: #434640;
  width: 100%;
}
.table-v2 th {
  border-bottom: 1px solid #d9d9d8;
  background-color: #fbfbfb;
  color: #434640;
  font-weight: 550;
  font-size: 0.875rem;
  padding: 0.625rem 0.75rem;
  line-height: 1.25rem;
}
.table-v2 th a {
  color: #434640;
}
.table-v2 th a i {
  color: #767773;
  font-size: 1.3rem;
  vertical-align: bottom;
  line-height: 1.25rem;
}
.table-v2 th,
.table-v2 td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.table-v2 th.wrap-text,
.table-v2 td.wrap-text {
  white-space: normal;
}
.table-v2 td {
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-feature-settings: "tnum" on, "lnum" on;
}
.table-v2 td .editable {
  height: 2.5rem;
  padding: 0 0.75rem;
}
.table-v2 td .editable i.with-background {
  height: 1.5rem;
  width: 1.5rem;
}
.table-v2 td .editable {
  font-size: 0.875rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  width: fit-content;
}
.table-v2 td .editable:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #ffffff;
  border: 1px solid #d9d9d8;
}
.table-v2 td .editable.active {
  background: #f0f2ff;
  border: 1px solid #d0d8ff;
  color: #171a2b;
}
.table-v2 td .editable.active:hover {
  text-decoration: none;
}
.table-v2 td .editable.left-margin {
  margin-left: 0.2rem;
}
.table-v2 td .button.active {
  background: #f0f2ff;
  border: 1px solid #d0d8ff;
  color: #171a2b;
}
.table-v2 td .icon-button.active {
  background: #f0f2ff;
  border: 1px solid #d0d8ff;
  color: #171a2b;
}
.table-v2 td.right-aligned {
  padding-right: 0 !important;
}
.table-v2 td.right-aligned-text {
  text-align: right;
}
.table-v2 td.left-aligned {
  padding-left: 0 !important;
}
.table-v2.narrow-rows td {
  padding: 0.625rem 0.75rem;
}
.table-v2.bordered-cells th,
.table-v2.bordered-cells td {
  border: 1px solid #eaeae9;
}
.table-v2.baseline-cells td {
  vertical-align: baseline;
}
.table-v2 tr.action-row td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.table-v2.bordered-rows th.right-border {
  border-right: 1px solid #f2f2f1;
}
.table-v2.bordered-rows tr td {
  border-bottom: 1px solid #f2f2f1;
}
.table-v2.bordered-rows tr td.no-border {
  border-bottom: none;
}
.table-v2.bordered-rows tr td.right-border {
  border-right: 1px solid #f2f2f1;
}
.table-v2.bordered-rows tr:last-child td {
  border-bottom: none;
}
.table-v2.bordered-rows tr.error td {
  background: #fde3e4;
  border-bottom: 1px solid #feeeef;
}
.table-v2.bordered-rows tr.warning td {
  background: #fdf5b4;
  border-bottom: 1px solid #fefce6;
}
.table-v2.bordered-rows tr.warning td .editable {
  background: #fdf5b4;
  color: #4d4504;
}
.table-v2.bordered-rows tr.warning td .editable:hover {
  background: #f2db0c;
  border: 1px solid #f2db0c;
}
.table-v2.bordered-rows tr.info td {
  background: #d6eeff;
  border-bottom: 1px solid #e4f4ff;
}
.table-v2.bordered {
  border: 1px solid #eaeae9;
}
.table-v2.bordered > thead > tr > th {
  border-top: 0;
}
.table-v2 {
  /* stylelint-disable no-descending-specificity */
}
.table-v2:not(.without-gutters) th:first-child,
.table-v2:not(.without-gutters) td:first-child {
  padding-left: 2rem;
}
.table-v2:not(.without-gutters) th:last-child,
.table-v2:not(.without-gutters) td:last-child {
  padding-right: 2rem;
}
.table-v2 {
  /* stylelint-enable no-descending-specificity */
}
.table-v2.rounded-corners {
  border-radius: 0.5rem;
}
.table-v2.rounded-corners > thead > tr:first-child > :first-child {
  border-top-left-radius: 0.5rem;
}
.table-v2.rounded-corners > thead > tr:first-child > :last-child {
  border-top-right-radius: 0.5rem;
}
.table-v2.rounded-corners > tbody > tr:last-child > :first-child {
  border-bottom-left-radius: 0.5rem;
}
.table-v2.rounded-corners > tbody > tr:last-child > :last-child {
  border-bottom-right-radius: 0.5rem;
}
.table-v2 {
  /* stylelint-disable no-descending-specificity */
}
.table-v2.row-hover-actionable tr {
  position: relative;
}
.table-v2.row-hover-actionable .hover-action {
  position: absolute;
  top: 50%;
  right: 0;
  visibility: hidden;
  transform: translate(0, -50%);
  width: 0;
  padding: 0;
  transition: width 0.1s linear, visibility 0.1s linear;
}
.table-v2.row-hover-actionable tbody tr:hover .hover-action {
  visibility: visible;
  width: 33%;
}
.table-v2 {
  /* stylelint-enable no-descending-specificity */
}
.table-v2.row-clickable tbody tr:not(.is-selected):hover,
.table-v2.row-clickable tr.is-selected {
  cursor: pointer;
}
.table-v2.row-active tbody tr:not(.is-selected):hover {
  background-color: #fbfbfb;
}
.table-v2.row-active tr.is-selected {
  background-color: #f2f2f1;
}
.table-v2.flexible-width {
  width: auto;
}

.has-text-decoration-underlined {
  text-decoration: underline;
}

.small {
  font-size: 0.75em;
}

.primary-text {
  color: #25856d;
}

.black-text {
  color: #080807;
}

.muted {
  color: #767773;
}

.input-label-text {
  color: #1a1b17;
}

.warning-message {
  white-space: normal;
}
.warning-message .warning-exclamation {
  margin-top: 2px;
  fill: #d04647;
}

.sub-line-height-0 sub {
  line-height: 0;
}

.normal-wrap {
  white-space: normal;
}

.help-text {
  font-size: 14px;
  color: var(--taupe-700);
}

.cursor-pointer {
  cursor: pointer;
}

.highlight-carbon-200 {
  width: fit-content;
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f1;
  color: #434640;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.timeline-component {
  width: 100%;
  display: flex;
}
.timeline-component .timeline-bar {
  width: 12px;
  border-radius: 8px;
  background-color: #d9d9d8;
  position: relative;
}
.timeline-component .timeline-bar .timeline-bar-inner {
  width: 100%;
  border-radius: 8px;
  background-color: #080807;
  position: absolute;
  bottom: 0;
}
.timeline-component .timeline-bar .timeline-bar-inner.danger {
  background-color: #d04647;
}
.timeline-component .timeline-bar .milestone-marker {
  width: 8px;
  height: 8px;
  left: 2px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
}
.timeline-component .timeline-bar .milestone-marker.incomplete {
  opacity: 0.5;
}
.timeline-component .milestones {
  position: relative;
  margin-left: 24px;
  width: calc(100% - 36px);
}
.timeline-component .milestones .milestone {
  position: absolute;
}
.timeline-component .milestones .milestone .text {
  color: #1a1b17;
  line-height: 1.25rem;
}
.timeline-component .milestones .milestone .text i {
  cursor: pointer;
  margin-left: 5px;
}
.timeline-component .milestones .milestone .sub_text {
  color: #5a5d57;
  line-height: 1rem;
  margin-top: 2px;
}
.timeline-component .milestones .milestone.incomplete .text {
  color: #5a5d57;
}

.toast-container {
  display: flex;
  width: 100%;
  justify-content: center;
  position: fixed;
  bottom: 1.5rem;
  left: 0;
  z-index: 900;
  pointer-events: none;
}

.toast {
  opacity: 0;
  display: flex;
  align-items: center;
  max-width: 50%;
  pointer-events: none;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  border-radius: 1.125rem;
  box-shadow: 0 0.125rem 1rem rgba(0, 31, 30, 0.35);
  font-size: 0.875rem;
}
.toast i {
  font-size: 1.042rem;
  margin-right: 0.604rem;
}
.toast.success {
  background-color: #0f352c;
  color: #f9fcfb;
}
.toast.success i {
  color: #c1e0d8;
}
.toast.error {
  background-color: #541c1d;
  color: #fff9fa;
}
.toast.error i {
  color: #fbd0d0;
}
.toast.warning {
  background-color: #4d4504;
  color: #fefce6;
}
.toast.warning i {
  color: #f2db0c;
}
.toast.info {
  background-color: #1b3141;
  color: #f8fcff;
}
.toast.info i {
  color: #b4e0ff;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(3em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  animation: fadeInUp 0.5s;
  opacity: 1;
  pointer-events: auto;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(3em);
  }
}
.fade-out-down {
  animation: fadeOutDown 0.5s;
}

.toggle-button {
  display: flex;
  align-items: center;
  width: 100%;
}
.toggle-button input[type=checkbox] {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip-path: inset(1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}
.toggle-button input[type=checkbox] + label {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.toggle-button input[type=checkbox] + label::before,
.toggle-button input[type=checkbox] + label::after {
  content: "";
  cursor: pointer;
  position: absolute;
  transition: all 0.25s ease;
}
.toggle-button input[type=checkbox] + label::before {
  border: 1px solid #eaeae9;
  background-color: #fbfbfb;
  border-radius: 6px;
  height: 1.5rem;
  width: 2.625rem;
  left: auto;
  right: 0;
}
.toggle-button input[type=checkbox] + label::after {
  background-color: #ffffff;
  background-position: center center;
  border-radius: 4px;
  border: 1px solid #d9d9d8;
  width: 1.125rem;
  height: 1.125rem;
  right: 1.3125rem;
}
.toggle-button input[type=checkbox] + label::after:hover {
  box-shadow: 0px 1px 1px rgba(0, 12, 95, 0.1);
}
.toggle-button input[type=checkbox]:checked + label::before {
  background-color: #2d302a;
  border: 1px solid #1a1b17;
}
.toggle-button input[type=checkbox]:checked + label::after {
  right: 0.1875rem;
}
.toggle-button input[type=checkbox]:hover + label::after,
.toggle-button input[type=checkbox]:checked:hover + label::after {
  box-shadow: 0px 1px 1px rgba(0, 12, 95, 0.1);
}

.switch {
  display: flex;
  align-items: center;
  height: 3rem;
  border: 0.063rem solid #eaeae9;
  border-radius: 0.5rem;
  padding: 0.188rem;
  background-color: #fbfbfb;
}
.switch-option {
  display: flex;
  flex-grow: 1;
}
.switch input[type=radio] {
  clip-path: inset(0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
  display: none;
}
.switch label {
  cursor: pointer;
  color: #434640;
  font-size: 0.875rem;
  font-weight: 450;
  text-align: center;
  padding: 0.5rem 1rem;
  transition: all 0.1s ease-in-out;
  border-radius: 0.5rem;
  width: 100%;
}
.switch input[type=radio]:checked + label {
  background-color: #ffffff;
  color: #1a1b17;
  border: 0.063rem solid #d9d9d8;
  font-weight: 450;
  box-shadow: 0rem 0.125rem 0.25rem 0.063rem rgba(0, 0, 0, 0.05);
}
.switch input[type=radio]:disabled:not(:checked) + label {
  cursor: not-allowed;
  opacity: 0.4;
}
.switch input[type=radio]:checked:disabled + label {
  cursor: not-allowed;
  background-color: #fbfbfb;
}

.toggle-options {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #fbfbfb;
  border: 1px solid #eaeae9;
  padding: 0 0.25rem;
  border-radius: 8px;
}
.toggle-options input[type=radio] {
  clip-path: inset(0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
  display: none;
}
.toggle-options label {
  background: #fbfbfb;
  cursor: pointer;
  margin-top: 0.1875rem;
  margin-bottom: 0.1875rem;
  flex-grow: 1;
  text-align: center;
}
.toggle-options label a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
.toggle-options label a:hover {
  color: inherit;
  text-decoration: none;
}
.toggle-options label a {
  color: #767773;
  padding: 0.3125rem 1rem;
  display: block;
}
.toggle-options input[type=radio].selected + label {
  background-color: #ffffff;
  margin: 0.1875rem 0;
  border: 1px solid #d9d9d8;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.05);
}
.toggle-options input[type=radio].selected + label a {
  color: #1a1b17;
}

.tippy-box {
  font-size: 12px;
  cursor: auto;
}
.tippy-box .tooltip-header {
  font-size: 16px;
}
.tippy-box .tooltip-description {
  color: #d9d9d8;
}

a.right-shift-arrow {
  color: #25856d;
}
a.right-shift-arrow .zwicon-arrow-right {
  transition: all 0.4s cubic-bezier(0.4, 2, 0.68, 1);
}
a.right-shift-arrow:hover .zwicon-arrow-right {
  transform: translateX(4px);
}

.card-slide-right {
  animation: slide-right 0.5s;
}

.slide-on-screen-right {
  animation: slide-on-screen-right-no-opacity 0.25s;
}

@media (min-width: 680px) {
  .slide-on-screen-right-desktop {
    animation: slide-on-screen-right-no-opacity 0.15s;
  }
}

.slide-off-screen-right {
  animation: slide-off-screen-right-no-opacity 0.25s;
}

.slide-on-screen-left {
  animation: slide-on-screen-left-no-opacity 0.15s;
}

@media (min-width: 680px) {
  .slide-on-screen-left-desktop {
    animation: slide-on-screen-left-no-opacity 0.15s;
  }
}

.slide-on-screen-up {
  animation: slide-on-screen-up-no-opacity 0.15s;
}

@media (max-width: 680px) {
  .slide-on-screen-up-mobile {
    animation: slide-on-screen-up-no-opacity 0.15s;
  }
}

.card-slide-left {
  animation: slide-left 0.5s;
}

.card-slide-down {
  animation: slide-down 0.5s;
}

@keyframes slide-left {
  from {
    opacity: 0;
    transform: translateX(-6em);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-right {
  from {
    opacity: 0.2;
    transform: translateX(6em);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-on-screen-right-no-opacity {
  from {
    transform: translateX(600px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-off-screen-right-no-opacity {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(600px);
  }
}
@keyframes slide-on-screen-left-no-opacity {
  from {
    transform: translateX(-600px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-on-screen-up-no-opacity {
  from {
    transform: translateY(600px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-down {
  from {
    opacity: 0;
    transform: translateY(-3em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.tos-modal {
  overflow: hidden;
}
.tos-modal .tos-watermark {
  position: absolute;
  height: 14rem;
  width: 14rem;
  top: 4rem;
  right: -5.25rem;
}
.tos-modal .tos-watermark path {
  fill: #d9d9d8;
}
.tos-modal .tos-modal-content {
  position: relative;
  z-index: 800;
}

.wise-form .input-label {
  margin-bottom: 0.25rem;
}
.wise-form .input-error {
  margin-top: 0.25rem;
  color: #d04647;
}

ol.progress-tracker {
  display: grid;
  gap: 1.125rem;
  grid-template-columns: repeat(auto-fill, 4rem);
  list-style: none;
}

ol.progress-tracker > li.progress-item {
  padding: 1.5rem 1.5rem 1rem 0rem;
  position: relative;
  display: flex;
  flex-direction: column;
}

span.progress-circle {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.875rem;
  background-color: #f2f2f1;
  color: #767773;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Muoto", sans-serif;
  font-size: 0.5625rem;
  font-weight: 650;
  line-height: 1rem;
}

li.progress-item.is-complete span.progress-circle {
  background-color: #434640;
  color: #fbfbfb;
}

ol.progress-tracker > li.progress-item:not(:last-child):after {
  background-color: #d9d9d8;
  border-radius: 0.125rem;
  content: "";
  line-height: 1.75rem;
  width: 3.25rem;
  height: 0.125rem;
  position: absolute;
  left: 1.625rem;
  top: 2.125rem;
}

ol.progress-tracker > li.progress-item.is-complete:not(:last-child):after {
  background-color: #767773;
}

li.progress-item:not(.is-complete) span.progress-title {
  color: #767773;
}

sl-drawer.drawer::part(overlay) {
  background-color: unset;
}
sl-drawer.drawer::part(close-button) {
  font-size: 1.5rem;
  color: var(--slate-800);
}
sl-drawer.drawer::part(close-button):hover {
  color: var(--slate-800);
}
sl-drawer.drawer::part(close-button__base) {
  border-radius: 0.5rem;
  border: 1px solid var(--slate-300);
}
sl-drawer.drawer::part(close-button__base):hover, sl-drawer.drawer::part(close-button__base):active {
  color: var(--slate-800);
  border-color: var(--slate-800);
}
sl-drawer.drawer::part(close-button__base):hover {
  background-color: var(--slate-50);
}
sl-drawer.drawer::part(close-button__base):active {
  background-color: var(--slate-300);
}
sl-drawer.drawer::part(panel) {
  border-radius: 0.5rem;
  box-shadow: 0px 4px 24px 0px rgba(26, 27, 23, 0.15);
  inset: 0.75rem 0.75rem 0.75rem auto;
  height: calc(100% - 1.5rem);
}
sl-drawer.drawer::part(footer) {
  padding: 0.75rem;
  background-color: var(--taupe-50);
}
sl-drawer.drawer .drawer-footer-content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
sl-drawer.drawer .drawer-footer-content > div,
sl-drawer.drawer .drawer-footer-content > p {
  flex-basis: 100%;
  width: 100%;
  text-align: left;
  font-size: var(--sl-font-size-small);
}
sl-drawer.drawer .drawer-footer-content > * {
  flex: 1;
}

sl-drawer.no-padding {
  --body-spacing: 0px;
}

sl-drawer.size--default {
  --size: 30rem;
}
sl-drawer.size--default .half-drawer-width {
  max-width: 13.75rem;
}

sl-drawer.size--wide {
  --size: 40rem;
}

sl-drawer.drawer.bordered-header-footer::part(header) {
  border-bottom: 1px solid #eaeae9;
}
sl-drawer.drawer.bordered-header-footer::part(footer) {
  border-top: 1px solid #eaeae9;
}

sl-drawer.drawer.carbon-body::part(header) {
  border-bottom: 1px solid #eaeae9;
}
sl-drawer.drawer.carbon-body::part(body) {
  background-color: #fbfbfb;
}
sl-drawer.drawer.carbon-body::part(footer) {
  border-top: 1px solid #eaeae9;
}

.date-card-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11.25rem, calc(25% - 0.5rem)));
}

.date-card {
  display: flex;
}
.date-card .date-chip,
.date-card .detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.date-card .date-chip {
  background-color: var(--taupe-150);
  flex: 0 0 3.5rem;
  aspect-ratio: 1/1;
  align-self: flex-start;
}
.date-card .detail {
  flex-grow: 1;
  overflow: hidden;
}
.date-card .text-primary {
  color: var(--taupe-800);
}
.date-card .text-secondary {
  color: var(--taupe-700);
}
.date-card:hover .text-primary {
  color: var(--taupe-900);
}
.date-card:hover .text-secondary {
  color: var(--taupe-800);
}
.date-card:hover .date-chip {
  background-color: var(--taupe-200);
}
.date-card:active .date-chip {
  background-color: var(--taupe-400);
}

.indicative-inventory-table .mechanism-input sl-select {
  min-width: 15rem;
}
.indicative-inventory-table .amount-input sl-input {
  width: 10rem;
}
.indicative-inventory-table .price-input sl-input {
  width: 8rem;
}
.indicative-inventory-table .issuance-state-input sl-select {
  width: 12rem;
}
.indicative-inventory-table .action-row {
  background-color: white;
}

.registry-project-identifier-container {
  padding: 1.5rem 1.2rem 0.1rem;
  background: #f2f9ff;
  margin: -1.3rem -1.4rem 1rem;
  border: 1px solid hsl(207.7, 100%, 87.5%);
}

#inventory-fields.dimmed {
  opacity: 0.4;
  pointer-events: none;
}
#inventory-fields {
  transition: opacity 0.3s ease-in-out;
}

.summary-component__subline--with-badge {
  margin-top: 2px;
}

sl-card.proposal-overview-card {
  width: 100%;
}
sl-card.proposal-overview-card .card-content {
  height: 8rem;
}
sl-card.proposal-overview-card::part(base) {
  overflow: hidden;
  z-index: 1;
  position: relative;
}
sl-card.proposal-overview-card::part(base)::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  background-color: var(--taupe-300);
  mask-repeat: no-repeat;
  mask-position: 95%;
  -webkit-mask-image: url(//cdn.patch.io/assets/mesh_illustrations/tree_3-51b43ea3f13874b64bc87b72a593b7a4480b49531ce65f6b1c54452111ddda75.svg);
  mask-image: url(//cdn.patch.io/assets/mesh_illustrations/tree_3-51b43ea3f13874b64bc87b72a593b7a4480b49531ce65f6b1c54452111ddda75.svg);
}
sl-card.proposal-overview-card::part(base).z-index-zero::before {
  z-index: 0;
}
sl-card.proposal-overview-card::part(base)::before {
  width: 185px;
  height: 227px;
  left: 50%;
}
sl-card.proposal-overview-card.taupe .card-content {
  color: var(--taupe-800);
}
sl-card.proposal-overview-card.taupe::part(base) {
  background-color: var(--taupe-50);
  border-color: var(--taupe-300);
}
sl-card.proposal-overview-card.green .card-content {
  color: var(--green-800);
}
sl-card.proposal-overview-card.green .card-subheading {
  color: var(--green-700);
}
sl-card.proposal-overview-card.green .card-status {
  color: var(--green-600);
}
sl-card.proposal-overview-card.green::part(base) {
  background-color: var(--green-50);
  border-color: var(--green-300);
}
sl-card.proposal-overview-card.green::part(base)::before {
  background-color: var(--green-200);
}

#proposal-header-summary {
  transition: all 0.3s ease;
}

#proposal-header-summary.is-pinned {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 4.5rem;
  background-color: var(--taupe-50);
  border: 1px solid var(--taupe-300);
  padding: 1rem;
}
#proposal-header-summary.is-pinned div:first-child {
  margin-left: auto;
  margin-right: auto;
}

:root {
  --sticky-swap-lead: 80px;
}

sl-card.methodology-card::part(base) {
  border: none;
  border-bottom: 1px solid var(--taupe-300);
  border-radius: 0;
  background-color: var(--carbon-0);
}

.truncated-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds-tabs {
  position: relative;
}
.cds-tabs .tab-link {
  cursor: pointer;
  text-decoration: none;
  position: relative;
}
.cds-tabs .active-tab {
  color: var(--taupe-900);
  font-weight: var(--sl-font-weight-semibold);
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
  line-height: 36px;
}
.cds-tabs .active-tab::after {
  content: "";
  position: absolute;
  bottom: -1px; /* Position it to overlap with the separator line */
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--taupe-900);
  z-index: 1; /* Make sure it appears above the separator line */
}
.cds-tabs .inactive-tab {
  color: var(--taupe-600);
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
  line-height: 36px;
}
.cds-tabs .tabs-border {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--taupe-200);
}

@font-face {
  font-family: "Muoto";
  src: url(//cdn.patch.io/assets/muoto_variable-e7e932c14083939acaf1c5c99bb18cff9df3f56726ec43e6a9e1607b1e882ad9.ttf) format("woff2 supports variations"), url(//cdn.patch.io/assets/muoto_variable-e7e932c14083939acaf1c5c99bb18cff9df3f56726ec43e6a9e1607b1e882ad9.ttf) format("woff2-variations");
  font-display: swap;
  font-weight: 100 1000;
}
@font-face {
  font-family: "Muoto";
  src: url(//cdn.patch.io/assets/muoto_variable_italic-dd3d68df6e771b162f9d8aeb1d64759352eb2e347967594f698f5edfb240b555.ttf) format("woff2 supports variations"), url(//cdn.patch.io/assets/muoto_variable_italic-dd3d68df6e771b162f9d8aeb1d64759352eb2e347967594f698f5edfb240b555.ttf) format("woff2-variations");
  font-display: swap;
  font-weight: 100 1000;
  font-style: italic;
}
.font-weight-normal {
  font-weight: 350 !important;
}

.font-weight-medium {
  font-weight: 450 !important;
}

.font-weight-semibold {
  font-weight: 550 !important;
}

.font-weight-bold {
  font-weight: 650 !important;
}

.font-weight-extrabold {
  font-weight: 750 !important;
}

.font-weight-heavy {
  font-weight: 850 !important;
}

.color-carbon-0 {
  color: #ffffff !important;
}

.color-carbon-100 {
  color: #fbfbfb !important;
}

.color-carbon-200 {
  color: #f2f2f1 !important;
}

.color-carbon-300 {
  color: #eaeae9 !important;
}

.color-carbon-400 {
  color: #d9d9d8 !important;
}

.color-carbon-500 {
  color: #b4b5b3 !important;
}

.color-carbon-600 {
  color: #949592 !important;
}

.color-carbon-700 {
  color: #767773 !important;
}

.color-carbon-800 {
  color: #5a5d57 !important;
}

.color-carbon-900 {
  color: #434640 !important;
}

.color-carbon-1000 {
  color: #2d302a !important;
}

.color-carbon-1100 {
  color: #1a1b17 !important;
}

.color-carbon-1200 {
  color: #080807 !important;
}

.color-forest-100 {
  color: #f9fcfb !important;
}

.color-forest-200 {
  color: #eaf5f2 !important;
}

.color-forest-300 {
  color: #dcede9 !important;
}

.color-forest-400 {
  color: #c1e0d8 !important;
}

.color-forest-500 {
  color: #83c1b1 !important;
}

.color-forest-600 {
  color: #48a48d !important;
}

.color-forest-700 {
  color: #25856d !important;
}

.color-forest-800 {
  color: #1d6755 !important;
}

.color-forest-900 {
  color: #154d3f !important;
}

.color-forest-1000 {
  color: #0f352c !important;
}

.color-forest-1100 {
  color: #0f352c !important;
}

.color-hydro-700 {
  color: #457ca2 !important;
}

.color-hydro-900 {
  color: #28485f !important;
}

.color-hydro-1100 {
  color: #101c25 !important;
}

.color-lavender-600 {
  color: #7d8feb !important;
}

.color-lavender-800 {
  color: #4e5892 !important;
}

.color-ruby-600 {
  color: #f36869 !important;
}

.color-ruby-700 {
  color: #d04647 !important;
}

.color-ruby-800 {
  color: #a23737 !important;
}

.color-ruby-1100 {
  color: #311111 !important;
}

.color-solar-700 {
  color: #847806 !important;
}

.color-solar-1000 {
  color: #352f03 !important;
}

.color-brand-green-400 {
  color: #b1ba9a !important;
}

.color-brand-green-1000 {
  color: #2f4000 !important;
}

.color-brand-orange-600 {
  color: #ea642b !important;
}

.font-size-8 {
  font-size: 0.5rem;
}

.font-size-10 {
  font-size: 0.625rem;
}

.font-size-12 {
  font-size: 0.75rem;
}

.font-size-14 {
  font-size: 0.875rem;
}

.font-size-16 {
  font-size: 1rem;
}

.font-size-18 {
  font-size: 1.125rem;
}

.font-size-20 {
  font-size: 1.25rem;
}

.font-size-22 {
  font-size: 1.375rem;
}

.font-size-24 {
  font-size: 1.5rem;
}

.font-size-26 {
  font-size: 1.625rem;
}

.font-size-32 {
  font-size: 2rem;
}

.font-size-36 {
  font-size: 2.25rem;
}

.font-size-40 {
  font-size: 2.5rem;
}

.text-line-through {
  text-decoration-line: line-through;
}

html {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}

code[class*=language-],
pre[class*=language-] {
  color: #f8f8f2;
  background: #ffffff;
  font-family: "Courier New", ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace, monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  overflow-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*=language-] {
  overflow: auto;
  border-radius: 0.3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #1a1b17;
}

.token.punctuation {
  color: #080807;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #080807;
}

.token.boolean,
.token.number {
  color: #f36869;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #25856d;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #25856d;
}

.token.atrule,
.token.attr-value,
.token.function {
  color: #847806;
}

.token.keyword {
  color: #847806;
}

.token.regex,
.token.important {
  color: #ffd700;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

a svg {
  color: initial;
}

.hidden {
  display: none !important;
}

.show-only-when-printing {
  display: none !important;
}

.disable-pointer-events {
  pointer-events: none;
}

.bt-1-c300 {
  border-top: 1px solid #eaeae9;
}

.bb-1-c300 {
  border-bottom: 1px solid #eaeae9;
}

.br-1-c300 {
  border-right: 1px solid #eaeae9;
}

.b-1-c300 {
  border: 1px solid #eaeae9;
}

.b-radius-8 {
  border-radius: 8px;
}

.blur-7 {
  filter: blur(7px);
}

.w-full {
  width: 100% !important;
}

.w-half {
  width: 50%;
}

.h-full {
  height: 100%;
}

.h-auto {
  height: auto !important;
}

.w-1rem {
  width: 1rem;
}

.w-4rem {
  width: 4rem;
}

.w-5rem {
  width: 5rem;
  min-width: 5rem;
}

.w-10rem {
  width: 10rem;
  min-width: 10rem;
}

.h-12rem {
  height: 12rem;
}

.mh-80vh {
  max-height: 80vh;
}

.w-15rem {
  width: 15rem;
  min-width: 15rem;
}

.w-20rem {
  width: 20rem;
  min-width: 20rem;
}

.w-30rem {
  width: 30rem;
}

.mw-10rem {
  max-width: 10rem;
}

.mw-15rem {
  max-width: 15rem;
}

.mw-20rem {
  max-width: 20rem;
}

.mw-47-5rem {
  max-width: 47.5rem;
}

.is-table-layout-fixed {
  table-layout: fixed;
}

.absolutely-centered {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.is-vertical-align-top {
  vertical-align: top !important;
}

.is-flex-1 {
  flex: 1;
}

.is-flex-1-min-w-0 {
  flex: 1;
  min-width: 0;
}

.flex-grow-available-space {
  flex: 1 1 auto;
  min-width: 0;
}

.flex-basis-0 {
  flex-basis: 0;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.ml-neg-4px {
  margin-left: -0.25rem !important;
}

.mb-6px {
  margin-bottom: 0.375rem;
}

.p-2px {
  padding: 0.125rem;
}

.p-2rem {
  padding: 2rem !important;
}

.pt-2rem {
  padding-top: 2rem !important;
}

.pb-2rem {
  padding-bottom: 2rem !important;
}

.pl-2rem {
  padding-left: 2rem !important;
}

.pr-2rem {
  padding-right: 2rem !important;
}

.px-2rem {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-2rem {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-3rem {
  padding-top: 3rem !important;
}

.pb-3rem {
  padding-bottom: 3rem !important;
}

.pr-4rem {
  padding-right: 4rem !important;
}

.px-4rem {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.pt-5rem {
  padding-top: 5rem !important;
}

.mr-0-5-rem {
  margin-right: 0.5rem !important;
}

.ml-0-5-rem {
  margin-left: 0.5rem !important;
}

.mr-2rem {
  margin-right: 2rem !important;
}

.mb-2rem {
  margin-bottom: 2rem !important;
}

.my-2rem {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-2-5rem {
  margin-top: 2.5rem !important;
}

.mx-3rem {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.ml-4rem {
  margin-left: 4rem !important;
}

.mr-4rem {
  margin-right: 4rem !important;
}

.mb-4rem {
  margin-bottom: 4rem !important;
}

.mt-4rem {
  margin-top: 4rem !important;
}

.m-5rem {
  margin: 5rem !important;
}

.ml-5rem {
  margin-left: 5rem !important;
}

.mr-5rem {
  margin-right: 5rem !important;
}

.mt-5rem {
  margin-top: 5rem !important;
}

.mb-5rem {
  margin-bottom: 5rem !important;
}

.m-6rem {
  margin: 6rem !important;
}

.ml-6rem {
  margin-left: 6rem !important;
}

.mr-6rem {
  margin-right: 6rem !important;
}

.mt-6rem {
  margin-top: 6rem !important;
}

.mb-6rem {
  margin-bottom: 6rem !important;
}

/* - - - - - - - - - - - - - - -
 * We are augmenting the Bulma margin + padding helpers here in a natural way
 * for gap dimensions. Bulma has a stance of keeping the number of helper
 * classes small: https://github.com/jgthms/bulma/issues/451#issuecomment-273446608
 *
 * However, we want to use gap more often, and these gap helpers will encourage
 * us to do so.
 *
 * See discussion in https://github.com/patch-technology/patch/pull/5637#discussion_r1158656077
 * - - - - - - - - - - - - - - - */
.gy-1 {
  row-gap: 0.25rem;
}

.gy-2 {
  row-gap: 0.5rem;
}

.gy-3 {
  row-gap: 0.75rem;
}

.gy-4 {
  row-gap: 1rem;
}

.gy-5 {
  row-gap: 1.5rem;
}

.gy-6 {
  row-gap: 1.75rem;
}

.gy-7 {
  row-gap: 2rem;
}

.gy-8 {
  row-gap: 2.25rem;
}

.gy-2rem {
  row-gap: 2rem;
}

.gx-1 {
  column-gap: 0.25rem;
}

.gx-2 {
  column-gap: 0.5rem;
}

.gx-3 {
  column-gap: 0.75rem;
}

.gx-5 {
  column-gap: 1.5rem;
}

.gx-4rem {
  column-gap: 4rem;
}

.is-width-100-percent {
  width: 100% !important;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pdf .is-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.pdf .is-flex.is-flex-direction-column {
  display: block;
  width: 100%;
  margin-left: 1rem;
}
.pdf .is-flex div {
  -webkit-flex: 1;
  flex: 1;
}
.pdf .portfolio-detail .project-images-banner {
  display: block;
  height: 320px;
  overflow: hidden;
}
.pdf .portfolio-detail .project-images-banner div {
  -webkit-flex: 1;
  flex: 1;
}
.pdf .page-break {
  display: block;
  clear: both;
  break-after: always;
}
.pdf .project-show .header {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
}
.pdf h1.max-width-40rem {
  max-width: 40rem;
}

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